@tap-payments/os-micro-frontend-shared 0.1.39 → 0.1.40-9.hotfix.1

package/build/components/TableCells/CustomCells/SourceMergedCell/style.js

@@ -1,95 +0,0 @@
-import { styled } from '@mui/material/styles';
-import { motion } from 'framer-motion';
-export const collapsedViewIconVariants = {
-    default: { duration: 1, type: 'tween', ease: 'easeInOut' },
-    opacity: { duration: 0.0, ease: 'linear' },
-};
-export const MultiRefundIcon = styled(motion.img)(() => ({
-    width: '14px',
-    height: '14px',
-}));
-export const RefundsCountBadge = styled(motion.span)(({ theme }) => ({
-    color: theme.palette.common.white,
-    borderRadius: theme.spacing(0.5),
-    height: '12px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    fontSize: '9.782px',
-    fontWeight: 600,
-    backgroundColor: theme.palette.secondary.main,
-}));
-export const MultiRefundContainer = styled(motion.div)(({ theme }) => ({
-    height: '16px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: `${theme.palette.secondary.main}1A`,
-    paddingInline: theme.spacing(0.5),
-    borderRadius: '56px',
-}));
-export const statusAnimation = (index, shadow, xDelta) => ({
-    start: {
-        x: index * 6,
-        transition: {
-            duration: 0.3,
-            type: 'tween',
-            ease: 'easeIn',
-        },
-    },
-    animate: {
-        x: xDelta ? index * xDelta : index * 49,
-        transition: {
-            duration: 0.3,
-            type: 'tween',
-            ease: 'easeOut',
-        },
-        boxShadow: shadow,
-    },
-});
-export const StatusIcon = styled(motion.span)(({ isTextShown, theme }) => ({
-    border: `1px solid ${theme.palette.divider}`,
-    borderRadius: '12px',
-    backgroundColor: theme.palette.background.paper,
-    paddingInline: '8px',
-    height: '24px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    minWidth: isTextShown ? 'auto' : '36px',
-}));
-export const StatusWrapper = styled(motion.div)(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    position: 'absolute',
-    minHeight: '24px',
-    cursor: 'pointer',
-    borderRadius: '16px',
-}));
-export const StatusContainer = styled(motion.div)(({ isReversed }) => ({
-    display: 'flex',
-    justifyContent: isReversed ? 'flex-end' : 'flex-start',
-    alignItems: 'center',
-    position: 'relative',
-    overflow: 'visible',
-}));
-export const SheetModeContainer = styled('div')(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    gap: '4px',
-    height: '18px',
-}));
-export const SheetModeStatusWrapper = styled('div')(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    opacity: 1,
-    border: '1px solid #F2F2F2',
-    borderRadius: '24px',
-    padding: '0px 8px',
-}));
-export const SheetModeIconContainer = styled('div')(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    opacity: 1,
-}));

package/build/components/TableCells/CustomCells/SourceMergedCell/type.d.ts

@@ -1,19 +0,0 @@
-import type React from 'react';
-import type { TableCellProps } from '@mui/material/TableCell';
-import { SourceMergedCellIcons, TableMode } from '../../../../types/index.js';
-import type { SxProps } from '@mui/material';
-export interface SourceMergedCellProps extends TableCellProps {
-    icons: {
-        key: SourceMergedCellIcons;
-        icon: React.ReactNode;
-    }[];
-    isTextShown?: boolean;
-    centerIconKey?: SourceMergedCellIcons;
-    collapsedViewIcon?: {
-        key: SourceMergedCellIcons;
-        icon: React.ReactNode;
-    };
-    isReversed?: boolean;
-    sx?: SxProps;
-    tableMode?: TableMode;
-}

package/build/components/TableCells/CustomCells/SourceMergedCell/utils.d.ts

@@ -1,12 +0,0 @@
-import { SourceMergedCellProps } from './type';
-export declare const getIconXTranslation: ({ iconsList, tableMode, centerIndex, iconIndex, }: {
-    iconsList: (SourceMergedCellProps['icons']['0'] & {
-        width: {
-            default: number;
-            text: number;
-        };
-    })[];
-    tableMode: 'text' | 'default';
-    centerIndex: number;
-    iconIndex: number;
-}) => number;

package/build/components/TableCells/CustomCells/SourceMergedCell/utils.js

@@ -1,12 +0,0 @@
-export const getIconXTranslation = ({ iconsList, tableMode, centerIndex, iconIndex, }) => {
-    const chipsGap = 4;
-    if (iconIndex === centerIndex) {
-        return 0;
-    }
-    const isIconBeforeCenterIcon = iconIndex < centerIndex;
-    const previousIcons = isIconBeforeCenterIcon ? iconsList === null || iconsList === void 0 ? void 0 : iconsList.slice(iconIndex, centerIndex) : iconsList === null || iconsList === void 0 ? void 0 : iconsList.slice(centerIndex, iconIndex);
-    const xDirection = isIconBeforeCenterIcon ? -1 : 1;
-    return (previousIcons.reduce((acc, previousIcon) => {
-        return acc + previousIcon.width[tableMode] + chipsGap;
-    }, 0) * xDirection);
-};

package/build/components/TableCells/CustomCells/TerminalsBrandCell/TerminalsBrandCell.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { TextAndLang } from '../../../../types/index.js';
-type TerminalsBrandCellProps = {
-    name: TextAndLang[];
-    icon?: React.ReactNode;
-    displayRules: {
-        showIcon: boolean;
-        showLabel: boolean;
-    };
-};
-declare const TerminalsBrandCell: (props: TerminalsBrandCellProps) => import("react/jsx-runtime").JSX.Element | null;
-export default TerminalsBrandCell;

package/build/components/TableCells/CustomCells/TerminalsBrandCell/TerminalsBrandCell.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslation } from 'react-i18next';
-import Stack from '@mui/material/Stack';
-import Typography from '@mui/material/Typography';
-import { Chip, Tooltip } from '../../../index.js';
-import { getNameText } from '../../../../utils/index.js';
-const TerminalsBrandCell = (props) => {
-    const { name, icon, displayRules } = props;
-    const { i18n } = useTranslation();
-    if (!name && !icon)
-        return null;
-    const { showIcon, showLabel } = displayRules;
-    const brandName = name ? getNameText(name, i18n.language) : '';
-    const displayLabel = showLabel && !!brandName;
-    const displayIcon = showIcon && !!icon;
-    if (!displayIcon && !displayLabel)
-        return null;
-    return (_jsxs(Stack, Object.assign({ "data-testid": "TerminalsBrandCell", direction: "row", alignItems: "center", spacing: 1, color: "text.primary" }, { children: [displayIcon && (_jsx(Chip, Object.assign({ variant: "circular", sx: { '&.CustomVariant_circular': { minWidth: 32, height: 32 } } }, { children: icon }))), displayLabel && (_jsx(Tooltip, Object.assign({ title: brandName }, { children: _jsx(Typography, Object.assign({ noWrap: true, fontSize: 12, fontWeight: 500 }, { children: brandName })) })))] })));
-};
-export default TerminalsBrandCell;

package/build/components/TableCells/CustomCells/TerminalsBrandCell/index.d.ts

@@ -1 +0,0 @@
-export { default as TerminalsBrandCell } from './TerminalsBrandCell';

package/build/components/TableCells/CustomCells/TerminalsBrandCell/index.js

@@ -1 +0,0 @@
-export { default as TerminalsBrandCell } from './TerminalsBrandCell';

package/build/components/TableCells/CustomCells/TerminalsPlatformCell/TerminalsPlatformCell.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { TextAndLang } from '../../../../types/index.js';
-type TerminalsPlatformCellProps = {
-    name: TextAndLang[];
-    icon?: React.ReactNode;
-    displayRules?: {
-        showIcon?: boolean;
-        showLabel?: boolean;
-    };
-};
-declare const _default: import("react").MemoExoticComponent<({ name, icon, displayRules }: TerminalsPlatformCellProps) => import("react/jsx-runtime").JSX.Element | null>;
-export default _default;

package/build/components/TableCells/CustomCells/TerminalsPlatformCell/TerminalsPlatformCell.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import Stack from '@mui/material/Stack';
-import Typography from '@mui/material/Typography';
-import Box from '@mui/material/Box';
-import { Chip, Tooltip } from '../../../index.js';
-import { getNameText } from '../../../../utils/index.js';
-const TerminalsPlatformCell = ({ name, icon, displayRules }) => {
-    const { i18n } = useTranslation();
-    const { showIcon = true, showLabel = true } = displayRules || {};
-    const platformName = getNameText(name, i18n.language);
-    const displayIcon = showIcon && !!icon;
-    const displayLabel = showLabel || !!platformName;
-    if (!displayIcon && !displayLabel)
-        return null;
-    return (_jsxs(Stack, Object.assign({ "data-testid": "TerminalsPlatformCell", direction: "row", alignItems: "center", spacing: 1, color: "text.primary" }, { children: [displayIcon && (_jsx(Chip, Object.assign({ variant: "circular", sx: { '&.CustomVariant_circular': { minWidth: 32, height: 32 } } }, { children: icon }))), displayLabel && (_jsx(Tooltip, Object.assign({ title: platformName }, { children: _jsx(Typography, Object.assign({ noWrap: true, fontSize: 12, fontWeight: 500 }, { children: platformName || (_jsx(Box, Object.assign({ component: "span", sx: { opacity: 0.2 } }, { children: "Unavailable" }))) })) })))] })));
-};
-export default memo(TerminalsPlatformCell);

package/build/components/TableCells/CustomCells/TerminalsPlatformCell/index.d.ts

@@ -1 +0,0 @@
-export { default as TerminalsPlatformCell } from './TerminalsPlatformCell';

package/build/components/TableCells/CustomCells/TerminalsPlatformCell/index.js

@@ -1 +0,0 @@
-export { default as TerminalsPlatformCell } from './TerminalsPlatformCell';

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/types/source.d.ts

@@ -1 +0,0 @@
-export type SourceMergedCellIcons = 'device' | 'source' | 'auth' | 'agreement' | 'customerInitiated' | 'issuer';