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

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

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

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

@@ -1,12 +0,0 @@
-import { styled } from '@mui/material';
-export const StatusIconWrapper = styled('span')(({ theme }) => ({
-    width: '36px',
-    height: '24px',
-    borderRadius: '24px',
-    backgroundColor: 'transparent',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    flexShrink: 0,
-    border: `1px solid ${theme.palette.divider}`,
-}));

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

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

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

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import { Icon } from '../../../index.js';
-import { gadientLink } from '../../../../constants/index.js';
-import { copyText } from '../../../../utils/index.js';
-import { Chip } from './style';
-import { useToast } from '../../../../hooks/index.js';
-function LinkCell({ url }) {
-    const toast = useToast();
-    const onClick = () => {
-        try {
-            copyText(url);
-            toast.success('Copied!');
-        }
-        catch (_a) {
-            toast.error('Failed to copy');
-        }
-    };
-    if (!url)
-        return null;
-    return (_jsx(Chip, Object.assign({ onClick: onClick }, { children: _jsx(Icon, { src: gadientLink, alt: "link" }) })));
-}
-export default memo(LinkCell);

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

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

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

@@ -1,12 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-export const Chip = styled(Box)(({ theme }) => ({
-    width: 43,
-    height: 24,
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    borderRadius: '24px',
-    border: `1px solid ${theme.palette.divider}`,
-    cursor: 'pointer',
-}));

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

@@ -1,28 +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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import TableCell from '../../TableCell';
-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 && (_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/build/components/TableCells/CustomCells/MarketPlaceCell/index.js

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

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

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

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

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Tooltip from '../../../Tooltip';
-import { metaIcon } from '../../../../constants/index.js';
-import { Box } from '@mui/material';
-export default function MetadataCell({ metadata }) {
-    var _a, _b, _c, _d, _e, _f;
-    const value1 = (_a = Object.keys(metadata)[0]) !== null && _a !== void 0 ? _a : '';
-    const value2 = (_b = Object.keys(metadata)[1]) !== null && _b !== void 0 ? _b : '';
-    const value3 = (_c = Object.keys(metadata)[2]) !== null && _c !== void 0 ? _c : '';
-    const value4 = (_d = Object.keys(metadata)[3]) !== null && _d !== void 0 ? _d : '';
-    const value5 = (_e = Object.keys(metadata)[4]) !== null && _e !== void 0 ? _e : '';
-    const title = value1 || value2 || value3 || value4 || value5
-        ? `${metadata[value1] ? `${metadata[value1]}${metadata[value2] || metadata[value3] || metadata[value4] || metadata[value5] ? ',' : ''}` : ''}${metadata[value2] ? `${metadata[value2]}${metadata[value3] || metadata[value4] || metadata[value5] ? ',' : ''}` : ''}${metadata[value3] ? `${metadata[value3]}${metadata[value4] || metadata[value5] ? ',' : ''}` : ''}${metadata[value4] ? `${metadata[value4]}${metadata[value5] ? ',' : ''}` : ''}${(_f = metadata[value5]) !== null && _f !== void 0 ? _f : ''}`
-        : '';
-    if (!title)
-        return null;
-    return (_jsx(Tooltip, Object.assign({ title: title }, { children: _jsx(Box, { component: "img", src: metaIcon, alt: "meta", sx: { cursor: 'pointer' } }) })));
-}

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

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

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

@@ -1,27 +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, Fragment as _Fragment } from "react/jsx-runtime";
-import { TableCell } from '../../../TableCells';
-import Tooltip from '../../../Tooltip';
-import { MAX_TOOLTIP_ITEM_LENGTH } from './constant';
-function OrderCell(_a) {
-    var { value, label, items } = _a, props = __rest(_a, ["value", "label", "items"]);
-    const orderDiscriminator = Number.isInteger(value) && Number(value) > 1 && label.charAt(label.length - 1) !== 's' ? `${label}s` : label;
-    const orderLabel = `${value} ${orderDiscriminator}`;
-    const orderTooltip = (_jsx(_Fragment, { children: items === null || items === void 0 ? void 0 : items.map((item) => {
-            const itemContent = item.name || item.description;
-            const truncatedItemContent = ((itemContent === null || itemContent === void 0 ? void 0 : itemContent.length) || 0) > MAX_TOOLTIP_ITEM_LENGTH ? `${itemContent === null || itemContent === void 0 ? void 0 : itemContent.slice(0, MAX_TOOLTIP_ITEM_LENGTH)}...` : itemContent;
-            return _jsx("div", { children: truncatedItemContent }, item.id);
-        }) }));
-    return (_jsx(Tooltip, Object.assign({ title: (items || []).length > 1 ? orderTooltip : undefined }, { children: _jsx(TableCell, Object.assign({}, props, { children: _jsx("span", { children: orderLabel }) })) })));
-}
-export default OrderCell;

package/build/components/TableCells/CustomCells/OrderCell/OrderCellSheet.js

@@ -1,20 +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';
-function OrderCellSheet(_a) {
-    var { value, label, items } = _a, props = __rest(_a, ["value", "label", "items"]);
-    const orderDiscriminator = Number.isInteger(value) && Number(value) > 1 && label.charAt(label.length - 1) !== 's' ? `${label}s` : label;
-    const orderLabel = `${value} ${orderDiscriminator}`;
-    return (_jsx(TableCell, Object.assign({ sx: { fontSize: '11px' } }, props, { children: orderLabel })));
-}
-export default OrderCellSheet;

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

@@ -1 +0,0 @@
-export const MAX_TOOLTIP_ITEM_LENGTH = 20;

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

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

package/build/components/TableCells/CustomCells/OrdersCell/OrdersCellSheet.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from 'react';
-import Popover from '@mui/material/Popover';
-import Box from '@mui/material/Box';
-import { StatusChip, StatusChipWithCopy, Text } from '../../../index.js';
-export function OrdersCellSheet({ items, selectionProps = {} }) {
-    const [anchorEl, setAnchorEl] = useState(null);
-    const open = Boolean(anchorEl);
-    const orderLabel = useCallback(({ quantity, currency, amount, name }) => `${quantity ? `Qty ${quantity}` : ''} ${name ? `- ${name}` : ''} ${currency || amount ? '-' : ''} ${currency || ''} ${amount || ''}`, []);
-    if (!items || !items.length)
-        return null;
-    const [firstOrder, ...resetOrders] = items;
-    return (_jsxs(Box, Object.assign({ sx: { display: 'flex', gap: '4px', alignItems: 'center' } }, { children: [_jsx(StatusChipWithCopy, Object.assign({ chipIndex: 0, selectionProps: selectionProps }, { children: _jsx(Text, Object.assign({ noWrap: true, sx: { maxWidth: items.length > 1 ? 190 : 220, fontSize: 11 } }, { children: orderLabel(firstOrder) })) })), items.length > 1 && (_jsx(Box, Object.assign({ onClick: (e) => {
-                    setAnchorEl(e.currentTarget.parentElement);
-                }, sx: { height: '18px' } }, { children: _jsx(StatusChip, Object.assign({ minWidth: "25", sx: { borderRadius: '24px', overflow: 'hidden' }, copyText: "..." }, { children: "..." })) }))), _jsx(Popover, Object.assign({ open: open, anchorEl: anchorEl, sx: { minWidth: anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.clientWidth }, onClose: () => {
-                    setAnchorEl(null);
-                }, anchorOrigin: {
-                    vertical: 'top',
-                    horizontal: 'left',
-                }, transformOrigin: {
-                    vertical: 'top',
-                    horizontal: 'left',
-                }, slotProps: {
-                    paper: {
-                        style: {
-                            maxWidth: 'unset',
-                            minWidth: anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.clientWidth,
-                            marginTop: '22px',
-                        },
-                    },
-                } }, { children: _jsx(Box, Object.assign({ sx: { display: 'flex', flexDirection: 'column', gap: '4px', padding: '4px' } }, { children: resetOrders === null || resetOrders === void 0 ? void 0 : resetOrders.map((order, index) => (_jsx(StatusChipWithCopy, Object.assign({ copyText: orderLabel(order), chipIndex: index + 1, selectionProps: selectionProps }, { children: orderLabel(order) }), order.id))) })) }))] })));
-}

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

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

package/build/components/TableCells/CustomCells/PaymentAgreementCell/PaymentAgreementCellSheet.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, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box } from '@mui/material';
-import { StatusChipWithCopy } from '../../../index.js';
-import { paymentAgreementTypes } from './constant';
-function PaymentAgreementCellSheet(_a) {
-    var { type, count } = _a, props = __rest(_a, ["type", "count"]);
-    const countText = count === null || count === void 0 ? void 0 : count.toString();
-    return (_jsxs(Box, Object.assign({ sx: { display: 'flex', flexDirection: 'row', gap: '4px' } }, { children: [_jsx(StatusChipWithCopy, Object.assign({ copyText: type, unknownText: "noPaymentAgreement" }, props, { chipIndex: 0 }, { children: type ? paymentAgreementTypes[type] : type })), countText && (_jsx(StatusChipWithCopy, Object.assign({ copyText: countText }, props, { chipIndex: 1, minWidth: "38px" }, { children: countText })))] })));
-}
-export default PaymentAgreementCellSheet;

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

@@ -1,6 +0,0 @@
-export const paymentAgreementTypes = {
-    SAVED_CARD: 'Card Agreement',
-    ORDER: 'Order',
-    SUBSCRIPTION: 'Subscription',
-    INSTALLMENT: 'Installment',
-};

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

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

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

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

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

@@ -1,35 +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 { useMemo } from 'react';
-import dayjs from 'dayjs';
-import timezone from 'dayjs/plugin/timezone';
-import utc from 'dayjs/plugin/utc';
-import { TableCell } from '../../../TableCells';
-import { formatCellDate } from '../../../../utils/index.js';
-dayjs.extend(utc);
-dayjs.extend(timezone);
-export default function PayoutDateCell(_a) {
-    var { value } = _a, props = __rest(_a, ["value"]);
-    const renderedValue = useMemo(() => {
-        const format = {
-            sameDay: '[Today]',
-            nextDay: '[Tomorrow]',
-            lastDay: '[Yesterday]',
-            sameElse: 'MMM D, YYYY',
-            lastWeek: 'MMM D, YYYY',
-            nextWeek: 'MMM D, YYYY',
-        };
-        return formatCellDate(value, format);
-    }, [value]);
-    return _jsx(TableCell, Object.assign({}, props, { children: renderedValue }));
-}

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

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

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

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { AnimatePresence } from 'framer-motion';
-import Tooltip from '../../../Tooltip';
-import { AnimatedSpinnerIcon } from '../../../index.js';
-import { actionFailIcon, actionSuccessIcon, fileDownloadBlueIcon, fileDownloadGreyIcon } from '../../../../constants/index.js';
-import { StyledDownloadFileImage, StyledDownloadFileImageWrapper } from './style';
-export const PayoutReportCell = ({ onClick, isSettlementsAvailable, isDownloadError, isDownloadLoading, isDownloadSuccess }) => {
-    const isDownloadInProgress = useMemo(() => isDownloadLoading || isDownloadSuccess || isDownloadError, [isDownloadLoading, isDownloadSuccess, isDownloadError]);
-    const icon = useMemo(() => {
-        if (isDownloadSuccess) {
-            return actionSuccessIcon;
-        }
-        if (isDownloadError) {
-            return actionFailIcon;
-        }
-        return fileDownloadBlueIcon;
-    }, [isDownloadSuccess, isDownloadError]);
-    return (_jsx(Tooltip, Object.assign({ title: !isSettlementsAvailable ? 'Pending' : '' }, { children: _jsx(StyledDownloadFileImageWrapper, Object.assign({ onClick: () => isSettlementsAvailable && !isDownloadInProgress && onClick() }, { children: _jsx(AnimatePresence, Object.assign({ mode: "wait", initial: false }, { children: isDownloadLoading ? (_jsx(AnimatedSpinnerIcon, {}, "spinner")) : (_jsx(StyledDownloadFileImage, { src: isSettlementsAvailable ? icon : fileDownloadGreyIcon, alt: "Download Report" })) })) })) })));
-};

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

@@ -1 +0,0 @@
-export { PayoutReportCell } from './PayoutReportCell';

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

@@ -1,18 +0,0 @@
-import { motion } from 'framer-motion';
-import { styled } from '@mui/material/styles';
-export const StyledDownloadFileImageWrapper = styled('span')(({ theme }) => ({
-    border: `1px solid ${theme.palette.divider}`,
-    borderRadius: '12px',
-    backgroundColor: theme.palette.background.paper,
-    paddingInline: '8px',
-    height: '24px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    minWidth: '36px',
-    cursor: 'pointer',
-}));
-export const StyledDownloadFileImage = styled(motion.img)(() => ({
-    width: '16px',
-    height: '16px',
-}));

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

@@ -1,32 +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 camelCase from 'lodash/camelCase';
-import { useTranslation } from 'react-i18next';
-import { useTheme } from '@mui/material/styles';
-import Tooltip from '../../../Tooltip';
-import { TableCell } from '../../../TableCells';
-import { payoutStatusIcons } from './constant';
-import { StatusCellContainer, StatusIconWrapper, StatusIcon } from '../style';
-function PayoutStatusCell(_a) {
-    var { payoutStatus = 'PAID_OUT' } = _a, props = __rest(_a, ["payoutStatus"]);
-    const { t } = useTranslation();
-    const theme = useTheme();
-    return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(StatusCellContainer, { children: _jsx(StatusIconWrapper, Object.assign({ className: "payout-status", style: {
-                    visibility: 'visible',
-                    width: '36px',
-                    borderRadius: '23.1px',
-                    backgroundColor: theme.palette.common.white,
-                    border: `1.029px solid ${theme.palette.divider}`,
-                } }, { children: payoutStatus && payoutStatusIcons[payoutStatus] && (_jsx(Tooltip, Object.assign({ title: t(camelCase(payoutStatus)) }, { children: _jsx(StatusIcon, { src: payoutStatusIcons[payoutStatus], alt: "settled-icon", style: { width: '16px', height: '16px', objectFit: 'contain' } }) }))) })) }) })));
-}
-export default PayoutStatusCell;

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

@@ -1,12 +0,0 @@
-import { abandonedTableIcon, initiatedIcon, paidOutIcon, settledIcon, pendingPayoutIcon, failedIcon } from '../../../../constants/index.js';
-export const statusIcons = {
-    ABANDONED: abandonedTableIcon,
-    IN_PROGRESS: initiatedIcon,
-};
-export const payoutStatusIcons = {
-    PAID_OUT: paidOutIcon,
-    SETTLED: settledIcon,
-    PENDING: pendingPayoutIcon,
-    INITIATED: pendingPayoutIcon,
-    FAILED: failedIcon,
-};

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

@@ -1,2 +0,0 @@
-export { default as PayoutStatusCell } from './PayoutStatusCell';
-export { RefundTooltipView } from './style';

package/build/components/TableCells/CustomCells/PayoutStatusCell/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/PayoutStatusCell/type.js

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

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

@@ -1,63 +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 { motion } from 'framer-motion';
-import { appsGridIcon, APP_ICONS, APP_CODES } from '../../../../constants/index.js';
-import { TableCell } from '../../../TableCells';
-import { ProductCellContainer, PartialIcon } from './style';
-import { StatusCellContainer } from '../style';
-function ProductsCell(_a) {
-    var { products } = _a, props = __rest(_a, ["products"]);
-    const productsApps = products === null || products === void 0 ? void 0 : products.map((product) => {
-        var _a, _b;
-        return (_jsx(PartialIcon, { sx: Object.assign({}, ((product === null || product === void 0 ? void 0 : product.toLowerCase()) === ((_a = APP_CODES.tokens.code) === null || _a === void 0 ? void 0 : _a.toLowerCase()) && {
-                borderRadius: '8px',
-                border: '1px solid rgba(0, 0, 0, 0.10)',
-            })), className: "app-logo", src: (_b = APP_ICONS.find((app) => { var _a; return ((_a = app.code) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === (product === null || product === void 0 ? void 0 : product.toLowerCase()); })) === null || _b === void 0 ? void 0 : _b.iconUrl, alt: "product-icon" }, product));
-    });
-    const productsSideBar = (_jsxs(ProductCellContainer, Object.assign({ whileHover: ['animate', 'fadeIn'], animate: "start", variants: {
-            animate: {
-                boxShadow: '10px 0px 8px 0px #F2F2F2',
-            },
-        } }, { children: [_jsx(PartialIcon, { src: appsGridIcon, alt: "products-icon" }), _jsx(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: productsApps }))] })));
-    return (_jsx(TableCell, Object.assign({}, props, { style: {
-            overflow: 'visible',
-        } }, { children: _jsx(StatusCellContainer, { children: _jsx("div", Object.assign({ style: {
-                    width: '30px',
-                    position: 'relative',
-                    zIndex: 24,
-                } }, { children: productsSideBar })) }) })));
-}
-export default ProductsCell;

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

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

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

@@ -1,58 +0,0 @@
-import { styled } from '@mui/material';
-import { motion } from 'framer-motion';
-export const ProductCellContainer = styled(motion.div)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    gap: theme.spacing(0.5),
-    paddingInline: theme.spacing(0.75),
-    height: '34px',
-    minWidth: '24px',
-    borderRadius: '8px',
-    width: 'fit-content',
-    fontSize: '10px',
-    color: theme.palette.text.primary,
-    position: 'relative',
-    zIndex: 10,
-    border: `1px solid transparent`,
-    '&:hover': {
-        backgroundColor: theme.palette.common.white,
-        border: `1px solid ${theme.palette.divider}`,
-    },
-}));
-export const PercentageContainer = styled('div')(({ theme }) => ({
-    borderRadius: '80px',
-    padding: theme.spacing(0.316),
-    paddingLeft: theme.spacing(0.516),
-    fontSize: '12px',
-    fontWeight: theme.typography.fontWeightRegular,
-    color: theme.palette.secondary.main,
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    gap: theme.spacing(0.5),
-    lineHeight: 0,
-}));
-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 CountBadge = styled('span')(({ theme, isCapture }) => ({
-    backgroundColor: isCapture ? theme.palette.info.dark : '#656565',
-    color: theme.palette.common.white,
-    borderRadius: theme.spacing(0.5),
-    padding: '1.285px 2.569px',
-    height: '12px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    fontSize: '9.782px',
-    fontWeight: 600,
-}));
-export const PartialIcon = styled('img')({
-    width: '24px',
-    height: '24px',
-});

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

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

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

@@ -1,23 +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 '../../TableCell';
-import { providerIcons } from './constants';
-import { ProviderChip, ProviderIcon } from './style';
-export default function ProviderCell(_a) {
-    var { provider } = _a, props = __rest(_a, ["provider"]);
-    const iconUrl = providerIcons[provider];
-    if (!iconUrl) {
-        return _jsx(TableCell, Object.assign({}, props, { children: provider }));
-    }
-    return (_jsx(ProviderChip, { children: _jsx(ProviderIcon, { src: iconUrl, alt: provider }) }));
-}

package/build/components/TableCells/CustomCells/ProviderCell/constants.js

@@ -1,7 +0,0 @@
-import { cyberSourceProviderIcon, MPGSProviderIcon, NETCETERAProviderIcon, TAP3DSPROVIDERIcon } from '../../../../constants/index.js';
-export const providerIcons = {
-    CYBERSOURCE: cyberSourceProviderIcon,
-    MPGS: MPGSProviderIcon,
-    NETCETERA: NETCETERAProviderIcon,
-    TAP3DS: TAP3DSPROVIDERIcon,
-};

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

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