@tap-payments/os-micro-frontend-shared 0.1.139-test.26 → 0.1.139-test.51

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, ...props }: AmountCellProps): import("react/jsx-runtime").JSX.Element;
+import { AmountCellProps } from '../type';
+declare function AmountCell({ conversionType, amount, currency, tooltipLabel, amountTooltipLabel, isTextShown, tableMode, selectionProps, chipIndex, ...props }: AmountCellProps): import("react/jsx-runtime").JSX.Element;
 export default AmountCell;

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

@@ -9,18 +9,30 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
 import { TableCell } from '../../../TableCells';
 import Tooltip from '../../../Tooltip';
-import { CurrencyIcon } from '../../../index.js';
+import { CurrencyIcon, StatusChipWithCopy } from '../../../index.js';
 import { getCurrenciesIcon } from '../../../../constants/index.js';
-import { AmountCellContainer, FlagContainer } from './style';
+import { formatAmountWithCurrency } from '../../../../utils/index.js';
+import { AmountCellContainer, ConversionBadge, CurrencySpan, DecimalSpan, FlagContainer } from './style';
 import { FlagIcon } 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"]);
+    var { conversionType, amount, currency, tooltipLabel, amountTooltipLabel, isTextShown, tableMode, selectionProps = {}, chipIndex = 0 } = _a, props = __rest(_a, ["conversionType", "amount", "currency", "tooltipLabel", "amountTooltipLabel", "isTextShown", "tableMode", "selectionProps", "chipIndex"]);
     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(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 }) }))] }) })));
+    const { integerAmount, decimalAmount } = formatAmountWithCurrency(amount, currency);
+    const conversionTypeLabel = useMemo(() => {
+        if (!conversionType)
+            return _jsx(_Fragment, {});
+        return (_jsx(ConversionBadge, Object.assign({ tableMode: tableMode, className: "conversion-type" }, { children: conversionType })));
+    }, [conversionType, tableMode]);
+    const currencyInfo = useMemo(() => {
+        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: "-" })) })));
+    }, [amount, tableMode, currency, integerAmount, decimalAmount]);
+    if (tableMode === 'sheet') {
+        return (_jsxs(StatusChipWithCopy, Object.assign({ chipIndex: chipIndex, copyText: amount ? `${integerAmount}.${decimalAmount}` : '-', selectionProps: selectionProps }, { children: [conversionTypeLabel, currencyInfo] })));
+    }
+    return (_jsx(TableCell, Object.assign({}, props, { children: _jsxs(AmountCellContainer, { children: [_jsx(Tooltip, Object.assign({ title: tooltipLabel || '' }, { children: conversionTypeLabel })), _jsx(Tooltip, Object.assign({ title: _jsx(CurrencyIcon, { currency: currency }) }, { children: isTextShown ? _jsx("span", {}) : _jsx(FlagContainer, { children: icon }) })), _jsx(Tooltip, Object.assign({ title: amountTooltipLabel }, { children: currencyInfo }))] }) })));
 }
 export default AmountCell;

package/build/components/TableCells/CustomCells/AmountCell/{components/AmountConversionTooltipLabel.js → AmountConversionTooltipLabel.js}

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { conversionTypesLabels, formatAmountWithCurrency } from '../../../../../utils/index.js';
-import { CurrencyIcon } from '../../../../index.js';
-import { ConversionTooltip, ConversionTooltipRow } from '../style';
+import { conversionTypesLabels, formatAmountWithCurrency } from '../../../../utils/index.js';
+import { CurrencyIcon } from '../../../index.js';
+import { ConversionTooltip, ConversionTooltipRow } from './style';
 export const AmountConversionTooltipLabel = ({ type, selectAmount, selectCurrency, requestAmount, requestCurrency, merchantAmount, merchantCurrency, }) => {
     const customerSelectValue = formatAmountWithCurrency(selectAmount, selectCurrency);
     const chargeValue = formatAmountWithCurrency(requestAmount, requestCurrency);

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

@@ -1,5 +1,3 @@
 export { default as AmountCell } from './AmountCell';
-export { AmountConversionTooltipLabel } from './components';
-export { default as AmountCellText } from './AmountCellText';
-export { default as AmountCellSheet } from './AmountCellSheet';
+export { AmountConversionTooltipLabel } from './AmountConversionTooltipLabel';
 export * from './style';

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

@@ -1,5 +1,3 @@
 export { default as AmountCell } from './AmountCell';
-export { AmountConversionTooltipLabel } from './components';
-export { default as AmountCellText } from './AmountCellText';
-export { default as AmountCellSheet } from './AmountCellSheet';
+export { AmountConversionTooltipLabel } from './AmountConversionTooltipLabel';
 export * from './style';

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

@@ -1,3 +1,3 @@
-import type { CustomerCellProps } from './type';
-declare function CustomerCell({ customerInitiated, children, isTimezoneIconShown, hasCustomerIcon, customerIcon, customerName, hideCustomerInitiatedIcon, hideTimezoneIcon, phone, email, id, ...props }: Readonly<CustomerCellProps>): import("react/jsx-runtime").JSX.Element;
+import type { CustomerCellProps } from '../type';
+declare function CustomerCell({ customerInitiated, children, isTimezoneIconShown, hasCustomerIcon, customerIcon, customerName, hideCustomerInitiatedIcon, hideTimezoneIcon, phone, email, id, tableMode, ...props }: Readonly<CustomerCellProps>): import("react/jsx-runtime").JSX.Element;
 export default CustomerCell;

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

@@ -15,12 +15,12 @@ import { useTranslation } from 'react-i18next';
 import Tooltip from '../../../Tooltip';
 import { merchantInitiatedIcon, timezoneIcon } from '../../../../constants/index.js';
 import { getRandomGradientColor, isArabic } from '../../../../utils/index.js';
-import { TableCell } from '../../../TableCells';
 import { StyledCustomerCell, StyledCustomerIcon, StyledCustomerIconContainer, StyledCustomerName } from './style';
+import { TableCell } from '../../../TableCells';
 import { AvatarStyled, StarBadgeWrapper } from '../style';
 function CustomerCell(_a) {
     var _b;
-    var { customerInitiated, children, isTimezoneIconShown, hasCustomerIcon, customerIcon, customerName, hideCustomerInitiatedIcon, hideTimezoneIcon, phone, email, id } = _a, props = __rest(_a, ["customerInitiated", "children", "isTimezoneIconShown", "hasCustomerIcon", "customerIcon", "customerName", "hideCustomerInitiatedIcon", "hideTimezoneIcon", "phone", "email", "id"]);
+    var { customerInitiated, children, isTimezoneIconShown, hasCustomerIcon, customerIcon, customerName, hideCustomerInitiatedIcon, hideTimezoneIcon, phone, email, id, tableMode } = _a, props = __rest(_a, ["customerInitiated", "children", "isTimezoneIconShown", "hasCustomerIcon", "customerIcon", "customerName", "hideCustomerInitiatedIcon", "hideTimezoneIcon", "phone", "email", "id", "tableMode"]);
     const { t } = useTranslation();
     const customerInitiatedTooltip = customerInitiated === false ? t('merchantInitiated') : '';
     const isArabicCustomerName = isArabic(customerName);
@@ -38,6 +38,9 @@ function CustomerCell(_a) {
             return null;
         return (_jsx("div", Object.assign({ "data-testid": "CustomerCell_customerTooltip" }, { children: tooltipOptions.map(({ name, value }) => value && (_jsx("div", Object.assign({ "data-testid": `CustomerCell_customerTooltip_${name}` }, { children: name === 'Name' ? value : `${name}: ${value}` }), value))) })));
     }, [tooltipOptions]);
+    if (tableMode === 'sheet') {
+        return (_jsx(StyledCustomerName, Object.assign({ tableMode: tableMode, "data-testid": "CustomerCell_StyledCustomerName", "data-is-arabic": isArabicCustomerName }, { children: children })));
+    }
     return (_jsx(TableCell, Object.assign({}, props, { "data-testid": "CustomerCell_TableCell" }, { children: _jsxs(StyledCustomerCell, Object.assign({ "data-testid": "CustomerCell_StyledCustomerCell" }, { children: [customerShownIcon, _jsx(Tooltip, Object.assign({ title: customerTooltip }, { children: _jsx(StyledCustomerName, Object.assign({ "data-testid": "CustomerCell_StyledCustomerName", "data-is-arabic": isArabicCustomerName }, { children: children })) })), !hideTimezoneIcon && (_jsx(StyledCustomerIconContainer, Object.assign({ "data-testid": "CustomerCell_StyledCustomerIconContainer" }, { children: isTimezoneIconShown && _jsx(StyledCustomerIcon, { src: timezoneIcon, "data-testid": "CustomerCell_StyledCustomerIcon" }) }))), !hideCustomerInitiatedIcon && (_jsx(Tooltip, Object.assign({ title: customerInitiatedTooltip }, { children: _jsx(StarBadgeWrapper, Object.assign({ "data-testid": "CustomerCell_StarBadgeWrapper", className: "geography-box", isShown: !!customerInitiatedTooltip }, { children: customerInitiatedTooltip && (_jsx("img", { "data-testid": "CustomerCell_merchantInitiatedIcon", src: merchantInitiatedIcon, alt: "merchant", style: {
                                 width: '16px',
                                 height: '16px',

package/build/components/TableCells/CustomCells/CustomerCell/index.d.ts

@@ -1,3 +1,2 @@
 export { default as CustomerCell } from './CustomerCell';
-export { default as CustomerCellSheet } from './CustomerCellSheet';
 export * from './type';

package/build/components/TableCells/CustomCells/CustomerCell/index.js

@@ -1,3 +1,2 @@
 export { default as CustomerCell } from './CustomerCell';
-export { default as CustomerCellSheet } from './CustomerCellSheet';
 export * from './type';

package/build/components/TableCells/CustomCells/CustomerCell/type.d.ts

@@ -1,19 +1,4 @@
-import type { TableCellProps } from '@mui/material';
 export type TooltipOption = {
     name: string;
     value?: string;
 };
-export interface CustomerCellProps extends TableCellProps {
-    customerInitiated?: boolean;
-    flagIcon?: string;
-    isTimezoneIconShown?: boolean;
-    hasCustomerIcon?: boolean;
-    customerIcon?: string;
-    customerName: string;
-    hideCustomerInitiatedIcon?: boolean;
-    hideTimezoneIcon?: boolean;
-    email?: string;
-    phone?: string;
-    id?: string;
-}
-export type CustomerCellSheetProps = Pick<CustomerCellProps, 'customerName' | 'children'>;

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

@@ -1,3 +1,6 @@
 import type { StatusCellProps } from './type';
-declare function StatusCell({ statuses, centerIconKey, ...props }: StatusCellProps): import("react/jsx-runtime").JSX.Element;
+declare function StatusCell({ statuses, isTextShown, centerIconKey, xGap, tableMode, ...props }: Readonly<StatusCellProps & {
+    isChargesService?: boolean;
+    isAuthorizationsService?: boolean;
+}>): import("react/jsx-runtime").JSX.Element;
 export default StatusCell;

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

@@ -12,11 +12,16 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TableCell } from '../../../TableCells';
 import { StatusIcon, StatusContainer, StatusWrapper } from './style';
-import { useStatusCell } from './useStatusCell';
+import { getStatusesFilteredObject } from './utils';
 function StatusCell(_a) {
-    var { statuses, centerIconKey } = _a, props = __rest(_a, ["statuses", "centerIconKey"]);
-    const { centerIconIndex, statusesList } = useStatusCell({ statuses, centerIconKey });
-    const xGapValue = 40;
+    var { statuses, isTextShown, centerIconKey, xGap, tableMode } = _a, props = __rest(_a, ["statuses", "isTextShown", "centerIconKey", "xGap", "tableMode"]);
+    const statusesFilteredObject = statuses ? getStatusesFilteredObject(statuses) : {};
+    const statusesList = Object.values(statusesFilteredObject).filter(Boolean);
+    if (tableMode === 'sheet') {
+        return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(StatusContainer, Object.assign({ sx: { paddingRight: '30px' } }, { children: statusesList.map((status) => status) })) })));
+    }
+    const xGapValue = isTextShown ? xGap || 120 : 40;
+    const centerIconIndex = centerIconKey ? Object.entries(statusesFilteredObject).findIndex(([key]) => key === centerIconKey) : 0;
     return (_jsx(TableCell, Object.assign({}, props, { "data-testid": "StatusCell", sx: {
             position: 'relative',
             overflow: 'visible',
@@ -36,7 +41,7 @@ function StatusCell(_a) {
                             x: xHoverPosition,
                             zIndex: 100 - Math.abs(centerIconIndex - index),
                         },
-                    }, transition: { duration: 0.3, type: 'tween', ease: 'easeOut' }, statusesCount: statusesList.length || 0 }, { children: _jsx(StatusIcon, { children: status }) }), index));
+                    }, transition: { duration: 0.3, type: 'tween', ease: 'easeOut' }, statusesCount: statusesList.length || 0 }, { children: _jsx(StatusIcon, Object.assign({ isTextShown: isTextShown }, { children: status })) }), index));
             }) })) })));
 }
 export default StatusCell;

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

@@ -1,4 +1,2 @@
 export { default as StatusCell } from './StatusCell';
-export { default as StatusCellSheet } from './StatusCellSheet';
-export { default as StatusCellText } from './StatusCellText';
 export * from './type';

package/build/components/TableCells/CustomCells/StatusCell/index.js

@@ -1,4 +1,2 @@
 export { default as StatusCell } from './StatusCell';
-export { default as StatusCellSheet } from './StatusCellSheet';
-export { default as StatusCellText } from './StatusCellText';
 export * from './type';

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

@@ -4,8 +4,10 @@ import { authorizedStatusIcons, payoutStatusIcons, refundStatusIcons } from './c
 export type RefundStatusType = keyof typeof refundStatusIcons;
 export type PayoutStatusType = keyof typeof payoutStatusIcons;
 export type AuthorizedStatusType = keyof typeof authorizedStatusIcons;
-export type Statuses = Record<string, React.ReactNode | undefined | null>;
 export interface StatusCellProps extends TableCellProps {
-    statuses: Statuses;
+    statuses: Record<string, React.ReactNode>;
+    isTextShown?: boolean;
     centerIconKey?: string;
+    xGap?: number;
+    tableMode?: 'default' | 'text' | 'sheet';
 }

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

@@ -1,3 +1,2 @@
 /// <reference types="react" />
-import { Statuses } from './type';
-export declare const getStatusesFilteredObject: (statuses: Statuses) => Record<string, import("react").ReactNode>;
+export declare const getStatusesFilteredObject: (statuses: Record<string, React.ReactNode | undefined | null>) => Record<string, import("react").ReactNode>;

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

@@ -1,9 +1,8 @@
 export const getStatusesFilteredObject = (statuses) => {
-    const filteredList = Object.keys(statuses)
+    return Object.keys(statuses)
         .filter((key) => statuses[key])
         .reduce((acc, key) => {
         acc[key] = statuses[key];
         return acc;
     }, {});
-    return statuses ? filteredList : {};
 };

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

@@ -1,8 +1,8 @@
 import type React from 'react';
 import type { TableCellProps } from '@mui/material';
 import type { Charge, SelectionProps, TableMode } from '../../../types/index.js';
-import { getGeographyBoxColor } from '../../../utils/index.js';
 import type { ActionType, FlagType } from './ActionCell';
+import { getGeographyBoxColor } from '../../../utils/index.js';
 export type GeographyBoxVariant = keyof ReturnType<typeof getGeographyBoxColor>;
 export type PaymentMethod = 'VISA' | 'card' | 'MASTERCARD' | 'APPLE_PAY' | 'KNET' | 'MADA';
 export interface DateCellProps extends TableCellProps {
@@ -22,6 +22,20 @@ export interface OrderCellProps extends TableCellProps {
     }>;
     tableMode?: TableMode;
 }
+export interface CustomerCellProps extends TableCellProps {
+    customerInitiated?: boolean;
+    flagIcon?: string;
+    isTimezoneIconShown?: boolean;
+    hasCustomerIcon?: boolean;
+    customerIcon?: string;
+    customerName: string;
+    hideCustomerInitiatedIcon?: boolean;
+    hideTimezoneIcon?: boolean;
+    email?: string;
+    phone?: string;
+    id?: string;
+    tableMode?: TableMode;
+}
 export interface SourceCellProps extends TableCellProps {
     geographyVariant?: 'G' | 'L' | 'R';
     flagIcon?: string;
@@ -33,6 +47,23 @@ export interface SourceCellProps extends TableCellProps {
     showGeographyBox?: boolean;
     customerInitiated?: boolean;
 }
+export interface AmountCellProps extends TableCellProps {
+    currency?: string;
+    conversionType?: 'fx' | 'dcc';
+    amount?: number;
+    selectAmount?: number;
+    selectCurrency?: string;
+    requestAmount?: number;
+    requestCurrency?: string;
+    merchantAmount?: number;
+    merchantCurrency?: string;
+    tooltipLabel?: React.ReactNode;
+    amountTooltipLabel?: React.ReactNode;
+    isTextShown?: boolean;
+    tableMode?: TableMode;
+    selectionProps?: SelectionProps;
+    chipIndex?: number;
+}
 export interface DestinationCellProps extends TableCellProps {
     destinationsCount?: number;
     flagIcon?: string;

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.139-test.26",
-  "testVersion": 26,
+  "version": "0.1.139-test.51",
+  "testVersion": 51,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",

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

@@ -1,3 +0,0 @@
-import { AmountCellSheetProps } from './type';
-declare function AmountCellSheet({ conversionType, amount, currency, selectionProps, chipIndex }: AmountCellSheetProps): import("react/jsx-runtime").JSX.Element;
-export default AmountCellSheet;

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

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { StatusChipWithCopy } from '../../../index.js';
-import { formatAmountWithCurrency } from '../../../../utils/index.js';
-import { ConversionTypeLabel, CurrencyInfo } from './components';
-const tableMode = 'sheet';
-function AmountCellSheet({ conversionType, amount, currency, selectionProps = {}, chipIndex = 0 }) {
-    const { integerAmount, decimalAmount } = formatAmountWithCurrency(amount, currency);
-    return (_jsxs(StatusChipWithCopy, Object.assign({ chipIndex: chipIndex, copyText: amount ? `${integerAmount}.${decimalAmount}` : '-', selectionProps: selectionProps }, { children: [_jsx(ConversionTypeLabel, { tableMode: tableMode, conversionType: conversionType }), _jsx(CurrencyInfo, { tableMode: tableMode, amount: amount, currency: currency })] })));
-}
-export default AmountCellSheet;

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

@@ -1,3 +0,0 @@
-import { AmountCellProps } from './type';
-declare function AmountCellText({ conversionType, amount, currency, tooltipLabel, amountTooltipLabel, ...props }: AmountCellProps): import("react/jsx-runtime").JSX.Element;
-export default AmountCellText;

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

@@ -1,23 +0,0 @@
-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, jsxs as _jsxs } from "react/jsx-runtime";
-import { TableCell } from '../../../TableCells';
-import Tooltip from '../../../Tooltip';
-import { CurrencyIcon } 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 }) }))] }) })));
-}
-export default AmountCellText;

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

@@ -1,7 +0,0 @@
-import { TableMode } from '../../../../../types/index.js';
-import { AmountCellProps } from '../type';
-interface ConversionTypeLabelProps extends Pick<AmountCellProps, 'conversionType'> {
-    tableMode: TableMode;
-}
-export declare const ConversionTypeLabel: ({ tableMode, conversionType }: ConversionTypeLabelProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,7 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { ConversionBadge } from '../style';
-export const ConversionTypeLabel = ({ tableMode, conversionType }) => {
-    if (!conversionType)
-        return _jsx(_Fragment, {});
-    return (_jsx(ConversionBadge, Object.assign({ tableMode: tableMode, className: "conversion-type" }, { children: conversionType })));
-};

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

@@ -1,7 +0,0 @@
-import { TableMode } from '../../../../../types/index.js';
-import { AmountCellProps } from '../type';
-interface CurrencyInfoProps extends Pick<AmountCellProps, 'amount' | 'currency'> {
-    tableMode: TableMode;
-}
-export declare const CurrencyInfo: ({ tableMode, amount, currency }: CurrencyInfoProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,8 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { CurrencyIcon } 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: "-" })) })));
-};

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

@@ -1,3 +0,0 @@
-export * from './AmountConversionTooltipLabel';
-export * from './ConversionTypeLabel';
-export * from './CurrencyInfo';

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

@@ -1,3 +0,0 @@
-export * from './AmountConversionTooltipLabel';
-export * from './ConversionTypeLabel';
-export * from './CurrencyInfo';

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

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import type { TableCellProps } from '@mui/material';
-import { SelectionProps } from '../../../../types/index.js';
-export interface AmountCellCommonProps extends TableCellProps {
-    currency?: string;
-    conversionType?: 'fx' | 'dcc';
-    amount?: number;
-}
-export interface AmountCellSheetProps extends AmountCellCommonProps {
-    selectionProps?: SelectionProps;
-    chipIndex?: number;
-}
-export interface AmountCellProps extends AmountCellCommonProps {
-    selectAmount?: number;
-    selectCurrency?: string;
-    requestAmount?: number;
-    requestCurrency?: string;
-    merchantAmount?: number;
-    merchantCurrency?: string;
-    tooltipLabel?: React.ReactNode;
-    amountTooltipLabel?: React.ReactNode;
-}

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

@@ -1 +0,0 @@
-export {};

package/build/components/TableCells/CustomCells/CustomerCell/CustomerCellSheet.d.ts

@@ -1,3 +0,0 @@
-import type { CustomerCellSheetProps } from './type';
-declare function CustomerCellSheet({ children, customerName }: CustomerCellSheetProps): import("react/jsx-runtime").JSX.Element;
-export default CustomerCellSheet;

package/build/components/TableCells/CustomCells/CustomerCell/CustomerCellSheet.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { isArabic } from '../../../../utils/index.js';
-import { StyledCustomerName } from './style';
-function CustomerCellSheet({ children, customerName }) {
-    const isArabicCustomerName = isArabic(customerName);
-    return (_jsx(StyledCustomerName, Object.assign({ tableMode: "sheet", "data-testid": "CustomerCell_StyledCustomerName", "data-is-arabic": isArabicCustomerName }, { children: children })));
-}
-export default CustomerCellSheet;

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

@@ -1,4 +0,0 @@
-import type { TableCellProps } from '@mui/material/TableCell';
-import type { StatusCellProps } from './type';
-declare function StatusCellSheet({ statuses, ...props }: Pick<StatusCellProps, 'statuses'> & TableCellProps): import("react/jsx-runtime").JSX.Element;
-export default StatusCellSheet;

package/build/components/TableCells/CustomCells/StatusCell/StatusCellSheet.js

@@ -1,21 +0,0 @@
-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 { TableCell } from '../../../TableCells';
-import { StatusContainer } from './style';
-import { useStatusCell } from './useStatusCell';
-function StatusCellSheet(_a) {
-    var { statuses } = _a, props = __rest(_a, ["statuses"]);
-    const { statusesList } = useStatusCell({ statuses });
-    return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(StatusContainer, Object.assign({ sx: { paddingRight: '30px' } }, { children: statusesList.map((status) => status) })) })));
-}
-export default StatusCellSheet;

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

@@ -1,6 +0,0 @@
-import type { StatusCellProps } from './type';
-interface StatusCellTextProps extends StatusCellProps {
-    xGap?: number;
-}
-declare function StatusCellText({ statuses, centerIconKey, xGap, ...props }: StatusCellTextProps): import("react/jsx-runtime").JSX.Element;
-export default StatusCellText;

package/build/components/TableCells/CustomCells/StatusCell/StatusCellText.js

@@ -1,42 +0,0 @@
-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 { TableCell } from '../../../TableCells';
-import { StatusIcon, StatusContainer, StatusWrapper } from './style';
-import { useStatusCell } from './useStatusCell';
-function StatusCellText(_a) {
-    var { statuses, centerIconKey, xGap } = _a, props = __rest(_a, ["statuses", "centerIconKey", "xGap"]);
-    const { statusesList, centerIconIndex } = useStatusCell({ statuses, centerIconKey });
-    const xGapValue = xGap || 120;
-    return (_jsx(TableCell, Object.assign({}, props, { "data-testid": "StatusCell", sx: {
-            position: 'relative',
-            overflow: 'visible',
-        } }, { children: _jsx(StatusContainer, Object.assign({ initial: "initial", whileHover: "hover", animate: "start" }, { children: statusesList.map((status, index) => {
-                if (!status)
-                    return;
-                // To keep x position of each icon while hovering consistent
-                const xHoverPosition = (index - centerIconIndex) * xGapValue;
-                const isIconAfterCenterIcon = index > centerIconIndex;
-                const isIconBeforeCenterIcon = index < centerIconIndex;
-                return (_jsx(StatusWrapper, Object.assign({ variants: {
-                        initial: {
-                            x: isIconBeforeCenterIcon ? -5 : isIconAfterCenterIcon ? 5 : 0,
-                            zIndex: isIconBeforeCenterIcon ? 100 - index : isIconAfterCenterIcon ? index : 100,
-                        },
-                        hover: {
-                            x: xHoverPosition,
-                            zIndex: 100 - Math.abs(centerIconIndex - index),
-                        },
-                    }, transition: { duration: 0.3, type: 'tween', ease: 'easeOut' }, statusesCount: statusesList.length || 0 }, { children: _jsx(StatusIcon, Object.assign({ isTextShown: true }, { children: status })) }), index));
-            }) })) })));
-}
-export default StatusCellText;

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

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { StatusCellProps } from './type';
-export declare const useStatusCell: ({ statuses, centerIconKey }: Pick<StatusCellProps, 'statuses' | 'centerIconKey'>) => {
-    statusesList: import("react").ReactNode[];
-    centerIconIndex: number;
-};

package/build/components/TableCells/CustomCells/StatusCell/useStatusCell.js

@@ -1,8 +0,0 @@
-import { useMemo } from 'react';
-import { getStatusesFilteredObject } from './utils';
-export const useStatusCell = ({ statuses, centerIconKey }) => {
-    const statusesFilteredObject = useMemo(() => getStatusesFilteredObject(statuses), [statuses]);
-    const statusesList = useMemo(() => Object.values(statusesFilteredObject).filter(Boolean), [statusesFilteredObject]);
-    const centerIconIndex = useMemo(() => (centerIconKey ? Object.entries(statusesFilteredObject).findIndex(([key]) => key === centerIconKey) : 0), [statusesFilteredObject, centerIconKey]);
-    return { statusesList, centerIconIndex };
-};