@tap-payments/os-micro-frontend-shared 0.0.199 → 0.0.200

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

@@ -23,7 +23,7 @@ function AmountCell(_a) {
     const icon = currency && _jsx(FlagIcon, { src: getCurrenciesIcon(currency), alt: "customer icon" });
     const { integerAmount, decimalAmount } = formatAmountWithCurrency(amount, currency);
     if (tableMode === 'sheet') {
-        return (_jsx(SheetviewAmountCell, { selectAmount: selectAmount, selectCurrency: selectCurrency, requestAmount: requestAmount, requestCurrency: requestCurrency, merchantAmount: merchantAmount, merchantCurrency: merchantCurrency }));
+        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: "-" })) })) }))] }) })));
 }

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

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

@@ -2,7 +2,7 @@ import { jsxs as _jsxs, Fragment as _Fragment, jsx as _jsx } from "react/jsx-run
 import { useTranslation } from 'react-i18next';
 import { formatAmountWithCurrency } from '../../../../utils/index.js';
 import { CurrencyIcon, StatusGroupChips } from '../../../index.js';
-export const SheetviewAmountCell = ({ selectAmount, selectCurrency, requestAmount, requestCurrency, merchantAmount, merchantCurrency }) => {
+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);
@@ -12,11 +12,15 @@ export const SheetviewAmountCell = ({ selectAmount, selectCurrency, requestAmoun
         border: 'none',
     };
     const chips = [
-        {
-            key: 'selected',
-            content: (_jsxs(_Fragment, { children: [_jsxs("span", { children: [t('customerSelected'), ": ", selectCurrency] }), customerSelectValue.integerAmount, ".", customerSelectValue.decimalAmount] })),
-            sx: chipSx,
-        },
+        ...(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] })),
@@ -24,7 +28,7 @@ export const SheetviewAmountCell = ({ selectAmount, selectCurrency, requestAmoun
         },
         {
             key: 'settlement',
-            content: (_jsxs(_Fragment, { children: [_jsxs("span", { children: [t('settled'), ":"] }), _jsx(CurrencyIcon, { currency: merchantCurrency }), settlementValue.integerAmount, ".", settlementValue.decimalAmount] })),
+            content: (_jsxs(_Fragment, { children: [_jsxs("span", { children: [t('settled'), ":"] }), _jsx(CurrencyIcon, { currency: 'KWD' }), _jsxs("span", { children: [settlementValue.integerAmount, ".", settlementValue.decimalAmount] })] })),
             sx: chipSx,
         },
     ];

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.199",
+  "version": "0.0.200",
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",