@tap-payments/os-micro-frontend-shared 0.0.185 → 0.0.186

package/build/components/Button/StyledButton/style.js

@@ -1,6 +1,6 @@
 import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
-export const Button = styled(Box)(({ isActive, isDisabled, theme }) => (Object.assign(Object.assign(Object.assign({ minWidth: 32, height: 32, width: 'fit-content', borderRadius: '4px', padding: '9px 8px', display: 'flex', alignItems: 'center', justifyContent: 'center', border: `1px solid ${theme.palette.divider}`, cursor: 'pointer' }, (isActive && {
+export const Button = styled(Box, { shouldForwardProp: (prop) => prop !== 'isActive' && prop !== 'isDisabled' })(({ isActive, isDisabled, theme }) => (Object.assign(Object.assign(Object.assign({ minWidth: 32, height: 32, width: 'fit-content', borderRadius: '4px', padding: '9px 8px', display: 'flex', alignItems: 'center', justifyContent: 'center', border: `1px solid ${theme.palette.divider}`, cursor: 'pointer' }, (isActive && {
     boxShadow: theme.shadows[7],
     borderColor: theme.palette.info.dark,
 })), (isDisabled && {

package/build/components/CountryFlag/CountryFlag.js

@@ -15,8 +15,6 @@ import Box from '@mui/material/Box';
 import { defaultCountryIcon, getCountriesIcon } from '../../constants/index.js';
 function CountryFlag(_a) {
     var { code = '' } = _a, props = __rest(_a, ["code"]);
-    return (_jsx(Box, Object.assign({}, props, { component: "img", src: getCountriesIcon(code) || defaultCountryIcon, alt: code, sx: Object.assign(Object.assign({ width: 16 }, (code && { height: 12, borderRadius: '3px' })), props.sx), loading: "lazy", onError: (e) => {
-            e.currentTarget.src = defaultCountryIcon;
-        } })));
+    return (_jsx(Box, Object.assign({}, props, { component: "img", src: getCountriesIcon(code) || defaultCountryIcon, alt: code, sx: Object.assign(Object.assign({ width: 16 }, (code && { height: 12, borderRadius: '3px' })), props.sx), loading: "lazy" })));
 }
 export default memo(CountryFlag);

package/build/components/TableCells/CustomCells/ActionCell/ActionCell.d.ts

@@ -5,6 +5,6 @@ type Props = Readonly<ActionCellProps> & {
     onJsonViewClick?: () => void;
     tableMode?: TableMode;
 };
-declare function ActionCell({ flag, actions, flagTooltip, flagsCount, dropdownAction, onCloseDropdown, isDropdownShown, row, showJsonViewer, isTextShown, showIdButton, rowId, onJsonViewClick, tableMode, renderDropdown, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+declare function ActionCell({ flag, actions, flagTooltip, flagsCount, dropdownAction, onCloseDropdown, isDropdownShown, row, showJsonViewer, isTextShown, showIdButton, rowId, onJsonViewClick, tableMode, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof ActionCell>;
 export default _default;

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

@@ -27,9 +27,9 @@ import { BadgeWrapper, IdButtonContainer, TextLabel, TransparentButton } from '.
 import SheetViewIDButton from '../SheetViewIDButton/SheetViewIDButton';
 function ActionCell(_a) {
     var _b, _c;
-    var { flag, actions, flagTooltip, flagsCount, dropdownAction, onCloseDropdown, isDropdownShown = true, row, showJsonViewer = true, isTextShown, showIdButton = true, rowId, onJsonViewClick, tableMode, renderDropdown } = _a, props = __rest(_a, ["flag", "actions", "flagTooltip", "flagsCount", "dropdownAction", "onCloseDropdown", "isDropdownShown", "row", "showJsonViewer", "isTextShown", "showIdButton", "rowId", "onJsonViewClick", "tableMode", "renderDropdown"]);
+    var { flag, actions, flagTooltip, flagsCount, dropdownAction, onCloseDropdown, isDropdownShown = true, row, showJsonViewer = true, isTextShown, showIdButton = true, rowId, onJsonViewClick, tableMode } = _a, props = __rest(_a, ["flag", "actions", "flagTooltip", "flagsCount", "dropdownAction", "onCloseDropdown", "isDropdownShown", "row", "showJsonViewer", "isTextShown", "showIdButton", "rowId", "onJsonViewClick", "tableMode"]);
     const { t } = useTranslation();
-    const { open, anchorEl, filteredActions, isAnyActionLoading, isAnyActionHasError, isAnyActionSuccessful, areThereAnyShownActions, handleClick, handleClose, setAnchorEl, } = useActionCell({ actions, isDropdownShown, onCloseDropdown, renderDropdown });
+    const { open, anchorEl, filteredActions, isAnyActionLoading, isAnyActionHasError, isAnyActionSuccessful, areThereAnyShownActions, handleClick, handleClose, } = useActionCell({ actions, isDropdownShown, onCloseDropdown });
     return (_jsx(TableCell, Object.assign({}, props, { sx: {
             overflow: 'visible',
         } }, { children: _jsxs(ActionCellContainer, Object.assign({ "data-testid": "ActionCell_ActionCellContainer", tableMode: tableMode }, { children: [flag && (_jsx(_Fragment, { children: isTextShown ? (_jsx(Tooltip, Object.assign({ title: flagTooltip }, { children: _jsx(TextLabel, Object.assign({ "data-testid": "ActionCell_FlagLabel", sx: {
@@ -81,16 +81,16 @@ function ActionCell(_a) {
                                 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) => (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: (_jsx(ActionIcon, { icon: action.icon, src: actionIcons[action.icon], initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 } }, `action.label-${action.label.trim()}`)) }))) }))] }))] }))] }))] })) })));
+                                    })) }, { children: _jsx(AnimatePresence, Object.assign({ mode: "wait" }, { children: _jsx(ActionIconsVariants, { isAnyActionLoading: isAnyActionLoading, isAnyActionHasError: isAnyActionHasError, isAnyActionSuccessful: isAnyActionSuccessful, areThereAnyShownActions: areThereAnyShownActions }) })) })), dropdownAction, areThereAnyShownActions && (_jsx(Dropdown, { style: { zIndex: 2000 }, open: open, onClose: handleClose, anchorEl: anchorEl, menuItems: filteredActions.map((action) => (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: (_jsx(ActionIcon, { icon: action.icon, src: actionIcons[action.icon], initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 } }, `action.label-${action.label.trim()}`)) }))) }))] }))] }))] })) })));
 }
 export default memo(ActionCell);

package/build/components/TableCells/CustomCells/ActionCell/hooks/useActionCell.d.ts

@@ -4,9 +4,8 @@ interface UseActionCellProps {
     actions: ActionCellProps['actions'];
     isDropdownShown?: ActionCellProps['isDropdownShown'];
     onCloseDropdown?: ActionCellProps['onCloseDropdown'];
-    renderDropdown?: ActionCellProps['renderDropdown'];
 }
-export declare function useActionCell({ actions, isDropdownShown, onCloseDropdown, renderDropdown }: Readonly<UseActionCellProps>): {
+export declare function useActionCell({ actions, isDropdownShown, onCloseDropdown }: Readonly<UseActionCellProps>): {
     anchorEl: HTMLElement | null;
     open: boolean;
     filteredActions: {
@@ -26,6 +25,5 @@ export declare function useActionCell({ actions, isDropdownShown, onCloseDropdow
     areThereAnyShownActions: boolean;
     handleClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
     handleClose: () => void;
-    setAnchorEl: React.Dispatch<React.SetStateAction<HTMLElement | null>>;
 };
 export {};

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

@@ -1,12 +1,12 @@
 import { useEffect, useState } from 'react';
-export function useActionCell({ actions, isDropdownShown, onCloseDropdown, renderDropdown }) {
+export function useActionCell({ actions, isDropdownShown, onCloseDropdown }) {
     const [anchorEl, setAnchorEl] = useState(null);
     const open = Boolean(anchorEl);
-    const filteredActions = (actions || []).filter((a) => a.isShown !== false);
+    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 areThereAnyShownActions = filteredActions.length > 0;
     const handleClick = (event) => {
         if (isAnyActionLoading || !areThereAnyShownActions) {
             return;
@@ -32,6 +32,5 @@ export function useActionCell({ actions, isDropdownShown, onCloseDropdown, rende
         areThereAnyShownActions,
         handleClick,
         handleClose,
-        setAnchorEl,
     };
 }

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

@@ -11,7 +11,7 @@ export const ActionCellContainer = styled('section', {
     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': {
+export const ActionsIconContainer = styled('span')(({ selected }) => (Object.assign(Object.assign({ overflow: 'visible', borderRadius: '50%', display: 'flex', justifyContent: 'center', alignItems: 'center', '&:hover': {
         boxShadow: '0px 0px 20px rgba(0, 0, 0, 0.18);',
     } }, (selected && {
     boxShadow: '0px 0px 20px rgba(0, 0, 0, 0.18);',

package/build/components/TableCells/CustomCells/type.d.ts

@@ -89,7 +89,7 @@ export interface DestinationCellProps extends TableCellProps {
 export interface ActionCellProps extends TableCellProps {
     row?: unknown;
     flag?: FlagType;
-    actions?: Array<{
+    actions: Array<{
         label: string;
         onClick: (e: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
         onRightClick?: (e: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
@@ -109,7 +109,6 @@ export interface ActionCellProps extends TableCellProps {
     showJsonViewer?: boolean;
     isTextShown?: boolean;
     showIdButton?: boolean;
-    renderDropdown?: (anchorEl: HTMLElement | null, setAnchorEl: (anchorEl: HTMLElement | null) => void) => React.ReactNode;
 }
 export interface DeviceCellProps extends TableCellProps {
     deviceType?: 'DESKTOP' | 'PHONE' | 'TABLET';

package/build/components/VirtualTable/components/ColumnFilter/ColumnFilter.js

@@ -52,7 +52,7 @@ function ColumnFilter(filter) {
     }, [open, filter, anchorEl, setAnchorEl]);
     return (_jsx(ClickAwayListener, Object.assign({ onClickAway: onCloseDropdown }, { children: _jsxs(Box, Object.assign({ component: "section", "data-testid": "ColumnFilter", sx: { position: 'relative', display: 'flex', alignItems: 'center' } }, { children: [showClearIcon ? (_jsxs(FilterWrapper, { children: [_jsx(Box, { component: "img", "data-testid": "ColumnFilter_whiteFilterIcon", src: whiteFilterIcon, alt: "filter-icon", sx: { marginInlineEnd: '2px', height: 6 }, onClick: openDropdown }), _jsx(Box, { component: "img", "data-testid": "ColumnFilter_closeIcon", src: closeIcon, alt: "close-icon", onClick: () => {
                                 filter.onClear(filterApiKeys);
-                            } })] })) : (_jsx(Box, { component: "img", "data-testid": "ColumnFilter_columnIcon", src: columnIcon, alt: "column-icon", sx: { cursor: 'pointer', marginTop: '2px' }, onClick: openDropdown })), open && _jsx(CustomBackdrop, { onClick: onCloseDropdown }), _jsx(Popper, Object.assign({ open: open, anchorEl: anchorEl, placement: "bottom-start", sx: {
+                            } })] })) : (_jsx(Box, { component: "img", "data-testid": "ColumnFilter_columnIcon", src: columnIcon, alt: "column-icon", sx: { marginInlineStart: '8px', cursor: 'pointer' }, onClick: openDropdown })), open && _jsx(CustomBackdrop, { onClick: onCloseDropdown }), _jsx(Popper, Object.assign({ open: open, anchorEl: anchorEl, placement: "bottom-start", sx: {
                         zIndex: 9999,
                     } }, { children: renderFilter }))] })) })));
 }

package/build/components/index.d.ts

@@ -12,7 +12,7 @@ export { default as Checkbox } from './Checkbox';
 export { default as Dialog, DialogToolbar } from './Dialog';
 export { default as Tooltip } from './Tooltip';
 export * from './RFH';
-export { default as VirtualTable, TableRowLoading, TableHeader as VirtualTableHeader, TableLastItem, TableLoading, TableLoadingWithCard, TableNoData, TableNoDataWithCard, LastRowContent, ListItemWrapperWithCard, RowErrorState, StyledItemWrapper, TableRow, TableRowLoadingWithCard, TableRowWithCard, VirtualScrollInner, VirtualScrollList, VirtualScrollOuter, VirtualTableWithCard, Inputs, List, ColumnFilter, StyledCell, } from './VirtualTable';
+export { default as VirtualTable, TableRowLoading, TableHeader, TableLastItem, TableLoading, TableLoadingWithCard, TableNoData, TableNoDataWithCard, LastRowContent, ListItemWrapperWithCard, RowErrorState, StyledItemWrapper, TableRow, TableRowLoadingWithCard, TableRowWithCard, VirtualScrollInner, VirtualScrollList, VirtualScrollOuter, VirtualTableWithCard, Inputs, List, ColumnFilter, StyledCell, } from './VirtualTable';
 export { default as SheetViewVirtualTable } from './VirtualTable/SheetView/SheetViewVirtualTable';
 export { default as Widget, ListItem, WidgetHeader, WidgetList } from './Widget';
 export { default as TapLogo } from './TapLogo';

package/build/components/index.js

@@ -12,7 +12,7 @@ export { default as Checkbox } from './Checkbox';
 export { default as Dialog, DialogToolbar } from './Dialog';
 export { default as Tooltip } from './Tooltip';
 export * from './RFH';
-export { default as VirtualTable, TableRowLoading, TableHeader as VirtualTableHeader, TableLastItem, TableLoading, TableLoadingWithCard, TableNoData, TableNoDataWithCard, LastRowContent, ListItemWrapperWithCard, RowErrorState, StyledItemWrapper, TableRow, TableRowLoadingWithCard, TableRowWithCard, VirtualScrollInner, VirtualScrollList, VirtualScrollOuter, VirtualTableWithCard, Inputs, List, ColumnFilter, StyledCell, } from './VirtualTable';
+export { default as VirtualTable, TableRowLoading, TableHeader, TableLastItem, TableLoading, TableLoadingWithCard, TableNoData, TableNoDataWithCard, LastRowContent, ListItemWrapperWithCard, RowErrorState, StyledItemWrapper, TableRow, TableRowLoadingWithCard, TableRowWithCard, VirtualScrollInner, VirtualScrollList, VirtualScrollOuter, VirtualTableWithCard, Inputs, List, ColumnFilter, StyledCell, } from './VirtualTable';
 export { default as SheetViewVirtualTable } from './VirtualTable/SheetView/SheetViewVirtualTable';
 export { default as Widget, ListItem, WidgetHeader, WidgetList } from './Widget';
 export { default as TapLogo } from './TapLogo';

package/build/constants/assets.d.ts

@@ -493,14 +493,3 @@ export declare const navigationPointerBlack: string;
 export declare const addIconWhite: string;
 export declare const greyUpArrowIcon: string;
 export declare const greyDownArrowIcon: string;
-export declare const brandServiceIcon: string;
-export declare const authorizationServiceIcon: string;
-export declare const chargebacksServiceIcon: string;
-export declare const chargesServiceIcon: string;
-export declare const destinationsServiceIcon: string;
-export declare const entityServiceIcon: string;
-export declare const invoiceServiceIcon: string;
-export declare const payoutServiceIcon: string;
-export declare const refundsServiceIcon: string;
-export declare const usersServiceIcon: string;
-export declare const walletServiceIcon: string;

package/build/constants/assets.js

@@ -497,14 +497,3 @@ export const navigationPointerBlack = `${lightUrl}/navigationPointerBlack.svg`;
 export const addIconWhite = `${lightUrl}/addIconWhite.svg`;
 export const greyUpArrowIcon = `${lightUrl}/greyUpArrow.svg`;
 export const greyDownArrowIcon = `${lightUrl}/greyDownArrow.svg`;
-export const brandServiceIcon = `${lightUrl}/services/brandService.svg`;
-export const authorizationServiceIcon = `${lightUrl}/services/authorizationService.svg`;
-export const chargebacksServiceIcon = `${lightUrl}/services/chargebacksService.svg`;
-export const chargesServiceIcon = `${lightUrl}/services/chargesService.svg`;
-export const destinationsServiceIcon = `${lightUrl}/services/destinationsService.svg`;
-export const entityServiceIcon = `${lightUrl}/services/entityService.svg`;
-export const invoiceServiceIcon = `${lightUrl}/services/invoiceService.svg`;
-export const payoutServiceIcon = `${lightUrl}/services/payoutService.svg`;
-export const refundsServiceIcon = `${lightUrl}/services/refundsService.svg`;
-export const usersServiceIcon = `${lightUrl}/services/usersService.svg`;
-export const walletServiceIcon = `${lightUrl}/services/walletService.svg`;

package/build/types/api.d.ts

@@ -16,7 +16,6 @@ export interface HttpMethodFilters {
     startAfter?: string;
     keyword?: string;
     merchants?: string[];
-    merchantIds?: string[];
 }
 export interface QueryConfig extends Omit<HttpMethodConfig, 'signal'> {
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.0.185",
+  "version": "0.0.186",
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",

package/build/components/StatusButtons/StatusButtons.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { AvailableStatus } from '../StatusBar/type';
-import { TableHeaderStatus } from '../../types/index.js';
-export type StatusButtonsProps = {
-    availableStatuses: AvailableStatus[];
-    status: TableHeaderStatus;
-    onStatusChange?: (status: TableHeaderStatus) => void;
-    isFilteredIdsShown?: boolean;
-};
-declare const _default: import("react").MemoExoticComponent<(props: StatusButtonsProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/build/components/StatusButtons/StatusButtons.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-import StatusButton from '../StatusButton/StatusButton';
-import { memo, useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-const StatusButtonItem = memo((props) => {
-    var _a;
-    const { availableStatus, getButtonStatus, onStatusChange, status } = props;
-    const { t } = useTranslation();
-    if (!Array.isArray(availableStatus.status)) {
-        return (_createElement(StatusButton, Object.assign({}, availableStatus, { key: `status-button-array-${availableStatus.status}`, variant: getButtonStatus(availableStatus.status), onClick: () => {
-                if (!Array.isArray(availableStatus.status)) {
-                    onStatusChange === null || onStatusChange === void 0 ? void 0 : onStatusChange(availableStatus.status);
-                }
-            } })));
-    }
-    const isCurrentStatusDropdown = (_a = availableStatus.status) === null || _a === void 0 ? void 0 : _a.includes(status || '');
-    const variant = isCurrentStatusDropdown ? 'active' : 'inActive';
-    const statusLabel = isCurrentStatusDropdown ? status : availableStatus.status[0];
-    return (_jsx("div", { children: _jsx(StatusButton, Object.assign({}, availableStatus, { label: t(statusLabel || ''), variant: variant, onButtonBodyClick: (buttonStatus) => {
-                onStatusChange === null || onStatusChange === void 0 ? void 0 : onStatusChange(buttonStatus);
-            }, dropdownOptions: availableStatus.status.map((stat) => ({
-                label: t(stat || ''),
-                onClick: () => {
-                    onStatusChange === null || onStatusChange === void 0 ? void 0 : onStatusChange(stat);
-                },
-                status: stat,
-            })) })) }));
-});
-const StatusButtons = (props) => {
-    const { availableStatuses, status, onStatusChange, isFilteredIdsShown } = props;
-    const getButtonStatus = useMemo(() => (buttonStatus) => buttonStatus === status && !isFilteredIdsShown ? 'active' : 'inActive', [status, isFilteredIdsShown]);
-    return (_jsx(_Fragment, { children: availableStatuses === null || availableStatuses === void 0 ? void 0 : availableStatuses.map((availableStatus) => {
-            var _a;
-            return (_jsx(StatusButtonItem, { availableStatus: availableStatus, getButtonStatus: getButtonStatus, onStatusChange: onStatusChange, status: status }, Array.isArray(availableStatus.status) ? (_a = availableStatus === null || availableStatus === void 0 ? void 0 : availableStatus.status) === null || _a === void 0 ? void 0 : _a[0] : `status-button-array-${availableStatus.status}`));
-        }) }));
-};
-export default memo(StatusButtons);