@tap-payments/os-micro-frontend-shared 0.1.243 → 0.1.245-test.1

package/build/components/ActionMenu/ActionMenuDropDown.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useTranslation } from 'react-i18next';
-import { getCurrencyCodeFlag, intlCurrency } from '../../utils/index.js';
-import { EnglishAmount, StyledCurrency, StyledIconRowContainer, StyledDropDownContainer, StyledDropdown, StyledFlag, StyledMenuItem, StyledTextAmount, DropDownChargeGapColumn, } from './style';
+import { intlCurrency } from '../../utils/index.js';
+import CountryFlagByCurrencyCode from '../CountryFlagByCurrencyCode';
+import { EnglishAmount, StyledCurrency, StyledIconRowContainer, StyledDropDownContainer, StyledDropdown, StyledMenuItem, StyledTextAmount, DropDownChargeGapColumn, } from './style';
 const Menu = ({ selectedCurrency, option, closeDropdown, handleSelectOption }) => {
     var _a, _b, _c;
     const { t } = useTranslation();
@@ -10,7 +11,7 @@ const Menu = ({ selectedCurrency, option, closeDropdown, handleSelectOption }) =
                 handleSelectOption(option.value, option === null || option === void 0 ? void 0 : option.currency);
             }
             closeDropdown();
-        } }, { children: [_jsx(EnglishAmount, Object.assign({ showBottomPadding: true, showWarning: false }, { children: t(option.name) })), _jsxs(DropDownChargeGapColumn, { children: [_jsxs(StyledIconRowContainer, Object.assign({ marginRightAuto: true }, { children: [_jsx(StyledFlag, { src: getCurrencyCodeFlag((_a = option === null || option === void 0 ? void 0 : option.currency) !== null && _a !== void 0 ? _a : selectedCurrency), alt: `${option === null || option === void 0 ? void 0 : option.currency} flag` }), _jsx(StyledCurrency, { children: (_b = option === null || option === void 0 ? void 0 : option.currency) !== null && _b !== void 0 ? _b : selectedCurrency })] })), _jsx(StyledTextAmount, Object.assign({ showWarning: false }, { children: intlCurrency(option.value || 0, (_c = option === null || option === void 0 ? void 0 : option.currency) !== null && _c !== void 0 ? _c : selectedCurrency) }))] })] })));
+        } }, { children: [_jsx(EnglishAmount, Object.assign({ showBottomPadding: true, showWarning: false }, { children: t(option.name) })), _jsxs(DropDownChargeGapColumn, { children: [_jsxs(StyledIconRowContainer, Object.assign({ marginRightAuto: true }, { children: [_jsx(CountryFlagByCurrencyCode, { code: (_a = option === null || option === void 0 ? void 0 : option.currency) !== null && _a !== void 0 ? _a : selectedCurrency, width: "0.76rem" }), _jsx(StyledCurrency, { children: (_b = option === null || option === void 0 ? void 0 : option.currency) !== null && _b !== void 0 ? _b : selectedCurrency })] })), _jsx(StyledTextAmount, Object.assign({ showWarning: false }, { children: intlCurrency(option.value || 0, (_c = option === null || option === void 0 ? void 0 : option.currency) !== null && _c !== void 0 ? _c : selectedCurrency) }))] })] })));
 };
 function ActionMenuDropDown({ menuAnchor, showDropDown, selectedCurrency, options, closeDropdown, handleSelectOption }) {
     if (options.length <= 1)

package/build/components/ActionMenu/ActionMenuItem.js

@@ -2,10 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import { blueDropdownArrowIcon, greyDropdownIcon } from '../../constants/index.js';
-import { getCurrencyCodeFlag } from '../../utils/index.js';
-import { EnglishAmount, Charge, StyledIconRowContainer, StyledFlag, StyledCurrency, StyledDropDownIcon, StyledAmount, StyledMissingDiv, } from './style';
+import CountryFlagByCurrencyCode from '../CountryFlagByCurrencyCode';
+import { EnglishAmount, Charge, StyledIconRowContainer, StyledCurrency, StyledDropDownIcon, StyledAmount, StyledMissingDiv } from './style';
 import Skeleton from '../Skeleton';
-import CurrencyIcon from '../CurrencyIcon';
+import CurrencySymbol from '../CurrencySymbol';
 function ActionMenuItem({ showWarning, selectedCurrency, onAmountChange, amount, currencyConfig, toggleDropDown, showDropDown, showDropdownIcon, disabled, isLoading, }) {
     var _a, _b;
     const { t } = useTranslation();
@@ -15,6 +15,6 @@ function ActionMenuItem({ showWarning, selectedCurrency, onAmountChange, amount,
             iconRef.current.click();
         }
     };
-    return (_jsxs(_Fragment, { children: [_jsxs(Charge, { children: [_jsx(EnglishAmount, Object.assign({ showBottomPadding: true, showWarning: showWarning }, { children: t('amount') })), _jsxs(StyledIconRowContainer, Object.assign({ limited: true, paddingTop: true, onClick: onClickMissingDiv }, { children: [_jsx(StyledFlag, { src: getCurrencyCodeFlag(selectedCurrency), alt: `${selectedCurrency} flag` }), _jsx(StyledCurrency, { children: _jsx(CurrencyIcon, { currency: selectedCurrency }) }), !showWarning && showDropdownIcon && (_jsx(StyledDropDownIcon, { src: !showDropDown ? blueDropdownArrowIcon : greyDropdownIcon, alt: "drop-down icon", currencyPadding: true }))] }))] }), _jsx(StyledMissingDiv, { ref: iconRef, onClick: toggleDropDown }), isLoading ? (_jsx(Skeleton, { variant: "text", width: "100%", height: "100%" })) : (_jsx(StyledAmount, { disabled: disabled, placeholder: currencyConfig[selectedCurrency] ? '0.000' : '0.00', onValueChange: onAmountChange, value: amount, decimalsLimit: (_a = currencyConfig[selectedCurrency]) !== null && _a !== void 0 ? _a : 2, showWarning: showWarning || false, decimalScale: (_b = currencyConfig[selectedCurrency]) !== null && _b !== void 0 ? _b : 2, autoFocus: true }))] }));
+    return (_jsxs(_Fragment, { children: [_jsxs(Charge, { children: [_jsx(EnglishAmount, Object.assign({ showBottomPadding: true, showWarning: showWarning }, { children: t('amount') })), _jsxs(StyledIconRowContainer, Object.assign({ limited: true, paddingTop: true, onClick: onClickMissingDiv }, { children: [_jsx(CountryFlagByCurrencyCode, { code: selectedCurrency, width: "0.76rem" }), _jsx(StyledCurrency, { children: _jsx(CurrencySymbol, { currency: selectedCurrency }) }), !showWarning && showDropdownIcon && (_jsx(StyledDropDownIcon, { src: !showDropDown ? blueDropdownArrowIcon : greyDropdownIcon, alt: "drop-down icon", currencyPadding: true }))] }))] }), _jsx(StyledMissingDiv, { ref: iconRef, onClick: toggleDropDown }), isLoading ? (_jsx(Skeleton, { variant: "text", width: "100%", height: "100%" })) : (_jsx(StyledAmount, { disabled: disabled, placeholder: currencyConfig[selectedCurrency] ? '0.000' : '0.00', onValueChange: onAmountChange, value: amount, decimalsLimit: (_a = currencyConfig[selectedCurrency]) !== null && _a !== void 0 ? _a : 2, showWarning: showWarning || false, decimalScale: (_b = currencyConfig[selectedCurrency]) !== null && _b !== void 0 ? _b : 2, autoFocus: true }))] }));
 }
 export default ActionMenuItem;

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

@@ -58,7 +58,6 @@ export declare const StyledIconRowContainer: import("@emotion/styled").StyledCom
 }, {}, {}>;
 export declare const StyledCurrency: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
 export declare const StyledMissingDiv: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledFlag: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const StyledPopover: import("@emotion/styled").StyledComponent<import("@mui/material").PopoverProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const IconContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     disabled?: boolean | undefined;

package/build/components/ActionMenu/style.js

@@ -129,10 +129,6 @@ export const StyledMissingDiv = styled('div')({
     width: 0,
     height: 0,
 });
-export const StyledFlag = styled('img')({
-    width: '0.76rem',
-    height: '0.56rem',
-});
 export const StyledPopover = styled(Popover)(({ theme }) => ({
     backgroundColor: theme.palette.background.default,
     boxShadow: theme.shadows[21],

package/build/components/ActivityAreaChart/components/ChartTooltip.js

@@ -2,9 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTranslation } from 'react-i18next';
 import dayjs from 'dayjs';
 import Box from '@mui/material/Box';
-import { getCurrencyCodeFlag, getLocalizedUnitLabel } from '../../../utils/index.js';
+import { getLocalizedUnitLabel } from '../../../utils/index.js';
 import { DATA_KEY } from '../../../constants/index.js';
-import { TooltipContainer, TimeTypography, ValueTypography, CurrencyBox, CurrencyText, CurrencyIcon } from '../styles';
+import CountryFlagByCurrencyCode from '../../CountryFlagByCurrencyCode';
+import { TooltipContainer, TimeTypography, ValueTypography, CurrencyBox, CurrencyText } from '../styles';
 import { getTooltipFormattedValue, getFormattedDateWithTimezone } from '../utils';
 const ChartTooltip = ({ active, payload, dateRange, selectedCurrency }) => {
     var _a, _b, _c, _d;
@@ -16,7 +17,7 @@ const ChartTooltip = ({ active, payload, dateRange, selectedCurrency }) => {
         const point = payload[0];
         const localizedUnitLabel = getLocalizedUnitLabel(point === null || point === void 0 ? void 0 : point.dataKey, point === null || point === void 0 ? void 0 : point.value);
         const formattedDate = ((_a = point === null || point === void 0 ? void 0 : point.payload) === null || _a === void 0 ? void 0 : _a.date) && getFormattedDateWithTimezone((_b = point === null || point === void 0 ? void 0 : point.payload) === null || _b === void 0 ? void 0 : _b.date, isSingleDay, (_c = point === null || point === void 0 ? void 0 : point.payload) === null || _c === void 0 ? void 0 : _c.hour);
-        return (_jsxs(TooltipContainer, Object.assign({ className: "chart-tooltip" }, { children: [_jsx(TimeTypography, { children: formattedDate !== null && formattedDate !== void 0 ? formattedDate : (_d = point === null || point === void 0 ? void 0 : point.payload) === null || _d === void 0 ? void 0 : _d.date }), _jsxs(ValueTypography, { children: [(point === null || point === void 0 ? void 0 : point.dataKey) === DATA_KEY.AMOUNT && (_jsxs(CurrencyBox, { children: [_jsx(CurrencyIcon, { src: getCurrencyCodeFlag(selectedCurrency), alt: `${selectedCurrency} flag` }), _jsx(CurrencyText, { children: selectedCurrency })] })), _jsx(Box, { children: `${getTooltipFormattedValue(point, t(localizedUnitLabel), selectedCurrency)}` })] })] })));
+        return (_jsxs(TooltipContainer, Object.assign({ className: "chart-tooltip" }, { children: [_jsx(TimeTypography, { children: formattedDate !== null && formattedDate !== void 0 ? formattedDate : (_d = point === null || point === void 0 ? void 0 : point.payload) === null || _d === void 0 ? void 0 : _d.date }), _jsxs(ValueTypography, { children: [(point === null || point === void 0 ? void 0 : point.dataKey) === DATA_KEY.AMOUNT && (_jsxs(CurrencyBox, { children: [_jsx(CountryFlagByCurrencyCode, { code: selectedCurrency, width: 12 }), _jsx(CurrencyText, { children: selectedCurrency })] })), _jsx(Box, { children: `${getTooltipFormattedValue(point, t(localizedUnitLabel), selectedCurrency)}` })] })] })));
     }
     return null;
 };

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

@@ -14,4 +14,3 @@ export declare const CurrencyBox: import("@emotion/styled").StyledComponent<impo
 export declare const CurrencyText: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
 }, "width" | "minHeight" | "height" | "bottom" | "left" | "right" | "top" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "classes" | "align" | "className" | "style" | "children" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const CurrencyIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

package/build/components/ActivityAreaChart/styles.js

@@ -44,9 +44,3 @@ export const CurrencyText = styled(Typography)({
     color: '#4B4847',
     letterSpacing: '-0.14px',
 });
-export const CurrencyIcon = styled('img')({
-    width: 12,
-    height: 8.8,
-    display: 'flex',
-    alignItems: 'center',
-});

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 import { GetSourceAnimationFunction } from './type';
 export declare const ChipStyled: import("@emotion/styled").StyledComponent<import("react").RefAttributes<unknown> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     variant?: import("./type").ChipVariant | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const AgreementImageWrapper: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

package/build/components/CountryFlag/CountryFlag.js

@@ -15,7 +15,7 @@ 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) => {
+    return (_jsx(Box, Object.assign({}, props, { component: "img", src: getCountriesIcon(code) || defaultCountryIcon, width: 16, alt: code, loading: "lazy", onError: (e) => {
             e.currentTarget.src = defaultCountryIcon;
         } })));
 }

package/build/components/CountryFlagByCurrencyCode/CountryFlagByCurrencyCode.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { BoxProps } from '@mui/material/Box';
+interface CountryFlagByCurrencyCodeProps extends BoxProps {
+    code?: string;
+}
+declare function CountryFlagByCurrencyCode({ code, ...props }: CountryFlagByCurrencyCodeProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof CountryFlagByCurrencyCode>;
+export default _default;

package/build/components/CountryFlagByCurrencyCode/CountryFlagByCurrencyCode.js

@@ -0,0 +1,22 @@
+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 } from "react/jsx-runtime";
+import { memo } from 'react';
+import Box from '@mui/material/Box';
+import { defaultCountryIcon, getCurrenciesIcon } from '../../constants/index.js';
+function CountryFlagByCurrencyCode(_a) {
+    var { code = '' } = _a, props = __rest(_a, ["code"]);
+    return (_jsx(Box, Object.assign({}, props, { component: "img", src: getCurrenciesIcon(code) || defaultCountryIcon, alt: code, loading: "lazy", onError: (e) => {
+            e.currentTarget.src = defaultCountryIcon;
+        } })));
+}
+export default memo(CountryFlagByCurrencyCode);

package/build/components/CountryFlagByCurrencyCode/index.d.ts

@@ -0,0 +1,2 @@
+import CountryFlagByCurrencyCode from './CountryFlagByCurrencyCode';
+export default CountryFlagByCurrencyCode;

package/build/components/CountryFlagByCurrencyCode/index.js

@@ -0,0 +1,2 @@
+import CountryFlagByCurrencyCode from './CountryFlagByCurrencyCode';
+export default CountryFlagByCurrencyCode;

package/build/components/{CurrencyIcon/CurrencyIcon.d.ts → CurrencySymbol/CurrencySymbol.d.ts}

@@ -1,5 +1,5 @@
-declare function CurrencyIcon({ currency, fontSize }: {
+declare function CurrencySymbol({ currency, fontSize }: {
     currency?: string;
     fontSize?: number;
 }): import("react/jsx-runtime").JSX.Element;
-export default CurrencyIcon;
+export default CurrencySymbol;

package/build/components/CurrencySymbol/CurrencySymbol.js

@@ -0,0 +1,14 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { DirhamIconImage, SARIconImage } from '../../constants/index.js';
+import { StyleCurrencySymbol } from './style';
+const currencyMap = {
+    SAR: SARIconImage,
+    AED: DirhamIconImage,
+};
+function CurrencySymbol({ currency, fontSize }) {
+    const symbol = currencyMap[currency];
+    if (!symbol)
+        return _jsx(_Fragment, { children: currency });
+    return _jsx(StyleCurrencySymbol, { component: "img", src: symbol, alt: currency, sx: { height: fontSize } });
+}
+export default CurrencySymbol;

package/build/components/CurrencySymbol/index.d.ts

@@ -0,0 +1,2 @@
+import CurrencySymbol from './CurrencySymbol';
+export default CurrencySymbol;

package/build/components/CurrencySymbol/index.js

@@ -0,0 +1,2 @@
+import CurrencySymbol from './CurrencySymbol';
+export default CurrencySymbol;

package/build/components/{CurrencyIcon → CurrencySymbol}/style.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const StyleCurrencyIcon: import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", import("@mui/material/styles").Theme>>;
+export declare const StyleCurrencySymbol: import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", import("@mui/material/styles").Theme>>;
 export declare const CurrencySpan: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const DecimalSpan: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/build/components/{CurrencyIcon → CurrencySymbol}/style.js

@@ -1,6 +1,6 @@
 import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
-export const StyleCurrencyIcon = styled(Box)(() => ({
+export const StyleCurrencySymbol = styled(Box)(() => ({
     height: 10,
 }));
 export const CurrencySpan = styled('span')(({ theme }) => ({

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const DialogWrapper: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

package/build/components/ImageWrapper/ImageWrapper.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 declare const ImageWrapper: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const FOOTER_HEIGHT = 37;
 export declare const TITLE_BAR_HEIGHT = "32px";
 export declare const VIEWER_HEIGHT = 545;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 import type { SxProps, Theme } from '@mui/material/styles';
 export declare const CHIP_GAP = 3;
 export declare const DEFAULT_CHIP_MIN_WIDTH = 24;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 import type { SxProps, Theme } from '@mui/material/styles';
 export declare const CHIP_GAP = 3;
 export declare const CenterIconWrapper: import("@emotion/styled").StyledComponent<{

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledInput: import("@emotion/styled").StyledComponent<{
     width?: string | number | undefined;
     height?: string | number | undefined;

package/build/components/StatusIcons/AuthIcons/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{

package/build/components/StatusIcons/AuthorizationAutoIcons/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const BalanceCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

package/build/components/StatusIcons/ChargeStatusIcon/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const ErrorCodeLabel: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

package/build/components/StatusIcons/GeographyIcon/GeographyIcon.d.ts

@@ -2,4 +2,4 @@ export declare const GeographyIcon: ({ geographyVariant, countryCode, isTextShow
     geographyVariant?: "G" | "L" | "R" | undefined;
     countryCode?: string | undefined;
     isTextShown?: boolean | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/build/components/StatusIcons/GeographyIcon/GeographyIcon.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import CountryFlag from '../../CountryFlag';
 import Tooltip from '../../Tooltip';
-import { GeographyBox } from './style';
 const geographyMap = {
     G: 'Global',
     R: 'Regional',
@@ -12,8 +11,7 @@ export const GeographyIcon = ({ geographyVariant, countryCode, isTextShown, }) =
     const tooltip = geographyTooltip || countryCode
         ? `${geographyTooltip || ''} ${geographyTooltip && countryCode ? `-` : ''} ${countryCode ? `${countryCode}` : ''}`
         : undefined;
-    const icon = countryCode && _jsx(CountryFlag, { code: countryCode });
-    return (_jsx(Tooltip, Object.assign({ title: tooltip }, { children: _jsx(GeographyBox, Object.assign({ variant: geographyVariant ? geographyMap[geographyVariant] : undefined, className: "geography-box", "data-testid": "SourceCell_GeographyBox", sx: {
-                visibility: 'visible',
-            } }, { children: isTextShown ? null : icon })) })));
+    if (isTextShown || !countryCode)
+        return null;
+    return (_jsx(Tooltip, Object.assign({ title: tooltip }, { children: _jsx(CountryFlag, { code: countryCode }) })));
 };

package/build/components/StatusIcons/SourceIcons/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 import { TableMode } from '../../../../types/index.js';
 export declare const ActionCellContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     tableMode?: TableMode | undefined;

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

@@ -13,15 +13,12 @@ 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 { CurrencyIcon } from '../../../index.js';
-import { getCurrenciesIcon } from '../../../../constants/index.js';
-import { AmountCellContainer, FlagContainer } from './style';
-import { FlagIcon } from '../style';
+import { CountryFlagByCurrencyCode, 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"]);
-    const icon = currency && _jsx(FlagIcon, { src: getCurrenciesIcon(currency), alt: "customer icon" });
-    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 }) }) })), _jsx(Tooltip, Object.assign({ title: _jsx(CurrencyIcon, { currency: currency }) }, { children: _jsx(FlagContainer, { children: icon }) })), _jsx(Tooltip, Object.assign({ title: amountTooltipLabel }, { children: _jsx(CurrencyInfo, { tableMode: tableMode, amount: amount, currency: currency }) }))] }) })));
+    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(CountryFlagByCurrencyCode, { code: 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/AmountCellText.js

@@ -12,12 +12,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { TableCell } from '../../../TableCells';
 import Tooltip from '../../../Tooltip';
-import { CurrencyIcon } from '../../../index.js';
+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(CurrencyIcon, { currency: currency }) }, { children: _jsx("span", {}) })), _jsx(Tooltip, Object.assign({ title: amountTooltipLabel }, { children: _jsx(CurrencyInfo, { tableMode: tableMode, amount: amount, currency: currency }) }))] }) })));
+    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,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { conversionTypesLabels, formatAmountWithCurrency } from '../../../../../utils/index.js';
-import { CurrencyIcon } from '../../../../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);
@@ -11,5 +11,5 @@ export const AmountConversionTooltipLabel = ({ type, selectAmount, selectCurrenc
             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(CurrencyIcon, { currency: selectCurrency }), " ", customerSelectValue.integerAmount, ".", customerSelectValue.decimalAmount] })] })), _jsxs(ConversionTooltipRow, { children: [_jsx("span", { children: "Charge" }), ' ', _jsxs("span", { children: [_jsx(CurrencyIcon, { currency: requestCurrency }), " ", chargeValue.integerAmount, ".", chargeValue.decimalAmount] })] }), _jsxs(ConversionTooltipRow, { children: [_jsx("span", { children: "Settlement" }), ' ', _jsxs("span", { children: [_jsx(CurrencyIcon, { currency: merchantCurrency }), " ", settlementValue.integerAmount, ".", settlementValue.decimalAmount] })] })] })] })));
+                } }, { 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/CurrencyInfo.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { CurrencyIcon } from '../../../../index.js';
+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(CurrencyIcon, { currency: currency, fontSize: 10 }) }), ' ', integerAmount, decimalAmount && (_jsxs(_Fragment, { children: [".", _jsx(DecimalSpan, { children: decimalAmount })] }))] })) : (_jsx("span", { children: "-" })) })));
+    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/style.d.ts

@@ -4,7 +4,6 @@ export declare const AmountCellContainer: import("@emotion/styled").StyledCompon
 export declare const ConversionBadge: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     tableMode?: TableMode | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const FlagContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const CurrencySpan: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     tableMode?: TableMode | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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

@@ -15,12 +15,6 @@ export const ConversionBadge = styled('span')(({ theme, tableMode }) => ({
     textTransform: 'uppercase',
     fontWeight: theme.typography.fontWeightBold,
 }));
-export const FlagContainer = styled('span')(() => ({
-    display: 'flex',
-    width: '16px',
-    height: '12px',
-    flexShrink: 0,
-}));
 export const CurrencySpan = styled('span')(({ theme, tableMode }) => ({
     fontSize: tableMode === 'sheet' ? '11px' : theme.typography.body2.fontSize,
     lineHeight: '17px',

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledAppsCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const AppsStatusContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const AuthIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const AuthCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -15,7 +15,7 @@ import { useTheme } from '@mui/material/styles';
 import { motion } from 'framer-motion';
 import Tooltip from '../../../Tooltip';
 import { TableCell } from '../../../TableCells';
-import { CurrencyIcon } from '../../../index.js';
+import { CurrencySymbol } from '../../../index.js';
 import { formatAmountWithCurrency } from '../../../../utils/index.js';
 import { BalanceCellContainer, PercentageContainer } from './style';
 import { formatPercentage } from './utils';
@@ -23,11 +23,11 @@ import { PiePercentage } from '../style';
 function BalanceCell(_a) {
     var { percentage = 0, days, remainingAmount, currency } = _a, props = __rest(_a, ["percentage", "days", "remainingAmount", "currency"]);
     const theme = useTheme();
-    const currencyIcon = _jsx(CurrencyIcon, { currency: currency });
+    const currencySymbol = _jsx(CurrencySymbol, { currency: currency });
     const { integerAmount, decimalAmount } = formatAmountWithCurrency(remainingAmount, currency);
     const amount = `${integerAmount}.${decimalAmount}`;
     const generatedTooltip = useMemo(() => {
-        return (_jsxs(_Fragment, { children: ["Remaining Authorized Balance - ", currencyIcon, " ", amount] }));
+        return (_jsxs(_Fragment, { children: ["Remaining Authorized Balance - ", currencySymbol, " ", amount] }));
     }, [remainingAmount, currency]);
     if (percentage === 0)
         return null;

package/build/components/TableCells/CustomCells/BalanceCell/BalanceCellSheet.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CurrencyIcon, StatusChipWithCopy } from '../../../index.js';
+import { CurrencySymbol, StatusChipWithCopy } from '../../../index.js';
 import { formatAmountWithCurrency } from '../../../../utils/index.js';
 function BalanceCellSheet({ remainingAmount, currency, selectionProps }) {
-    const currencyIcon = _jsx(CurrencyIcon, { currency: currency });
+    const currencySymbol = _jsx(CurrencySymbol, { currency: currency });
     const { integerAmount, decimalAmount } = formatAmountWithCurrency(remainingAmount, currency);
     const amount = `${integerAmount}.${decimalAmount}`;
-    return (_jsxs(StatusChipWithCopy, Object.assign({ chipIndex: 0, copyText: `${integerAmount}.${decimalAmount}`, selectionProps: selectionProps }, { children: [currencyIcon, " ", amount] })));
+    return (_jsxs(StatusChipWithCopy, Object.assign({ chipIndex: 0, copyText: `${integerAmount}.${decimalAmount}`, selectionProps: selectionProps }, { children: [currencySymbol, " ", amount] })));
 }
 export default BalanceCellSheet;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const BalanceCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -15,16 +15,12 @@ import CountryFlag from '../../../CountryFlag';
 import { TableCell } from '../../../TableCells';
 import { bankIcon } from '../../../../constants/index.js';
 import { getCountryNameByISO } from '../../../../utils/index.js';
-import { BankCellContainer, BankIcon, BankIdContainer, BankWrapper, IconWrapper } from './style';
-import { GeographyBox } from '../style';
+import { BankCellContainer, BankIcon, BankIdContainer, BankWrapper } from './style';
 function BankCell(_a) {
     var { walletId, country, name } = _a, props = __rest(_a, ["walletId", "country", "name"]);
-    const icon = country && (_jsx(Tooltip, Object.assign({ title: getCountryNameByISO(country) }, { children: _jsx(CountryFlag, { code: country, sx: { padding: '1px' } }) })));
     return (_jsx(TableCell, Object.assign({ style: {
             textAlign: 'center',
             overflow: 'visible',
-        } }, props, { children: _jsxs(BankCellContainer, { children: [country && (_jsx(IconWrapper, { children: _jsx(GeographyBox, Object.assign({ sx: {
-                            visibility: 'visible',
-                        }, variant: undefined }, { children: icon })) })), _jsxs(BankWrapper, { children: [_jsx(BankIcon, { src: bankIcon, alt: "bank-icon" }), walletId && (_jsxs(BankIdContainer, { children: [name, " \u00B7\u00B7\u00B7\u00B7 ", walletId === null || walletId === void 0 ? void 0 : walletId.substring(((walletId === null || walletId === void 0 ? void 0 : walletId.length) || 0) - 4)] }))] })] }) })));
+        } }, props, { children: _jsxs(BankCellContainer, { children: [country && (_jsx(Tooltip, Object.assign({ title: getCountryNameByISO(country) }, { children: _jsx(CountryFlag, { code: country }) }))), _jsxs(BankWrapper, { children: [_jsx(BankIcon, { src: bankIcon, alt: "bank-icon" }), walletId && (_jsxs(BankIdContainer, { children: [name, " \u00B7\u00B7\u00B7\u00B7 ", walletId === null || walletId === void 0 ? void 0 : walletId.substring(((walletId === null || walletId === void 0 ? void 0 : walletId.length) || 0) - 4)] }))] })] }) })));
 }
 export default BankCell;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const DueDateCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getCurrenciesIcon } from '../../../../constants/index.js';
-import { Currency, FlagContainer, Wrapper } from './style';
-import { FlagIcon } from '../style';
+import CountryFlagByCurrencyCode from '../../../CountryFlagByCurrencyCode';
+import { Currency, Wrapper } from './style';
 export function CurrencyCell({ currency }) {
-    return (_jsxs(Wrapper, { children: [_jsx(FlagContainer, { children: _jsx(FlagIcon, { src: getCurrenciesIcon(currency), alt: currency }) }), _jsx(Currency, { children: currency })] }));
+    return (_jsxs(Wrapper, { children: [_jsx(CountryFlagByCurrencyCode, { code: currency }), _jsx(Currency, { children: currency })] }));
 }

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

@@ -5,5 +5,3 @@ export declare const Wrapper: import("@emotion/styled").StyledComponent<import("
 export declare const Currency: 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>, {}, {}>;
-export declare const FlagContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const FlagIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

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

@@ -10,13 +10,3 @@ export const Currency = styled(Box)(({ theme }) => ({
     color: theme.palette.text.primary,
     lineHeight: '16.8px',
 }));
-export const FlagContainer = styled('span')(() => ({
-    display: 'flex',
-    width: '17px',
-    height: '12px',
-    flexShrink: 0,
-}));
-export const FlagIcon = styled('img')({
-    width: '100%',
-    height: '100%',
-});

package/build/components/TableCells/CustomCells/DestinationCell/DestinationCellSheet.js

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import Box from '@mui/material/Box';
 import { formatAmount } from '../../../../utils/index.js';
-import { CurrencyIcon, StatusGroupChips } from '../../../index.js';
+import { CurrencySymbol, StatusGroupChips } from '../../../index.js';
 function DestinationCellSheet(_a) {
     var { destinationsCount, destinationsTooltip, destination, destinationsAmount, hidden, iconDirection, selectionProps } = _a, props = __rest(_a, ["destinationsCount", "destinationsTooltip", "destination", "destinationsAmount", "hidden", "iconDirection", "selectionProps"]);
     const destinations = (destination === null || destination === void 0 ? void 0 : destination.destination) || [];
@@ -20,7 +20,7 @@ function DestinationCellSheet(_a) {
         const formattedDestAmount = formatAmount((dest === null || dest === void 0 ? void 0 : dest.amount) || 0);
         return {
             key: `destination-${(dest === null || dest === void 0 ? void 0 : dest.id) || index}`,
-            content: (_jsxs(_Fragment, { children: [_jsxs("div", { children: [dest === null || dest === void 0 ? void 0 : dest.id, " |"] }), _jsx(CurrencyIcon, { currency: dest === null || dest === void 0 ? void 0 : dest.currency }), _jsxs("span", { children: [formattedDestAmount.integerAmount, ".", formattedDestAmount.decimalAmount] })] })),
+            content: (_jsxs(_Fragment, { children: [_jsxs("div", { children: [dest === null || dest === void 0 ? void 0 : dest.id, " |"] }), _jsx(CurrencySymbol, { currency: dest === null || dest === void 0 ? void 0 : dest.currency }), _jsxs("span", { children: [formattedDestAmount.integerAmount, ".", formattedDestAmount.decimalAmount] })] })),
             chipIndex: index,
             selectionProps: selectionProps !== null && selectionProps !== void 0 ? selectionProps : {},
             copyText: `${formattedDestAmount.integerAmount}.${formattedDestAmount.decimalAmount}`,

package/build/components/TableCells/CustomCells/DestinationCell/DestinationCellText.js

@@ -13,7 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Box from '@mui/material/Box';
 import Tooltip from '../../../Tooltip';
 import { formatAmount } from '../../../../utils/index.js';
-import { CurrencyIcon } from '../../../index.js';
+import { CurrencySymbol } from '../../../index.js';
 import { TextLabel } from '../style';
 function DestinationCell(_a) {
     var _b, _c, _d, _e, _f;
@@ -30,6 +30,6 @@ function DestinationCell(_a) {
                     textAlign: 'left',
                     justifyContent: 'flex-start',
                     height: 'auto',
-                } }, { children: destinationsCount > 1 ? (_jsxs("div", { children: ["Destination ", (_c = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _c === void 0 ? void 0 : _c.id, " - ", _jsx(CurrencyIcon, { currency: (_d = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _d === void 0 ? void 0 : _d.currency }), ' ', firstDestinationFormattedAmount.integerAmount, ".", firstDestinationFormattedAmount.decimalAmount, " +", destinationsCount - 1] })) : (_jsxs("div", { children: ["Destination ", (_e = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _e === void 0 ? void 0 : _e.id, " - ", _jsx(CurrencyIcon, { currency: (_f = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _f === void 0 ? void 0 : _f.currency }), " ", formattedAmount.integerAmount, ".", formattedAmount.decimalAmount] })) })) })) })));
+                } }, { children: destinationsCount > 1 ? (_jsxs("div", { children: ["Destination ", (_c = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _c === void 0 ? void 0 : _c.id, " - ", _jsx(CurrencySymbol, { currency: (_d = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _d === void 0 ? void 0 : _d.currency }), ' ', firstDestinationFormattedAmount.integerAmount, ".", firstDestinationFormattedAmount.decimalAmount, " +", destinationsCount - 1] })) : (_jsxs("div", { children: ["Destination ", (_e = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _e === void 0 ? void 0 : _e.id, " - ", _jsx(CurrencySymbol, { currency: (_f = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _f === void 0 ? void 0 : _f.currency }), " ", formattedAmount.integerAmount, ".", formattedAmount.decimalAmount] })) })) })) })));
 }
 export default DestinationCell;

package/build/components/TableCells/CustomCells/DestinationCell/utils.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CurrencyIcon } from '../../../index.js';
+import { CurrencySymbol } from '../../../index.js';
 import { formatAmount } from '../../../../utils/index.js';
 export const generateDestinationTooltip = ({ destination, amount: formattedSum, }) => {
     var _a, _b, _c;
     const destinations = (destination === null || destination === void 0 ? void 0 : destination.destination) || [];
     const destinationsTooltip = (destinations === null || destinations === void 0 ? void 0 : destinations.length) > 1 ? (_jsxs("div", { children: [_jsx("div", { children: "Destination" }), (_a = destination === null || destination === void 0 ? void 0 : destination.destination) === null || _a === void 0 ? void 0 : _a.map((dest) => {
                 const formattedAmount = formatAmount(dest.amount || 0);
-                return (_jsxs("div", { children: [dest === null || dest === void 0 ? void 0 : dest.id, " - ", _jsx(CurrencyIcon, { currency: dest === null || dest === void 0 ? void 0 : dest.currency }), " ", formattedAmount.integerAmount, ".", formattedAmount.decimalAmount] }, dest === null || dest === void 0 ? void 0 : dest.id));
-            })] })) : (_jsxs("div", { children: ["Destination ", (_b = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _b === void 0 ? void 0 : _b.id, " - ", _jsx(CurrencyIcon, { currency: (_c = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _c === void 0 ? void 0 : _c.currency }), " ", formattedSum.integerAmount, ".", formattedSum.decimalAmount] }));
+                return (_jsxs("div", { children: [dest === null || dest === void 0 ? void 0 : dest.id, " - ", _jsx(CurrencySymbol, { currency: dest === null || dest === void 0 ? void 0 : dest.currency }), " ", formattedAmount.integerAmount, ".", formattedAmount.decimalAmount] }, dest === null || dest === void 0 ? void 0 : dest.id));
+            })] })) : (_jsxs("div", { children: ["Destination ", (_b = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _b === void 0 ? void 0 : _b.id, " - ", _jsx(CurrencySymbol, { currency: (_c = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _c === void 0 ? void 0 : _c.currency }), " ", formattedSum.integerAmount, ".", formattedSum.decimalAmount] }));
     return destinationsTooltip;
 };

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const DueDateCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const Button: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const DueDateCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const DueDateCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const ProductCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const ReferenceSourcesContainer: import("@emotion/styled").StyledComponent<{

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const RefundChargeCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const RefundCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const SalesChannelsContainer: import("@emotion/styled").StyledComponent<{

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const ReferenceSourcesContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const MultiRefundIcon: import("@emotion/styled").StyledComponent<{
     width?: string | number | undefined;
     height?: string | number | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -16,15 +16,11 @@ import { TableCell } from '../../../TableCells';
 import { walletIcon } from '../../../../constants/index.js';
 import { getCountryNameByISO } from '../../../../utils/index.js';
 import { WalletCellContainer, WalletIcon, WalletIdContainer, WalletWrapper } from './style';
-import { GeographyBox, StatusIconWrapper } from '../style';
 function WalletCell(_a) {
     var { walletId, country, showCountry = true } = _a, props = __rest(_a, ["walletId", "country", "showCountry"]);
-    const icon = country && (_jsx(Tooltip, Object.assign({ title: getCountryNameByISO(country) }, { children: _jsx(CountryFlag, { code: country, sx: { padding: '1px' } }) })));
     return (_jsx(TableCell, Object.assign({ style: {
             textAlign: 'center',
             overflow: 'visible',
-        } }, props, { children: _jsxs(WalletCellContainer, { children: [showCountry && (_jsx(StatusIconWrapper, { children: _jsx(Tooltip, Object.assign({ title: country ? getCountryNameByISO(country) : '' }, { children: _jsx(GeographyBox, Object.assign({ sx: {
-                                visibility: 'visible',
-                            }, variant: undefined }, { children: icon })) })) })), _jsxs(WalletWrapper, { children: [_jsx(WalletIcon, { src: walletIcon, alt: "wallet-icon" }), walletId && _jsxs(WalletIdContainer, { children: ["\u00B7\u00B7\u00B7\u00B7 ", walletId === null || walletId === void 0 ? void 0 : walletId.substring(((walletId === null || walletId === void 0 ? void 0 : walletId.length) || 0) - 4)] })] })] }) })));
+        } }, props, { children: _jsxs(WalletCellContainer, { children: [showCountry && country && (_jsx(Tooltip, Object.assign({ title: getCountryNameByISO(country) }, { children: _jsx(CountryFlag, { code: country }) }))), _jsxs(WalletWrapper, { children: [_jsx(WalletIcon, { src: walletIcon, alt: "wallet-icon" }), walletId && _jsxs(WalletIdContainer, { children: ["\u00B7\u00B7\u00B7\u00B7 ", walletId === null || walletId === void 0 ? void 0 : walletId.substring(((walletId === null || walletId === void 0 ? void 0 : walletId.length) || 0) - 4)] })] })] }) })));
 }
 export default WalletCell;

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

@@ -1,9 +1,7 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const GeographyBox: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     variant?: "Global" | "Regional" | "Local" | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const FlagIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const TransparentButton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 export declare const BadgeWrapper: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;

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

@@ -19,10 +19,6 @@ export const GeographyBox = styled('span', {
         objectFit: 'cover',
     },
 }));
-export const FlagIcon = styled('img')({
-    width: '100%',
-    height: '100%',
-});
 export const TransparentButton = styled('button')({
     background: 'transparent',
     border: 'none',

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 interface TableWrapperProps {
     showNoDataView?: boolean;
 }

package/build/components/index.d.ts

@@ -74,7 +74,7 @@ export * from './ErrorBoundary';
 export { default as DropdownButton, type DropdownButtonProps, DropdownChevronIcon, type DropdownChevronIconProps } from './DropdownButton';
 export { default as Dropdown2 } from './Dropdown2';
 export { default as CountryFlag } from './CountryFlag';
-export { default as CurrencyIcon } from './CurrencyIcon';
+export { default as CurrencySymbol } from './CurrencySymbol';
 export { default as CustomBackdrop } from './CustomBackdrop';
 export { default as DeviceIcon, isDeviceIconShown } from './DeviceIcon';
 export { default as CountBadge, BadgeVariants, CountAnimatedBadge, type StyledBadgeProps, paymentSourceAnimation } from './CountBadge';
@@ -122,3 +122,4 @@ export * from './ListLayout';
 export { default as MFWidgetLoader } from './MFWidgetLoader';
 export { default as BetaBanner } from './BetaBanner';
 export * from './Autocomplete';
+export { default as CountryFlagByCurrencyCode } from './CountryFlagByCurrencyCode';

package/build/components/index.js

@@ -74,7 +74,7 @@ export * from './ErrorBoundary';
 export { default as DropdownButton, DropdownChevronIcon } from './DropdownButton';
 export { default as Dropdown2 } from './Dropdown2';
 export { default as CountryFlag } from './CountryFlag';
-export { default as CurrencyIcon } from './CurrencyIcon';
+export { default as CurrencySymbol } from './CurrencySymbol';
 export { default as CustomBackdrop } from './CustomBackdrop';
 export { default as DeviceIcon, isDeviceIconShown } from './DeviceIcon';
 export { default as CountBadge, BadgeVariants, CountAnimatedBadge, paymentSourceAnimation } from './CountBadge';
@@ -122,3 +122,4 @@ export * from './ListLayout';
 export { default as MFWidgetLoader } from './MFWidgetLoader';
 export { default as BetaBanner } from './BetaBanner';
 export * from './Autocomplete';
+export { default as CountryFlagByCurrencyCode } from './CountryFlagByCurrencyCode';

package/build/constants/assets.js

@@ -7,9 +7,9 @@ export const videosUrl = `${cdnUrl}/videos`;
 export const getLightUrlIcon = (source) => `${lightUrl}/${source}.svg`;
 export const getPaymentMethodsIcon = (source) => `${lightUrl}/payment-method/v2/${source}.svg`;
 export const getPaymentIssuersIcon = (source) => `${lightUrl}/payment-issuer/${source}.svg`;
-export const getCountriesIcon = (source) => `${lightUrl}/country/${source}.svg`;
+export const getCountriesIcon = (source) => `${lightUrl}/country/v3/${source}.svg`;
 export const getServiceFunctionIcon = (functionCode) => `${lightUrl}/function/${functionCode}.svg`;
-export const getCurrenciesIcon = (currency) => `${cdnUrl}/currency/v2/light/${currency}.svg`;
+export const getCurrenciesIcon = (currency) => `${cdnUrl}/currency/v3/light/${currency}.svg`;
 export const getAuthorityIcon = (authority) => {
     const authorityWithoutSpaces = authority.replace(/\s/g, '');
     return `${cdnUrl}/icons/dashboard/light/authority/v2/${authorityWithoutSpaces}.svg`;

package/build/types/merchant.d.ts

@@ -147,6 +147,7 @@ export interface BusinessMerchant {
             country: string;
             license: {
                 number: string;
+                type: string;
                 additional_info?: {
                     unified_number?: string;
                 };
@@ -172,6 +173,11 @@ export interface BusinessMerchant {
                 };
             };
             identification_id: string;
+            identification: {
+                id: string;
+                issued_country_code: string;
+                type: string;
+            };
         };
         individuals: {
             status: VerificationStatus;

package/build/utils/currency.d.ts

@@ -5,7 +5,6 @@ export declare const conversionTypesLabels: {
 };
 export declare const currencyConfig: Record<string, number>;
 export declare const intlCurrency: (charge: number, currencyType: CurrencyCodes) => string;
-export declare const getCurrencyCodeFlag: (currency: string) => string;
 export declare const isIntegerAmount: (charge: number) => boolean;
 export declare const isDecimalWithOneDigit: (charge: number) => boolean;
 export declare const hasOnlyOneDigitAfterDecimal: (charge: number) => boolean;

package/build/utils/currency.js

@@ -1,5 +1,4 @@
-import { getCurrenciesIcon, SUPPORTED_CURRENCY_DETAILS, SUPPORTED_CURRENCY_CODES } from '../constants/index.js';
-import { CurrencyCodes } from '../types/index.js';
+import { SUPPORTED_CURRENCY_DETAILS } from '../constants/index.js';
 export const conversionTypesLabels = {
     fx: 'Foreign Exchange',
     dcc: 'Dynamic Currency Conversion',
@@ -28,10 +27,6 @@ export const intlCurrency = (charge, currencyType) => {
         return '0';
     }
 };
-export const getCurrencyCodeFlag = (currency) => {
-    const currencyMap = new Map(SUPPORTED_CURRENCY_CODES.map((selectedCurrency) => [selectedCurrency, getCurrenciesIcon(selectedCurrency)]));
-    return currencyMap.get(currency) || CurrencyCodes.SAR;
-};
 export const isIntegerAmount = (charge) => {
     return charge % 1 === 0;
 };

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.243",
-  "testVersion": 0,
+  "version": "0.1.245-test.1",
+  "testVersion": 1,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",
@@ -163,4 +163,4 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   }
-}
+}

package/build/components/CurrencyIcon/CurrencyIcon.js

@@ -1,15 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { DirhamIconImage, SARIconImage } from '../../constants/index.js';
-import { StyleCurrencyIcon } from './style';
-const currencyMap = {
-    SAR: SARIconImage,
-    AED: DirhamIconImage,
-};
-function CurrencyIcon({ currency, fontSize }) {
-    const currencyIcon = currencyMap[currency];
-    if (!currencyIcon) {
-        return _jsx(_Fragment, { children: currency });
-    }
-    return _jsx(StyleCurrencyIcon, { component: "img", src: currencyIcon, alt: currency, sx: { height: fontSize } });
-}
-export default CurrencyIcon;

package/build/components/CurrencyIcon/index.d.ts

@@ -1,2 +0,0 @@
-import CurrencyIcon from './CurrencyIcon';
-export default CurrencyIcon;

package/build/components/CurrencyIcon/index.js

@@ -1,2 +0,0 @@
-import CurrencyIcon from './CurrencyIcon';
-export default CurrencyIcon;