@tap-payments/os-micro-frontend-shared 0.0.150-dropdown-flag-v1 → 0.0.150-dropdown-flag-v2

package/build/components/MultiSelectStatusButton/MultiSelectStatusButton.js

@@ -6,7 +6,7 @@ import { ChevronIcon } from '../TableHeader_V2/components/StatusButtons/ChevronI
 import StyledBadge, { BadgeVariants } from '../CountBadge';
 import CountryFlag from '../CountryFlag';
 import { formatNumber } from '../../utils/index.js';
-import { closeXIcon } from '../../constants/index.js';
+import { closeXIcon, SUPPORTED_CURRENCY_DETAILS } from '../../constants/index.js';
 import { ChevronContainer, Label, LabelWrapper, StyledDropdown, MenuItemContainer, CheckboxStyles, StyledStatusButton, ClearIcon, ChevronIconWrapper, } from './style';
 function MultiSelectStatusButton({ options = [], selectedValues, onSelectionChange, label, variant = 'inActive' }) {
     const { t } = useTranslation();
@@ -80,18 +80,21 @@ function MultiSelectStatusButton({ options = [], selectedValues, onSelectionChan
                     '&:hover': {
                         boxShadow: 'none !important',
                     },
-                }, menuItems: options.map((option) => ({
-                    label: (_jsxs(MenuItemContainer, { children: [_jsx(Checkbox, { checked: internalSelectedValues.includes(option.status), size: "small", sx: CheckboxStyles, onClick: (e) => {
-                                    var _a;
-                                    e.stopPropagation();
-                                    handleOptionToggle((_a = option.status) !== null && _a !== void 0 ? _a : '', e);
-                                } }), _jsx(CountryFlag, { code: option.code, sx: { border: '1px solid white', borderRadius: '3px' } }), _jsx(Typography, Object.assign({ variant: "body2" }, { children: option.name }))] })),
-                    onClick: (e) => {
-                        var _a;
-                        e.preventDefault();
-                        e.stopPropagation();
-                        handleOptionToggle((_a = option.status) !== null && _a !== void 0 ? _a : '', e);
-                    },
-                })) }))] }));
+                }, menuItems: options.map((option) => {
+                    var _a;
+                    return ({
+                        label: (_jsxs(MenuItemContainer, { children: [_jsx(Checkbox, { checked: internalSelectedValues.includes(option.status), size: "small", sx: CheckboxStyles, onClick: (e) => {
+                                        var _a;
+                                        e.stopPropagation();
+                                        handleOptionToggle((_a = option.status) !== null && _a !== void 0 ? _a : '', e);
+                                    } }), _jsx(CountryFlag, { code: ((_a = SUPPORTED_CURRENCY_DETAILS[option.code]) === null || _a === void 0 ? void 0 : _a.country) || '', sx: { border: '1px solid white', borderRadius: '3px' } }), _jsx(Typography, Object.assign({ variant: "body2" }, { children: option.name }))] })),
+                        onClick: (e) => {
+                            var _a;
+                            e.preventDefault();
+                            e.stopPropagation();
+                            handleOptionToggle((_a = option.status) !== null && _a !== void 0 ? _a : '', e);
+                        },
+                    });
+                }) }))] }));
 }
 export default memo(MultiSelectStatusButton);

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.150-dropdown-flag-v1",
+  "version": "0.0.150-dropdown-flag-v2",
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",