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

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

@@ -1,3 +1,3 @@
 import { AmountCellSheetProps } from './type';
-declare function AmountCell({ conversionType, amount, currency, selectionProps, chipIndex }: AmountCellSheetProps): import("react/jsx-runtime").JSX.Element;
-export default AmountCell;
+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

@@ -3,8 +3,8 @@ import { StatusChipWithCopy } from '../../../index.js';
 import { formatAmountWithCurrency } from '../../../../utils/index.js';
 import { ConversionTypeLabel, CurrencyInfo } from './components';
 const tableMode = 'sheet';
-function AmountCell({ conversionType, amount, currency, selectionProps = {}, chipIndex = 0 }) {
+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 AmountCell;
+export default AmountCellSheet;

package/build/components/TableCells/CustomCells/AmountCell/AmountCellText.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;
-export default AmountCell;
+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

@@ -16,8 +16,8 @@ import { CurrencyIcon } from '../../../index.js';
 import { AmountCellContainer } from './style';
 import { ConversionTypeLabel, CurrencyInfo } from './components';
 const tableMode = 'text';
-function AmountCell(_a) {
+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 AmountCell;
+export default AmountCellText;

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

@@ -1,5 +1,5 @@
 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 './components/AmountConversionTooltipLabel';
 export * from './style';

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

@@ -1,5 +1,5 @@
 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 './components/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, tableMode, ...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, ...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 { StyledCustomerCell, StyledCustomerIcon, StyledCustomerIconContainer, StyledCustomerName } from './style';
 import { TableCell } from '../../../TableCells';
+import { StyledCustomerCell, StyledCustomerIcon, StyledCustomerIconContainer, StyledCustomerName } from './style';
 import { AvatarStyled, StarBadgeWrapper } from '../style';
 function CustomerCell(_a) {
     var _b;
-    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"]);
+    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"]);
     const { t } = useTranslation();
     const customerInitiatedTooltip = customerInitiated === false ? t('merchantInitiated') : '';
     const isArabicCustomerName = isArabic(customerName);
@@ -38,9 +38,6 @@ 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/CustomerCellSheet.d.ts

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,8 @@
+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/CustomerCell/index.d.ts

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

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

@@ -1,2 +1,3 @@
 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,4 +1,19 @@
+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/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 type { ActionType, FlagType } from './ActionCell';
 import { getGeographyBoxColor } from '../../../utils/index.js';
+import type { ActionType, FlagType } from './ActionCell';
 export type GeographyBoxVariant = keyof ReturnType<typeof getGeographyBoxColor>;
 export type PaymentMethod = 'VISA' | 'card' | 'MASTERCARD' | 'APPLE_PAY' | 'KNET' | 'MADA';
 export interface DateCellProps extends TableCellProps {
@@ -22,20 +22,6 @@ 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;

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