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

package/build/components/TableCells/CustomCells/CheckoutStatusCell/CheckoutStatusCell.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 { useTranslation } from 'react-i18next';
-import camelCase from 'lodash/camelCase';
-import Tooltip from '../../../Tooltip';
-import { TableCell } from '../../../TableCells';
-import { statusIcons } from './constant';
-import { StatusIcon } from '../style';
-function CheckoutStatusCell(_a) {
-    var { status } = _a, props = __rest(_a, ["status"]);
-    const { t } = useTranslation();
-    return (_jsx(TableCell, Object.assign({}, props, { sx: {
-            overflow: 'visible',
-        } }, { children: _jsx("div", Object.assign({ style: {
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'flex-start',
-                gap: '8px',
-                overflow: 'visible',
-            } }, { children: status && statusIcons[status] && (_jsx(Tooltip, Object.assign({ title: t(camelCase(status)) }, { children: _jsx(StatusIcon, { src: statusIcons[status], alt: "checkout-icon" }) }))) })) })));
-}
-export default CheckoutStatusCell;

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

@@ -1,5 +0,0 @@
-import { checkoutStatusIcon, checkoutStatusBlueIcon } from '../../../../constants/index.js';
-export const statusIcons = {
-    checkout: checkoutStatusIcon,
-    checkoutSuccess: checkoutStatusBlueIcon,
-};

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

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

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

@@ -1,20 +0,0 @@
-import { styled } from '@mui/material';
-import { motion } from 'framer-motion';
-export const DueDateCellContainer = styled(motion.div)(({ theme, background }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    gap: theme.spacing(0.5),
-    paddingInline: theme.spacing(0.75),
-    paddingBlock: theme.spacing(0.5),
-    backgroundColor: background,
-    height: '24px',
-    width: 'fit-content',
-    borderRadius: '80px',
-    fontSize: '10px',
-    color: theme.palette.text.primary,
-}));
-export const DateIcon = styled('img')(() => ({
-    height: '13.125px',
-    width: '12px',
-}));

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

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

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

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import CountryFlag from '../../../CountryFlag';
-import { Currency, Wrapper } from './style';
-export function CurrencyCell({ currency }) {
-    return (_jsxs(Wrapper, { children: [_jsx(CountryFlag, { currencyCode: currency }), _jsx(Currency, { children: currency })] }));
-}

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

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

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

@@ -1,12 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-export const Wrapper = styled(Box)(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    gap: '8px',
-}));
-export const Currency = styled(Box)(({ theme }) => ({
-    fontSize: '14px',
-    color: theme.palette.text.primary,
-    lineHeight: '16.8px',
-}));

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

@@ -1,46 +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 { useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import Tooltip from '../../../Tooltip';
-import { merchantInitiatedIcon, timezoneIcon } from '../../../../constants/index.js';
-import { getRandomGradientColor, isArabic } from '../../../../utils/index.js';
-import { TableCell } from '../../../TableCells';
-import { StyledCustomerCell, StyledCustomerIcon, StyledCustomerIconContainer, StyledCustomerName } from './style';
-import { AvatarStyled, StarBadgeWrapper } from '../style';
-function CustomerCell(_a) {
-    var _b;
-    var { customerInitiated, children, isTimezoneIconShown, hasCustomerIcon, customerIcon, customerName, hideCustomerInitiatedIcon, hideTimezoneIcon, phone, email, id } = _a, props = __rest(_a, ["customerInitiated", "children", "isTimezoneIconShown", "hasCustomerIcon", "customerIcon", "customerName", "hideCustomerInitiatedIcon", "hideTimezoneIcon", "phone", "email", "id"]);
-    const { t } = useTranslation();
-    const customerInitiatedTooltip = customerInitiated === false ? t('merchantInitiated') : '';
-    const isArabicCustomerName = isArabic(customerName);
-    const customerInitials = (_b = customerName === null || customerName === void 0 ? void 0 : customerName.split(' ')) === null || _b === void 0 ? void 0 : _b.map((word) => { var _a; return (_a = word === null || word === void 0 ? void 0 : word[0]) === null || _a === void 0 ? void 0 : _a.toUpperCase(); }).join('');
-    const AvatarColor = useMemo(() => getRandomGradientColor(), []);
-    const customerShownIcon = hasCustomerIcon && (_jsx(Tooltip, Object.assign({ title: children }, { children: _jsx(AvatarStyled, Object.assign({ "data-testid": "CustomerCell_customerShownIcon", sx: { background: AvatarColor }, src: customerIcon, alt: customerIcon }, { children: customerInitials })) })));
-    const tooltipOptions = useMemo(() => [
-        { name: 'ID', value: id },
-        { name: 'Name', value: customerName },
-        { name: 'Email', value: email },
-        { name: 'Phone', value: phone },
-    ], [email, phone, id, customerName]);
-    const customerTooltip = useMemo(() => {
-        if (!tooltipOptions.some(({ value }) => value))
-            return null;
-        return (_jsx("div", Object.assign({ "data-testid": "CustomerCell_customerTooltip" }, { children: tooltipOptions.map(({ name, value }) => value && (_jsx("div", Object.assign({ "data-testid": `CustomerCell_customerTooltip_${name}` }, { children: name === 'Name' ? value : `${name}: ${value}` }), value))) })));
-    }, [tooltipOptions]);
-    return (_jsx(TableCell, Object.assign({}, props, { "data-testid": "CustomerCell_TableCell" }, { children: _jsxs(StyledCustomerCell, Object.assign({ "data-testid": "CustomerCell_StyledCustomerCell" }, { children: [customerShownIcon, _jsx(Tooltip, Object.assign({ title: customerTooltip }, { children: _jsx(StyledCustomerName, Object.assign({ "data-testid": "CustomerCell_StyledCustomerName", "data-is-arabic": isArabicCustomerName }, { children: children })) })), !hideTimezoneIcon && (_jsx(StyledCustomerIconContainer, Object.assign({ "data-testid": "CustomerCell_StyledCustomerIconContainer" }, { children: isTimezoneIconShown && _jsx(StyledCustomerIcon, { src: timezoneIcon, "data-testid": "CustomerCell_StyledCustomerIcon" }) }))), !hideCustomerInitiatedIcon && (_jsx(Tooltip, Object.assign({ title: customerInitiatedTooltip }, { children: _jsx(StarBadgeWrapper, Object.assign({ "data-testid": "CustomerCell_StarBadgeWrapper", className: "geography-box", isShown: !!customerInitiatedTooltip }, { children: customerInitiatedTooltip && (_jsx("img", { "data-testid": "CustomerCell_merchantInitiatedIcon", src: merchantInitiatedIcon, alt: "merchant", style: {
-                                width: '16px',
-                                height: '16px',
-                            } })) })) })))] })) })));
-}
-export default CustomerCell;

package/build/components/TableCells/CustomCells/CustomerCell/CustomerCellSheet.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { isArabic } from '../../../../utils/index.js';
-import { StyledCustomerName } from './style';
-function CustomerCellSheet({ children, customerName }) {
-    const isArabicCustomerName = isArabic(customerName);
-    return (_jsx(StyledCustomerName, Object.assign({ tableMode: "sheet", "data-testid": "CustomerCell_StyledCustomerName", "data-is-arabic": isArabicCustomerName }, { children: children })));
-}
-export default CustomerCellSheet;

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

@@ -1,3 +0,0 @@
-export { default as CustomerCell } from './CustomerCell';
-export { default as CustomerCellSheet } from './CustomerCellSheet';
-export * from './type';

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

@@ -1,24 +0,0 @@
-import { styled } from '@mui/material/styles';
-export const StyledCustomerCell = styled('span')(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    gap: theme.spacing(1),
-}));
-export const StyledCustomerName = styled('span', {
-    shouldForwardProp: (prop) => prop !== 'tableMode',
-})(({ theme, tableMode }) => (Object.assign({ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', maxWidth: '25ch', flex: 1 }, (tableMode === 'sheet' && { fontSize: '11px', color: theme.palette.text.primary }))));
-export const StyledCustomerIconContainer = styled('span')({
-    width: '11.6px',
-    height: '11.6px',
-    flexShrink: 0,
-    borderRadius: '50%',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-});
-export const StyledCustomerIcon = styled('img')({
-    width: '11.6px',
-    height: '11.6px',
-    borderRadius: '50%',
-});

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

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

package/build/components/TableCells/CustomCells/DateCell/DateCell.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 Box from '@mui/material/Box';
-import { Tooltip } from '../../../index.js';
-import DateViewer from './DateViewer';
-import { greyTimezoneIcon, TIMEZONES } from '../../../../constants/index.js';
-import { changeDateTimezone, formatCellDate } from '../../../../utils/index.js';
-export default function DateCell(_a) {
-    var { value, currentTimezone = TIMEZONES.UTC, timezoneOffset = 0, defaultTimezoneOffset = 0, hideTimezoneIcon = false } = _a, props = __rest(_a, ["value", "currentTimezone", "timezoneOffset", "defaultTimezoneOffset", "hideTimezoneIcon"]);
-    const formatDate = (targetTimezone) => changeDateTimezone(value, { currentTimezone, targetTimezone });
-    const formattedDate = formatDate(timezoneOffset);
-    const formattedDefaultDate = formatDate(defaultTimezoneOffset);
-    const renderDefaultDate = formatCellDate(formattedDefaultDate);
-    const showTimezoneIcon = !hideTimezoneIcon && defaultTimezoneOffset !== timezoneOffset;
-    return (_jsxs(Box, Object.assign({ sx: { display: 'flex', gap: '8px' } }, { children: [_jsx(DateViewer, Object.assign({ value: formattedDate }, props)), showTimezoneIcon && (_jsx(Tooltip, Object.assign({ title: renderDefaultDate }, { children: _jsx("img", { src: greyTimezoneIcon, width: 14, alt: "timezone" }) })))] })));
-}

package/build/components/TableCells/CustomCells/DateCell/DateViewer.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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { TableCell } from '../../../TableCells';
-import Tooltip from '../../../Tooltip';
-import CountryFlag from '../../../CountryFlag';
-import { formatCellDate, getCountryNameByISO } from '../../../../utils/index.js';
-import { DateCellContainer } from './style';
-import { GeographyBox } from '../style';
-import { Box } from '@mui/material';
-function DateViewer(_a) {
-    var { value, format: dateFormat, flagIcon, hasFlag, tableMode } = _a, props = __rest(_a, ["value", "format", "flagIcon", "hasFlag", "tableMode"]);
-    const icon = flagIcon && (_jsx(Tooltip, Object.assign({ title: getCountryNameByISO(flagIcon || '') }, { children: _jsx(CountryFlag, { countryCode: flagIcon }) })));
-    const renderedValue = useMemo(() => formatCellDate(value, dateFormat), [value]);
-    return (_jsx(TableCell, Object.assign({}, props, { children: _jsxs(DateCellContainer, { children: [hasFlag && (_jsx(GeographyBox, Object.assign({ sx: {
-                        visibility: 'visible',
-                    }, className: "geography-box" }, { children: icon }))), _jsx(Box, Object.assign({ sx: Object.assign({}, (tableMode === 'sheet' && { fontSize: '11px' })) }, { children: renderedValue }))] }) })));
-}
-export default DateViewer;

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

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

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

@@ -1,7 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-export const DateCellContainer = styled(Box)({
-    display: 'flex',
-    alignItems: 'center',
-    gap: '12px',
-});

package/build/components/TableCells/CustomCells/DestinationCell/DestinationCell.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, jsxs as _jsxs } from "react/jsx-runtime";
-import Box from '@mui/material/Box';
-import Tooltip from '../../../Tooltip';
-import { destinationSolidIcon } from '../../../../constants/index.js';
-import { DestinationCellContainer, DestinationCount, StyledDestinationCell, StyledDestinationIcon } from './styled';
-const tableMode = 'default';
-function DestinationCell(_a) {
-    var { destinationsCount, destinationsTooltip, destination, destinationsAmount, hidden, iconDirection } = _a, props = __rest(_a, ["destinationsCount", "destinationsTooltip", "destination", "destinationsAmount", "hidden", "iconDirection"]);
-    if (!destinationsCount || hidden)
-        return null;
-    return (_jsx(Box, Object.assign({ sx: {
-            width: 'fit-content',
-            overflow: 'visible',
-        } }, props, { children: _jsx(Tooltip, Object.assign({ title: destinationsTooltip }, { children: _jsxs(StyledDestinationCell, Object.assign({ tableMode: tableMode }, { children: [_jsx(StyledDestinationIcon, { src: destinationSolidIcon, pointLeft: iconDirection === 'left' }), destinationsCount > 1 && (_jsx(DestinationCellContainer, Object.assign({ destinationsCount: 1 }, { children: _jsx(DestinationCount, { children: destinationsCount }) })))] })) })) })));
-}
-export default DestinationCell;

package/build/components/TableCells/CustomCells/DestinationCell/DestinationCellSheet.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 { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import Box from '@mui/material/Box';
-import { formatAmount } from '../../../../utils/index.js';
-import { CurrencySymbol, StatusGroupChips } from '../../../index.js';
-function DestinationCellSheet(_a) {
-    var { destinationsCount, destinationsTooltip, destination, destinationsAmount, hidden, iconDirection, selectionProps } = _a, props = __rest(_a, ["destinationsCount", "destinationsTooltip", "destination", "destinationsAmount", "hidden", "iconDirection", "selectionProps"]);
-    const destinations = (destination === null || destination === void 0 ? void 0 : destination.destination) || [];
-    const sheetViewChips = destinations === null || destinations === void 0 ? void 0 : destinations.map((dest, index) => {
-        const formattedDestAmount = formatAmount((dest === null || dest === void 0 ? void 0 : dest.amount) || 0);
-        return {
-            key: `destination-${(dest === null || dest === void 0 ? void 0 : dest.id) || index}`,
-            content: (_jsxs(Box, Object.assign({ sx: { display: 'flex', alignItems: 'center', gap: '4px' } }, { children: [_jsxs("div", { children: [dest === null || dest === void 0 ? void 0 : dest.id, " |"] }), _jsx(CurrencySymbol, { currency: dest === null || dest === void 0 ? void 0 : dest.currency }), _jsxs("span", { children: [formattedDestAmount.integerAmount, ".", formattedDestAmount.decimalAmount] })] }))),
-            chipIndex: index,
-            selectionProps: selectionProps !== null && selectionProps !== void 0 ? selectionProps : {},
-            copyText: `${formattedDestAmount.integerAmount}.${formattedDestAmount.decimalAmount}`,
-        };
-    }, [selectionProps]);
-    return (_jsx(Box, Object.assign({}, props, { children: _jsx(StatusGroupChips, { chips: sheetViewChips }) })));
-}
-export default DestinationCellSheet;

package/build/components/TableCells/CustomCells/DestinationCell/DestinationCellText.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, jsxs as _jsxs } from "react/jsx-runtime";
-import Box from '@mui/material/Box';
-import Tooltip from '../../../Tooltip';
-import { formatAmount } from '../../../../utils/index.js';
-import { CurrencySymbol } from '../../../index.js';
-import { TextLabel } from '../style';
-function DestinationCell(_a) {
-    var _b, _c, _d, _e, _f;
-    var { destinationsCount, destinationsTooltip, destination, destinationsAmount, hidden, iconDirection } = _a, props = __rest(_a, ["destinationsCount", "destinationsTooltip", "destination", "destinationsAmount", "hidden", "iconDirection"]);
-    const destinations = (destination === null || destination === void 0 ? void 0 : destination.destination) || [];
-    const formattedAmount = formatAmount(destinationsAmount || 0);
-    const firstDestinationFormattedAmount = formatAmount(((_b = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _b === void 0 ? void 0 : _b.amount) || 0);
-    if (!destinationsCount || hidden)
-        return null;
-    return (_jsx(Box, Object.assign({ sx: {
-            width: 'fit-content',
-            overflow: 'visible',
-        } }, props, { children: _jsx(Tooltip, Object.assign({ title: destinationsTooltip }, { children: _jsx(TextLabel, Object.assign({ sx: {
-                    textAlign: 'left',
-                    justifyContent: 'flex-start',
-                    height: 'auto',
-                } }, { children: destinationsCount > 1 ? (_jsxs("div", { children: ["Destination ", (_c = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _c === void 0 ? void 0 : _c.id, " - ", _jsx(CurrencySymbol, { currency: (_d = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _d === void 0 ? void 0 : _d.currency }), ' ', firstDestinationFormattedAmount.integerAmount, ".", firstDestinationFormattedAmount.decimalAmount, " +", destinationsCount - 1] })) : (_jsxs("div", { children: ["Destination ", (_e = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _e === void 0 ? void 0 : _e.id, " - ", _jsx(CurrencySymbol, { currency: (_f = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _f === void 0 ? void 0 : _f.currency }), " ", formattedAmount.integerAmount, ".", formattedAmount.decimalAmount] })) })) })) })));
-}
-export default DestinationCell;

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

@@ -1,4 +0,0 @@
-export { default as DestinationCell } from './DestinationCell';
-export { default as DestinationCellSheet } from './DestinationCellSheet';
-export { default as DestinationCellText } from './DestinationCellText';
-export * from './utils';

package/build/components/TableCells/CustomCells/DestinationCell/styled.js

@@ -1,68 +0,0 @@
-import { styled } from '@mui/material';
-export const DestinationCellContainer = styled('span')(({ theme, destinationsCount }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    gap: theme.spacing(1),
-    position: 'relative',
-    minWidth: `${destinationsCount * 6 + 16}px`,
-    height: '24px',
-}));
-export const DestinationCount = styled('span')(({ theme }) => ({
-    fontSize: theme.typography.pxToRem(12),
-    color: theme.palette.info.dark,
-    fontWeight: 700,
-    paddingInline: theme.spacing(1),
-    borderRadius: theme.spacing(1),
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: `${theme.palette.info.dark}1A`,
-}));
-export const StyledDestinationCell = styled('span', {
-    shouldForwardProp: (prop) => prop !== 'tableMode',
-})(({ theme, tableMode }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    gap: theme.spacing(1),
-    backgroundColor: theme.palette.common.white,
-    border: `1px solid ${theme.palette.divider}`,
-    paddingInline: theme.spacing(1),
-    borderRadius: '56px',
-    height: tableMode === 'sheet' ? '18px' : '24px',
-}));
-export const StyledDestinationImage = styled('img')(({ theme, order }) => ({
-    borderRadius: '50%',
-    backgroundColor: theme.palette.common.white,
-    width: '16px',
-    height: '16px',
-    padding: '2px',
-    zIndex: order + 1,
-    position: 'absolute',
-    left: `${order * 9}px`,
-}));
-export const StyledDestinationIcon = styled('img')(({ pointLeft }) => ({
-    width: '12.5px',
-    height: '13px',
-    transform: `scale(${pointLeft ? '-1' : '1'}, 1)`,
-}));
-export const DestinationExtraImagesContainer = styled('span')(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    backgroundColor: theme.palette.common.white,
-    borderRadius: '50%',
-    width: '16px',
-    height: '16px',
-    fontSize: '8px',
-    fontWeight: theme.typography.fontWeightBold,
-    lineHeight: '11px',
-    position: 'absolute',
-    left: '18px',
-    zIndex: 4,
-    textAlign: 'center',
-    span: {
-        flexGrow: 1,
-    },
-}));

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

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

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

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CurrencySymbol } from '../../../index.js';
-import { formatAmount } from '../../../../utils/index.js';
-export const generateDestinationTooltip = ({ destination, amount: formattedSum, }) => {
-    var _a, _b, _c;
-    const destinations = (destination === null || destination === void 0 ? void 0 : destination.destination) || [];
-    const destinationsTooltip = (destinations === null || destinations === void 0 ? void 0 : destinations.length) > 1 ? (_jsxs("div", { children: [_jsx("div", { children: "Destination" }), (_a = destination === null || destination === void 0 ? void 0 : destination.destination) === null || _a === void 0 ? void 0 : _a.map((dest) => {
-                const formattedAmount = formatAmount(dest.amount || 0);
-                return (_jsxs("div", { children: [dest === null || dest === void 0 ? void 0 : dest.id, " - ", _jsx(CurrencySymbol, { currency: dest === null || dest === void 0 ? void 0 : dest.currency }), " ", formattedAmount.integerAmount, ".", formattedAmount.decimalAmount] }, dest === null || dest === void 0 ? void 0 : dest.id));
-            })] })) : (_jsxs("div", { children: ["Destination ", (_b = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _b === void 0 ? void 0 : _b.id, " - ", _jsx(CurrencySymbol, { currency: (_c = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _c === void 0 ? void 0 : _c.currency }), " ", formattedSum.integerAmount, ".", formattedSum.decimalAmount] }));
-    return destinationsTooltip;
-};

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

@@ -1,25 +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 { TableCell } from '../../../TableCells';
-import { StatusCellContainer, StatusIcon } from '../style';
-import { chargeStatusIcons } from './constant';
-import { DestinationIcon } from '../../../StatusIcons';
-function DestinationStatusCell(_a) {
-    var { status, chargeStatus, isTextShown } = _a, props = __rest(_a, ["status", "chargeStatus", "isTextShown"]);
-    const { t } = useTranslation();
-    return (_jsx(TableCell, Object.assign({}, props, { children: _jsxs(StatusCellContainer, { children: [_jsx(DestinationIcon, { status: status, isTextShown: isTextShown }), chargeStatus && chargeStatusIcons[chargeStatus] && (_jsx(Tooltip, Object.assign({ title: t(camelCase(chargeStatus)) }, { children: _jsx(StatusIcon, { src: chargeStatusIcons[chargeStatus], alt: "charge-icon" }) })))] }) })));
-}
-export default DestinationStatusCell;

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

@@ -1,7 +0,0 @@
-import { statusIcons } from '../../../TableCells/CustomCells/StatusCell/constant';
-import { destinationSuccessTableIcon } from '../../../../constants/index.js';
-export const destinationStatusIcons = {
-    PROCESSED: destinationSuccessTableIcon,
-    FAILED: '',
-};
-export const chargeStatusIcons = statusIcons;

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

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

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

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

package/build/components/TableCells/CustomCells/DeviceCell/DeviceCell.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/Box';
-import DeviceIcon from '../../../DeviceIcon';
-import { TableCell } from '../../../TableCells';
-import { GeographyIcon } from '../../../StatusIcons';
-function DeviceCell(_a) {
-    var { deviceType, geographyVariant, isTextShown, deviceCountry } = _a, props = __rest(_a, ["deviceType", "geographyVariant", "isTextShown", "deviceCountry"]);
-    return (_jsx(TableCell, Object.assign({}, props, { children: _jsxs(Box, Object.assign({ sx: { display: 'flex', gap: '8px', alignItems: 'center' } }, { children: [_jsx(GeographyIcon, { geographyVariant: geographyVariant, isTextShown: isTextShown, countryCode: deviceCountry }), _jsx(DeviceIcon, { type: deviceType, isTextShown: isTextShown })] })) })));
-}
-export default DeviceCell;

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

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

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

@@ -1,7 +0,0 @@
-import { styled } from '@mui/material/styles';
-export const DeviceCellContainer = styled('span')(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    gap: theme.spacing(1),
-}));

package/build/components/TableCells/CustomCells/DueDateCell/DueDateCell.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 { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import dayjs from 'dayjs';
-import { TableCell, Tooltip, RightLeftExpandingCenterChip } from '../../../index.js';
-import { formatDate } from './utils';
-import { TextLabel } from './style';
-function DueDateCell(_a) {
-    var { dueDate, expiryDate } = _a, props = __rest(_a, ["dueDate", "expiryDate"]);
-    const dueMeta = useMemo(() => ({ label: formatDate(dayjs(dueDate).valueOf()), tooltip: 'Due Date' }), [dueDate]);
-    const expiryMeta = useMemo(() => ({ label: formatDate(dayjs(expiryDate).valueOf()), tooltip: 'Expiry Date' }), [expiryDate]);
-    const renderChipContent = (meta) => (_jsx(Tooltip, Object.assign({ title: meta.tooltip }, { children: _jsx(TextLabel, { children: meta.label }) })));
-    const centerIcon = useMemo(() => (dueDate ? renderChipContent(dueMeta) : expiryDate ? renderChipContent(expiryMeta) : null), [dueMeta, expiryMeta, dueDate, expiryDate]);
-    const rightIcons = useMemo(() => (expiryDate && dueDate ? [renderChipContent(expiryMeta)] : []), [dueMeta, expiryMeta, dueDate, expiryDate]);
-    if (!dueDate && !expiryDate)
-        return null;
-    return (_jsx(TableCell, Object.assign({}, props, { sx: { position: 'relative', overflow: 'visible' } }, { children: _jsx(RightLeftExpandingCenterChip, { sx: { justifyContent: 'flex-start' }, centerIcon: centerIcon, rightIcons: rightIcons }) })));
-}
-export default DueDateCell;

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

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