@tap-payments/os-micro-frontend-shared 0.1.398-test.1 → 0.1.398-test.6

package/build/components/StatusIcons/ChargeStatusIcon/ChargeStatusIcon.d.ts

@@ -1,2 +1,24 @@
-import { ChargeStatusIconProps } from './type';
-export declare function ChargeStatusIcon({ chargeStatus, gatewayTooltip, acquirerTooltip, chargeTooltip, errorCode, isTextShown, gatewayCode, acquirerCode, unCapturedStyles, iconStyles, iconWrapperStyles, gatewayIconWrapperStyles, gatewayContainerStyles, gateWayIconStyles, showBadge, isSheetViewShown, selectionProps, chipIndex, }: Readonly<ChargeStatusIconProps>): import("react/jsx-runtime").JSX.Element;
+import { CSSProperties } from 'react';
+import { SelectionProps } from '../../../types/index.js';
+import { type ChargeStatus } from '../../TableCells';
+export declare function ChargeStatusIcon({ chargeStatus, gatewayTooltip, acquirerTooltip, chargeTooltip, errorCode, isTextShown, gatewayCode, acquirerCode, unCapturedStyles, iconStyles, iconWrapperStyles, gatewayIconWrapperStyles, gatewayContainerStyles, gateWayIconStyles, showBadge, isSheetViewShown, selectionProps, chipIndex, }: Readonly<{
+    chargeStatus?: ChargeStatus;
+    gatewayTooltip?: string;
+    showAuthorizedStatus?: boolean;
+    chargeTooltip?: string;
+    acquirerTooltip?: string;
+    errorCode?: string;
+    isTextShown?: boolean;
+    gatewayCode?: React.ReactNode;
+    acquirerCode?: React.ReactNode;
+    unCapturedStyles?: CSSProperties;
+    iconStyles?: CSSProperties;
+    iconWrapperStyles?: CSSProperties;
+    gatewayIconWrapperStyles?: CSSProperties;
+    gatewayContainerStyles?: CSSProperties;
+    gateWayIconStyles?: CSSProperties;
+    showBadge?: boolean;
+    isSheetViewShown?: boolean;
+    selectionProps?: SelectionProps;
+    chipIndex?: number;
+}>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,33 +1,58 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
+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 } from '../../TableCells/CustomCells/style';
-import { ChargeStatusSheetView } from './ChargeStatusSheetView';
-import { ChargeStatusTextView } from './ChargeStatusTextView';
-import { ChargeStatusIconView } from './ChargeStatusIconView';
+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 { unCapturedStatusStyle, captureStatusStyle, chargeIcon } = useMemo(() => {
-        const unCapturedStyle = chargeStatus ? unCapturedStatusesStyles[chargeStatus] : null;
-        const captureStyle = chargeStatus ? capturedStatusesStyles[chargeStatus] : null;
-        const icon = 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: unCapturedStyle ? '50%' : '' }, iconWrapperStyles) }, { children: _jsx(StatusIcon, { src: statusIcons[chargeStatus], alt: "charge-icon", "data-testid": "ChargeStatusIcon_StatusIcon", style: Object.assign({ borderRadius: unCapturedStyle ? '50%' : '', width: '16px', height: '16px' }, iconStyles) }) })));
-        return {
-            unCapturedStatusStyle: unCapturedStyle,
-            captureStatusStyle: captureStyle,
-            chargeIcon: icon
-        };
-    }, [chargeStatus, iconWrapperStyles, iconStyles]);
-    const { chargeTooltipTitle, acquirerTooltipTitle, gatewayTooltipTitle } = useMemo(() => ({
-        chargeTooltipTitle: chargeTooltip && (_jsx(_Fragment, { children: _jsx("div", { children: chargeTooltip }) })),
-        acquirerTooltipTitle: acquirerTooltip && (_jsxs(_Fragment, { children: [_jsx("div", { children: "Acquirer" }), _jsx("div", { children: acquirerTooltip })] })),
-        gatewayTooltipTitle: gatewayTooltip && (_jsxs(_Fragment, { children: [_jsx("div", { children: "Gateway" }), _jsx("div", { children: gatewayTooltip })] }))
-    }), [chargeTooltip, acquirerTooltip, gatewayTooltip]);
+    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 (_jsx(ChargeStatusSheetView, { chargeStatus: chargeStatus, errorCode: errorCode, chipIndex: chipIndex, selectionProps: selectionProps, gatewayCode: gatewayCode, acquirerCode: acquirerCode, unCapturedStatusStyle: unCapturedStatusStyle }));
+        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 (_jsx(ChargeStatusTextView, { chargeStatus: chargeStatus, chargeTooltipTitle: chargeTooltipTitle, unCapturedStatusStyle: unCapturedStatusStyle, captureStatusStyle: captureStatusStyle, errorCode: errorCode, gatewayCode: gatewayCode, gatewayTooltipTitle: gatewayTooltipTitle, acquirerCode: acquirerCode, acquirerTooltipTitle: acquirerTooltipTitle }));
+        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(ChargeStatusIconView, { chargeStatus: chargeStatus, chargeIcon: chargeIcon, chargeTooltipTitle: chargeTooltipTitle, acquirerTooltipTitle: acquirerTooltipTitle, gatewayTooltipTitle: gatewayTooltipTitle, errorCode: errorCode, showBadge: showBadge, unCapturedStyles: unCapturedStyles, unCapturedStatusStyle: unCapturedStatusStyle, gatewayContainerStyles: gatewayContainerStyles, gatewayIconWrapperStyles: gatewayIconWrapperStyles, gateWayIconStyles: gateWayIconStyles, iconWrapperStyles: iconWrapperStyles }));
+    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/TableCells/CustomCells/MarketPlaceCell/MarketPlaceCell.js

@@ -9,21 +9,20 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import Tooltip from '../../../Tooltip';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import TableCell from '../../TableCell';
-import { Box } from '@mui/material';
+import { Box, Typography } from '@mui/material';
 import { marketPlaceBlueIcon } from '../../../../constants/index.js';
 export default function MarketPlaceCell(_a) {
     var { marketPlaceIcon, marketPlaceName } = _a, props = __rest(_a, ["marketPlaceIcon", "marketPlaceName"]);
     const logo = marketPlaceIcon !== null && marketPlaceIcon !== void 0 ? marketPlaceIcon : (_jsx("img", { src: marketPlaceBlueIcon, alt: "marketplace", style: { maxWidth: '18px', maxHeight: '18px', objectFit: 'cover' } }));
-    return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(Box, Object.assign({ sx: { display: 'flex', alignItems: 'center', gap: 1 } }, { children: marketPlaceName && (_jsx(Tooltip, Object.assign({ title: marketPlaceName }, { children: _jsx(Box, Object.assign({ sx: {
-                        width: '24px',
-                        height: '24px',
-                        border: '1px solid #F2F2F2',
-                        borderRadius: '50%',
-                        display: 'flex',
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                    } }, { children: logo })) }))) })) })));
+    return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(Box, Object.assign({ sx: { display: 'flex', alignItems: 'center', gap: 1 } }, { children: marketPlaceName && (_jsxs(_Fragment, { children: [_jsx(Box, Object.assign({ sx: {
+                            width: '24px',
+                            height: '24px',
+                            border: '1px solid #F2F2F2',
+                            borderRadius: '50%',
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                        } }, { children: logo })), _jsx(Typography, Object.assign({ sx: { fontSize: '14px', fontWeight: 400 } }, { children: marketPlaceName }))] })) })) })));
 }

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.398-test.1",
-  "testVersion": 1,
+  "version": "0.1.398-test.6",
+  "testVersion": 6,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",

package/build/components/StatusIcons/ChargeStatusIcon/ChargeStatusIconView.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { ChargeStatusIconProps } from './type';
-export interface ChargeStatusIconViewProps extends Pick<ChargeStatusIconProps, 'chargeStatus' | 'errorCode' | 'showBadge' | 'unCapturedStyles' | 'gatewayContainerStyles' | 'gatewayIconWrapperStyles' | 'gateWayIconStyles' | 'iconWrapperStyles' | 'gatewayCode' | 'acquirerCode' | 'gateWayIconStyles' | 'iconWrapperStyles' | 'unCapturedStyles'> {
-    chargeIcon: React.ReactNode;
-    chargeTooltipTitle?: React.ReactNode;
-    acquirerTooltipTitle?: React.ReactNode;
-    unCapturedStatusStyle?: any;
-    gatewayTooltipTitle?: React.ReactNode;
-}
-export declare const ChargeStatusIconView: React.FC<ChargeStatusIconViewProps>;

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

@@ -1,23 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslation } from 'react-i18next';
-import camelCase from 'lodash/camelCase';
-import Tooltip from '../../Tooltip';
-import { unCapturedStatuses } from '../../../constants/index.js';
-import { StatusIconWrapper } from '../../TableCells/CustomCells/style';
-import { AcquirerContainerAnimationVariants, ErrorCodeLabel, ErrorCodeLabelAnimationVariants, ErrorCodeVariants, ErrorCodeWrapper, GateWayIcon, GatewayIconWrapper, GatewayIconWrapperAnimationTransition, GatewaysContainer, GatewaysContainerAnimationVariants, UnCapturedBadge, UnCapturedContainer, errorCodeLabelAnimation, } from './style';
-export const ChargeStatusIconView = ({ chargeStatus, chargeIcon, chargeTooltipTitle, acquirerTooltipTitle, gatewayTooltipTitle, errorCode, showBadge = true, unCapturedStyles, unCapturedStatusStyle, gatewayContainerStyles, gatewayIconWrapperStyles, gateWayIconStyles, iconWrapperStyles, }) => {
-    const { t } = useTranslation();
-    const isUnCaptured = (unCapturedStatuses === null || unCapturedStatuses === void 0 ? void 0 : unCapturedStatuses.includes(chargeStatus || '')) &&
-        (chargeTooltipTitle || acquirerTooltipTitle || gatewayTooltipTitle);
-    if (isUnCaptured) {
-        return (_jsx(StatusIconWrapper, Object.assign({ "data-testid": "ChargeStatusIcon_StatusIconWrapper", style: iconWrapperStyles }, { children: _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 }) })) }))) }))] })) })));
-    }
-    return (_jsx(StatusIconWrapper, Object.assign({ "data-testid": "ChargeStatusIcon_StatusIconWrapper", style: iconWrapperStyles }, { children: _jsx(Tooltip, Object.assign({ title: chargeTooltipTitle !== null && chargeTooltipTitle !== void 0 ? chargeTooltipTitle : t(camelCase(chargeStatus)) }, { children: _jsx(StatusIconWrapper, { children: chargeIcon }) })) })));
-};

package/build/components/StatusIcons/ChargeStatusIcon/ChargeStatusSheetView.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { SelectionProps } from '../../../types/index.js';
-import { ChargeStatusIconProps } from './type';
-export interface ChargeStatusSheetViewProps extends Pick<ChargeStatusIconProps, 'chargeStatus' | 'errorCode' | 'gatewayCode' | 'acquirerCode'> {
-    chipIndex?: number;
-    selectionProps?: SelectionProps;
-    unCapturedStatusStyle?: any;
-}
-export declare const ChargeStatusSheetView: React.FC<ChargeStatusSheetViewProps>;

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

@@ -1,9 +0,0 @@
-import { jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useTranslation } from 'react-i18next';
-import camelCase from 'lodash/camelCase';
-import StatusChipWithCopy from '../../StatusChipWithCopy';
-import { TextViewWrapper } from './style';
-export const ChargeStatusSheetView = ({ chargeStatus, errorCode, chipIndex = 0, selectionProps = {}, gatewayCode, acquirerCode, unCapturedStatusStyle, }) => {
-    const { t } = useTranslation();
-    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] })))] }))] }));
-};

package/build/components/StatusIcons/ChargeStatusIcon/ChargeStatusTextView.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { ChargeStatusIconProps } from './type';
-export interface ChargeStatusTextViewProps extends Pick<ChargeStatusIconProps, 'chargeStatus' | 'errorCode' | 'gatewayCode' | 'acquirerCode'> {
-    gatewayTooltipTitle?: React.ReactNode;
-    acquirerTooltipTitle?: React.ReactNode;
-    chargeTooltipTitle?: React.ReactNode;
-    unCapturedStatusStyle: React.CSSProperties | null;
-    captureStatusStyle: React.CSSProperties | null;
-}
-export declare const ChargeStatusTextView: React.FC<ChargeStatusTextViewProps>;

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

@@ -1,16 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useTheme } from '@mui/material/styles';
-import { useTranslation } from 'react-i18next';
-import camelCase from 'lodash/camelCase';
-import Tooltip from '../../Tooltip';
-import { TextLabel } from '../../TableCells/CustomCells/style';
-import { TextViewWrapper, StatusTextLabel } from './style';
-export const ChargeStatusTextView = ({ chargeStatus, chargeTooltipTitle, unCapturedStatusStyle, captureStatusStyle, errorCode, gatewayCode, gatewayTooltipTitle, acquirerCode, acquirerTooltipTitle, }) => {
-    const theme = useTheme();
-    const { t } = useTranslation();
-    const commonStyles = {
-        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,
-    };
-    return (_jsxs(TextViewWrapper, { children: [_jsx(Tooltip, Object.assign({ title: chargeTooltipTitle }, { children: _jsxs(StatusTextLabel, Object.assign({ "data-testid": "ChargeStatusIcon_isTextShown", "data-status": camelCase(chargeStatus), sx: Object.assign(Object.assign({}, commonStyles), { borderColor: `${commonStyles.color}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: commonStyles }, { children: ["Gateway ", gatewayCode] })) }))), acquirerCode && (_jsx(Tooltip, Object.assign({ title: acquirerTooltipTitle }, { children: _jsxs(TextLabel, Object.assign({ "data-testid": "ChargeStatusIcon_isTextShown", "data-status": camelCase(chargeStatus), sx: commonStyles }, { children: ["Acquirer ", acquirerCode] })) })))] }))] }));
-};

package/build/components/StatusIcons/ChargeStatusIcon/type.d.ts

@@ -1,24 +0,0 @@
-import { ReactNode, CSSProperties } from 'react';
-import { type ChargeStatus } from '../../TableCells';
-import { SelectionProps } from '../../../types/index.js';
-export interface ChargeStatusIconProps {
-    chargeStatus?: ChargeStatus;
-    gatewayTooltip?: string;
-    showAuthorizedStatus?: boolean;
-    chargeTooltip?: string;
-    acquirerTooltip?: string;
-    errorCode?: string;
-    isTextShown?: boolean;
-    gatewayCode?: ReactNode;
-    acquirerCode?: React.ReactNode;
-    unCapturedStyles?: CSSProperties;
-    iconStyles?: CSSProperties;
-    iconWrapperStyles?: CSSProperties;
-    gatewayIconWrapperStyles?: CSSProperties;
-    gatewayContainerStyles?: CSSProperties;
-    gateWayIconStyles?: CSSProperties;
-    showBadge?: boolean;
-    isSheetViewShown?: boolean;
-    selectionProps?: SelectionProps;
-    chipIndex?: number;
-}

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

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