@tap-payments/os-micro-frontend-shared 0.1.324-test.4 → 0.1.324-test.6

package/build/components/PaymentSourceFilter/PaymentIcon.d.ts

@@ -1,5 +1,5 @@
 interface PaymentIconProps {
-    url?: string;
+    code: string;
 }
-export declare function PaymentIcon({ url }: PaymentIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function PaymentIcon({ code }: PaymentIconProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/build/components/PaymentSourceFilter/PaymentIcon.js

@@ -2,8 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import Box from '@mui/material/Box';
 import { getPaymentMethodsIcon } from '../../constants/index.js';
 import { PaymentChip } from './style';
-export function PaymentIcon({ url }) {
-    return (_jsx(PaymentChip, { children: _jsx(Box, { component: "img", src: url, sx: { width: 18 }, onError: (e) => {
+export function PaymentIcon({ code }) {
+    return (_jsx(PaymentChip, { children: _jsx(Box, { component: "img", src: getPaymentMethodsIcon(code), sx: { width: 18 }, onError: (e) => {
                 e.currentTarget.src = getPaymentMethodsIcon('card');
             } }) }));
 }

package/build/components/PaymentSourceFilter/PaymentMethod.js

@@ -51,5 +51,5 @@ export default function PaymentMethod({ icon, name, options = [], filters, setFi
             setFilters(Object.assign(Object.assign({}, filters), { payment_methods: [...(paymentMethods !== null && paymentMethods !== void 0 ? paymentMethods : []), selectedPaymentMethod] }));
         }
     };
-    return (_jsxs(MenuItemStyled, Object.assign({ isSelected: isSelected, isIndeterminate: isIndeterminate, onMouseEnter: onOpen, onMouseLeave: onClose, onClick: onClick }, { children: [_jsx("img", { src: icon, alt: name }), _jsx("span", Object.assign({ className: "label" }, { children: name })), _jsx("img", { src: rightArrow, alt: "arrow", style: { height: 12 } }), _jsx(Menu, Object.assign({ open: Boolean(anchorEl), anchorEl: anchorEl, placement: "right-end" }, { children: options === null || options === void 0 ? void 0 : options.map((option) => (_jsx(MenuItemStyled, Object.assign({ isSelected: isSelectedPaymentMethod(option.type), onClick: (e) => onClickPaymentMethod(e, option.type) }, { children: _jsx(PaymentIcon, { url: option.icon }) }), option.type))) }))] })));
+    return (_jsxs(MenuItemStyled, Object.assign({ isSelected: isSelected, isIndeterminate: isIndeterminate, onMouseEnter: onOpen, onMouseLeave: onClose, onClick: onClick }, { children: [_jsx("img", { src: icon, alt: name }), _jsx("span", Object.assign({ className: "label" }, { children: name })), _jsx("img", { src: rightArrow, alt: "arrow", style: { height: 12 } }), _jsx(Menu, Object.assign({ open: Boolean(anchorEl), anchorEl: anchorEl, placement: "right-end" }, { children: options === null || options === void 0 ? void 0 : options.map((option) => (_jsx(MenuItemStyled, Object.assign({ isSelected: isSelectedPaymentMethod(option.type), onClick: (e) => onClickPaymentMethod(e, option.type) }, { children: _jsx(PaymentIcon, { code: option.type }) }), option.type))) }))] })));
 }

package/build/components/PaymentSourceFilter/PaymentSchemes.js

@@ -50,5 +50,5 @@ export default function PaymentSchemes({ paymentSchemesSource, filters, setFilte
             setFilters(Object.assign(Object.assign({}, filters), { payment_scheme: [...((_b = filters === null || filters === void 0 ? void 0 : filters.payment_scheme) !== null && _b !== void 0 ? _b : []), selectedPaymentScheme] }));
         }
     };
-    return (_jsxs(MenuItemStyled, Object.assign({ isSelected: isSelected, isIndeterminate: isIndeterminate, onMouseEnter: onOpen, onMouseLeave: onClose, onClick: onClick, sx: Object.assign({}, (isDisabled && { opacity: 0.5, pointerEvents: 'none' })) }, { children: [_jsx("span", Object.assign({ className: "label" }, { children: paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.name })), _jsx("img", { src: rightArrow, alt: "arrow", style: { height: 12 } }), _jsx(Menu, Object.assign({ open: Boolean(anchorEl), anchorEl: anchorEl, placement: "right-start" }, { children: (_d = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _d === void 0 ? void 0 : _d.map((scheme) => (_jsx(MenuItemStyled, Object.assign({ isSelected: isSelectedPaymentScheme(scheme.type), onClick: (e) => onClickPaymentScheme(e, scheme.type) }, { children: _jsx(PaymentIcon, { url: scheme.icon }) }), scheme.type))) }))] })));
+    return (_jsxs(MenuItemStyled, Object.assign({ isSelected: isSelected, isIndeterminate: isIndeterminate, onMouseEnter: onOpen, onMouseLeave: onClose, onClick: onClick, sx: Object.assign({}, (isDisabled && { opacity: 0.5, pointerEvents: 'none' })) }, { children: [_jsx("span", Object.assign({ className: "label" }, { children: paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.name })), _jsx("img", { src: rightArrow, alt: "arrow", style: { height: 12 } }), _jsx(Menu, Object.assign({ open: Boolean(anchorEl), anchorEl: anchorEl, placement: "right-start" }, { children: (_d = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _d === void 0 ? void 0 : _d.map((scheme) => (_jsx(MenuItemStyled, Object.assign({ isSelected: isSelectedPaymentScheme(scheme.type), onClick: (e) => onClickPaymentScheme(e, scheme.type) }, { children: _jsx(PaymentIcon, { code: scheme.type }) }), scheme.type))) }))] })));
 }

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

@@ -1,2 +1,5 @@
+/// <reference types="react" />
 export declare const MenuItemStyled: import("@emotion/styled").StyledComponent<import("../MenuItem/MenuItem").MenuItemProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const PaymentChip: import("@emotion/styled").StyledComponent<import("../MenuItem/MenuItem").MenuItemProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const PaymentChip: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/components/PaymentSourceFilter/style.js

@@ -1,4 +1,5 @@
 import { styled } from '@mui/material/styles';
+import Box from '@mui/material/Box';
 import { MenuItem } from '../index.js';
 export const MenuItemStyled = styled(MenuItem)(({ theme }) => ({
     height: 40,
@@ -10,7 +11,7 @@ export const MenuItemStyled = styled(MenuItem)(({ theme }) => ({
         flexGrow: 1,
     },
 }));
-export const PaymentChip = styled(MenuItem)(({ theme }) => ({
+export const PaymentChip = styled(Box)(({ theme }) => ({
     width: 36,
     height: 24,
     border: `1px solid ${theme.palette.divider}`,

package/build/utils/merchantSource.d.ts

@@ -16,7 +16,6 @@ export declare function transformPaymentMethodsData(data?: PaymentMethod[]): {
         options: {
             name: string | undefined;
             type: string;
-            icon: string;
         }[];
     }[] | undefined;
 };
@@ -26,7 +25,6 @@ export declare function transformPaymentSchemesData(data?: Source[]): {
     options: {
         name: string | undefined;
         type: string;
-        icon: string;
     }[];
 };
 export {};

package/build/utils/merchantSource.js

@@ -1,5 +1,5 @@
 import capitalize from 'lodash/capitalize';
-import { getPaymentMethodsIcon, PAYMENT_TYPES_ICONS } from '../constants/index.js';
+import { PAYMENT_TYPES_ICONS } from '../constants/index.js';
 import { getNameText } from './language';
 export function transformPaymentMethodsData(data) {
     return {
@@ -14,7 +14,7 @@ export function transformPaymentMethodsData(data) {
                 options: (_b = category.payment_methods) === null || _b === void 0 ? void 0 : _b.map((method) => ({
                     name: getNameText(method.name),
                     type: method.code,
-                    icon: getPaymentMethodsIcon(method.code),
+                    // icon: getPaymentMethodsIcon(method.code),
                 })),
             };
         }),
@@ -30,7 +30,7 @@ export function transformPaymentSchemesData(data = []) {
             return {
                 name: getNameText(scheme === null || scheme === void 0 ? void 0 : scheme.name),
                 type: scheme === null || scheme === void 0 ? void 0 : scheme.code,
-                icon: getPaymentMethodsIcon(scheme.code),
+                // icon: getPaymentMethodsIcon(scheme.code),
             };
         }),
     };

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.1.324-test.4",
-  "testVersion": 4,
+  "version": "0.1.324-test.6",
+  "testVersion": 6,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",