@tap-payments/os-micro-frontend-shared 0.1.139-test.1-test.13 → 0.1.139-test.10

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

@@ -1,2 +1,24 @@
-import { ChargeStatusIcon } from './type';
-export declare function ChargeStatusIcon({ chargeStatus, gatewayTooltip, acquirerTooltip, chargeTooltip, errorCode, unCapturedStyles, iconStyles, iconWrapperStyles, gatewayIconWrapperStyles, gatewayContainerStyles, gateWayIconStyles, showBadge, }: ChargeStatusIcon): 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,18 +1,38 @@
 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 { unCapturedStatusesStyles, statusIcons } from '../../TableCells/CustomCells/StatusCell/constant';
-import { StatusIcon, StatusIconWrapper } from '../../TableCells/CustomCells/style';
-import { AcquirerContainerAnimationVariants, ErrorCodeLabel, ErrorCodeLabelAnimationVariants, ErrorCodeVariants, ErrorCodeWrapper, GateWayIcon, GatewayIconWrapper, GatewayIconWrapperAnimationTransition, GatewaysContainer, GatewaysContainerAnimationVariants, UnCapturedBadge, UnCapturedContainer, errorCodeLabelAnimation, } from './style';
-export function ChargeStatusIcon({ chargeStatus, gatewayTooltip, acquirerTooltip, chargeTooltip, errorCode, unCapturedStyles, iconStyles, iconWrapperStyles, gatewayIconWrapperStyles, gatewayContainerStyles, gateWayIconStyles, showBadge = true, }) {
+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',

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

@@ -1,3 +1 @@
 export * from './ChargeStatusIcon';
-export * from './ChargeStatusIconText';
-export * from './ChargeStatusIconSheet';

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

@@ -1,3 +1 @@
 export * from './ChargeStatusIcon';
-export * from './ChargeStatusIconText';
-export * from './ChargeStatusIconSheet';

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

@@ -1,6 +1,3 @@
 import type { StatusCellProps } from './type';
-declare function StatusCell({ statuses, isTextShown, centerIconKey, xGap, tableMode, ...props }: Readonly<StatusCellProps & {
-    isChargesService?: boolean;
-    isAuthorizationsService?: boolean;
-}>): import("react/jsx-runtime").JSX.Element;
+declare function StatusCell({ statuses, centerIconKey, ...props }: StatusCellProps): import("react/jsx-runtime").JSX.Element;
 export default StatusCell;

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

@@ -12,16 +12,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TableCell } from '../../../TableCells';
 import { StatusIcon, StatusContainer, StatusWrapper } from './style';
-import { getStatusesFilteredObject } from './utils';
+import { useStatusCell } from './useStatusCell';
 function StatusCell(_a) {
-    var { statuses, isTextShown, centerIconKey, xGap, tableMode } = _a, props = __rest(_a, ["statuses", "isTextShown", "centerIconKey", "xGap", "tableMode"]);
-    const statusesFilteredObject = statuses ? getStatusesFilteredObject(statuses) : {};
-    const statusesList = Object.values(statusesFilteredObject).filter(Boolean);
-    if (tableMode === 'sheet') {
-        return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(StatusContainer, Object.assign({ sx: { paddingRight: '30px' } }, { children: statusesList.map((status) => status) })) })));
-    }
-    const xGapValue = isTextShown ? xGap || 120 : 40;
-    const centerIconIndex = centerIconKey ? Object.entries(statusesFilteredObject).findIndex(([key]) => key === centerIconKey) : 0;
+    var { statuses, centerIconKey } = _a, props = __rest(_a, ["statuses", "centerIconKey"]);
+    const { centerIconIndex, statusesList } = useStatusCell({ statuses, centerIconKey });
+    const xGapValue = 40;
     return (_jsx(TableCell, Object.assign({}, props, { "data-testid": "StatusCell", sx: {
             position: 'relative',
             overflow: 'visible',
@@ -41,7 +36,7 @@ function StatusCell(_a) {
                             x: xHoverPosition,
                             zIndex: 100 - Math.abs(centerIconIndex - index),
                         },
-                    }, transition: { duration: 0.3, type: 'tween', ease: 'easeOut' }, statusesCount: statusesList.length || 0 }, { children: _jsx(StatusIcon, Object.assign({ isTextShown: isTextShown }, { children: status })) }), index));
+                    }, transition: { duration: 0.3, type: 'tween', ease: 'easeOut' }, statusesCount: statusesList.length || 0 }, { children: _jsx(StatusIcon, { children: status }) }), index));
             }) })) })));
 }
 export default StatusCell;

package/build/components/TableCells/CustomCells/StatusCell/StatusCellSheet.d.ts

@@ -0,0 +1,4 @@
+import type { TableCellProps } from '@mui/material/TableCell';
+import type { StatusCellProps } from './type';
+declare function StatusCellSheet({ statuses, ...props }: Pick<StatusCellProps, 'statuses'> & TableCellProps): import("react/jsx-runtime").JSX.Element;
+export default StatusCellSheet;

package/build/components/TableCells/CustomCells/StatusCell/StatusCellSheet.js

@@ -0,0 +1,21 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TableCell } from '../../../TableCells';
+import { StatusContainer } from './style';
+import { useStatusCell } from './useStatusCell';
+function StatusCellSheet(_a) {
+    var { statuses } = _a, props = __rest(_a, ["statuses"]);
+    const { statusesList } = useStatusCell({ statuses });
+    return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(StatusContainer, Object.assign({ sx: { paddingRight: '30px' } }, { children: statusesList.map((status) => status) })) })));
+}
+export default StatusCellSheet;

package/build/components/TableCells/CustomCells/StatusCell/StatusCellText.d.ts

@@ -0,0 +1,6 @@
+import type { StatusCellProps } from './type';
+interface StatusCellTextProps extends StatusCellProps {
+    xGap?: number;
+}
+declare function StatusCellText({ statuses, centerIconKey, xGap, ...props }: StatusCellTextProps): import("react/jsx-runtime").JSX.Element;
+export default StatusCellText;

package/build/components/TableCells/CustomCells/StatusCell/StatusCellText.js

@@ -0,0 +1,42 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TableCell } from '../../../TableCells';
+import { StatusIcon, StatusContainer, StatusWrapper } from './style';
+import { useStatusCell } from './useStatusCell';
+function StatusCellText(_a) {
+    var { statuses, centerIconKey, xGap } = _a, props = __rest(_a, ["statuses", "centerIconKey", "xGap"]);
+    const { statusesList, centerIconIndex } = useStatusCell({ statuses, centerIconKey });
+    const xGapValue = xGap || 120;
+    return (_jsx(TableCell, Object.assign({}, props, { "data-testid": "StatusCell", sx: {
+            position: 'relative',
+            overflow: 'visible',
+        } }, { children: _jsx(StatusContainer, Object.assign({ initial: "initial", whileHover: "hover", animate: "start" }, { children: statusesList.map((status, index) => {
+                if (!status)
+                    return;
+                // To keep x position of each icon while hovering consistent
+                const xHoverPosition = (index - centerIconIndex) * xGapValue;
+                const isIconAfterCenterIcon = index > centerIconIndex;
+                const isIconBeforeCenterIcon = index < centerIconIndex;
+                return (_jsx(StatusWrapper, Object.assign({ variants: {
+                        initial: {
+                            x: isIconBeforeCenterIcon ? -5 : isIconAfterCenterIcon ? 5 : 0,
+                            zIndex: isIconBeforeCenterIcon ? 100 - index : isIconAfterCenterIcon ? index : 100,
+                        },
+                        hover: {
+                            x: xHoverPosition,
+                            zIndex: 100 - Math.abs(centerIconIndex - index),
+                        },
+                    }, transition: { duration: 0.3, type: 'tween', ease: 'easeOut' }, statusesCount: statusesList.length || 0 }, { children: _jsx(StatusIcon, Object.assign({ isTextShown: true }, { children: status })) }), index));
+            }) })) })));
+}
+export default StatusCellText;

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

@@ -4,10 +4,8 @@ import { authorizedStatusIcons, payoutStatusIcons, refundStatusIcons } from './c
 export type RefundStatusType = keyof typeof refundStatusIcons;
 export type PayoutStatusType = keyof typeof payoutStatusIcons;
 export type AuthorizedStatusType = keyof typeof authorizedStatusIcons;
+export type Statuses = Record<string, React.ReactNode | undefined | null>;
 export interface StatusCellProps extends TableCellProps {
-    statuses: Record<string, React.ReactNode>;
-    isTextShown?: boolean;
+    statuses: Statuses;
     centerIconKey?: string;
-    xGap?: number;
-    tableMode?: 'default' | 'text' | 'sheet';
 }

package/build/components/TableCells/CustomCells/StatusCell/useStatusCell.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { StatusCellProps } from './type';
+export declare const useStatusCell: ({ statuses, centerIconKey }: Pick<StatusCellProps, 'statuses' | 'centerIconKey'>) => {
+    statusesList: import("react").ReactNode[];
+    centerIconIndex: number;
+};

package/build/components/TableCells/CustomCells/StatusCell/useStatusCell.js

@@ -0,0 +1,8 @@
+import { useMemo } from 'react';
+import { getStatusesFilteredObject } from './utils';
+export const useStatusCell = ({ statuses, centerIconKey }) => {
+    const statusesFilteredObject = useMemo(() => getStatusesFilteredObject(statuses), [statuses]);
+    const statusesList = useMemo(() => Object.values(statusesFilteredObject).filter(Boolean), [statusesFilteredObject]);
+    const centerIconIndex = useMemo(() => (centerIconKey ? Object.entries(statusesFilteredObject).findIndex(([key]) => key === centerIconKey) : 0), [statusesFilteredObject, centerIconKey]);
+    return { statusesList, centerIconIndex };
+};

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

@@ -1,2 +1,3 @@
 /// <reference types="react" />
-export declare const getStatusesFilteredObject: (statuses: Record<string, React.ReactNode | undefined | null>) => Record<string, import("react").ReactNode>;
+import { Statuses } from './type';
+export declare const getStatusesFilteredObject: (statuses: Statuses) => Record<string, import("react").ReactNode>;

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

@@ -1,8 +1,9 @@
 export const getStatusesFilteredObject = (statuses) => {
-    return Object.keys(statuses)
+    const filteredList = Object.keys(statuses)
         .filter((key) => statuses[key])
         .reduce((acc, key) => {
         acc[key] = statuses[key];
         return acc;
     }, {});
+    return statuses ? filteredList : {};
 };

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.139-test.1-test.13",
-  "testVersion": 13,
+  "version": "0.1.139-test.10",
+  "testVersion": 10,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",

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

@@ -1,2 +0,0 @@
-import { ChargeStatusIconSheetProps } from './type';
-export declare function ChargeStatusIconSheet({ chargeStatus, errorCode, gatewayCode, acquirerCode, selectionProps, chipIndex, }: ChargeStatusIconSheetProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +0,0 @@
-import { jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import camelCase from 'lodash/camelCase';
-import { useTranslation } from 'react-i18next';
-import StatusChipWithCopy from '../../StatusChipWithCopy';
-import { unCapturedStatusesStyles } from '../../TableCells/CustomCells/StatusCell/constant';
-import { TextViewWrapper } from './style';
-export function ChargeStatusIconSheet({ chargeStatus, errorCode, gatewayCode, acquirerCode, selectionProps = {}, chipIndex = 0, }) {
-    const { t } = useTranslation();
-    const unCapturedStatusStyle = chargeStatus ? unCapturedStatusesStyles[chargeStatus] : null;
-    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/ChargeStatusIconText.d.ts

@@ -1,2 +0,0 @@
-import { ChargeStatusIconTextProps } from './type';
-export declare function ChargeStatusIconText({ chargeStatus, gatewayTooltip, acquirerTooltip, chargeTooltip, errorCode, gatewayCode, acquirerCode, }: ChargeStatusIconTextProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,28 +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 { capturedStatusesStyles, unCapturedStatusesStyles } from '../../TableCells/CustomCells/StatusCell/constant';
-import { TextLabel } from '../../TableCells/CustomCells/style';
-import { StatusTextLabel, TextViewWrapper } from './style';
-export function ChargeStatusIconText({ chargeStatus, gatewayTooltip, acquirerTooltip, chargeTooltip, errorCode, gatewayCode, acquirerCode, }) {
-    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 })] }));
-    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] })) })))] }))] }));
-}

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

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

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

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