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

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

@@ -1,2 +0,0 @@
-export { default as SourceCell } from './SourceCell';
-export * from './components';

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

@@ -1,12 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-export const ExpandableCenterRight = styled(Box)(() => ({
-    marginRight: '8px',
-    display: 'flex',
-    alignItems: 'center',
-    gap: '4px',
-}));
-export const ExpandableCenterLeft = styled(Box)(() => ({
-    marginLeft: '8px',
-    width: 20,
-}));

package/build/components/TableCells/CustomCells/SourceCell/type.js

@@ -1,13 +0,0 @@
-export var CENTER_ICON_KEY;
-(function (CENTER_ICON_KEY) {
-    CENTER_ICON_KEY["PAYMENT_METHOD"] = "paymentMethod";
-    CENTER_ICON_KEY["PAYMENT_TYPE"] = "paymentType";
-    CENTER_ICON_KEY["PAYMENT_SCHEME"] = "paymentScheme";
-    CENTER_ICON_KEY["PAYMENT_CARD_NUMBER"] = "paymentCardNumber";
-    CENTER_ICON_KEY["PAYMENT_ISSUER"] = "paymentIssuer";
-    CENTER_ICON_KEY["PAYMENT_INITIATED"] = "paymentInitiated";
-    CENTER_ICON_KEY["PAYMENT_DEVICE"] = "paymentDevice";
-    CENTER_ICON_KEY["AUTHENTICATION_MODE"] = "authenticationMode";
-    CENTER_ICON_KEY["PAYMENT_AUTH"] = "paymentAuth";
-    CENTER_ICON_KEY["PAYMENT_AGREEMENT"] = "paymentAgreement";
-})(CENTER_ICON_KEY || (CENTER_ICON_KEY = {}));

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

@@ -1,42 +0,0 @@
-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 StatusCell(_a) {
-    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',
-        } }, { 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, { children: status }) }), index));
-            }) })) })));
-}
-export default StatusCell;

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

@@ -1,21 +0,0 @@
-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.js

@@ -1,42 +0,0 @@
-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/constant.js

@@ -1,93 +0,0 @@
-import { voidedIcon, cancelledIcon, capturedIcon, initiatedIcon, authorizedIcon, failedIcon, declinedIcon, restrictedIcon, timedOutIcon, unknownIcon, abandonedNoBGIcon, gatewayRedIcon, gatewayOrangeIcon, acquirerOrangeIcon, acquirerRedIcon, paidOutIcon, refundInitiatedIcon, refundedIcon, settledIcon, settlementInitiatedIcon, } from '../../../../constants/index.js';
-export const statusIcons = {
-    ABANDONED: abandonedNoBGIcon,
-    IN_PROGRESS: initiatedIcon,
-    VOID: voidedIcon,
-    CANCELLED: cancelledIcon,
-    CAPTURED: capturedIcon,
-    INITIATED: initiatedIcon,
-    FAILED: failedIcon,
-    DECLINED: declinedIcon,
-    RESTRICTED: restrictedIcon,
-    TIMEDOUT: timedOutIcon,
-    UNKNOWN: unknownIcon,
-    AUTHORIZED: authorizedIcon,
-};
-export const unCapturedStatusesStyles = {
-    UNKNOWN: {
-        gatewayIcon: gatewayOrangeIcon,
-        acquirerIcon: acquirerOrangeIcon,
-        color: '#FF7A00',
-        background: '#FF7A001A',
-    },
-    TIMEDOUT: {
-        gatewayIcon: gatewayOrangeIcon,
-        acquirerIcon: acquirerOrangeIcon,
-        color: '#FF7A00',
-        background: '#FFF3E5',
-    },
-    FAILED: {
-        gatewayIcon: gatewayOrangeIcon,
-        acquirerIcon: acquirerOrangeIcon,
-        color: '#FF7A00',
-        background: '#FFF3E5',
-    },
-    DECLINED: {
-        gatewayIcon: gatewayRedIcon,
-        acquirerIcon: acquirerRedIcon,
-        color: '#FF3D00',
-        background: '#FFEAE5',
-    },
-    RESTRICTED: {
-        gatewayIcon: gatewayRedIcon,
-        acquirerIcon: acquirerRedIcon,
-        color: '#FF3D00',
-        background: '#FFEAE5',
-    },
-    ABANDONED: {
-        gatewayIcon: gatewayOrangeIcon,
-        acquirerIcon: acquirerOrangeIcon,
-        color: '#FFD600',
-        background: '#FFFBE5',
-    },
-    CANCELLED: {
-        gatewayIcon: gatewayOrangeIcon,
-        acquirerIcon: acquirerOrangeIcon,
-        color: '#FFD600',
-        background: '#FFFBE5',
-    },
-    INITIATED: {
-        color: '#8D8D94',
-        background: 'transparent',
-        gatewayIcon: gatewayOrangeIcon,
-        acquirerIcon: acquirerOrangeIcon,
-    },
-};
-export const refundStatusIcons = {
-    PENDING: refundInitiatedIcon,
-    REFUNDED: refundedIcon,
-};
-export const refundStyles = {
-    PENDING: {
-        color: '#FF7A00',
-        backgroundColor: '#FF7A000D',
-    },
-    REFUNDED: {
-        color: '#4E1FD0',
-        backgroundColor: '#4E1FD00D',
-    },
-};
-export const payoutStatusIcons = {
-    PAID_OUT: paidOutIcon,
-    SETTLED: settledIcon,
-    PENDING: settlementInitiatedIcon,
-};
-export const authorizedStatusIcons = {
-    AUTHORIZED: authorizedIcon,
-};
-export const capturedStatusesStyles = {
-    CAPTURED: {
-        color: '#1F88D0',
-        background: '#1F88D00D',
-    },
-};

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

@@ -1,4 +0,0 @@
-export { default as StatusCell } from './StatusCell';
-export { default as StatusCellSheet } from './StatusCellSheet';
-export { default as StatusCellText } from './StatusCellText';
-export * from './type';

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

@@ -1,69 +0,0 @@
-import { styled } from '@mui/material/styles';
-import { motion } from 'framer-motion';
-export const MultiRefundIcon = styled(motion.img)(() => ({
-    width: '14px',
-    height: '14px',
-}));
-export const RefundsCountBadge = styled(motion.span)(({ theme }) => ({
-    color: theme.palette.common.white,
-    borderRadius: theme.spacing(0.5),
-    height: '12px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    fontSize: '9.782px',
-    fontWeight: 600,
-    backgroundColor: theme.palette.secondary.main,
-}));
-export const MultiRefundContainer = styled(motion.div)(({ theme }) => ({
-    height: '16px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: `${theme.palette.secondary.main}1A`,
-    paddingInline: theme.spacing(0.5),
-    borderRadius: '56px',
-}));
-export const statusAnimation = (index, shadow, xDelta) => ({
-    start: {
-        x: index * 6,
-        transition: {
-            duration: 0.3,
-            type: 'tween',
-            ease: 'easeIn',
-        },
-    },
-    animate: {
-        x: xDelta ? index * xDelta : index * 49,
-        transition: {
-            duration: 0.3,
-            type: 'tween',
-            ease: 'easeOut',
-        },
-        boxShadow: shadow,
-    },
-});
-export const StatusIcon = styled(motion.span)(({ isTextShown, theme }) => (Object.assign({ border: `1px solid ${theme.palette.divider}`, borderRadius: '12px', backgroundColor: theme.palette.background.paper, height: '24px', display: 'flex', alignItems: 'center', justifyContent: 'center', minWidth: isTextShown ? 'auto' : '36px' }, (isTextShown && {
-    border: 'none',
-}))));
-export const StatusWrapper = styled(motion.div, {
-    shouldForwardProp: (prop) => prop !== 'statusesCount',
-})(({ statusesCount }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    position: 'absolute',
-    minWidth: `${statusesCount * 6 + 36}px `,
-    minHeight: '24px',
-    cursor: 'pointer',
-    borderRadius: '16px',
-}));
-export const StatusContainer = styled(motion.div)(() => ({
-    display: 'flex',
-    gap: '4px',
-    justifyContent: 'flex-start',
-    alignItems: 'center',
-    position: 'relative',
-    width: '100%',
-    overflow: 'visible',
-}));

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

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

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

@@ -1,8 +0,0 @@
-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.js

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

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

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Tooltip from '../../../Tooltip';
-import { StyledTextTableCell } from '../style';
-export default function TextTableCell(props) {
-    return (_jsx(StyledTextTableCell, Object.assign({}, props, { children: _jsx(Tooltip, Object.assign({ title: props.tooltip || props.children }, { children: props.children })) })));
-}

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

@@ -1,2 +0,0 @@
-export { default as TextTableCell } from './TextTableCell';
-export * from './type';

package/build/components/TableCells/CustomCells/TextTableCell/type.js

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

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

@@ -1,29 +0,0 @@
-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 { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import Tooltip from '../../../Tooltip';
-import StyledBadge, { BadgeVariants } from '../../../CountBadge';
-import { TableCell } from '../../../TableCells';
-import { BadgeWrapper, TextLabel } from '../style';
-function TextWithBadgeCell(_a) {
-    var { tooltip, children, badge } = _a, props = __rest(_a, ["tooltip", "children", "badge"]);
-    return (_jsx(TableCell, Object.assign({ style: {
-            textAlign: 'center',
-            overflow: 'visible',
-        } }, props, { children: children ? (_jsx(Tooltip, Object.assign({ title: tooltip }, { children: _jsx(BadgeWrapper, Object.assign({ "data-testid": "BadgeCell_BadgeWrapper" }, { children: _jsxs(TextLabel, Object.assign({ "data-testid": "BadgeCell_TextLabel", sx: {
-                        minWidth: 'max-content',
-                        gap: '0.5rem',
-                    } }, { children: [children, (badge || 0) > 1 && (_jsxs(StyledBadge, Object.assign({ variant: BadgeVariants.DARK, style: {
-                                fontWeight: 'bold',
-                            } }, { children: ["+", badge] })))] })) })) }))) : null })));
-}
-export default TextWithBadgeCell;

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

@@ -1,2 +0,0 @@
-export { default as TextWithBadgeCell } from './TextWithBadgeCell';
-export * from './type';

package/build/components/TableCells/CustomCells/TextWithBadgeCell/type.js

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

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

@@ -1,31 +0,0 @@
-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, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import Stack from '@mui/material/Stack';
-import Typography from '@mui/material/Typography';
-import Box from '@mui/material/Box';
-import { Chip, Tooltip } from '../../../index.js';
-import { getNameText } from '../../../../utils/index.js';
-const TextWithChipCell = (props) => {
-    const { name, icon, namePlaceholder = 'Unavailable', showIcon = true, showLabel = true, slotsProps } = props, restProps = __rest(props, ["name", "icon", "namePlaceholder", "showIcon", "showLabel", "slotsProps"]);
-    const { i18n } = useTranslation();
-    const formattedName = useMemo(() => (name ? getNameText(name, i18n.language) : null), [name, i18n.language]);
-    const { tooltip = {}, chip = {}, chipsTooltip = {}, label = {}, labelTooltip = {} } = slotsProps || {};
-    const displayIcon = showIcon && !!icon;
-    const displayLabel = showLabel;
-    if (!displayIcon && !displayLabel)
-        return null;
-    return (_jsxs(Stack, Object.assign({ direction: "row", alignItems: "center", spacing: 1, color: "text.primary" }, restProps, { children: [displayIcon && (_jsx(Tooltip, Object.assign({ title: formattedName ? `Platform: ${formattedName}` : null }, tooltip, chipsTooltip, { children: _jsx(Chip, Object.assign({ variant: "circular", sx: { '&.CustomVariant_circular': { minWidth: 32, height: 32 } } }, chip, { children: icon })) }))), displayLabel && (_jsx(Tooltip, Object.assign({ title: formattedName }, tooltip, labelTooltip, { children: _jsx(Typography, Object.assign({ noWrap: true, fontSize: 12, fontWeight: 500 }, label, { children: formattedName || (_jsx(Box, Object.assign({ component: "span", sx: { opacity: 0.2 } }, { children: namePlaceholder }))) })) })))] })));
-};
-export default memo(TextWithChipCell);

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

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

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

@@ -1,33 +0,0 @@
-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, jsxs as _jsxs } from "react/jsx-runtime";
-import camelCase from 'lodash/camelCase';
-import { useTranslation } from 'react-i18next';
-import Tooltip from '../../../Tooltip';
-import { tokenCardIcon } from '../../../../constants/index.js';
-import { ChargeStatusIcon } from '../../../StatusIcons';
-import { TableCell } from '../../../TableCells';
-import { authorizedStatusIcons } from '../../../TableCells/CustomCells/StatusCell/constant';
-import { tokenStatusIcons } from './constant';
-import { StatusCellContainer, StatusIcon } from '../style';
-import { ChargeStatus } from '../type';
-function TokenStatusCell(_a) {
-    var { status, chargeTooltip, gatewayTooltip, acquirerTooltip, errorCode, cardId, hasChargeIcon, hasAuthorizedIcon } = _a, props = __rest(_a, ["status", "chargeTooltip", "gatewayTooltip", "acquirerTooltip", "errorCode", "cardId", "hasChargeIcon", "hasAuthorizedIcon"]);
-    const { t } = useTranslation();
-    return (_jsx(TableCell, Object.assign({}, props, { sx: {
-            position: 'relative',
-            overflow: 'visible',
-        } }, { children: _jsxs(StatusCellContainer, Object.assign({ sx: {
-                gap: '0.5rem',
-            } }, { children: [status && tokenStatusIcons[status] && (_jsx(Tooltip, Object.assign({ title: t(camelCase(status)) }, { children: _jsx(StatusIcon, { src: tokenStatusIcons[status], alt: "token-icon" }) }))), cardId && (_jsx(Tooltip, Object.assign({ title: t(camelCase(status)) }, { children: _jsx(StatusIcon, { src: tokenCardIcon, alt: "card-icon" }) }))), hasChargeIcon && (_jsx(Tooltip, Object.assign({ title: t(camelCase('CAPTURED')) }, { children: _jsx(ChargeStatusIcon, { showAuthorizedStatus: true, chargeStatus: ChargeStatus.CAPTURED, gatewayTooltip: gatewayTooltip, chargeTooltip: chargeTooltip, acquirerTooltip: acquirerTooltip, errorCode: errorCode }) }))), hasAuthorizedIcon && (_jsx(Tooltip, Object.assign({ title: t(camelCase('AUTHORIZED')) }, { children: _jsx(StatusIcon, { src: authorizedStatusIcons.AUTHORIZED, alt: "authorized-icon" }) })))] })) })));
-}
-export default TokenStatusCell;

package/build/components/TableCells/CustomCells/TokenStatusCell/constant.js

@@ -1,9 +0,0 @@
-import { tokenExpiredStatusIcon, tokenPendingStatusIcon, tokenSavedStatusIcon, tokenTransactedStatusIcon } from '../../../../constants/index.js';
-export const tokenStatusIcons = {
-    ACTIVE: tokenPendingStatusIcon,
-    EXPIRED: tokenExpiredStatusIcon,
-    PENDING: tokenPendingStatusIcon,
-    SAVED: tokenSavedStatusIcon,
-    TRANSACTED: tokenTransactedStatusIcon,
-    CONSUMED: tokenTransactedStatusIcon,
-};

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

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

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

@@ -1,57 +0,0 @@
-import { styled } from '@mui/material/styles';
-import { motion } from 'framer-motion';
-export const UnCapturedContainer = styled(motion.span)(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    position: 'absolute',
-    minHeight: '24px',
-    cursor: 'pointer',
-    borderRadius: '16px',
-}));
-export const ErrorCodeWrapper = styled(motion.span)(() => ({
-    display: 'block',
-    width: '0',
-    overflow: 'hidden',
-}));
-export const ErrorCodeLabel = styled(motion.span)(({ theme }) => ({
-    color: theme.palette.common.white,
-    display: 'block',
-    fontWeight: theme.typography.fontWeightBold,
-    fontSize: '9.78px',
-    borderRadius: '4px',
-    paddingInline: theme.spacing(0.45),
-}));
-export const GateWayIcon = styled('img')(() => ({
-    width: '13px',
-    height: '13px',
-}));
-export const GatewayIconWrapper = styled(motion.span)(({ theme }) => ({
-    width: '24px',
-    height: '24px',
-    borderRadius: '50%',
-    backgroundColor: theme.palette.background.paper,
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    flexShrink: 0,
-    position: 'relative',
-}));
-export const GatewaysContainer = styled(motion.div)(() => ({
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    gap: '4px',
-    width: '0',
-    overflow: 'hidden',
-    opacity: 0,
-}));
-export const UnCapturedBadge = styled('div')(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-}));
-export const RefundTooltipView = styled('span')(({ theme }) => ({
-    textDecorationLine: 'underline',
-    color: theme.palette.info.dark,
-}));

package/build/components/TableCells/CustomCells/TokenStatusCell/type.js

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

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

@@ -1,26 +0,0 @@
-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, jsxs as _jsxs } from "react/jsx-runtime";
-import Tooltip from '../../../Tooltip';
-import CountryFlag from '../../../CountryFlag';
-import { TableCell } from '../../../TableCells';
-import { walletIcon } from '../../../../constants/index.js';
-import { getCountryNameByISO } from '../../../../utils/index.js';
-import { WalletCellContainer, WalletIcon, WalletIdContainer, WalletWrapper } from './style';
-function WalletCell(_a) {
-    var { walletId, country, showCountry = true } = _a, props = __rest(_a, ["walletId", "country", "showCountry"]);
-    return (_jsx(TableCell, Object.assign({ style: {
-            textAlign: 'center',
-            overflow: 'visible',
-        } }, props, { children: _jsxs(WalletCellContainer, { children: [showCountry && country && (_jsx(Tooltip, Object.assign({ title: getCountryNameByISO(country) }, { children: _jsx(CountryFlag, { countryCode: country }) }))), _jsxs(WalletWrapper, { children: [_jsx(WalletIcon, { src: walletIcon, alt: "wallet-icon" }), walletId && _jsxs(WalletIdContainer, { children: ["\u00B7\u00B7\u00B7\u00B7 ", walletId === null || walletId === void 0 ? void 0 : walletId.substring(((walletId === null || walletId === void 0 ? void 0 : walletId.length) || 0) - 4)] })] })] }) })));
-}
-export default WalletCell;

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

@@ -1,2 +0,0 @@
-export { default as WalletCell } from './WalletCell';
-export * from './type';

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

@@ -1,26 +0,0 @@
-import { styled } from '@mui/material';
-export const WalletIcon = styled('img')(() => ({
-    width: '16px',
-    height: '16px',
-}));
-export const WalletCellContainer = styled('span')(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    gap: theme.spacing(0.5),
-}));
-export const WalletWrapper = styled('span')(({ theme }) => ({
-    display: 'flex',
-    paddingInline: theme.spacing(1),
-    paddingBlock: theme.spacing(0.5),
-    alignItems: 'center',
-    justifyContent: 'center',
-    gap: theme.spacing(0.5),
-    borderRadius: '56px',
-    background: `${theme.palette.info.dark}1a`,
-}));
-export const WalletIdContainer = styled('span')(({ theme }) => ({
-    color: theme.palette.info.dark,
-    fontSize: '14px',
-    lineHeight: '16.8px',
-}));

package/build/components/TableCells/CustomCells/WalletCell/type.js

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