@tap-payments/os-micro-frontend-shared 0.0.223 → 0.0.225

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 Tap Payments
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2025 Tap Payments
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,12 +1,12 @@
-# os-micro-frontend-shared
-
-## Publishing Workflow
-
-1. Update version in package.json
-2. Commit changes
-3. Create and push a tag:
-
-```bash
-npm version patch  # or minor, major
-git push origin main --tags
-```
+# os-micro-frontend-shared
+
+## Publishing Workflow
+
+1. Update version in package.json
+2. Commit changes
+3. Create and push a tag:
+
+```bash
+npm version patch  # or minor, major
+git push origin main --tags
+```

package/build/components/SearchButton/styles.d.ts

@@ -554,9 +554,9 @@ export declare const Icon: import("@emotion/styled").StyledComponent<{
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
-    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
     src?: string | undefined;
     alt?: string | undefined;
+    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
     crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
     useMap?: string | undefined;
     loading?: "eager" | "lazy" | undefined;

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

@@ -272,9 +272,9 @@ export declare const ActionIcon: import("@emotion/styled").StyledComponent<{
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
-    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
     src?: string | undefined;
     alt?: string | undefined;
+    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
     crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
     useMap?: string | undefined;
     loading?: "eager" | "lazy" | undefined;

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

@@ -1,3 +1,3 @@
 import { AmountCellProps } from '../type';
-declare function AmountCell({ conversionType, amount, currency, tooltipLabel, amountTooltipLabel, isTextShown, tableMode, ...props }: AmountCellProps): import("react/jsx-runtime").JSX.Element;
+declare function AmountCell({ conversionType, selectAmount, selectCurrency, requestAmount, requestCurrency, merchantAmount, merchantCurrency, amount, currency, tooltipLabel, amountTooltipLabel, isTextShown, tableMode, ...props }: AmountCellProps): import("react/jsx-runtime").JSX.Element;
 export default AmountCell;

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

@@ -17,10 +17,14 @@ import { getCurrenciesIcon } from '../../../../constants/index.js';
 import { formatAmountWithCurrency } from '../../../../utils/index.js';
 import { AmountCellContainer, ConversionBadge, CurrencySpan, DecimalSpan, FlagContainer } from './style';
 import { FlagIcon } from '../style';
+import { SheetviewAmountCell } from './SheetviewAmountCell';
 function AmountCell(_a) {
-    var { conversionType, amount, currency, tooltipLabel, amountTooltipLabel, isTextShown, tableMode } = _a, props = __rest(_a, ["conversionType", "amount", "currency", "tooltipLabel", "amountTooltipLabel", "isTextShown", "tableMode"]);
+    var { conversionType, selectAmount, selectCurrency, requestAmount, requestCurrency, merchantAmount, merchantCurrency, amount, currency, tooltipLabel, amountTooltipLabel, isTextShown, tableMode } = _a, props = __rest(_a, ["conversionType", "selectAmount", "selectCurrency", "requestAmount", "requestCurrency", "merchantAmount", "merchantCurrency", "amount", "currency", "tooltipLabel", "amountTooltipLabel", "isTextShown", "tableMode"]);
     const icon = currency && _jsx(FlagIcon, { src: getCurrenciesIcon(currency), alt: "customer icon" });
     const { integerAmount, decimalAmount } = formatAmountWithCurrency(amount, currency);
+    if (tableMode === 'sheet') {
+        return (_jsx(SheetviewAmountCell, { type: conversionType, selectAmount: selectAmount, selectCurrency: selectCurrency, requestAmount: requestAmount, requestCurrency: requestCurrency, merchantAmount: merchantAmount, merchantCurrency: merchantCurrency }));
+    }
     return (_jsx(TableCell, Object.assign({}, props, { children: _jsxs(AmountCellContainer, { children: [_jsx(Tooltip, Object.assign({ title: tooltipLabel || '' }, { children: conversionType && (_jsx(ConversionBadge, Object.assign({ tableMode: tableMode, className: "conversion-type" }, { children: conversionType }))) })), _jsx(Tooltip, Object.assign({ title: _jsx(CurrencyIcon, { currency: currency }) }, { children: isTextShown ? _jsx("span", {}) : _jsx(FlagContainer, { children: icon }) })), _jsx(Tooltip, Object.assign({ title: amountTooltipLabel }, { children: _jsx(CurrencySpan, Object.assign({ tableMode: tableMode }, { children: amount !== undefined ? (_jsxs(_Fragment, { children: [_jsx("span", { children: _jsx(CurrencyIcon, { currency: currency, fontSize: 10 }) }), ' ', integerAmount, decimalAmount && (_jsxs(_Fragment, { children: [".", _jsx(DecimalSpan, { children: decimalAmount })] }))] })) : (_jsx("span", { children: "-" })) })) }))] }) })));
 }
 export default AmountCell;

package/build/components/TableCells/CustomCells/AmountCell/SheetviewAmountCell.d.ts

@@ -0,0 +1,11 @@
+type Props = {
+    type: 'fx' | 'dcc' | undefined;
+    selectAmount?: number;
+    selectCurrency?: string;
+    requestAmount?: number;
+    requestCurrency?: string;
+    merchantAmount?: number;
+    merchantCurrency?: string;
+};
+export declare const SheetviewAmountCell: ({ type, selectAmount, selectCurrency, requestAmount, requestCurrency, merchantAmount, merchantCurrency, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,36 @@
+import { jsxs as _jsxs, Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import { formatAmountWithCurrency } from '../../../../utils/index.js';
+import { CurrencyIcon, StatusGroupChips } from '../../../index.js';
+export const SheetviewAmountCell = ({ type, selectAmount, selectCurrency, requestAmount, requestCurrency, merchantAmount, merchantCurrency, }) => {
+    const customerSelectValue = formatAmountWithCurrency(selectAmount, selectCurrency);
+    const chargeValue = formatAmountWithCurrency(requestAmount, requestCurrency);
+    const settlementValue = formatAmountWithCurrency(merchantAmount, merchantCurrency);
+    const { t } = useTranslation();
+    const chipSx = {
+        backgroundColor: '#EFF1F2',
+        border: 'none',
+    };
+    const chips = [
+        ...(type !== 'fx'
+            ? [
+                {
+                    key: 'selected',
+                    content: (_jsxs(_Fragment, { children: [_jsxs("span", { children: [t('customerSelected'), ": ", selectCurrency] }), customerSelectValue.integerAmount, ".", customerSelectValue.decimalAmount] })),
+                    sx: chipSx,
+                },
+            ]
+            : []),
+        {
+            key: 'charge',
+            content: (_jsxs(_Fragment, { children: [_jsxs("span", { children: [t('charge'), ": ", requestCurrency] }), chargeValue.integerAmount, ".", chargeValue.decimalAmount] })),
+            sx: chipSx,
+        },
+        {
+            key: 'settlement',
+            content: (_jsxs(_Fragment, { children: [_jsxs("span", { children: [t('settled'), ":"] }), _jsx(CurrencyIcon, { currency: 'KWD' }), _jsxs("span", { children: [settlementValue.integerAmount, ".", settlementValue.decimalAmount] })] })),
+            sx: chipSx,
+        },
+    ];
+    return _jsx(StatusGroupChips, { chips: chips });
+};

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

@@ -11,10 +11,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import Tooltip from '../../../Tooltip';
-import { paymentSourceAnimation } from '../../../CountBadge/style';
 import { ImageWrapper } from '../../../index.js';
 import { TableCell } from '../../../TableCells';
-import { ChannelTextLabel, ChannelTextWrapper, SalesChannelsContainer, StyledSourceCell, StyledSourceImage } from './style';
+import { ChannelTextLabel, ChannelTextWrapper, salesChannelAnimation, SalesChannelsContainer, StyledSourceCell, StyledSourceImage } from './style';
 function SalesChannelCell(_a) {
     var _b;
     var { channels, isTextShown } = _a, props = __rest(_a, ["channels", "isTextShown"]);
@@ -22,7 +21,7 @@ function SalesChannelCell(_a) {
         var _a;
         const sourceTooltip = channel.address;
         const channelCode = (_a = channel.code) === null || _a === void 0 ? void 0 : _a.replace(/_/g, '');
-        return (_jsx(Tooltip, Object.assign({ title: sourceTooltip }, { children: _jsx(ImageWrapper, Object.assign({ order: index, variants: paymentSourceAnimation(index, isTextShown ? 74 : 0), sx: {
+        return (_jsx(Tooltip, Object.assign({ title: sourceTooltip }, { children: _jsx(ImageWrapper, Object.assign({ order: index, variants: salesChannelAnimation(index, isTextShown ? 74 : 0), sx: {
                     width: isTextShown ? '70px' : '36px',
                 } }, { children: isTextShown ? (_jsx(ChannelTextWrapper, { children: _jsx(ChannelTextLabel, { children: channelCode }) })) : (_jsx(StyledSourceImage, { src: channel.logo, alt: channelCode })) })) }), `${channel}-${index}`));
     });

package/build/components/TableCells/CustomCells/SalesChannelCell/style.d.ts

@@ -267,3 +267,21 @@ export declare const SalesChannelsContainer: import("@emotion/styled").StyledCom
 }, {}, {}>;
 export declare const ChannelTextLabel: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const ChannelTextWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const salesChannelAnimation: (index: number, xDelta?: number) => {
+    start: {
+        x: number;
+        transition: {
+            duration: number;
+            type: string;
+            ease: string;
+        };
+    };
+    animate: {
+        x: number;
+        transition: {
+            duration: number;
+            type: string;
+            ease: string;
+        };
+    };
+};

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

@@ -17,7 +17,7 @@ export const SalesChannelsContainer = styled(motion.span)(({ theme, sourcesCount
     position: 'absolute',
     minWidth: `${sourcesCount * 6 + 36}px `,
     minHeight: '24px',
-    cursor: 'pointer',
+    cursor: 'default',
     backgroundColor: theme.palette.background.paper,
     borderRadius: '16px',
 }));
@@ -34,3 +34,21 @@ export const ChannelTextWrapper = styled('div')(() => ({
     justifyContent: 'center',
     paddingInline: '4px',
 }));
+export const salesChannelAnimation = (index, xDelta) => ({
+    start: {
+        x: index * 6,
+        transition: {
+            duration: 0.3,
+            type: 'tween',
+            ease: 'easeIn',
+        },
+    },
+    animate: {
+        x: xDelta ? index * xDelta : index * 39,
+        transition: {
+            duration: 0.3,
+            type: 'tween',
+            ease: 'easeOut',
+        },
+    },
+});

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

@@ -17,7 +17,7 @@ export const ReferenceSourcesContainer = styled(motion.span)(({ theme, sourcesCo
     position: 'absolute',
     minWidth: `${sourcesCount * 6 + 36}px `,
     minHeight: '24px',
-    cursor: 'pointer',
+    cursor: 'default',
     backgroundColor: theme.palette.background.paper,
     borderRadius: '16px',
 }));
@@ -44,7 +44,7 @@ export const referenceSourceAnimation = (index, shadow, xDelta) => ({
         },
     },
     animate: {
-        x: xDelta ? index * xDelta : index * 39,
+        x: xDelta ? index * xDelta : index * 28,
         transition: {
             duration: 0.3,
             type: 'tween',

package/build/components/TableCells/CustomCells/SourceMergedCell/style.d.ts

@@ -273,9 +273,9 @@ export declare const MultiRefundIcon: import("@emotion/styled").StyledComponent<
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
-    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
     src?: string | undefined;
     alt?: string | undefined;
+    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
     crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
     useMap?: string | undefined;
     loading?: "eager" | "lazy" | undefined;

package/build/components/TableCells/CustomCells/StatusCell/style.d.ts

@@ -262,9 +262,9 @@ export declare const MultiRefundIcon: import("@emotion/styled").StyledComponent<
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
-    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
     src?: string | undefined;
     alt?: string | undefined;
+    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
     crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
     useMap?: string | undefined;
     loading?: "eager" | "lazy" | undefined;

package/build/components/VirtualTable/components/ColumnFilter/Inputs/Inputs.d.ts

@@ -3,5 +3,5 @@ interface InputsI {
     onCloseDropdown: () => void;
     filter: IColumnFilter & IColumnFilterInputs;
 }
-declare function Inputs({ onCloseDropdown, filter: { options, onConfirm, data, isOnlyOneFilter, onColumnFilterClearClick } }: InputsI): import("react/jsx-runtime").JSX.Element;
+declare function Inputs({ onCloseDropdown, filter: { options, onConfirm, data, isOnlyOneFilter, onColumnFilterClearClick, wrapperSx } }: InputsI): import("react/jsx-runtime").JSX.Element;
 export default Inputs;

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

@@ -7,7 +7,7 @@ import { useTranslation } from 'react-i18next';
 import { grayCloseIcon, searchIcon } from '../../../../../constants/index.js';
 import { Wrapper, Text, InputStyled, InputsWrapper, ClearButton, ClearWrapper } from './style';
 import { CancelButton, Footer, OkayButton } from '../style';
-function Inputs({ onCloseDropdown, filter: { options = [], onConfirm, data, isOnlyOneFilter, onColumnFilterClearClick } }) {
+function Inputs({ onCloseDropdown, filter: { options = [], onConfirm, data, isOnlyOneFilter, onColumnFilterClearClick, wrapperSx } }) {
     const [values, setValues] = useState({});
     useEffect(() => {
         setValues((options || []).reduce((acc, { apiKey }) => { var _a; return (Object.assign(Object.assign({}, acc), { [apiKey]: (_a = data === null || data === void 0 ? void 0 : data[apiKey]) !== null && _a !== void 0 ? _a : '' })); }, {}));
@@ -39,7 +39,7 @@ function Inputs({ onCloseDropdown, filter: { options = [], onConfirm, data, isOn
         const isAnyInputWithValue = Object.entries(values).some(([inputKey, val]) => { var _a; return Boolean(val) && (((_a = getFilterByApiKey(inputKey)) === null || _a === void 0 ? void 0 : _a.filterGroup) !== filterGroup || !filterGroup); });
         return isOnlyOneFilter && !inputWithValue && isAnyInputWithValue;
     }, [options, values, isOnlyOneFilter]);
-    return (_jsxs(Wrapper, Object.assign({ component: "article", "data-testid": "ColumnFilterInputs" }, { children: [_jsx(Text, Object.assign({ component: "header", "data-testid": "ColumnFilterInputs_title" }, { children: t('filterBy') })), _jsx(InputsWrapper, Object.assign({ "data-testid": "ColumnFilterInputs_inputs", component: "main" }, { children: options.map(({ placeholder, apiKey, isDisabled, filterGroup, render }) => (_jsx(Fragment, { children: render ? (render()) : (_jsx(InputStyled, { className: "input", "data-testid": "ColumnFilterInputs_InputStyled", name: apiKey, placeholder: placeholder, onChange: (e) => {
+    return (_jsxs(Wrapper, Object.assign({ component: "article", "data-testid": "ColumnFilterInputs" }, { children: [_jsx(Text, Object.assign({ component: "header", "data-testid": "ColumnFilterInputs_title" }, { children: t('filterBy') })), _jsx(InputsWrapper, Object.assign({ "data-testid": "ColumnFilterInputs_inputs", component: "main", sx: wrapperSx }, { children: options.map(({ placeholder, apiKey, isDisabled, filterGroup, render }) => (_jsx(Fragment, { children: render ? (render()) : (_jsx(InputStyled, { className: "input", "data-testid": "ColumnFilterInputs_InputStyled", name: apiKey, placeholder: placeholder, onChange: (e) => {
                             setValues(Object.assign(Object.assign({}, values), { [apiKey]: e.target.value }));
                         }, disabled: isDisabled || isInputDisabled(apiKey, filterGroup), value: getInputValue(apiKey), inputProps: { autoComplete: 'off', 'data-testid': 'ColumnFilterInputs_input' }, endAdornment: _jsx(Box, { component: "img", "data-testid": "ColumnFilterInputs_icon", "data-icon": isInputHasValue(apiKey) ? 'close' : 'search', src: isInputHasValue(apiKey) ? grayCloseIcon : searchIcon, alt: "search", className: "icon", sx: { cursor: isInputHasValue(apiKey) ? 'pointer' : 'default' }, onClick: () => {
                                 onClickResetInput(apiKey);

package/build/components/VirtualTable/style.d.ts

@@ -306,9 +306,9 @@ export declare const ActionIcon: import("@emotion/styled").StyledComponent<{
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
-    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
     src?: string | undefined;
     alt?: string | undefined;
+    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
     crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
     useMap?: string | undefined;
     loading?: "eager" | "lazy" | undefined;

package/build/constants/table/cell/chargeTableCellWidth.d.ts

@@ -164,19 +164,4 @@ export declare const chargeTableCellWidth: {
         readonly text: "30px";
         readonly sheet: "30px";
     };
-    readonly customer_amount: {
-        readonly default: "210px";
-        readonly text: "210px";
-        readonly sheet: "210px";
-    };
-    readonly charge_amount: {
-        readonly default: "185px";
-        readonly text: "185px";
-        readonly sheet: "185px";
-    };
-    readonly settlement_amount: {
-        readonly default: "140px";
-        readonly text: "140px";
-        readonly sheet: "140px";
-    };
 };

package/build/constants/table/cell/chargeTableCellWidth.js

@@ -164,19 +164,4 @@ export const chargeTableCellWidth = {
         text: '30px',
         sheet: '30px',
     },
-    customer_amount: {
-        default: '210px',
-        text: '210px',
-        sheet: '210px',
-    },
-    charge_amount: {
-        default: '185px',
-        text: '185px',
-        sheet: '185px',
-    },
-    settlement_amount: {
-        default: '140px',
-        text: '140px',
-        sheet: '140px',
-    },
 };

package/build/types/table.d.ts

@@ -5,6 +5,7 @@ import { TableRowProps } from '@mui/material/TableRow';
 import { DragControls } from 'framer-motion';
 import { Country } from './appConfig';
 import { SortingOrder } from './sort';
+import { SxProps } from '@mui/material';
 export interface TableFilters<T> {
     order: string;
     dateRange: [Date, Date];
@@ -127,7 +128,7 @@ export interface IVirtualTable<R = any> {
     dragControls?: DragControls;
     isSheetView?: boolean;
 }
-export type ColumnFilterValues = Record<string, string | string[] | {
+export type ColumnFilterValues = Record<string, string | string[] | Record<string, boolean> | {
     phone: string;
     country: Country | undefined;
 }>;
@@ -137,4 +138,5 @@ export type IColumnFilter = ({
     onColumnFilterClearClick?: () => void;
     data?: ColumnFilterValues;
     isOnlyOneFilter?: boolean;
+    wrapperSx?: SxProps;
 } & (IColumnFilterList | IColumnFilterInputs | IColumnFilterCustom));

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.0.223",
-  "testVersion": 9,
+  "version": "0.0.225",
+  "testVersion": 15,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",