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

package/build/utils/string.js

@@ -1,73 +0,0 @@
-import capitalize from 'lodash/capitalize';
-import startCase from 'lodash/startCase';
-export const removePrefixFromString = (str, prefix) => {
-    if (!prefix) {
-        return str;
-    }
-    const prefixIndex = str.indexOf(prefix);
-    return str.substring(prefixIndex + prefix.length);
-};
-export const matchOccurrence = (text, search) => {
-    const regex = new RegExp(search, 'gi');
-    const matches = text.match(regex);
-    if (matches) {
-        return matches.length;
-    }
-    return 0;
-};
-export const getFirstChar = (words) => {
-    return words.reduce((accumulator, word) => {
-        accumulator.push(word[0]);
-        return accumulator;
-    }, []);
-};
-export function generateRandomString() {
-    return Math.random().toString(36).substring(2, 15);
-}
-export const generateUniqueUUID = () => {
-    var _a;
-    return ((_a = crypto === null || crypto === void 0 ? void 0 : crypto.randomUUID) === null || _a === void 0 ? void 0 : _a.call(crypto)) || generateRandomString();
-};
-export const copyText = (text) => {
-    if (navigator.clipboard) {
-        navigator.clipboard.writeText(text);
-    }
-    else {
-        const textArea = document.createElement('textarea');
-        textArea.value = text;
-        // Avoid scrolling to bottom
-        textArea.style.top = '0';
-        textArea.style.left = '0';
-        textArea.style.position = 'fixed';
-        document.body.appendChild(textArea);
-        textArea.select();
-        document.execCommand('copy');
-        textArea.remove();
-    }
-};
-export const capitalizeFirstLetter = (text) => {
-    if (typeof text !== 'string')
-        return text;
-    return text.charAt(0).toUpperCase() + text.slice(1);
-};
-export const percentageToNumber = (percentageStr) => {
-    const [number] = percentageStr.split('%');
-    return parseFloat(number) || 0;
-};
-export const maskValue = (value) => `••• ${value.slice(-4)}`;
-/**
- * Transforms a string by replacing a separator with a replacement character and applying proper case formatting
- * @param text - The string to transform
- * @param separator - The separator to replace (defaults to underscore)
- * @param replacement - The replacement character (defaults to space)
- * @returns The transformed string with proper case formatting
- */
-export const transformStringToProperCase = (text, separator = /_/g, replacement = ' ') => {
-    // Replace separator with replacement character
-    const updatedText = text.replace(separator, replacement);
-    // Apply proper case formatting
-    return startCase(updatedText);
-};
-export const capitalizeString = (text) => {
-    return capitalize(startCase(text));
-};

package/build/utils/style.js

@@ -1,95 +0,0 @@
-// Selection style constants
-export const SELECTION_COLORS = {
-    primary: '#1F88D0',
-    background: 'white',
-    border: '#F2F2F2',
-    transparent: 'transparent',
-};
-const BORDER_STYLES = {
-    thin: '0.5px',
-    thick: '1px',
-    none: '0px',
-};
-const CELL_DIMENSIONS = {
-    minHeight: '28px',
-    fullHeight: '100%',
-};
-/**
- * Generates CSS styles for table cell selection states
- *
- * @param params - Selection state parameters
- * @returns CSS-in-JS style object for the selected cell/column
- */
-export const getSelectionStyles = ({ isSelected, isCellSelected, isColumnSelected, isRowSelected, isLastRow, }) => {
-    // Early return for non-selected cells
-    if (!isSelected) {
-        return {};
-    }
-    // Row selection styles
-    if (isRowSelected) {
-        return getRowSelectionStyles();
-    }
-    // Single cell selection styles
-    if (isCellSelected && !isColumnSelected) {
-        return getSingleCellSelectionStyles();
-    }
-    // Column selection styles
-    if (isColumnSelected) {
-        return getColumnSelectionStyles(isLastRow);
-    }
-    return {};
-};
-/**
- * Returns styles for row selection
- */
-const getRowSelectionStyles = () => ({
-    backgroundColor: SELECTION_COLORS.background,
-    color: SELECTION_COLORS.primary,
-});
-/**
- * Returns styles for a single selected cell
- */
-const getSingleCellSelectionStyles = () => ({
-    border: `${BORDER_STYLES.thin} solid ${SELECTION_COLORS.primary}`,
-    backgroundColor: SELECTION_COLORS.background,
-    color: SELECTION_COLORS.primary,
-    borderRadius: '2px',
-});
-/**
- * Returns styles for column selection
- *
- * @param isLastRow - Whether this is the last row in the selection
- */
-const getColumnSelectionStyles = (isLastRow) => {
-    const borderWidth = getBorderWidthForColumn();
-    const borderBottom = getBorderBottomForColumn(isLastRow);
-    return {
-        borderWidth,
-        borderStyle: 'solid',
-        borderColor: SELECTION_COLORS.primary,
-        borderBottom,
-        height: CELL_DIMENSIONS.fullHeight,
-        minHeight: CELL_DIMENSIONS.minHeight,
-        display: 'flex',
-        alignItems: 'center',
-    };
-};
-/**
- * Calculates border width for column selection
- */
-const getBorderWidthForColumn = () => {
-    const { none, thin } = BORDER_STYLES;
-    return `${none} ${thin} ${thin} ${thin}`;
-};
-/**
- * Calculates border bottom for column selection
- */
-const getBorderBottomForColumn = (isLastRow) => {
-    return isLastRow ? `${BORDER_STYLES.thick} solid ${SELECTION_COLORS.primary}` : `${BORDER_STYLES.thin} solid ${SELECTION_COLORS.border}`;
-};
-export const getRowSelectionBorderStyles = ({ effectiveFirst, isPinnedStart, isPinnedEnd }) => ({
-    borderTop: `${BORDER_STYLES.thin} solid ${SELECTION_COLORS.primary}`,
-    borderBottom: `${BORDER_STYLES.thin} solid ${SELECTION_COLORS.primary}`,
-    borderRight: `${BORDER_STYLES.thin} solid ${isPinnedEnd ? SELECTION_COLORS.primary : 'none'}`,
-    borderLeft: `${BORDER_STYLES.thin} solid ${isPinnedStart && effectiveFirst ? SELECTION_COLORS.primary : 'transparent'}`,
-});

package/build/utils/table.js

@@ -1,230 +0,0 @@
-import { walletDetailsTableCellWidth, authenticationsTableCellWidth, authorizationTableCellWidth, chargeTableCellWidth, destinationsTableCellWidth, intentsTableCellWidth, invoicesTableCellWidth, leadsTableCellWidth, ordersTableCellWidth, payoutsTableCellWidth, protectChargesTableCellWidth, protectAuthorizationsTableCellWidth, refundTableCellWidth, tokensTableCellWidth, walletStatementTableCellWidth, topupsTableCellWidth, walletTableCellWidth, TABLE_CONTENT_ROW_HEIGHT, TABLE_LOADING_ROW_HEIGHT, TABLE_ROW_HEIGHT, merchantsTableCellWidth, terminalsTableCellWidth, APP_CODES, } from '../constants/index.js';
-export const getColumnWidthPercentage = (widthInPx, options) => {
-    const { isFirst, isLast } = options || {};
-    const paddingInPx = isFirst || isLast ? 0 : 0;
-    const widthInPercentage = ((widthInPx + paddingInPx) / 898) * 100; // 1128 is the total width of the table
-    return `${widthInPercentage}%`;
-};
-export const getCellWidth = ({ table, cellID, tableMode }) => {
-    switch (table) {
-        case 'charge':
-            return chargeTableCellWidth[cellID][tableMode];
-        case 'refund':
-            return refundTableCellWidth[cellID][tableMode];
-        case 'authorization':
-            return authorizationTableCellWidth[cellID][tableMode];
-        case 'intents':
-            return intentsTableCellWidth[cellID][tableMode];
-        case 'topups':
-            return topupsTableCellWidth[cellID][tableMode];
-        case 'destinations':
-            return destinationsTableCellWidth[cellID][tableMode];
-        case 'leads':
-            return leadsTableCellWidth[cellID][tableMode];
-        case 'orders':
-            return ordersTableCellWidth[cellID][tableMode];
-        case 'tokens':
-            return tokensTableCellWidth[cellID][tableMode];
-        case 'payouts':
-            return payoutsTableCellWidth[cellID][tableMode];
-        case 'protectCharges':
-            return protectChargesTableCellWidth[cellID][tableMode];
-        case 'protectAuthorizations':
-            return protectAuthorizationsTableCellWidth[cellID][tableMode];
-        case 'wallet':
-            return walletTableCellWidth[cellID][tableMode];
-        case 'invoices':
-            return invoicesTableCellWidth[cellID][tableMode];
-        case 'authentications':
-            return authenticationsTableCellWidth[cellID][tableMode];
-        case 'walletDetails':
-            return walletDetailsTableCellWidth[cellID][tableMode];
-        case 'walletStatement':
-            return walletStatementTableCellWidth[cellID][tableMode];
-        case 'merchants':
-            return merchantsTableCellWidth[cellID][tableMode];
-        case 'terminals':
-            return terminalsTableCellWidth[cellID][tableMode];
-        default:
-            return '100px';
-    }
-};
-export const calculateMaxAllowedRows = (isLoaded, isLoading) => {
-    let maxWindowHeight;
-    const customHeight = window.innerHeight - 24 - 88 * 3;
-    if (isLoaded) {
-        maxWindowHeight = window.innerHeight / 1.7;
-    }
-    else if (isLoading) {
-        maxWindowHeight = customHeight - 100;
-    }
-    else {
-        maxWindowHeight = customHeight - 20;
-    }
-    const rowHeight = isLoaded || isLoading ? TABLE_LOADING_ROW_HEIGHT : TABLE_CONTENT_ROW_HEIGHT;
-    return Math.floor(maxWindowHeight / rowHeight);
-};
-const maxRowsThatFit = () => {
-    const windowHeight = (window.innerHeight * 0.82) / 1.24 - TABLE_ROW_HEIGHT;
-    const contentHeight = 70;
-    return Math.floor(windowHeight / contentHeight);
-};
-export const isHeightNotFullyFilledByRows = (totalRows) => {
-    const allowedRows = maxRowsThatFit();
-    return totalRows < allowedRows + 1;
-};
-export const isTableDefaultMode = (tableMode) => {
-    return tableMode === 'default';
-};
-export const isTableSheetMode = (tableMode) => {
-    return tableMode === 'sheet';
-};
-export const isTableTextMode = (tableMode) => {
-    return tableMode === 'text';
-};
-export const getPossibleActionNavigationView = () => {
-    return {
-        charge: {
-            prefixes: ['chg_', 'payout_', 'settlement_', 'terminal_'],
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            accessor: (rowData) => {
-                var _a, _b, _c, _d;
-                return [
-                    rowData.id,
-                    (_b = (_a = rowData.capture) === null || _a === void 0 ? void 0 : _a.charge) === null || _b === void 0 ? void 0 : _b.map((charge) => charge.id),
-                    (_c = rowData.charge) === null || _c === void 0 ? void 0 : _c.id,
-                    (_d = rowData.transactions) === null || _d === void 0 ? void 0 : _d.map((transaction) => transaction.id),
-                    rowData.charge_id,
-                ];
-            },
-            label: 'Charge',
-            appCode: APP_CODES.acceptance.code,
-            serviceCode: APP_CODES.acceptance.services.charges.code,
-            icon: 'capture',
-        },
-        authorize: {
-            prefixes: ['auth_'],
-            keys: ['id', 'authorize.id', 'source.id', 'charge.source.id'],
-            label: 'Authorization',
-            appCode: APP_CODES.acceptance.code,
-            serviceCode: APP_CODES.acceptance.services.authorization.code,
-            icon: 'capture',
-        },
-        intents: {
-            prefixes: ['intent_'],
-            keys: [],
-            label: 'Intents',
-            appCode: APP_CODES.acceptance.code,
-            serviceCode: APP_CODES.acceptance.services.intents.code,
-            icon: 'capture',
-        },
-        refunds: {
-            prefixes: ['re_', 'payout_'],
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            accessor: (rowData) => {
-                var _a, _b, _c, _d;
-                return [
-                    (_b = (_a = rowData === null || rowData === void 0 ? void 0 : rowData.refunds) === null || _a === void 0 ? void 0 : _a.refund) === null || _b === void 0 ? void 0 : _b.map((refund) => refund.id),
-                    rowData === null || rowData === void 0 ? void 0 : rowData.id,
-                    ...(((_c = rowData === null || rowData === void 0 ? void 0 : rowData.refunds) === null || _c === void 0 ? void 0 : _c.length) ? [(_d = rowData === null || rowData === void 0 ? void 0 : rowData.refunds) === null || _d === void 0 ? void 0 : _d.map((refund) => refund.id)] : []),
-                ];
-            },
-            label: 'Refunds',
-            appCode: APP_CODES.acceptance.code,
-            serviceCode: APP_CODES.acceptance.services.refunds.code,
-            icon: 'refund',
-        },
-        authentication: {
-            prefixes: ['auth_payer_'],
-            keys: ['authentication.id'],
-            label: 'Authentication',
-            appCode: APP_CODES.authentication.code,
-            serviceCode: APP_CODES.authentication.services.authentication.code,
-            icon: 'capture',
-        },
-        order: {
-            prefixes: ['order_', 'ord_'],
-            keys: ['order.id'],
-            label: 'Order',
-            appCode: APP_CODES.order.code,
-            serviceCode: APP_CODES.order.services.orders.code,
-            icon: 'capture',
-        },
-        chargeFlags: {
-            prefixes: ['flag_'],
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            accessor: (rowData) => {
-                var _a, _b;
-                return (_b = (_a = rowData === null || rowData === void 0 ? void 0 : rowData.flags) === null || _a === void 0 ? void 0 : _a.flag) === null || _b === void 0 ? void 0 : _b.map((flag) => flag.id);
-            },
-            label: 'Flags',
-            appCode: APP_CODES.protect.code,
-            serviceCode: APP_CODES.protect.services.chargesFlags.code,
-            icon: 'flag',
-        },
-        authorizationFlags: {
-            prefixes: ['flag_'],
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            accessor: (rowData) => {
-                var _a, _b;
-                return (_b = (_a = rowData === null || rowData === void 0 ? void 0 : rowData.flags) === null || _a === void 0 ? void 0 : _a.flag) === null || _b === void 0 ? void 0 : _b.map((flag) => flag.id);
-            },
-            label: 'Flags',
-            appCode: APP_CODES.protect.code,
-            serviceCode: APP_CODES.protect.services.authorizationsFlags.code,
-            icon: 'flag',
-        },
-        token: {
-            prefixes: ['tok_'],
-            keys: ['source.id'],
-            label: 'Token',
-            appCode: APP_CODES.tokens.code,
-            serviceCode: APP_CODES.tokens.services.tokens.code,
-            icon: 'capture',
-        },
-        destination: {
-            prefixes: ['trf_', 'payout_'],
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            accessor: (rowData) => {
-                var _a, _b;
-                return [(_b = (_a = rowData === null || rowData === void 0 ? void 0 : rowData.destinations) === null || _a === void 0 ? void 0 : _a.destination) === null || _b === void 0 ? void 0 : _b.map((destination) => { var _a; return (_a = destination === null || destination === void 0 ? void 0 : destination.transfer) === null || _a === void 0 ? void 0 : _a.id; }), rowData === null || rowData === void 0 ? void 0 : rowData.id];
-            },
-            label: 'Destination',
-            appCode: APP_CODES.acceptance.code,
-            serviceCode: APP_CODES.acceptance.services.destinations.code,
-            icon: 'destination',
-        },
-        payout: {
-            prefixes: ['payout_'],
-            keys: ['balance.payout.id'],
-            label: 'Payout',
-            appCode: APP_CODES.payouts.code,
-            serviceCode: APP_CODES.payouts.services.payouts.code,
-            icon: 'capture',
-        },
-        settlement: {
-            prefixes: ['settlement_'],
-            keys: ['settlement.id'],
-            label: 'Settlement',
-            appCode: APP_CODES.acceptance.code,
-            serviceCode: APP_CODES.acceptance.services.settlements.code,
-            icon: 'capture',
-        },
-        intent: {
-            prefixes: ['intent_'],
-            keys: ['intent.id'],
-            label: 'Intent',
-            appCode: APP_CODES.acceptance.code,
-            serviceCode: APP_CODES.acceptance.services.intents.code,
-            icon: 'capture',
-        },
-        topup: {
-            prefixes: ['topup_'],
-            keys: ['topup.id'],
-            label: 'Topup',
-            appCode: APP_CODES.acceptance.code,
-            serviceCode: APP_CODES.acceptance.services.topups.code,
-            icon: 'capture',
-        },
-    };
-};

package/build/utils/timezone.js

@@ -1,3 +0,0 @@
-import { COUNTRIES_TIMEZONES } from '../constants/index.js';
-export const getTimezoneByCountryCode = (code) => { var _a; return (_a = COUNTRIES_TIMEZONES.find((country) => country.countryCode === code)) !== null && _a !== void 0 ? _a : COUNTRIES_TIMEZONES[0]; };
-export const getTimezoneByTimezone = (timezone) => { var _a; return (_a = COUNTRIES_TIMEZONES.find((country) => country.timezone === timezone)) !== null && _a !== void 0 ? _a : COUNTRIES_TIMEZONES[0]; };

package/build/utils/toggleOptions.js

@@ -1,10 +0,0 @@
-import { DATA_KEY, DATA_KEY_LABEL } from '../constants/index.js';
-export const getLocalizedUnitLabel = (dataKey, value) => {
-    if (value === undefined || value === null)
-        return '';
-    const unitKey = DATA_KEY_LABEL[dataKey];
-    if (dataKey === DATA_KEY.COUNT) {
-        return value === 1 ? unitKey : `${unitKey}s`;
-    }
-    return unitKey;
-};

package/build/utils/url.js

@@ -1,20 +0,0 @@
-export const openNewTab = (url, target = '_blank') => {
-    const link = document.createElement('a');
-    link.href = url;
-    link.target = target;
-    link.rel = 'noopener noreferrer';
-    link.click();
-    link.remove();
-};
-export const openUrl = (url) => {
-    const isUrl = /^https?:\/\//i.test(url);
-    if (isUrl) {
-        // Open normal URLs directly
-        window.open(url, '_blank', 'noopener,noreferrer');
-    }
-    else {
-        // Show the string in the url bar as a query param
-        const newUrl = 'about:blank?' + encodeURIComponent(url);
-        window.open(newUrl, '_blank', 'noopener,noreferrer');
-    }
-};

package/build/utils/user.js

@@ -1,7 +0,0 @@
-import startCase from 'lodash/startCase';
-export const getIdentificationTypeList = () => {
-    return ['passport', 'national_id', 'iqamah', 'civil_id'].map((type) => ({
-        id: type,
-        label: startCase(type),
-    }));
-};

package/build/utils/validation.js

@@ -1,3 +0,0 @@
-export const removeAllCharsFromNumber = (str) => {
-    return str.replace(/[^0-9]/g, '');
-};