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

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

@@ -1,97 +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, Fragment as _Fragment } from "react/jsx-runtime";
-import { memo } from 'react';
-import { AnimatePresence, motion } from 'framer-motion';
-import { useTranslation } from 'react-i18next';
-import Dropdown from '../../../DropdownMenu';
-import Tooltip from '../../../Tooltip';
-import { TableCell } from '../../../TableCells';
-import StyledBadge, { BadgeVariants } from '../../../CountBadge';
-import { jsonBlackIcon, rowIdIcon } from '../../../../constants/index.js';
-import ActionIconsVariants from './components/ActionIconsVariants';
-import { actionIcons, colorToVariant, flags } from './constant';
-import { useActionCell } from './hooks/useActionCell';
-import { ActionCellContainer, ActionIcon, ActionsIconContainer } from './style';
-import { IDButton } from '../IDButton';
-import { BadgeWrapper, IdButtonContainer, TextLabel, TransparentButton } from '../style';
-export const ActionCell = memo((_a) => {
-    var _b, _c;
-    var { flag, actions, flagTooltip, flagsCount, dropdownAction, onCloseDropdown, isDropdownShown = true, row, showJsonViewer = true, isTextShown, showIdButton = true, rowId, onJsonViewClick, renderDropdown, startSlot } = _a, props = __rest(_a, ["flag", "actions", "flagTooltip", "flagsCount", "dropdownAction", "onCloseDropdown", "isDropdownShown", "row", "showJsonViewer", "isTextShown", "showIdButton", "rowId", "onJsonViewClick", "renderDropdown", "startSlot"]);
-    const { t } = useTranslation();
-    const { open, anchorEl, filteredActions, isAnyActionLoading, isAnyActionHasError, isAnyActionSuccessful, areThereAnyShownActions, handleClick, handleClose, setAnchorEl, } = useActionCell({ actions, isDropdownShown, onCloseDropdown, renderDropdown });
-    return (_jsx(TableCell, Object.assign({}, props, { sx: {
-            overflow: 'visible',
-        } }, { children: _jsxs(ActionCellContainer, Object.assign({ "data-testid": "ActionCell_ActionCellContainer" }, { children: [startSlot, flag && (_jsx(_Fragment, { children: isTextShown ? (_jsx(Tooltip, Object.assign({ title: flagTooltip }, { children: _jsx(TextLabel, Object.assign({ "data-testid": "ActionCell_FlagLabel", sx: {
-                                textAlign: 'left',
-                                justifyContent: 'flex-start',
-                            } }, { children: flagTooltip })) }))) : (_jsx(Tooltip, Object.assign({ title: flagTooltip }, { children: _jsxs(BadgeWrapper, Object.assign({ "data-testid": "ActionCell_FlagBadge", sx: {
-                                paddingInline: '12px',
-                                width: 'auto',
-                                alignItems: 'center',
-                                position: 'relative',
-                                zIndex: 21,
-                                gap: '0px',
-                            }, whileHover: ['animate', 'fadeIn'], variants: {
-                                animate: {
-                                    gap: '4px',
-                                },
-                            } }, { children: [_jsx(ActionIcon, { "data-testid": "ActionCell_FlagIcon", sx: {
-                                        width: '12px',
-                                        height: '11px',
-                                    }, src: (_b = flags[flag]) === null || _b === void 0 ? void 0 : _b.icon, alt: "flag-icon" }), (flagsCount !== null && flagsCount !== void 0 ? flagsCount : 0) > 1 && (_jsx(motion.div, Object.assign({ "data-testid": "ActionCell_StyledBadge_Container", style: {
-                                        alignItems: 'center',
-                                        justifyContent: 'center',
-                                        gap: '4px',
-                                        display: 'flex',
-                                        zIndex: 10,
-                                    }, initial: { width: 0, opacity: 0 }, transition: {
-                                        animate: {
-                                            duration: 0.5,
-                                        },
-                                        fadeIn: {
-                                            duration: 0.2,
-                                        },
-                                    }, variants: {
-                                        animate: {
-                                            width: 'auto',
-                                        },
-                                        fadeIn: {
-                                            transition: {
-                                                delay: 0.5,
-                                            },
-                                            opacity: 1,
-                                        },
-                                    } }, { children: _jsxs(StyledBadge, Object.assign({ compact: true, variant: colorToVariant[(_c = flags[flag]) === null || _c === void 0 ? void 0 : _c.color] || BadgeVariants.ORANGE, "data-testid": "ActionCell_StyledBadge" }, { children: [flagsCount, "x"] })) })))] })) }))) })), showIdButton && _jsx(IDButton, { id: rowId || row.id, icon: rowIdIcon }), _jsxs("div", Object.assign({ "data-testid": "ActionCell_IconsContainer", style: {
-                        display: 'flex',
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                        gap: '5px',
-                    } }, { children: [showJsonViewer && (_jsx(_Fragment, { children: _jsx(TransparentButton, Object.assign({ onClick: onJsonViewClick, type: "button", "data-testid": "ActionCell_TransparentButton" }, { children: _jsx(Tooltip, Object.assign({ title: t('jsonViewer') }, { children: _jsx(IdButtonContainer, Object.assign({ "data-testid": "ActionCell_IdButtonContainer" }, { children: _jsx(motion.img, { src: jsonBlackIcon, alt: "icon" }, "id-icon") })) })) })) })), _jsxs(ActionsIconContainer, Object.assign({ id: "styled-popover", selected: !!dropdownAction || open, "data-testid": "ActionCell_ActionsIconContainer", "data-is-active": areThereAnyShownActions, sx: Object.assign({}, (!areThereAnyShownActions && {
-                                pointerEvents: 'none',
-                            })) }, { children: [_jsx(TransparentButton, Object.assign({ onClick: handleClick, "data-testid": "ActionCell_ActionsIconContainer_TransparentButton", "data-is-active": areThereAnyShownActions, sx: Object.assign({}, (!areThereAnyShownActions && {
-                                        pointerEvents: 'none',
-                                    })) }, { children: _jsx(AnimatePresence, Object.assign({ mode: "wait" }, { children: _jsx(ActionIconsVariants, { isAnyActionLoading: isAnyActionLoading, isAnyActionHasError: isAnyActionHasError, isAnyActionSuccessful: isAnyActionSuccessful, areThereAnyShownActions: areThereAnyShownActions }) })) })), renderDropdown ? (renderDropdown(anchorEl, setAnchorEl)) : (_jsxs(_Fragment, { children: [dropdownAction, areThereAnyShownActions && (_jsx(Dropdown, { style: { zIndex: 2000 }, open: open, onClose: handleClose, anchorEl: anchorEl, menuItems: filteredActions.map((action) => {
-                                                var _a;
-                                                return (Object.assign(Object.assign({}, action), { onClick: (e) => {
-                                                        var _a;
-                                                        (_a = action === null || action === void 0 ? void 0 : action.onClick) === null || _a === void 0 ? void 0 : _a.call(action, e);
-                                                        if (!action.hasActionMenu) {
-                                                            handleClose();
-                                                        }
-                                                    }, onRightClick: (e) => {
-                                                        var _a;
-                                                        (_a = action === null || action === void 0 ? void 0 : action.onRightClick) === null || _a === void 0 ? void 0 : _a.call(action, e);
-                                                        handleClose();
-                                                    }, icon: action.customIcon || (_jsx(ActionIcon, { icon: action.icon, src: (_a = action.iconSrc) !== null && _a !== void 0 ? _a : (action.icon && actionIcons[action.icon]), initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 } }, `action.label-${action.label.trim()}`)) }));
-                                            }) }))] }))] }))] }))] })) })));
-});

package/build/components/TableCells/CustomCells/ActionCell/components/ActionIconColumn.js

@@ -1,51 +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 { memo } from 'react';
-import { AnimatePresence } from 'framer-motion';
-import Dropdown from '../../../../DropdownMenu';
-import { TableCell } from '../../../../TableCells';
-import ActionIconsVariants from '../components/ActionIconsVariants';
-import { actionIcons } from '../constant';
-import { useActionCell } from '../hooks/useActionCell';
-import { ActionIcon, ActionsIconContainer } from '../style';
-import { TransparentButton } from '../../style';
-function ActionIconColumn(_a) {
-    var { actions, dropdownAction, onCloseDropdown, isDropdownShown = true, renderDropdown } = _a, props = __rest(_a, ["actions", "dropdownAction", "onCloseDropdown", "isDropdownShown", "renderDropdown"]);
-    const { open, anchorEl, filteredActions, isAnyActionLoading, isAnyActionHasError, isAnyActionSuccessful, areThereAnyShownActions, handleClick, handleClose, setAnchorEl, } = useActionCell({ actions, isDropdownShown, onCloseDropdown, renderDropdown });
-    return (_jsx(TableCell, Object.assign({}, props, { sx: {
-            overflow: 'visible',
-        } }, { children: _jsx("div", Object.assign({ "data-testid": "ActionIconColumn_Container", style: {
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                gap: '5px',
-            } }, { children: _jsxs(ActionsIconContainer, Object.assign({ id: "styled-popover", selected: !!dropdownAction || open, "data-testid": "ActionIconColumn_ActionsIconContainer", "data-is-active": areThereAnyShownActions, sx: Object.assign({}, (!areThereAnyShownActions && {
-                    pointerEvents: 'none',
-                })) }, { children: [_jsx(TransparentButton, Object.assign({ onClick: handleClick, "data-testid": "ActionIconColumn_ActionsIconContainer_TransparentButton", "data-is-active": areThereAnyShownActions, sx: Object.assign({}, (!areThereAnyShownActions && {
-                            pointerEvents: 'none',
-                        })) }, { children: _jsx(AnimatePresence, Object.assign({ mode: "wait" }, { children: _jsx(ActionIconsVariants, { isAnyActionLoading: isAnyActionLoading, isAnyActionHasError: isAnyActionHasError, isAnyActionSuccessful: isAnyActionSuccessful, areThereAnyShownActions: areThereAnyShownActions }) })) })), renderDropdown ? (renderDropdown(anchorEl, setAnchorEl)) : (_jsxs(_Fragment, { children: [dropdownAction, areThereAnyShownActions && (_jsx(Dropdown, { style: { zIndex: 2000 }, open: open, onClose: handleClose, anchorEl: anchorEl, menuItems: filteredActions.map((action) => {
-                                    var _a;
-                                    return (Object.assign(Object.assign({}, action), { onClick: (e) => {
-                                            var _a;
-                                            (_a = action === null || action === void 0 ? void 0 : action.onClick) === null || _a === void 0 ? void 0 : _a.call(action, e);
-                                            if (!action.hasActionMenu) {
-                                                handleClose();
-                                            }
-                                        }, onRightClick: (e) => {
-                                            var _a;
-                                            (_a = action === null || action === void 0 ? void 0 : action.onRightClick) === null || _a === void 0 ? void 0 : _a.call(action, e);
-                                            handleClose();
-                                        }, icon: action.customIcon || (_jsx(ActionIcon, { icon: action.icon, src: (_a = action.iconSrc) !== null && _a !== void 0 ? _a : (action.icon && actionIcons[action.icon]), initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 } }, `action.label-${action.label.trim()}`)) }));
-                                }) }))] }))] })) })) })));
-}
-export default memo(ActionIconColumn);

package/build/components/TableCells/CustomCells/ActionCell/components/ActionIconsVariants.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import Tooltip from '../../../../Tooltip';
-import { actionFailIcon, actionSuccessIcon, ellipsisHorizontalIcon, spinnerLoadingIcon } from '../../../../../constants/index.js';
-import { ActionIcon, StyledActionsIcon } from '../style';
-function ActionIconsVariants({ isAnyActionLoading, isAnyActionHasError, isAnyActionSuccessful, areThereAnyShownActions, }) {
-    const { t } = useTranslation();
-    if (isAnyActionHasError) {
-        return _jsx(ActionIcon, { src: actionFailIcon, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 } }, "fail-icon");
-    }
-    if (isAnyActionSuccessful) {
-        return _jsx(ActionIcon, { src: actionSuccessIcon, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 } }, "success-icon");
-    }
-    if (isAnyActionLoading) {
-        return _jsx(ActionIcon, { src: spinnerLoadingIcon, className: "spinner-loader" }, "spinner-icon");
-    }
-    return (_jsx(Tooltip, Object.assign({ title: t('moreActions') }, { children: _jsx(StyledActionsIcon, { alt: "more", src: ellipsisHorizontalIcon, isActive: areThereAnyShownActions }, "ellipsis-icon") })));
-}
-ActionIconsVariants.displayName = 'ActionIconsVariants';
-export default memo(ActionIconsVariants);

package/build/components/TableCells/CustomCells/ActionCell/components/ActionsColumn.js

@@ -1,74 +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, Fragment as _Fragment } from "react/jsx-runtime";
-import { memo } from 'react';
-import { motion } from 'framer-motion';
-import Tooltip from '../../../../Tooltip';
-import { TableCell } from '../../../../TableCells';
-import StyledBadge, { BadgeVariants } from '../../../../CountBadge';
-import StatusChip from '../../../../StatusChip';
-import { colorToVariant, flags } from '../constant';
-import { ActionCellContainer, ActionIcon } from '../style';
-import { BadgeWrapper, TextLabel } from '../../style';
-function ActionsColumn(_a) {
-    var _b, _c;
-    var { flag, flagTooltip, flagsCount, row, showJsonViewer = true, isTextShown, showIdButton = true, rowId, onJsonViewClick, tableMode } = _a, props = __rest(_a, ["flag", "flagTooltip", "flagsCount", "row", "showJsonViewer", "isTextShown", "showIdButton", "rowId", "onJsonViewClick", "tableMode"]);
-    return (_jsx(TableCell, Object.assign({}, props, { sx: {
-            overflow: 'visible',
-        } }, { children: _jsxs(ActionCellContainer, Object.assign({ "data-testid": "ActionsColumn_ActionCellContainer", tableMode: tableMode }, { children: [flag && (_jsx(_Fragment, { children: isTextShown ? (_jsx(Tooltip, Object.assign({ title: flagTooltip }, { children: _jsx(TextLabel, Object.assign({ "data-testid": "ActionsColumn_FlagLabel", sx: {
-                                textAlign: 'left',
-                                justifyContent: 'flex-start',
-                            } }, { children: flagTooltip })) }))) : (_jsx(Tooltip, Object.assign({ title: flagTooltip }, { children: _jsxs(BadgeWrapper, Object.assign({ "data-testid": "ActionsColumn_FlagBadge", sx: {
-                                paddingInline: '12px',
-                                width: 'auto',
-                                alignItems: 'center',
-                                position: 'relative',
-                                zIndex: 21,
-                                gap: '0px',
-                            }, whileHover: ['animate', 'fadeIn'], variants: {
-                                animate: {
-                                    gap: '4px',
-                                },
-                            } }, { children: [_jsx(ActionIcon, { "data-testid": "ActionsColumn_FlagIcon", sx: {
-                                        width: '12px',
-                                        height: '11px',
-                                    }, src: (_b = flags[flag]) === null || _b === void 0 ? void 0 : _b.icon, alt: "flag-icon" }), (flagsCount !== null && flagsCount !== void 0 ? flagsCount : 0) > 1 && (_jsx(motion.div, Object.assign({ "data-testid": "ActionsColumn_StyledBadge_Container", style: {
-                                        alignItems: 'center',
-                                        justifyContent: 'center',
-                                        gap: '4px',
-                                        display: 'flex',
-                                        zIndex: 10,
-                                    }, initial: { width: 0, opacity: 0 }, transition: {
-                                        animate: {
-                                            duration: 0.5,
-                                        },
-                                        fadeIn: {
-                                            duration: 0.2,
-                                        },
-                                    }, variants: {
-                                        animate: {
-                                            width: 'auto',
-                                        },
-                                        fadeIn: {
-                                            transition: {
-                                                delay: 0.5,
-                                            },
-                                            opacity: 1,
-                                        },
-                                    } }, { children: _jsxs(StyledBadge, Object.assign({ compact: true, variant: colorToVariant[(_c = flags[flag]) === null || _c === void 0 ? void 0 : _c.color] || BadgeVariants.ORANGE, "data-testid": "ActionsColumn_StyledBadge" }, { children: [flagsCount, "x"] })) })))] })) }))) })), showIdButton && _jsx(StatusChip, Object.assign({ minWidth: "213px" }, { children: rowId || row.id })), _jsx("div", Object.assign({ "data-testid": "ActionsColumn_IconsContainer", style: {
-                        display: 'flex',
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                        gap: '5px',
-                    } }, { children: showJsonViewer && _jsx(StatusChip, Object.assign({ onClick: onJsonViewClick }, { children: "View API" })) }))] })) })));
-}
-export default memo(ActionsColumn);

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

@@ -1,3 +0,0 @@
-export { default as ActionIconsVariants } from './ActionIconsVariants';
-export { default as ActionsColumn } from './ActionsColumn';
-export { default as ActionIconColumn } from './ActionIconColumn';

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

@@ -1,29 +0,0 @@
-import { BadgeVariants } from '../../../CountBadge';
-import { flagIcon, clockIcon, disputeIcon, redFlagIcon, cancelledIcon, closedFlagIcon, orangeFlagIcon, refundInitiatedIcon, viewInvoiceIcon, reverseActionIcon, voidedIcon, capturedDropdownIcon, destinationReversedTableIcon, brandPlaceholderIcon, usersIcon, clipboardIcon, jsonBlackIcon, receiptBillIcon, } from '../../../../constants/index.js';
-export const flags = {
-    GRAY: { icon: closedFlagIcon, color: '#CFCFCF' },
-    ORANGE: { icon: orangeFlagIcon, color: '#FFD503' },
-    RED: { icon: redFlagIcon, color: '#FF0000' },
-};
-export const colorToVariant = {
-    gray: BadgeVariants.GRAY,
-    red: BadgeVariants.RED,
-    orange: BadgeVariants.ORANGE,
-};
-export const actionIcons = {
-    flag: flagIcon,
-    dispute: disputeIcon,
-    refund: refundInitiatedIcon,
-    void: voidedIcon,
-    capture: capturedDropdownIcon,
-    cancel: cancelledIcon,
-    clock: clockIcon,
-    reverse: reverseActionIcon,
-    destination: destinationReversedTableIcon,
-    invoice: viewInvoiceIcon,
-    users: usersIcon,
-    brand: brandPlaceholderIcon,
-    clipboard: clipboardIcon,
-    viewApi: jsonBlackIcon,
-    viewReceipt: receiptBillIcon,
-};

package/build/components/TableCells/CustomCells/ActionCell/hooks/useActionCell.js

@@ -1,37 +0,0 @@
-import { useEffect, useState } from 'react';
-export function useActionCell({ actions, isDropdownShown, onCloseDropdown, renderDropdown }) {
-    const [anchorEl, setAnchorEl] = useState(null);
-    const open = Boolean(anchorEl);
-    const filteredActions = (actions || []).filter((a) => a.isShown !== false);
-    const isAnyActionLoading = filteredActions.some((a) => a.isLoading);
-    const isAnyActionHasError = filteredActions.some((a) => a.isError);
-    const isAnyActionSuccessful = filteredActions.some((a) => a.isSuccess);
-    const areThereAnyShownActions = filteredActions.length > 0 || !!renderDropdown;
-    const handleClick = (event) => {
-        if (isAnyActionLoading || !areThereAnyShownActions) {
-            return;
-        }
-        setAnchorEl(event.currentTarget);
-    };
-    const handleClose = () => {
-        setAnchorEl(null);
-        onCloseDropdown === null || onCloseDropdown === void 0 ? void 0 : onCloseDropdown();
-    };
-    useEffect(() => {
-        if (!isDropdownShown) {
-            setAnchorEl(null);
-        }
-    }, [isDropdownShown]);
-    return {
-        anchorEl,
-        open,
-        filteredActions,
-        isAnyActionLoading,
-        isAnyActionHasError,
-        isAnyActionSuccessful,
-        areThereAnyShownActions,
-        handleClick,
-        handleClose,
-        setAnchorEl,
-    };
-}

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

@@ -1,3 +0,0 @@
-export * from './ActionCell';
-export * from './components';
-export * from './type';

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

@@ -1,29 +0,0 @@
-import { styled } from '@mui/material/styles';
-import { motion } from 'framer-motion';
-export const ActionCellContainer = styled('section', {
-    shouldForwardProp: (props) => props !== 'tableMode',
-})(({ theme, tableMode }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-end',
-    textAlign: 'center',
-    borderRadius: '50%',
-    gap: tableMode === 'sheet' ? '4px' : theme.spacing(1),
-    overflow: 'visible',
-}));
-export const ActionsIconContainer = styled('span')(({ selected }) => (Object.assign(Object.assign({ overflow: 'visible', borderRadius: '50%', display: 'flex', justifyContent: 'center', alignItems: 'center', position: 'relative', '&:hover': {
-        boxShadow: '0px 0px 20px rgba(0, 0, 0, 0.18);',
-    } }, (selected && {
-    boxShadow: '0px 0px 20px rgba(0, 0, 0, 0.18);',
-})), { span: {
-        flexGrow: 1,
-    } })));
-export const StyledActionsIcon = styled('img', {
-    shouldForwardProp: (props) => props !== 'isActive',
-})(({ isActive }) => (Object.assign({ width: '18px', height: '18px' }, (!isActive && {
-    pointerEvents: 'none',
-    filter: 'opacity(0.3)',
-}))));
-export const ActionIcon = styled(motion.img)(({ icon }) => (Object.assign({ width: '13.3px', height: '13.3px' }, (icon === 'cancel' && {
-    padding: '1.15px',
-}))));

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

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

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

@@ -1,51 +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 { useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useTheme } from '@mui/material/styles';
-import { CountAnimatedBadge } from '../../../CountBadge';
-import { AgreementImageWrapper, paymentSourceAnimation } from '../../../CountBadge/style';
-import { TableCell } from '../../../TableCells';
-import Tooltip from '../../../Tooltip';
-import { noAgreementIcon } from '../../../../constants/index.js';
-import { formatOrdinal } from '../../../../utils/index.js';
-import { agreementTypes, badgesTypes } from './constant';
-import { BadgeTextWrapper, TextLabel, PaymentSourcesContainer, StyledSourceCell, StyledSourceImage } from './style';
-function AgreementCell(_a) {
-    var { type, hasSavedCard, totalPaymentsCount, isTextShown } = _a, props = __rest(_a, ["type", "hasSavedCard", "totalPaymentsCount", "isTextShown"]);
-    const theme = useTheme();
-    const { t } = useTranslation();
-    const sources = useMemo(() => [
-        ...(hasSavedCard ? [badgesTypes.SAVED_TOKEN] : []),
-        ...((totalPaymentsCount || 0) > 0 ? [badgesTypes.COUNT] : []),
-        ...(type && agreementTypes[type] ? [agreementTypes[type]] : []),
-    ], [hasSavedCard, totalPaymentsCount, type]);
-    const countBadge = (index) => isTextShown ? (_jsx(AgreementImageWrapper, Object.assign({ "data-testid": "AgreementCell_countBadge", order: index, variants: paymentSourceAnimation(index, isTextShown ? 85 : 0) }, { children: _jsx(Tooltip, Object.assign({ title: t('totalPaymentCount', { amount: formatOrdinal(totalPaymentsCount) }) }, { children: _jsx(BadgeTextWrapper, { children: _jsxs(TextLabel, Object.assign({ "data-testid": "AgreementCell_totalPaymentsCount", sx: {
-                        color: badgesTypes.COUNT.color,
-                    } }, { children: ["x", totalPaymentsCount] })) }) })) }), index)) : (_jsx(CountAnimatedBadge, { totalPaymentsCount: totalPaymentsCount, index: index }, index));
-    const agreementSources = sources.map((source, index) => {
-        return source.label === 'countBadge' ? (countBadge(index)) : (_jsx(Tooltip, Object.assign({ title: t(source.label) }, { children: _jsx(AgreementImageWrapper, Object.assign({ order: index, variants: paymentSourceAnimation(index, index > 1 && isTextShown ? 62 : 0), sx: {
-                    width: isTextShown ? 'auto' : '36px',
-                } }, { children: isTextShown ? (_jsx(BadgeTextWrapper, { children: _jsx(TextLabel, Object.assign({ "data-testid": "AgreementCell_agreementType", sx: {
-                            color: source.color,
-                        } }, { children: t(source.label) })) })) : (_jsx(StyledSourceImage, { src: source.icon, alt: "agreement" })) }), source.color) }), source.color));
-    });
-    const paymentSourcesCount = agreementSources.length;
-    const noAgreementBadge = (_jsx(Tooltip, Object.assign({ title: "No agreement" }, { children: _jsx(AgreementImageWrapper, Object.assign({ order: 0, variants: paymentSourceAnimation(0, 0), sx: {
-                width: isTextShown ? 'auto' : '36px',
-            } }, { children: isTextShown ? (_jsx(BadgeTextWrapper, { children: _jsx(TextLabel, Object.assign({ "data-testid": "AgreementCell_agreementType", sx: {
-                        color: theme.palette.text.secondary,
-                    } }, { children: "No agreement" })) })) : (_jsx(StyledSourceImage, { src: noAgreementIcon, alt: "no-agreement" })) }), "no-agreement") }), "no-agreement"));
-    return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(StyledSourceCell, Object.assign({ "data-testid": "AgreementCell" }, { children: _jsx(PaymentSourcesContainer, Object.assign({ layout: true, className: "payment-sources-container", "data-testid": "AgreementCell_PaymentSourcesContainer", whileHover: "animate", animate: "start", sourcesCount: paymentSourcesCount || 0, variants: { animate: { width: (paymentSourcesCount || 0) * (6 + 32) } } }, { children: (agreementSources === null || agreementSources === void 0 ? void 0 : agreementSources.length) > 0 ? agreementSources : noAgreementBadge })) })) })));
-}
-export default AgreementCell;

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

@@ -1,32 +0,0 @@
-import { cardIcon, agreementOrderIcon, agreementSavedCardIcon, agreementSubscriptionIcon, agreementInstallmentIcon } from '../../../../constants/index.js';
-export const agreementTypes = {
-    ORDER: {
-        label: 'order',
-        icon: agreementOrderIcon,
-        color: '#5E30EB',
-    },
-    SAVED_CARD: {
-        label: 'cardAgreement',
-        icon: agreementSavedCardIcon,
-        color: '#76BB40',
-    },
-    SUBSCRIPTION: {
-        label: 'subscription',
-        icon: agreementSubscriptionIcon,
-        color: '#00C7BE',
-    },
-    INSTALLMENT: {
-        label: 'installment',
-        icon: agreementInstallmentIcon,
-        color: '#32ADE6',
-    },
-};
-export const badgesTypes = Object.assign(Object.assign({}, agreementTypes), { SAVED_TOKEN: {
-        label: 'savedToken',
-        icon: cardIcon,
-        color: '#76BB40',
-    }, COUNT: {
-        label: 'countBadge',
-        icon: 'countBadge',
-        color: '#76BB40',
-    } });

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

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

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

@@ -1,59 +0,0 @@
-import { styled } from '@mui/material';
-import { motion } from 'framer-motion';
-export const AgreementCellContainer = styled('span')(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    gap: theme.spacing(0.5),
-}));
-export const StyledAgreementCardIcon = styled('img')(() => ({
-    width: '35px',
-    height: '16px',
-    display: 'block',
-}));
-export const CardContainer = styled('span')(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    width: '14.67px',
-    height: '10px',
-}));
-export const CardImage = styled('img')(() => ({
-    maxWidth: '100%',
-    width: '100%',
-}));
-export const TextLabel = styled('span')(({ theme }) => ({
-    fontSize: '11px',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-    padding: '2px 0',
-    color: theme.palette.text.primary,
-}));
-export const BadgeTextWrapper = styled('div')(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    paddingInline: '8px',
-}));
-export const PaymentSourcesContainer = styled(motion.span, { shouldForwardProp: (prop) => prop !== 'sourcesCount' })(({ theme, sourcesCount }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    position: 'absolute',
-    minWidth: `${sourcesCount * 6 + 36}px `,
-    minHeight: '24px',
-    cursor: 'pointer',
-    backgroundColor: theme.palette.background.paper,
-    borderRadius: '16px',
-}));
-export const StyledSourceCell = styled('span')(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    gap: theme.spacing(1),
-}));
-export const StyledSourceImage = styled('img')(() => ({
-    maxWidth: '36px',
-    maxHeight: '24px',
-}));

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

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

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

@@ -1,24 +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 { TableCell } from '../../../TableCells';
-import Tooltip from '../../../Tooltip';
-import { CountryFlag, CurrencySymbol } from '../../../index.js';
-import { AmountCellContainer } from './style';
-import { ConversionTypeLabel, CurrencyInfo } from './components';
-const tableMode = 'default';
-function AmountCell(_a) {
-    var { conversionType, amount, currency, tooltipLabel, amountTooltipLabel } = _a, props = __rest(_a, ["conversionType", "amount", "currency", "tooltipLabel", "amountTooltipLabel"]);
-    return (_jsx(TableCell, Object.assign({}, props, { children: _jsxs(AmountCellContainer, { children: [_jsx(Tooltip, Object.assign({ title: tooltipLabel || '' }, { children: _jsx(Box, { children: _jsx(ConversionTypeLabel, { tableMode: tableMode, conversionType: conversionType }) }) })), currency && (_jsx(Tooltip, Object.assign({ title: _jsx(CurrencySymbol, { currency: currency }) }, { children: _jsx(CountryFlag, { currencyCode: currency }) }))), _jsx(Tooltip, Object.assign({ title: amountTooltipLabel }, { children: _jsx(CurrencyInfo, { tableMode: tableMode, amount: amount, currency: currency }) }))] }) })));
-}
-export default AmountCell;

package/build/components/TableCells/CustomCells/AmountCell/AmountCellSheet.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { StatusChipWithCopy } from '../../../index.js';
-import { formatAmountWithCurrency } from '../../../../utils/index.js';
-import { ConversionTypeLabel, CurrencyInfo } from './components';
-const tableMode = 'sheet';
-function AmountCellSheet({ conversionType, amount, currency, selectionProps = {}, chipIndex = 0 }) {
-    const { integerAmount, decimalAmount } = formatAmountWithCurrency(amount, currency);
-    return (_jsxs(StatusChipWithCopy, Object.assign({ chipIndex: chipIndex, copyText: amount ? `${integerAmount}.${decimalAmount}` : '-', selectionProps: selectionProps }, { children: [_jsx(ConversionTypeLabel, { tableMode: tableMode, conversionType: conversionType }), _jsx(CurrencyInfo, { tableMode: tableMode, amount: amount, currency: currency })] })));
-}
-export default AmountCellSheet;

package/build/components/TableCells/CustomCells/AmountCell/AmountCellText.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 { TableCell } from '../../../TableCells';
-import Tooltip from '../../../Tooltip';
-import { CurrencySymbol } from '../../../index.js';
-import { AmountCellContainer } from './style';
-import { ConversionTypeLabel, CurrencyInfo } from './components';
-const tableMode = 'text';
-function AmountCellText(_a) {
-    var { conversionType, amount, currency, tooltipLabel, amountTooltipLabel } = _a, props = __rest(_a, ["conversionType", "amount", "currency", "tooltipLabel", "amountTooltipLabel"]);
-    return (_jsx(TableCell, Object.assign({}, props, { children: _jsxs(AmountCellContainer, { children: [_jsx(Tooltip, Object.assign({ title: tooltipLabel || '' }, { children: _jsx(ConversionTypeLabel, { tableMode: tableMode, conversionType: conversionType }) })), _jsx(Tooltip, Object.assign({ title: _jsx(CurrencySymbol, { currency: currency }) }, { children: _jsx("span", {}) })), _jsx(Tooltip, Object.assign({ title: amountTooltipLabel }, { children: _jsx(CurrencyInfo, { tableMode: tableMode, amount: amount, currency: currency }) }))] }) })));
-}
-export default AmountCellText;

package/build/components/TableCells/CustomCells/AmountCell/components/AmountConversionTooltipLabel.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { conversionTypesLabels, formatAmountWithCurrency } from '../../../../../utils/index.js';
-import { CurrencySymbol } from '../../../../index.js';
-import { ConversionTooltip, ConversionTooltipRow } from '../style';
-export const AmountConversionTooltipLabel = ({ type, selectAmount, selectCurrency, requestAmount, requestCurrency, merchantAmount, merchantCurrency, }) => {
-    const customerSelectValue = formatAmountWithCurrency(selectAmount, selectCurrency);
-    const chargeValue = formatAmountWithCurrency(requestAmount, requestCurrency);
-    const settlementValue = formatAmountWithCurrency(merchantAmount, merchantCurrency);
-    return (_jsxs(ConversionTooltip, Object.assign({ sx: {
-            textAlign: 'right',
-            justifyContent: 'flex-end',
-        } }, { children: [_jsx("span", Object.assign({ style: {
-                    fontWeight: 'bold',
-                } }, { children: type ? conversionTypesLabels[type] : '' })), _jsxs(ConversionTooltip, { children: [type !== 'fx' && (_jsxs(ConversionTooltipRow, { children: [_jsx("span", { children: "Customer Selected" }), ' ', _jsxs("span", { children: [_jsx(CurrencySymbol, { currency: selectCurrency }), " ", customerSelectValue.integerAmount, ".", customerSelectValue.decimalAmount] })] })), _jsxs(ConversionTooltipRow, { children: [_jsx("span", { children: "Charge" }), ' ', _jsxs("span", { children: [_jsx(CurrencySymbol, { currency: requestCurrency }), " ", chargeValue.integerAmount, ".", chargeValue.decimalAmount] })] }), _jsxs(ConversionTooltipRow, { children: [_jsx("span", { children: "Settlement" }), ' ', _jsxs("span", { children: [_jsx(CurrencySymbol, { currency: merchantCurrency }), " ", settlementValue.integerAmount, ".", settlementValue.decimalAmount] })] })] })] })));
-};

package/build/components/TableCells/CustomCells/AmountCell/components/ConversionTypeLabel.js

@@ -1,7 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { ConversionBadge } from '../style';
-export const ConversionTypeLabel = ({ tableMode, conversionType }) => {
-    if (!conversionType)
-        return _jsx(_Fragment, {});
-    return (_jsx(ConversionBadge, Object.assign({ tableMode: tableMode, className: "conversion-type" }, { children: conversionType })));
-};

package/build/components/TableCells/CustomCells/AmountCell/components/CurrencyInfo.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { CurrencySymbol } from '../../../../index.js';
-import { CurrencySpan, DecimalSpan } from '../style';
-import { formatAmountWithCurrency } from '../../../../../utils/index.js';
-export const CurrencyInfo = ({ tableMode, amount, currency }) => {
-    const { integerAmount, decimalAmount } = formatAmountWithCurrency(amount, currency);
-    return (_jsx(CurrencySpan, Object.assign({ tableMode: tableMode }, { children: amount !== undefined ? (_jsxs(_Fragment, { children: [_jsx("span", { children: _jsx(CurrencySymbol, { currency: currency, fontSize: 10 }) }), ' ', integerAmount, decimalAmount && (_jsxs(_Fragment, { children: [".", _jsx(DecimalSpan, { children: decimalAmount })] }))] })) : (_jsx("span", { children: "-" })) })));
-};

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

@@ -1,3 +0,0 @@
-export * from './AmountConversionTooltipLabel';
-export * from './ConversionTypeLabel';
-export * from './CurrencyInfo';