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

package/build/components/StatusIcons/AgreementIcon/constant.js

@@ -1,32 +0,0 @@
-import { cardIcon, agreementOrderIcon, agreementSavedCardIcon, agreementSubscriptionIcon, agreementInstallmentIcon } from '../../../constants/index.js';
-export const agreementTypes = {
-    ORDER: {
-        label: 'order',
-        icon: agreementOrderIcon,
-        color: '#5E30EB',
-    },
-    SAVED_CARD: {
-        label: 'cardAgreement',
-        icon: agreementSavedCardIcon,
-        color: '#76BB40',
-    },
-    SUBSCRIPTION: {
-        label: 'subscription',
-        icon: agreementSubscriptionIcon,
-        color: '#00C7BE',
-    },
-    INSTALLMENT: {
-        label: 'installment',
-        icon: agreementInstallmentIcon,
-        color: '#32ADE6',
-    },
-};
-export const badgesTypes = Object.assign(Object.assign({}, agreementTypes), { SAVED_TOKEN: {
-        label: 'savedToken',
-        icon: cardIcon,
-        color: '#76BB40',
-    }, COUNT: {
-        label: 'countBadge',
-        icon: 'countBadge',
-        color: '#76BB40',
-    } });

package/build/components/StatusIcons/AgreementIcon/index.js

@@ -1,3 +0,0 @@
-import AgreementIcon from './AgreementIcon';
-export * from './type';
-export default AgreementIcon;

package/build/components/StatusIcons/AgreementIcon/style.js

@@ -1,37 +0,0 @@
-import { styled } from '@mui/material';
-export const AgreementCellContainer = styled('span')(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    gap: theme.spacing(0.5),
-}));
-export const StyledAgreementCardIcon = styled('img')(() => ({
-    width: '35px',
-    height: '16px',
-    display: 'block',
-}));
-export const CardContainer = styled('span')(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    width: '14.67px',
-    height: '10px',
-}));
-export const CardImage = styled('img')(() => ({
-    maxWidth: '100%',
-    width: '100%',
-}));
-export const TextLabel = styled('span')(({ theme }) => ({
-    fontSize: '11px',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-    padding: '2px 0',
-    color: theme.palette.text.primary,
-}));
-export const BadgeTextWrapper = styled('div')(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    paddingInline: '8px',
-}));

package/build/components/StatusIcons/AgreementIcon/type.js

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

package/build/components/StatusIcons/AuthIcons/AuthIcons.js

@@ -1,45 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Tooltip from '../../Tooltip';
-import { BadgeTextWrapper, TextLabel, Wrapper } from './style';
-import { useMemo } from 'react';
-import { authenticationTypes, statusLabels } from './constants';
-import Icon from '../../Icon';
-function AuthIcons({ transactionStatus, eci, authType, isTextShown }) {
-    const statuses = useMemo(() => {
-        var _a, _b;
-        const selectedStatus = transactionStatus ? statusLabels[transactionStatus] : null;
-        const authTooltip = selectedStatus === null || selectedStatus === void 0 ? void 0 : selectedStatus.tooltip;
-        const authIcon = transactionStatus === 'AUTHENTICATED' ? null : selectedStatus === null || selectedStatus === void 0 ? void 0 : selectedStatus.icon;
-        return [
-            {
-                tooltip: authTooltip,
-                content: isTextShown ? authTooltip : authIcon,
-                type: isTextShown ? 'text' : 'icon',
-            },
-            ...(authType
-                ? [
-                    {
-                        tooltip: authType,
-                        content: isTextShown ? (_a = authenticationTypes[authType]) === null || _a === void 0 ? void 0 : _a.tooltip : (_b = authenticationTypes[authType]) === null || _b === void 0 ? void 0 : _b.icon,
-                        type: isTextShown ? 'text' : 'icon',
-                    },
-                ]
-                : []),
-            {
-                tooltip: '',
-                content: eci ? `ECI ${eci}` : '',
-                type: 'text',
-            },
-        ];
-    }, [transactionStatus, isTextShown, authType, eci]);
-    const AuthenticationStatuses = useMemo(() => statuses
-        .filter((status) => !!status.content)
-        .map((status, index) => {
-        const badgeContent = status.type === 'text' ? (_jsx(BadgeTextWrapper, Object.assign({ "data-testid": "AuthenticationCell_BadgeTextWrapper" }, { children: _jsx(TextLabel, Object.assign({ sx: {
-                    border: 'none',
-                }, "data-testid": "AuthenticationCell_TextLabel", "data-source": status.content }, { children: status.content })) }))) : (_jsx(Icon, { sx: { width: '16px', height: '16px' }, src: status.content, alt: status.tooltip }));
-        return (_jsx(Tooltip, Object.assign({ title: status.tooltip }, { children: badgeContent }), `${status.tooltip}-${index}`));
-    }), [statuses]);
-    return _jsx(Wrapper, { children: AuthenticationStatuses });
-}
-export default AuthIcons;

package/build/components/StatusIcons/AuthIcons/constants.js

@@ -1,35 +0,0 @@
-import { authenticationDeclinedIcon, authenticationFailedTableIcon, authenticationNoAuthIcon, biometricIcon, threeDSIcon } from '../../../constants/index.js';
-export const authenticationTypes = {
-    '3DS': {
-        tooltip: '3DS',
-        icon: threeDSIcon,
-        borderColor: 'rgba(31, 136, 208, 0.10)',
-    },
-    'Device Biometric': {
-        tooltip: 'Biometric',
-        icon: biometricIcon,
-        borderColor: 'rgba(31, 136, 208, 0.10)',
-    },
-    'Non-3DS': {
-        tooltip: 'Non 3DS',
-        icon: authenticationNoAuthIcon,
-        borderColor: 'rgba(31, 136, 208, 0.10)',
-    },
-};
-export const statusLabels = {
-    FAILED: {
-        tooltip: 'Failed',
-        icon: authenticationFailedTableIcon,
-        borderColor: 'rgba(255, 61, 0, 0.10)',
-    },
-    REJECTED: {
-        tooltip: 'Rejected',
-        icon: authenticationDeclinedIcon,
-        borderColor: 'rgba(255, 61, 0, 0.10)',
-    },
-    // noAuth: {
-    // 	tooltip: 'Not Authenticated',
-    // 	icon: authenticationNoAuthIcon,
-    // 	borderColor: '#F2F2F2'
-    // }
-};

package/build/components/StatusIcons/AuthIcons/index.js

@@ -1,3 +0,0 @@
-import AuthIcons from './AuthIcons';
-export * from './type';
-export default AuthIcons;

package/build/components/StatusIcons/AuthIcons/style.js

@@ -1,61 +0,0 @@
-import { styled } from '@mui/material';
-import { motion } from 'framer-motion';
-export const StyledSourceCell = styled('span')(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    gap: theme.spacing(1),
-}));
-export const StyledSourceImage = styled('img')(() => ({
-    maxWidth: '36px',
-    maxHeight: '24px',
-}));
-export const PaymentSourcesContainer = styled(motion.span, { shouldForwardProp: (prop) => prop !== 'sourcesCount' })(({ theme, sourcesCount }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    position: 'absolute',
-    minWidth: `${sourcesCount * 6 + 36}px `,
-    minHeight: '24px',
-    cursor: 'pointer',
-    backgroundColor: theme.palette.background.paper,
-    borderRadius: '16px',
-}));
-export const TextLabel = styled('span')(({ theme }) => ({
-    fontSize: '11px',
-    padding: '2px 0',
-    color: theme.palette.text.primary,
-}));
-export const BadgeTextWrapper = styled('div')(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    paddingInline: '4px',
-    textAlign: 'center',
-    width: '100%',
-}));
-export const SourceIconWrapper = styled('span')(({ theme }) => ({
-    position: 'absolute',
-    left: 0,
-    zIndex: 6,
-    border: `1px solid ${theme.palette.divider}`,
-    borderRadius: '12px',
-    backgroundColor: theme.palette.background.paper,
-    width: '36px',
-    height: '24px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-}));
-export const AuthCellContainer = styled(motion.div)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    gap: theme.spacing(1),
-}));
-export const Wrapper = styled('div')(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    gap: '4px',
-}));

package/build/components/StatusIcons/AuthIcons/type.js

@@ -1,14 +0,0 @@
-export const AuthSourceAnimation = (index, shadow, xDelta) => ({
-    start: Object.assign({ x: index * 6, transition: {
-            duration: 0.3,
-            type: 'tween',
-            ease: 'easeIn',
-        } }, (index > 0 && { opacity: 0 })),
-    animate: Object.assign({ x: xDelta ? index * xDelta : index * 39, transition: {
-            duration: 0.3,
-            type: 'tween',
-            ease: 'easeOut',
-        }, boxShadow: shadow }, (index > 0 && {
-        opacity: 1,
-    })),
-});

package/build/components/StatusIcons/AuthIcons/utils.js

@@ -1,8 +0,0 @@
-const paymentMethodMap = {
-    american_express: 'AMEX',
-    debit: 'card',
-    credit: 'card',
-};
-export const getPaymentMethodKey = (method) => {
-    return paymentMethodMap[(method === null || method === void 0 ? void 0 : method.toLowerCase()) || ''] || method;
-};

package/build/components/StatusIcons/AuthorizationAutoIcons/CaptureAutoIcon.js

@@ -1,82 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useMemo } from 'react';
-import { useTheme } from '@mui/material/styles';
-import { motion } from 'framer-motion';
-import { useTranslation } from 'react-i18next';
-import StyledBadge, { BadgeVariants } from '../../CountBadge';
-import { CaptureTextLabel } from '../../TableCells/CustomCells/style';
-import Tooltip from '../../Tooltip';
-import { capturedAuthorizeIcon, capturedIcon } from '../../../constants/index.js';
-import { formatAmount, formatAmountWithCurrency } from '../../../utils/index.js';
-import StatusChipWithCopy from '../../StatusChipWithCopy';
-import { autoIcons } from './constant';
-import { AutoIconWrapper, BalanceCellContainer, PartialIcon, PercentageContainer, PiePercentage, AutoIconImage, FullyCapturedWrapper } from './style';
-import { formatPercentage } from './utils';
-function CaptureAutoIcon({ voidPercentage, capturePercentage, captureCount, autoType, captureAmount, voidAmount, currency, isTextShown, remainingAmount, isSheetViewShown, selectionProps = {}, }) {
-    var _a, _b;
-    const isFullyUsed = Number(capturePercentage) + Number(voidPercentage) === 100 || remainingAmount <= 0;
-    const theme = useTheme();
-    const { t } = useTranslation();
-    const formattedAmount = formatAmount(remainingAmount || 0);
-    const generateAutoTooltip = useCallback((type) => {
-        return `Auto ${type} - ${currency} ${formattedAmount.integerAmount}.${formattedAmount.decimalAmount}`;
-        // if (!lastDate) return `Auto ${type}`
-        // const typeLabel = `Auto ${type} - Scheduled`
-        // const date = dayjs(lastDate).calendar(null, {
-        // 	sameDay: '[for Today at] h:mm A',
-        // 	nextDay: '[for Tomorrow at] h:mm A',
-        // 	lastDay: '[for Yesterday at] h:mm A',
-        // 	sameElse: '[for] MMM DD [at] h:mm A',
-        // 	lastWeek: '[for] MMM DD [at] h:mm A',
-        // 	nextWeek: '[for] MMM DD [at] h:mm A'
-        // })
-        // return `${typeLabel} ${date}`
-    }, [currency, formattedAmount.decimalAmount, formattedAmount.integerAmount]);
-    const generatePartialTooltip = useCallback((type) => {
-        const amount = type === 'Capture' ? captureAmount : voidAmount;
-        const { integerAmount, decimalAmount } = formatAmountWithCurrency(amount, currency);
-        return `Partial ${type} - ${currency} ${integerAmount}.${decimalAmount}`;
-    }, [captureAmount, voidAmount, currency]);
-    const autoCaptureStatus = capturePercentage > 0 ? (_jsx(Tooltip, Object.assign({ title: generatePartialTooltip('Capture') }, { children: _jsxs(BalanceCellContainer, Object.assign({ isCapture: true, isFullyUsed: isFullyUsed, whileHover: ['animate', 'fadeIn'], animate: "start", variants: {
-                animate: {
-                    boxShadow: theme.shadows[4],
-                },
-            } }, { children: [_jsx(PartialIcon, { src: capturedAuthorizeIcon, alt: "captured" }), _jsxs(motion.div, Object.assign({ style: {
-                        display: 'none',
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                        gap: '4px',
-                    }, initial: { width: 0, opacity: 0 }, transition: {
-                        animate: {
-                            duration: 0.5,
-                        },
-                        fadeIn: {
-                            duration: 0.2,
-                        },
-                    }, variants: {
-                        animate: {
-                            width: 'auto',
-                            display: 'flex',
-                        },
-                        fadeIn: {
-                            transition: {
-                                delay: 0.5,
-                            },
-                            opacity: 1,
-                        },
-                    } }, { children: [_jsxs(PercentageContainer, Object.assign({ isCapture: true, percentage: capturePercentage }, { children: [capturePercentage, "% ", _jsx(PiePercentage, { isCapture: true, percentage: formatPercentage(capturePercentage) })] })), captureCount > 1 && (_jsxs(StyledBadge, Object.assign({ compact: true, variant: BadgeVariants.DARK }, { children: [captureCount, "x"] })))] }))] })) }))) : autoType === 'CAPTURED' && !isFullyUsed ? (_jsx(Tooltip, Object.assign({ title: generateAutoTooltip('Capture') }, { children: _jsx(AutoIconWrapper, { children: _jsx(AutoIconImage, { src: (_a = autoIcons.CAPTURED) === null || _a === void 0 ? void 0 : _a.icon, alt: "auto" }) }) }))) : (_jsx(Tooltip, Object.assign({ title: generateAutoTooltip('Capture') }, { children: _jsx(AutoIconWrapper, { children: _jsx(AutoIconImage, { src: (_b = autoIcons.CAPTURED) === null || _b === void 0 ? void 0 : _b.icon, alt: "auto" }) }) })));
-    const captureStatus = capturePercentage === 100 ? (_jsx(Tooltip, Object.assign({ title: t('captured') }, { children: _jsx(FullyCapturedWrapper, { children: _jsx(AutoIconImage, { src: capturedIcon, alt: "captured" }) }) }))) : (autoCaptureStatus);
-    const captureContent = useMemo(() => {
-        if (isSheetViewShown && captureStatus) {
-            return (_jsx(StatusChipWithCopy, Object.assign({ chipIndex: 4, copyText: t('captured'), selectionProps: selectionProps }, { children: t('captured') })));
-        }
-        if (isTextShown && captureStatus) {
-            return _jsx(CaptureTextLabel, { children: t('captured') });
-        }
-        return captureStatus;
-    }, [isTextShown, captureStatus, isSheetViewShown, selectionProps]);
-    return (captureContent && (_jsx("div", Object.assign({ style: {
-            zIndex: 12,
-        } }, { children: captureContent }))));
-}
-export default CaptureAutoIcon;

package/build/components/StatusIcons/AuthorizationAutoIcons/VoidAutoIcon.js

@@ -1,85 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useMemo } from 'react';
-import { useTheme } from '@mui/material/styles';
-import { motion } from 'framer-motion';
-import { useTranslation } from 'react-i18next';
-import StyledBadge, { BadgeVariants } from '../../CountBadge';
-import { VoidTextLabel } from '../../TableCells/CustomCells/style';
-import StatusChipWithCopy from '../../StatusChipWithCopy';
-import Tooltip from '../../Tooltip';
-import { voidedIcon } from '../../../constants/index.js';
-import { formatAmount, formatAmountWithCurrency } from '../../../utils/index.js';
-import { autoIcons } from './constant';
-import { AutoIconWrapper, BalanceCellContainer, PercentageContainer, PiePercentage, AutoIconImage } from './style';
-import { formatPercentage } from './utils';
-function VoidAutoIcon({ voidPercentage, capturePercentage, voidCount, autoType, captureAmount, voidAmount, currency, isTextShown, isSheetViewShown, selectionProps = {}, remainingAmount, }) {
-    var _a;
-    const isFullyUsed = Number(capturePercentage) + Number(voidPercentage) === 100 || remainingAmount <= 0;
-    const theme = useTheme();
-    const { t } = useTranslation();
-    const formattedAmount = formatAmount(remainingAmount || 0);
-    const generateAutoTooltip = useCallback((type) => {
-        return `Auto ${type} - ${currency} ${formattedAmount.integerAmount}.${formattedAmount.decimalAmount}`;
-        // if (!lastDate) return `Auto ${type}`
-        // const typeLabel = `Auto ${type} - Scheduled`
-        // const date = dayjs(lastDate).calendar(null, {
-        // 	sameDay: '[for Today at] h:mm A',
-        // 	nextDay: '[for Tomorrow at] h:mm A',
-        // 	lastDay: '[for Yesterday at] h:mm A',
-        // 	sameElse: '[for] MMM DD [at] h:mm A',
-        // 	lastWeek: '[for] MMM DD [at] h:mm A',
-        // 	nextWeek: '[for] MMM DD [at] h:mm A'
-        // })
-        // return `${typeLabel} ${date}`
-    }, [currency, formattedAmount.decimalAmount, formattedAmount.integerAmount]);
-    const generatePartialTooltip = useCallback((type) => {
-        const amount = type === 'Capture' ? captureAmount : voidAmount;
-        const { integerAmount, decimalAmount } = formatAmountWithCurrency(amount, currency);
-        return `Partial ${type} - ${currency} ${integerAmount}.${decimalAmount}`;
-    }, [captureAmount, voidAmount, currency]);
-    const autoVoidStatus = voidPercentage > 1 ? (_jsx(Tooltip, Object.assign({ title: generatePartialTooltip('Void') }, { children: _jsxs(BalanceCellContainer, Object.assign({ whileHover: ['animate', 'fadeIn'], animate: "start", sx: {
-                zIndex: 14,
-                background: theme.palette.common.white,
-                border: `0.75px solid ${theme.palette.grey[600]}1A`,
-            }, variants: {
-                animate: {
-                    boxShadow: theme.shadows[4],
-                },
-            } }, { children: [_jsxs(PercentageContainer, Object.assign({ percentage: voidPercentage }, { children: [voidPercentage, "% ", _jsx(PiePercentage, { percentage: formatPercentage(voidPercentage) })] })), voidCount > 0 && (_jsx(motion.div, Object.assign({ style: {
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                        gap: '4px',
-                        width: 0,
-                        display: 'none',
-                    }, initial: { width: 0, opacity: 0 }, transition: {
-                        animate: {
-                            duration: 0.5,
-                        },
-                        fadeIn: {
-                            duration: 0.2,
-                        },
-                    }, variants: {
-                        animate: {
-                            width: 'auto',
-                            display: 'flex',
-                        },
-                        fadeIn: {
-                            transition: {
-                                delay: 0.5,
-                            },
-                            opacity: 1,
-                        },
-                    } }, { children: _jsxs(StyledBadge, Object.assign({ compact: true, variant: BadgeVariants.NEUTRAL }, { children: [voidCount, "x"] })) })))] })) }))) : autoType === 'VOID' && !isFullyUsed ? (_jsx(Tooltip, Object.assign({ title: generateAutoTooltip('Void') }, { children: _jsx(AutoIconWrapper, { children: _jsx(AutoIconImage, { src: (_a = autoIcons.VOID) === null || _a === void 0 ? void 0 : _a.icon, alt: "auto" }) }) }))) : null;
-    const voidStatus = voidPercentage === 100 ? (_jsx(Tooltip, Object.assign({ title: t('void') }, { children: _jsx(AutoIconWrapper, { children: _jsx(AutoIconImage, { src: voidedIcon, alt: "void" }) }) }))) : (autoVoidStatus);
-    const voidContent = useMemo(() => {
-        if (isSheetViewShown && voidStatus) {
-            return (_jsx(StatusChipWithCopy, Object.assign({ chipIndex: 5, copyText: t('void'), selectionProps: selectionProps }, { children: t('void') })));
-        }
-        if (isTextShown && voidStatus) {
-            return _jsx(VoidTextLabel, { children: t('void') });
-        }
-        return voidStatus;
-    }, [isTextShown, voidStatus, isSheetViewShown, selectionProps]);
-    return voidContent ? _jsx("div", Object.assign({ style: Object.assign({}, (!isSheetViewShown && { zIndex: 11 })) }, { children: voidContent })) : null;
-}
-export default VoidAutoIcon;

package/build/components/StatusIcons/AuthorizationAutoIcons/constant.js

@@ -1,5 +0,0 @@
-import { autoCapturedIcon, autoVoidIcon } from '../../../constants/index.js';
-export const autoIcons = {
-    VOID: { icon: autoVoidIcon },
-    CAPTURED: { icon: autoCapturedIcon },
-};

package/build/components/StatusIcons/AuthorizationAutoIcons/index.js

@@ -1,4 +0,0 @@
-import CaptureAutoIcon from './CaptureAutoIcon';
-import VoidAutoIcon from './VoidAutoIcon';
-export { VoidAutoIcon };
-export default CaptureAutoIcon;

package/build/components/StatusIcons/AuthorizationAutoIcons/style.js

@@ -1,58 +0,0 @@
-import { styled } from '@mui/material/styles';
-import { motion } from 'framer-motion';
-import { StatusIconWrapper } from '../../TableCells/CustomCells/style';
-import { Box } from '@mui/material';
-export const BalanceCellContainer = styled(motion.div)(({ theme, isCapture }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    gap: theme.spacing(0.5),
-    paddingInline: theme.spacing(0.3),
-    paddingBlock: theme.spacing(0.3),
-    height: '100%',
-    minWidth: '100%',
-    backgroundColor: isCapture ? `#eaf3fb` : `#eeeeee`,
-    borderRadius: '56px',
-    width: 'fit-content',
-    fontSize: '10px',
-    color: theme.palette.text.primary,
-    position: 'relative',
-    zIndex: 10,
-}));
-export const PercentageContainer = styled('div')(({ theme, percentage, isCapture }) => ({
-    border: `0.6px ${[0, 100].includes(percentage) ? 'solid' : 'dashed'} ${isCapture ? theme.palette.info.dark : '#656565'}`,
-    borderRadius: '80px',
-    padding: theme.spacing(0.316),
-    paddingLeft: theme.spacing(0.516),
-    fontSize: '7px',
-    fontWeight: theme.typography.fontWeightBold,
-    color: isCapture ? theme.palette.info.dark : '#656565',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    gap: theme.spacing(0.5),
-}));
-export const PiePercentage = styled('div')(({ percentage, isCapture, theme }) => ({
-    background: `conic-gradient(${isCapture ? theme.palette.info.dark : '#656565'} ${percentage}%, transparent 0.00%)`,
-    borderRadius: '50%',
-    width: '8.333px',
-    height: '8.333px',
-    border: `0.6px solid ${isCapture ? theme.palette.info.dark : '#656565'}`,
-}));
-export const PartialIcon = styled('img')({
-    width: '14px',
-    height: '14px',
-});
-export const AutoIconWrapper = styled(StatusIconWrapper)({
-    width: '16px',
-    height: '16px',
-});
-export const AutoIconImage = styled('img')({
-    width: '16px',
-    height: '16px',
-});
-export const FullyCapturedWrapper = styled(Box)({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-});

package/build/components/StatusIcons/AuthorizationAutoIcons/type.js

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

package/build/components/StatusIcons/AuthorizationAutoIcons/utils.js

@@ -1,9 +0,0 @@
-export function formatPercentage(percentage) {
-    if (percentage < 5) {
-        return 5;
-    }
-    if (percentage === 100) {
-        return 95;
-    }
-    return percentage;
-}

package/build/components/StatusIcons/AuthorizedIcon/AuthorizedIcon.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useTheme } from '@mui/material/styles';
-import camelCase from 'lodash/camelCase';
-import { useTranslation } from 'react-i18next';
-import Tooltip from '../../Tooltip';
-import { authorizedStatusIcons } from '../../TableCells/CustomCells/StatusCell/constant';
-import Icon from '../../Icon';
-import { TextLabel } from '../../TableCells/CustomCells/style';
-import StatusChipWithCopy from '../../StatusChipWithCopy';
-export const AuthorizedIcon = ({ authorizedStatus, isTextShown, iconStyles, tableMode, chipIndex = 0, selectionProps = {} }) => {
-    const { t } = useTranslation();
-    const theme = useTheme();
-    const status = t(camelCase(authorizedStatus));
-    if (tableMode === 'sheet') {
-        return (_jsx(StatusChipWithCopy, Object.assign({ copyText: status, chipIndex: chipIndex, selectionProps: selectionProps }, { children: status })));
-    }
-    return (_jsx(Tooltip, Object.assign({ title: status }, { children: isTextShown ? (_jsx(TextLabel, Object.assign({ "data-testid": "StatusCell_AuthorizedStatusLabel", sx: {
-                color: theme.palette.info.dark,
-            } }, { children: status }))) : (_jsx(Icon, { src: authorizedStatusIcons[authorizedStatus], alt: "authorized-icon", "data-testid": "StatusCell_AuthorizedStatusIcon", sx: iconStyles })) })));
-};

package/build/components/StatusIcons/AuthorizedIcon/index.js

@@ -1 +0,0 @@
-export * from './AuthorizedIcon';

package/build/components/StatusIcons/ChargeStatusIcon/ChargeStatusIcon.js

@@ -1,58 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTheme } from '@mui/material/styles';
-import camelCase from 'lodash/camelCase';
-import { useTranslation } from 'react-i18next';
-import Tooltip from '../../Tooltip';
-import { unCapturedStatuses } from '../../../constants/index.js';
-import StatusChipWithCopy from '../../StatusChipWithCopy';
-import { capturedStatusesStyles, unCapturedStatusesStyles, statusIcons } from '../../TableCells/CustomCells/StatusCell/constant';
-import { StatusIcon, StatusIconWrapper, TextLabel } from '../../TableCells/CustomCells/style';
-import { AcquirerContainerAnimationVariants, ErrorCodeLabel, ErrorCodeLabelAnimationVariants, ErrorCodeVariants, ErrorCodeWrapper, GateWayIcon, GatewayIconWrapper, GatewayIconWrapperAnimationTransition, GatewaysContainer, GatewaysContainerAnimationVariants, StatusTextLabel, UnCapturedBadge, UnCapturedContainer, errorCodeLabelAnimation, TextViewWrapper, } from './style';
-export function ChargeStatusIcon({ chargeStatus, gatewayTooltip, acquirerTooltip, chargeTooltip, errorCode, isTextShown, gatewayCode, acquirerCode, unCapturedStyles, iconStyles, iconWrapperStyles, gatewayIconWrapperStyles, gatewayContainerStyles, gateWayIconStyles, showBadge = true, isSheetViewShown = false, selectionProps = {}, chipIndex = 0, }) {
-    const unCapturedStatusStyle = chargeStatus ? unCapturedStatusesStyles[chargeStatus] : null;
-    const captureStatusStyle = chargeStatus ? capturedStatusesStyles[chargeStatus] : null;
-    const theme = useTheme();
-    const { t } = useTranslation();
-    const chargeTooltipTitle = chargeTooltip && (_jsx(_Fragment, { children: _jsx("div", { children: chargeTooltip }) }));
-    const acquirerTooltipTitle = acquirerTooltip && (_jsxs(_Fragment, { children: [_jsx("div", { children: "Acquirer" }), _jsx("div", { children: acquirerTooltip })] }));
-    const gatewayTooltipTitle = gatewayTooltip && (_jsxs(_Fragment, { children: [_jsx("div", { children: "Gateway" }), _jsx("div", { children: gatewayTooltip })] }));
-    const chargeIcon = chargeStatus && statusIcons[chargeStatus] && (_jsx("div", Object.assign({ "data-testid": "ChargeStatusIcon_ChargeIcon", style: Object.assign({ display: 'flex', alignItems: 'center', justifyContent: 'center', width: '16px', height: '16px', borderRadius: unCapturedStatusStyle ? '50%' : '' }, iconWrapperStyles) }, { children: _jsx(StatusIcon, { src: statusIcons[chargeStatus], alt: "charge-icon", "data-testid": "ChargeStatusIcon_StatusIcon", style: Object.assign({ borderRadius: unCapturedStatusStyle ? '50%' : '', width: '16px', height: '16px' }, iconStyles) }) })));
-    if (isSheetViewShown) {
-        return (_jsxs(TextViewWrapper, { children: [_jsxs(StatusChipWithCopy, Object.assign({ copyText: t(camelCase(chargeStatus)), chipIndex: chipIndex, selectionProps: selectionProps }, { children: [t(camelCase(chargeStatus)), " ", errorCode] })), unCapturedStatusStyle && (_jsxs(_Fragment, { children: [gatewayCode && (_jsxs(StatusChipWithCopy, Object.assign({ copyText: "Gateway", chipIndex: 1, selectionProps: selectionProps }, { children: ["Gateway ", gatewayCode] }))), acquirerCode && (_jsxs(StatusChipWithCopy, Object.assign({ copyText: "Acquirer", chipIndex: 2, selectionProps: selectionProps }, { children: ["Acquirer ", acquirerCode] })))] }))] }));
-    }
-    if (isTextShown) {
-        return (_jsxs(TextViewWrapper, { children: [_jsx(Tooltip, Object.assign({ title: chargeTooltipTitle }, { children: _jsxs(StatusTextLabel, Object.assign({ "data-testid": "ChargeStatusIcon_isTextShown", "data-status": camelCase(chargeStatus), sx: {
-                            background: (unCapturedStatusStyle === null || unCapturedStatusStyle === void 0 ? void 0 : unCapturedStatusStyle.background) || (captureStatusStyle === null || captureStatusStyle === void 0 ? void 0 : captureStatusStyle.background) || 'transparent',
-                            color: (unCapturedStatusStyle === null || unCapturedStatusStyle === void 0 ? void 0 : unCapturedStatusStyle.color) || (captureStatusStyle === null || captureStatusStyle === void 0 ? void 0 : captureStatusStyle.color) || theme.palette.info.dark,
-                            borderColor: `${(unCapturedStatusStyle === null || unCapturedStatusStyle === void 0 ? void 0 : unCapturedStatusStyle.color) || (captureStatusStyle === null || captureStatusStyle === void 0 ? void 0 : captureStatusStyle.color) || theme.palette.info.dark}1A`,
-                        } }, { children: [t(camelCase(chargeStatus)), " ", errorCode] })) })), unCapturedStatusStyle && (_jsxs(_Fragment, { children: [gatewayCode && (_jsx(Tooltip, Object.assign({ title: gatewayTooltipTitle }, { children: _jsxs(TextLabel, Object.assign({ "data-testid": "ChargeStatusIcon_isTextShown", "data-status": camelCase(chargeStatus), sx: {
-                                    background: (unCapturedStatusStyle === null || unCapturedStatusStyle === void 0 ? void 0 : unCapturedStatusStyle.background) || (captureStatusStyle === null || captureStatusStyle === void 0 ? void 0 : captureStatusStyle.background) || 'transparent',
-                                    color: (unCapturedStatusStyle === null || unCapturedStatusStyle === void 0 ? void 0 : unCapturedStatusStyle.color) || (captureStatusStyle === null || captureStatusStyle === void 0 ? void 0 : captureStatusStyle.color) || theme.palette.info.dark,
-                                } }, { children: ["Gateway ", gatewayCode] })) }))), acquirerCode && (_jsx(Tooltip, Object.assign({ title: acquirerTooltipTitle }, { children: _jsxs(TextLabel, Object.assign({ "data-testid": "ChargeStatusIcon_isTextShown", "data-status": camelCase(chargeStatus), sx: {
-                                    background: (unCapturedStatusStyle === null || unCapturedStatusStyle === void 0 ? void 0 : unCapturedStatusStyle.background) || (captureStatusStyle === null || captureStatusStyle === void 0 ? void 0 : captureStatusStyle.background) || 'transparent',
-                                    color: (unCapturedStatusStyle === null || unCapturedStatusStyle === void 0 ? void 0 : unCapturedStatusStyle.color) || (captureStatusStyle === null || captureStatusStyle === void 0 ? void 0 : captureStatusStyle.color) || theme.palette.info.dark,
-                                } }, { children: ["Acquirer ", acquirerCode] })) })))] }))] }));
-    }
-    return (_jsx(StatusIconWrapper, Object.assign({ "data-testid": "ChargeStatusIcon_StatusIconWrapper", style: Object.assign({}, iconWrapperStyles) }, { children: (unCapturedStatuses === null || unCapturedStatuses === void 0 ? void 0 : unCapturedStatuses.includes(chargeStatus || '')) && (chargeTooltipTitle || acquirerTooltipTitle || gatewayTooltipTitle) ? (_jsxs(UnCapturedContainer, Object.assign({ "data-testid": "ChargeStatusIcon_UnCapturedContainer", whileHover: ['animate', 'fadeIn'], style: Object.assign(Object.assign({ left: '0' }, (showBadge && {
-                paddingInline: '12px',
-                border: '1px solid #F2F2F2',
-                borderRadius: '12px',
-                backgroundColor: '#fff',
-            })), unCapturedStyles) }, { children: [_jsx(UnCapturedBadge, Object.assign({ "data-testid": "ChargeStatusIcon_UnCapturedBadge", sx: {
-                        borderRadius: '56px',
-                    }, initial: {
-                        background: 'transparent',
-                    }, variants: {
-                        animate: {
-                            background: unCapturedStatusStyle === null || unCapturedStatusStyle === void 0 ? void 0 : unCapturedStatusStyle.background,
-                        },
-                    } }, { children: _jsx(Tooltip, Object.assign({ title: chargeTooltipTitle !== null && chargeTooltipTitle !== void 0 ? chargeTooltipTitle : t(camelCase(chargeStatus)) }, { children: _jsxs(_Fragment, { children: [chargeIcon, _jsx(ErrorCodeWrapper, Object.assign({ "data-testid": "ChargeStatusIcon_ErrorCodeWrapper", transition: {
-                                        animate: {
-                                            duration: 0.05,
-                                        },
-                                    }, variants: ErrorCodeLabelAnimationVariants, style: Object.assign({}, (errorCode && {
-                                        padding: '0 !important',
-                                    })) }, { children: _jsx(ErrorCodeLabel, Object.assign({ "data-testid": "ChargeStatusIcon_ErrorCodeLabel", sx: {
-                                            background: unCapturedStatusStyle === null || unCapturedStatusStyle === void 0 ? void 0 : unCapturedStatusStyle.color,
-                                        }, transition: errorCodeLabelAnimation, variants: ErrorCodeVariants, initial: { opacity: 0 } }, { children: errorCode })) }))] }) })) })), _jsx(GatewaysContainer, Object.assign({ "data-testid": "ChargeStatusIcon_GatewaysContainer", transition: GatewayIconWrapperAnimationTransition, variants: GatewaysContainerAnimationVariants, style: gatewayContainerStyles, isVisible: !!gatewayTooltipTitle }, { children: gatewayTooltipTitle && (_jsx(Tooltip, Object.assign({ title: gatewayTooltipTitle }, { children: _jsx(GatewayIconWrapper, Object.assign({ "data-testid": "ChargeStatusIcon_GatewayIconWrapper", style: Object.assign({ background: unCapturedStatusStyle === null || unCapturedStatusStyle === void 0 ? void 0 : unCapturedStatusStyle.background }, gatewayIconWrapperStyles) }, { children: _jsx(GateWayIcon, { src: unCapturedStatusStyle === null || unCapturedStatusStyle === void 0 ? void 0 : unCapturedStatusStyle.gatewayIcon, alt: "gateway-icon", "data-testid": "ChargeStatusIcon_GatewayIcon", style: gateWayIconStyles }) })) }))) })), _jsx(GatewaysContainer, Object.assign({ "data-testid": "ChargeStatusIcon_GatewaysContainer", transition: GatewayIconWrapperAnimationTransition, variants: AcquirerContainerAnimationVariants, style: gatewayContainerStyles, isVisible: !!acquirerTooltipTitle }, { children: acquirerTooltipTitle && (_jsx(Tooltip, Object.assign({ title: acquirerTooltipTitle }, { children: _jsx(GatewayIconWrapper, Object.assign({ "data-testid": "ChargeStatusIcon_AcquirerIconWrapper", style: Object.assign({ background: unCapturedStatusStyle === null || unCapturedStatusStyle === void 0 ? void 0 : unCapturedStatusStyle.background }, gatewayIconWrapperStyles) }, { children: _jsx(GateWayIcon, { src: unCapturedStatusStyle === null || unCapturedStatusStyle === void 0 ? void 0 : unCapturedStatusStyle.acquirerIcon, alt: "acquirer-icon", "data-testid": "ChargeStatusIcon_AcquirerIcon", style: gateWayIconStyles }) })) }))) }))] }))) : (_jsx(Tooltip, Object.assign({ title: chargeTooltipTitle !== null && chargeTooltipTitle !== void 0 ? chargeTooltipTitle : t(camelCase(chargeStatus)) }, { children: _jsx(StatusIconWrapper, { children: chargeIcon }) }))) })));
-}

package/build/components/StatusIcons/ChargeStatusIcon/index.js

@@ -1 +0,0 @@
-export * from './ChargeStatusIcon';