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

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

@@ -1,43 +0,0 @@
-import Text from '../../../Text';
-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.5),
-    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')(() => ({
-    width: '16px',
-    height: '16px',
-}));
-export const ReminderTextLabel = styled('div')(({ theme }) => ({
-    fontSize: '11px',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-    padding: '2px 0',
-    color: theme.palette.error.main,
-}));
-export const ExpiredTextLabel = styled('div')(({ theme }) => ({
-    fontSize: '11px',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-    padding: '2px 0',
-    color: theme.palette.error.main,
-}));
-export const TextLabel = styled(Text)(({ theme }) => ({
-    fontSize: '11px',
-    fontWeight: 500,
-    color: '#000',
-    cursor: 'default',
-}));

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

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

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

@@ -1,53 +0,0 @@
-import dayjs from 'dayjs';
-import { formatCellDate, isValidDate } from '../../../../utils/index.js';
-import { dueDateBlueIcon, dueDateRedIcon, dueDateGrayIcon, expiredIcon, timerBlueIcon } from '../../../../constants/index.js';
-export function formatDate(date) {
-    return formatCellDate(date, {
-        sameDay: '[Today at] h:mm A',
-        nextDay: '[Tomorrow]',
-        lastDay: '[Yesterday]',
-        sameElse: 'MMM DD, YYYY',
-        lastWeek: 'MMM DD, YYYY',
-        nextWeek: 'MMM DD, YYYY',
-    });
-}
-export function buildDueMeta(dueDate) {
-    if (!isValidDate(dueDate))
-        return null;
-    let icon = dueDateBlueIcon;
-    if (dayjs(dueDate).isBefore(dayjs(), 'day')) {
-        icon = dueDateRedIcon;
-    }
-    else if (dayjs(dueDate).isAfter(dayjs().add(2, 'day'), 'day')) {
-        icon = dueDateGrayIcon;
-    }
-    return { icon, label: formatDate(dayjs(dueDate).valueOf()) };
-}
-export function buildExpiryMeta(expiryDate) {
-    if (!isValidDate(expiryDate))
-        return null;
-    let expiryDateTimeLeft = dayjs(expiryDate).diff(dayjs(), 'day');
-    let expiryDateTimeLeftText = 'days';
-    const isExpired = dayjs(expiryDate).isBefore(dayjs(), 'second');
-    if (expiryDateTimeLeft < 1) {
-        expiryDateTimeLeft = dayjs(expiryDate).diff(dayjs(), 'hour');
-        expiryDateTimeLeftText = 'hours';
-    }
-    if (expiryDateTimeLeft < 1) {
-        expiryDateTimeLeft = dayjs(expiryDate).diff(dayjs(), 'minute');
-        expiryDateTimeLeftText = 'minutes';
-    }
-    if (expiryDateTimeLeft < 1) {
-        expiryDateTimeLeft = dayjs(expiryDate).diff(dayjs(), 'second');
-        expiryDateTimeLeftText = 'seconds';
-    }
-    const isExpiryLeftTimeMoreThanOneDay = dayjs(expiryDate).diff(dayjs(), 'day') > 1;
-    const expiryDateTimestamp = dayjs(expiryDate).valueOf();
-    const timeLeftLabel = isExpiryLeftTimeMoreThanOneDay
-        ? formatDate(expiryDateTimestamp) // Use your custom formatDate function
-        : `${expiryDateTimeLeft} ${expiryDateTimeLeftText} left`;
-    const expiredDateLabel = `Expired on ${formatDate(expiryDateTimestamp)}`; // Use your function here too
-    const label = isExpired ? expiredDateLabel : timeLeftLabel;
-    const icon = isExpired ? expiredIcon : timerBlueIcon;
-    return { icon, label };
-}

package/build/components/TableCells/CustomCells/EntityCell/EntityCell.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, jsxs as _jsxs } from "react/jsx-runtime";
-import Tooltip from '../../../Tooltip';
-import { CountryFlag } from '../../../index.js';
-import { getCountryNameByISO } from '../../../../utils/index.js';
-import TableCell from '../../TableCell';
-import { EntityName, EntityWrapper, VerificationIcon, VerificationContainer, EntityWrapperContent } from './style';
-import { verificationIcon } from './constants';
-export default function EntityCell(_a) {
-    var { entity, country, verificationStatus, licenseNumber, hideStatus } = _a, props = __rest(_a, ["entity", "country", "verificationStatus", "licenseNumber", "hideStatus"]);
-    const icon = verificationIcon[verificationStatus !== null && verificationStatus !== void 0 ? verificationStatus : 'incomplete'];
-    return (_jsx(TableCell, Object.assign({}, props, { sx: { cursor: (props === null || props === void 0 ? void 0 : props.onClick) ? 'pointer' : 'default' } }, { children: _jsx(Tooltip, Object.assign({ title: entity }, { children: _jsx(EntityWrapper, Object.assign({ hasClick: !!(props === null || props === void 0 ? void 0 : props.onClick), licenseNumber: licenseNumber }, { children: _jsxs(EntityWrapperContent, { children: [_jsx(Tooltip, Object.assign({ title: country ? getCountryNameByISO(country) : '' }, { children: _jsx(CountryFlag, { countryCode: country }) })), _jsx(EntityName, Object.assign({ licenseNumber: licenseNumber }, { children: licenseNumber || 'Not Available' })), !hideStatus && (_jsx(VerificationContainer, { children: _jsx(VerificationIcon, { src: icon }) }))] }) })) })) })));
-}

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

@@ -1,7 +0,0 @@
-import { darkBlueVerifyIcon, grayVerifyIcon, greenVerifyIcon } from '../../../../constants/index.js';
-export const verificationIcon = {
-    incomplete: grayVerifyIcon,
-    complete: darkBlueVerifyIcon,
-    reviewed: darkBlueVerifyIcon,
-    verified: greenVerifyIcon,
-};

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

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

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

@@ -1,28 +0,0 @@
-import { styled } from '@mui/material';
-import Box from '@mui/material/Box';
-export const EntityWrapper = styled('div', { shouldForwardProp: (props) => !['licenseNumber', 'hasClick'].includes(props) })(({ theme, licenseNumber, hasClick }) => (Object.assign({ display: 'flex', alignItems: 'center', gap: theme.spacing(1), border: '1px solid #F2F2F2', borderRadius: '44px', padding: '3.5px 5px', height: '24px', cursor: hasClick ? 'pointer' : 'default' }, (licenseNumber && {
-    padding: '3.5px 8px',
-}))));
-export const EntityWrapperContent = styled(Box)(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    gap: '4px',
-    overflow: 'hidden',
-    width: '100%',
-}));
-export const EntityIcon = styled('img')(() => ({
-    width: '16px',
-    height: '11.73px',
-}));
-export const EntityName = styled('div', { shouldForwardProp: (props) => !['licenseNumber'].includes(props) })(({ theme, licenseNumber }) => (Object.assign({ fontSize: '14px', fontWeight: 400, color: theme.palette.text.primary, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', margin: '0', width: '74px' }, (!licenseNumber && {
-    color: '#B1B1B1',
-    width: '84px',
-}))));
-export const VerificationIcon = styled('img')(() => ({
-    width: '10.5px',
-    height: '10.5px',
-}));
-export const VerificationContainer = styled('div')({
-    marginLeft: 'auto',
-    width: 'auto',
-});

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

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

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

@@ -1,44 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useState } from 'react';
-import Box from '@mui/material/Box';
-import { useTranslation } from 'react-i18next';
-import Tooltip from '../../../Tooltip';
-import { greenCheckIcon } from '../../../../constants/index.js';
-import { copyText } from '../../../../utils/index.js';
-import { RowId, Button } from './style';
-function IDButton({ icon, id }) {
-    const [showCopy, setShowCopy] = useState(false);
-    const [isHover, setIsHover] = useState(false);
-    const { t } = useTranslation();
-    const handleCopyRowId = () => {
-        if (id) {
-            setShowCopy(true);
-            copyText(id);
-            const timer = setTimeout(() => {
-                setShowCopy(false);
-            }, 2000);
-            return () => {
-                clearTimeout(timer);
-            };
-        }
-    };
-    const onShow = () => {
-        if (!isHover)
-            setIsHover(true);
-    };
-    const onHide = () => {
-        if (isHover)
-            setIsHover(false);
-    };
-    return (_jsx(Tooltip, Object.assign({ title: t('copy') }, { children: _jsx(Box, Object.assign({ sx: { position: 'relative', width: '24px', height: '24px', cursor: 'pointer' } }, { children: _jsxs(Button, Object.assign({ onClick: handleCopyRowId, onMouseEnter: onShow, onMouseLeave: onHide, isHover: isHover, initial: { width: '24px' }, style: Object.assign({}, (showCopy && { padding: '4px' })), animate: {
-                    width: isHover ? 'auto' : '24px',
-                    position: isHover ? 'absolute' : 'static',
-                } }, { children: [isHover && (_jsx(RowId, Object.assign({ initial: {
-                            opacity: 0,
-                        }, animate: {
-                            opacity: isHover ? 1 : 0,
-                        }, exit: {
-                            opacity: 0,
-                        }, transition: { delay: isHover ? 0.3 : 0, duration: isHover ? 0.3 : 0.1 } }, { children: id }))), _jsx(Box, { component: "img", src: showCopy ? greenCheckIcon : icon, alt: "id" })] })) })) })));
-}
-export default memo(IDButton);

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

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

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

@@ -1,15 +0,0 @@
-import { styled } from '@mui/material/styles';
-import { motion } from 'framer-motion';
-export const Button = styled(motion.div, { shouldForwardProp: (props) => props !== 'isHover' })(({ theme, isHover }) => (Object.assign({ paddingInlineStart: '8px', border: '1px solid transparent', display: 'flex', gap: '4px', alignItems: 'center', justifyContent: 'flex-end', backgroundColor: theme.palette.common.white, float: 'right', borderRadius: '56px' }, (isHover && {
-    borderColor: 'rgba(92, 92, 92, 0.05)',
-    boxShadow: '-7px 0px 8px 0px #F2F2F2',
-    position: 'absolute',
-    right: 0,
-    top: 0,
-    zIndex: 101,
-}))));
-export const RowId = styled(motion.div)(({ theme }) => ({
-    color: theme.palette.text.primary,
-    fontSize: '11px',
-    lineHeight: '120%',
-}));

package/build/components/TableCells/CustomCells/IndividualsCell/IndividualsCell.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 TableCell from '../../TableCell';
-import { verificationIcons } from './constants';
-import { IndividualsWrapper, IndividualName, VerificationIcon, Count, IndividualContainer, VerificationContainer, EmptyCell } from './style';
-import Tooltip from '../../../Tooltip';
-export default function IndividualsCell(_a) {
-    var { id, status, count, name } = _a, props = __rest(_a, ["id", "status", "count", "name"]);
-    const icon = verificationIcons[status !== null && status !== void 0 ? status : 'incomplete'];
-    return (_jsx(TableCell, Object.assign({}, props, { sx: { cursor: 'pointer' } }, { children: _jsx(Tooltip, Object.assign({ title: name }, { children: _jsx(IndividualsWrapper, { children: id ? (_jsxs(IndividualContainer, { children: [_jsx(IndividualName, { children: id }), _jsxs(VerificationContainer, { children: [_jsx(VerificationIcon, { src: icon }), count > 1 && (_jsx("div", { children: _jsxs(Count, { children: ["+", count - 1] }) }))] })] })) : (_jsx(EmptyCell, { children: "Not Available" })) }) })) })));
-}

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

@@ -1,7 +0,0 @@
-import { darkBlueVerifyIcon, grayVerifyIcon, greenVerifyIcon } from '../../../../constants/index.js';
-export const verificationIcons = {
-    incomplete: grayVerifyIcon,
-    complete: darkBlueVerifyIcon,
-    reviewed: darkBlueVerifyIcon,
-    verified: greenVerifyIcon,
-};

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

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

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

@@ -1,51 +0,0 @@
-import { styled } from '@mui/material';
-export const IndividualsWrapper = styled('div')(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    gap: theme.spacing(1),
-    border: '1.029px solid #F2F2F2',
-    borderRadius: '44px',
-    padding: '4px 8px',
-    lineHeight: '120%',
-}));
-export const IndividualName = styled('div')(({ theme }) => ({
-    fontSize: '14px',
-    fontWeight: 400,
-    color: theme.palette.text.primary,
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-    width: '84px',
-}));
-export const VerificationIcon = styled('img')(() => ({
-    width: '10.5px',
-    height: '10.5px',
-}));
-export const Count = styled('span')(({ theme }) => ({
-    fontSize: '9.5px',
-    fontWeight: 400,
-    color: theme.palette.common.white,
-    backgroundColor: theme.palette.grey[700],
-    borderRadius: '4px',
-    padding: '1px 2px',
-}));
-export const IndividualContainer = styled('div')({
-    width: '100%',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-});
-export const VerificationContainer = styled('div')({
-    display: 'flex',
-    alignItems: 'center',
-    gap: '8px',
-});
-export const EmptyCell = styled('div')({
-    fontWeight: 400,
-    fontSize: 14,
-    lineHeight: '120%',
-    letterSpacing: 0,
-    color: '#B1B1B1',
-    textAlign: 'center',
-    width: '100%',
-});

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

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

package/build/components/TableCells/CustomCells/IntentsStatusCell/IntentsStatusCell.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 { useTranslation } from 'react-i18next';
-import camelCase from 'lodash/camelCase';
-import Tooltip from '../../../Tooltip';
-import { ChargeStatusIcon } from '../../../StatusIcons';
-import { TableCell } from '../../../TableCells';
-import { statusIcons } from './constant';
-import { chargeStatusIcons } from '../AuthenticationStatusCell/constant';
-import { StatusIcon } from '../style';
-export default function IntentsStatusCell(_a) {
-    var { status, chargeStatus } = _a, props = __rest(_a, ["status", "chargeStatus"]);
-    const { t } = useTranslation();
-    return (_jsx(TableCell, Object.assign({}, props, { sx: {
-            overflow: 'visible',
-        } }, { children: _jsxs("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: "intents-icon" }) }))), chargeStatus && chargeStatusIcons[chargeStatus] && (_jsx(Tooltip, Object.assign({ title: t(camelCase(chargeStatus)) }, { children: _jsx(ChargeStatusIcon, { chargeStatus: chargeStatus }) })))] })) })));
-}

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

@@ -1,7 +0,0 @@
-import { intentTransactedStatusIcon, intentInitiatedStatusIcon, intentCancelledStatusIcon, intentExpiredStatusIcon } from '../../../../constants/index.js';
-export const statusIcons = {
-    TRANSACTED: intentTransactedStatusIcon,
-    INITIATED: intentInitiatedStatusIcon,
-    CANCELLED: intentCancelledStatusIcon,
-    EXPIRED: intentExpiredStatusIcon,
-};

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

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

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

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

package/build/components/TableCells/CustomCells/InvoiceStatusCell/ChargeStatusIcon.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import Box from '@mui/material/Box';
-import { useTranslation } from 'react-i18next';
-import camelCase from 'lodash/camelCase';
-import Tooltip from '../../../Tooltip';
-import { statusIcons, unCapturedStatusesStyles } from '../../../TableCells/CustomCells/StatusCell/constant';
-import { StatusIcon } from '../../../TableCells/CustomCells/style';
-import { unCapturedStatuses } from '../../../../constants/index.js';
-import { ErrorChip, StatusIconWrapper } from './style';
-export function ChargeStatusIcon({ chargeStatus, chargeTooltip, errorCode, iconStyles, iconWrapperStyles }) {
-    const { t } = useTranslation();
-    const unCapturedStatusStyle = chargeStatus ? unCapturedStatusesStyles[chargeStatus] : null;
-    const chargeIcon = chargeStatus && statusIcons[chargeStatus] && (_jsx(StatusIconWrapper, Object.assign({ style: iconWrapperStyles }, { children: _jsx(StatusIcon, { src: statusIcons[chargeStatus], alt: "charge-icon", style: Object.assign({ width: '16px', height: '16px' }, iconStyles) }) })));
-    const chargeTooltipTitle = chargeTooltip && (_jsx(_Fragment, { children: _jsx("div", { children: chargeTooltip }) }));
-    if (!chargeStatus)
-        return null;
-    return (_jsx(Tooltip, Object.assign({ title: chargeTooltipTitle !== null && chargeTooltipTitle !== void 0 ? chargeTooltipTitle : t(camelCase(chargeStatus)) }, { children: _jsxs(Box, Object.assign({ sx: { display: 'flex', gap: '6px', alignItems: 'center' } }, { children: [chargeIcon, !!(unCapturedStatuses === null || unCapturedStatuses === void 0 ? void 0 : unCapturedStatuses.includes(chargeStatus || '')) && (_jsx(ErrorChip, Object.assign({ style: { background: unCapturedStatusStyle === null || unCapturedStatusStyle === void 0 ? void 0 : unCapturedStatusStyle.color } }, { children: errorCode })))] })) })));
-}

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

@@ -1,69 +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 { useTranslation } from 'react-i18next';
-import dayjs from 'dayjs';
-import Box from '@mui/material/Box';
-import { useTheme } from '@mui/material/styles';
-import StyledBadge, { BadgeVariants } from '../../../CountBadge';
-import Tooltip from '../../../Tooltip';
-import { TableCell } from '../../../TableCells';
-import { formatDate } from '../../../TableCells/CustomCells/DueDateCell/utils';
-import { chargeStatusIcons } from '../../../TableCells/CustomCells/AuthenticationStatusCell/constant';
-import { remindedRedIcon } from '../../../../constants/index.js';
-import { RightLeftExpandingCenterChip } from '../../../RightLeftExpandingCenterChip';
-import { statusIcons } from './constant';
-import { DateIcon } from './style';
-import { invoiceStatusStyles } from './utils';
-import { ChargeStatusIcon } from './ChargeStatusIcon';
-import { useMemo } from 'react';
-export default function InvoiceStatusCell(_a) {
-    var { status, date, viewsCount, chargeStatus, errorCode, chargeTooltip, remindedCount = 0 } = _a, props = __rest(_a, ["status", "date", "viewsCount", "chargeStatus", "errorCode", "chargeTooltip", "remindedCount"]);
-    const { t } = useTranslation();
-    const theme = useTheme();
-    const icon = status ? statusIcons[status] : null;
-    const statusStyles = invoiceStatusStyles(status);
-    const statusTooltip = `${t((status === null || status === void 0 ? void 0 : status.toLowerCase()) || '')} ${formatDate(dayjs(date).valueOf())}`;
-    const statusIcon = useMemo(() => _jsx(ChargeStatusIcon, { chargeStatus: chargeStatus, errorCode: errorCode, chargeTooltip: chargeTooltip }), [chargeStatus, errorCode, chargeTooltip]);
-    const remindedIcon = useMemo(() => (_jsx(Tooltip, Object.assign({ title: t('reminded') }, { children: _jsxs(Box, Object.assign({ sx: { display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '6px' } }, { children: [_jsx(DateIcon, { sx: {
-                        width: '14px',
-                        height: '14px',
-                    }, src: remindedRedIcon, alt: "icon" }), _jsx(StyledBadge, Object.assign({ variant: BadgeVariants.DEFAULT, style: {
-                        background: theme.palette.error.main,
-                        fontWeight: 600,
-                        color: theme.palette.common.white,
-                    } }, { children: remindedCount }))] })) }))), [remindedCount]);
-    const centerIcon = useMemo(() => {
-        if (icon) {
-            return (_jsx(Tooltip, Object.assign({ title: t(statusTooltip || '') }, { children: _jsx(DateIcon, { src: icon, alt: "status icon" }) })));
-        }
-        if (chargeStatus && chargeStatusIcons[chargeStatus])
-            return statusIcon;
-        if (remindedCount)
-            return remindedIcon;
-        return undefined;
-    }, [icon, chargeStatus, remindedCount]);
-    if (!status && !chargeStatus && !remindedCount)
-        return null;
-    return (_jsx(TableCell, Object.assign({}, props, { sx: {
-            position: 'relative',
-            overflow: 'visible',
-        } }, { children: _jsx(RightLeftExpandingCenterChip, { sx: { justifyContent: 'flex-start' }, expandableCenterRight: !!viewsCount && status === 'VIEWED' && icon
-                ? [
-                    _jsx(StyledBadge, Object.assign({ variant: BadgeVariants.DEFAULT, style: {
-                            marginRight: '8px',
-                            color: '#fff',
-                            backgroundColor: statusStyles.color,
-                        } }, { children: viewsCount })),
-                ]
-                : undefined, centerIcon: centerIcon, leftIcons: !!remindedCount && icon ? [remindedIcon] : undefined, rightIcons: chargeStatus && chargeStatusIcons[chargeStatus] && icon ? [statusIcon] : undefined }) })));
-}

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

@@ -1,17 +0,0 @@
-import { deletedStatusIcon, draftStatusIcon, createdStatusIcon, paidStatusIcon, refundedStatusIcon, deliveredStatusIcon, viewedStatusIcon, savedStatusIcon, scheduledStatusIcon, pendingStatusIcon, cancelledInvoiceIcon, expiredInvoiceIcon, } from '../../../../constants/index.js';
-export const statusIcons = {
-    DELETED: deletedStatusIcon,
-    DRAFT: draftStatusIcon,
-    CREATED: createdStatusIcon,
-    CANCELLED: cancelledInvoiceIcon,
-    CANCELED: cancelledInvoiceIcon,
-    EXPIRED: expiredInvoiceIcon,
-    PAID: paidStatusIcon,
-    REFUNDED: refundedStatusIcon,
-    DELIVERED: deliveredStatusIcon,
-    VIEWED: viewedStatusIcon,
-    SAVED: savedStatusIcon,
-    SCHEDULED: scheduledStatusIcon,
-    PENDING: pendingStatusIcon,
-    REMINDED: '',
-};

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

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

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

@@ -1,50 +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: '24px',
-    fontSize: '10px',
-    color: theme.palette.text.primary,
-}));
-export const DateIcon = styled('img')(() => ({
-    height: '13.125px',
-    width: '12px',
-}));
-export const StatusTextLabel = styled('div')(() => ({
-    fontSize: '11px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    width: '65px',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-    padding: '4.5px 8px',
-    borderRadius: '24px',
-}));
-export const ErrorChip = styled('div')(({ theme }) => ({
-    color: theme.palette.common.white,
-    background: theme.palette.error.main,
-    fontSize: '0.6rem',
-    fontWeight: 600,
-    borderRadius: '16px',
-    padding: '2px 8px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-}));
-export const StatusIconWrapper = styled('div')(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    width: '16px',
-    height: '16px',
-}));

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

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

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

@@ -1,40 +0,0 @@
-export function invoiceStatusStyles(status) {
-    switch (status) {
-        case 'CANCELLED':
-        case 'DELETED':
-            return {
-                color: '#FF3D00',
-                background: '#FFF5F2',
-            };
-        case 'VIEWED':
-            return {
-                color: '#1F88D0',
-                background: '#e1edf8',
-            };
-        case 'REFUNDED':
-            return {
-                color: '#4E1FD0',
-                background: '#ede8fb',
-            };
-        case 'PAID':
-            return {
-                color: '#2ACE00',
-                background: '#EAFAE5',
-            };
-        case 'EXPIRED':
-            return {
-                color: '#FF7A00',
-                background: '#FFF2E5',
-            };
-        case undefined:
-            return {
-                color: '#FF7A00',
-                background: 'transparent',
-            };
-        default:
-            return {
-                color: '#818181',
-                background: '#F2F2F2',
-            };
-    }
-}

package/build/components/TableCells/CustomCells/LeadStatusCell/LeadStatusCell.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 } from "react/jsx-runtime";
-import { useTranslation } from 'react-i18next';
-import camelCase from 'lodash/camelCase';
-import capitalize from 'lodash/capitalize';
-import Tooltip from '../../../Tooltip';
-import { TableCell } from '../../../TableCells';
-import IconWithBadge from '../../../IconWithBadge';
-import { statusIcons } from './constant';
-import { StatusIconWrapper } from './style';
-export default function LeadStatusCell(_a) {
-    var { status } = _a, props = __rest(_a, ["status"]);
-    const { t } = useTranslation();
-    return (_jsx(TableCell, Object.assign({}, props, { children: status && statusIcons[status] && (_jsx(Tooltip, Object.assign({ title: t(capitalize(camelCase(status))) }, { children: _jsx(StatusIconWrapper, { children: _jsx(IconWithBadge, { mainIcon: statusIcons[status], mainIconSize: 16, containerSize: 16, borderColor: "transparent" }) }) }))) })));
-}

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

@@ -1,9 +0,0 @@
-import { activeLeadStatusIcon, completedLeadStatusIcon, closedLeadStatusIcon, expiredLeadStatusIcon, readyLeadStatusIcon } from '../../../../constants/index.js';
-export const statusIcons = {
-    active: activeLeadStatusIcon,
-    completed: completedLeadStatusIcon,
-    closed: closedLeadStatusIcon,
-    expired: expiredLeadStatusIcon,
-    ready: readyLeadStatusIcon,
-    registered: completedLeadStatusIcon,
-};