@tap-payments/os-micro-frontend-shared 0.0.240 → 0.0.242
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/SearchButton/styles.d.ts +1 -1
- package/build/components/TableCells/CustomCells/ActionCell/style.d.ts +1 -1
- package/build/components/TableCells/CustomCells/EntityCell/EntityCell.js +4 -3
- package/build/components/TableCells/CustomCells/RefundStatusCell/RefundStatusCell.d.ts +1 -1
- package/build/components/TableCells/CustomCells/RefundStatusCell/RefundStatusCell.js +2 -2
- package/build/components/TableCells/CustomCells/RefundStatusCell/components/RefundStatus.d.ts +1 -1
- package/build/components/TableCells/CustomCells/RefundStatusCell/components/RefundStatus.js +2 -2
- package/build/components/TableCells/CustomCells/RefundStatusCell/type.d.ts +1 -0
- package/build/components/TableCells/CustomCells/SourceMergedCell/style.d.ts +1 -1
- package/build/components/TableCells/CustomCells/StatusCell/style.d.ts +1 -1
- package/build/components/VirtualTable/components/TableRow.js +1 -1
- package/build/components/VirtualTable/style.d.ts +1 -1
- package/build/constants/apps.d.ts +0 -17
- package/build/constants/apps.js +0 -4
- package/build/constants/table/cell/merchantsTableCellWidth.d.ts +0 -5
- package/build/constants/table/cell/merchantsTableCellWidth.js +0 -5
- package/package.json +2 -2
|
@@ -554,9 +554,9 @@ export declare const Icon: import("@emotion/styled").StyledComponent<{
|
|
|
554
554
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
|
|
555
555
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
|
|
556
556
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
|
|
557
|
+
referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
|
|
557
558
|
src?: string | undefined;
|
|
558
559
|
alt?: string | undefined;
|
|
559
|
-
referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
|
|
560
560
|
crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
|
|
561
561
|
useMap?: string | undefined;
|
|
562
562
|
loading?: "eager" | "lazy" | undefined;
|
|
@@ -272,9 +272,9 @@ export declare const ActionIcon: import("@emotion/styled").StyledComponent<{
|
|
|
272
272
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
|
|
273
273
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
|
|
274
274
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
|
|
275
|
+
referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
|
|
275
276
|
src?: string | undefined;
|
|
276
277
|
alt?: string | undefined;
|
|
277
|
-
referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
|
|
278
278
|
crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
|
|
279
279
|
useMap?: string | undefined;
|
|
280
280
|
loading?: "eager" | "lazy" | undefined;
|
|
@@ -11,13 +11,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import TableCell from '../../TableCell';
|
|
14
|
+
import Icon from '../../../Icon';
|
|
15
|
+
import { getCountriesIcon } from '../../../../constants/index.js';
|
|
14
16
|
import { EntityName, EntityWrapper, VerificationIcon, EntityContainer, EntityInfoContainer, VerificationContainer, EmptyCell } from './style';
|
|
15
17
|
import { verificationIcon } from './constants';
|
|
16
18
|
import Tooltip from '../../../Tooltip';
|
|
17
|
-
import { CountryFlag } from '../../../index.js';
|
|
18
|
-
import { getCountryName } from '../../../../utils/index.js';
|
|
19
19
|
export default function EntityCell(_a) {
|
|
20
20
|
var { entity, country, verificationStatus, licenseNumber } = _a, props = __rest(_a, ["entity", "country", "verificationStatus", "licenseNumber"]);
|
|
21
|
+
const countryIcon = getCountriesIcon(country);
|
|
21
22
|
const icon = verificationIcon[verificationStatus !== null && verificationStatus !== void 0 ? verificationStatus : 'incomplete'];
|
|
22
|
-
return (_jsx(TableCell, Object.assign({}, props, { sx: { cursor: 'pointer' } }, { children: _jsx(Tooltip, Object.assign({ title: entity }, { children: _jsx(EntityWrapper, { children: licenseNumber ? (_jsxs(EntityContainer, { children: [_jsxs(EntityInfoContainer, { children: [_jsx(
|
|
23
|
+
return (_jsx(TableCell, Object.assign({}, props, { sx: { cursor: 'pointer' } }, { children: _jsx(Tooltip, Object.assign({ title: entity }, { children: _jsx(EntityWrapper, { children: licenseNumber ? (_jsxs(EntityContainer, { children: [_jsxs(EntityInfoContainer, { children: [_jsx(Icon, { src: countryIcon, sx: { width: '16px', height: '11.73' } }), _jsx(EntityName, { children: licenseNumber })] }), _jsx(VerificationContainer, { children: _jsx(VerificationIcon, { src: icon }) })] })) : (_jsx(EmptyCell, { children: "Not Available" })) }) })) })));
|
|
23
24
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { BalanceCellProps } from './type';
|
|
2
|
-
declare function RefundStatusCell({ status, date, refundTooltip, isTextShown, gatewayTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, unCapturedTooltip, timezone, ...props }: BalanceCellProps): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare function RefundStatusCell({ status, date, refundTooltip, isTextShown, gatewayTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, unCapturedTooltip, timezone, refundTooltipLabel, ...props }: BalanceCellProps): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default RefundStatusCell;
|
|
@@ -21,12 +21,12 @@ import { useRefundStyles } from './hooks/useRefundStyles';
|
|
|
21
21
|
import { TextLabel, StatusCellContainer } from '../style';
|
|
22
22
|
import { IconWrapper } from './style';
|
|
23
23
|
function RefundStatusCell(_a) {
|
|
24
|
-
var { status, date, refundTooltip, isTextShown, gatewayTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, unCapturedTooltip, timezone } = _a, props = __rest(_a, ["status", "date", "refundTooltip", "isTextShown", "gatewayTooltip", "acquirerTooltip", "errorCode", "acquirerCode", "gatewayCode", "unCapturedTooltip", "timezone"]);
|
|
24
|
+
var { status, date, refundTooltip, isTextShown, gatewayTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, unCapturedTooltip, timezone, refundTooltipLabel } = _a, props = __rest(_a, ["status", "date", "refundTooltip", "isTextShown", "gatewayTooltip", "acquirerTooltip", "errorCode", "acquirerCode", "gatewayCode", "unCapturedTooltip", "timezone", "refundTooltipLabel"]);
|
|
25
25
|
const { t } = useTranslation();
|
|
26
26
|
const refundStyles = useRefundStyles();
|
|
27
27
|
const formatDate = useCallback((dateMs) => dayjs(dateMs).format('MMM D, YYYY'), []);
|
|
28
28
|
return (_jsx(TableCell, Object.assign({}, props, { style: {
|
|
29
29
|
overflow: 'visible',
|
|
30
|
-
} }, { children: _jsx(StatusCellContainer, { children: _jsx(IconWrapper, Object.assign({ width: isTextShown ? 'auto' : '36px' }, { children: isTextShown ? (_jsx(Tooltip, Object.assign({ title: date ? formatDate(date) : t(camelCase(status)) }, { children: _jsx(TextLabel, Object.assign({ sx: Object.assign({}, (refundStyles[status] ? refundStyles[status] : refundStyles.PENDING)) }, { children: t(camelCase(status)) })) }))) : (_jsx(RefundStatus, { status: status, refundTooltip: refundTooltip, date: date, gatewayTooltip: gatewayTooltip, unCapturedTooltip: unCapturedTooltip, acquirerTooltip: acquirerTooltip, errorCode: errorCode, acquirerCode: acquirerCode, gatewayCode: gatewayCode, timezone: timezone })) })) }) })));
|
|
30
|
+
} }, { children: _jsx(StatusCellContainer, { children: _jsx(IconWrapper, Object.assign({ width: isTextShown ? 'auto' : '36px' }, { children: isTextShown ? (_jsx(Tooltip, Object.assign({ title: date ? formatDate(date) : t(camelCase(status)) }, { children: _jsx(TextLabel, Object.assign({ sx: Object.assign({}, (refundStyles[status] ? refundStyles[status] : refundStyles.PENDING)) }, { children: t(camelCase(status)) })) }))) : (_jsx(RefundStatus, { status: status, refundTooltip: refundTooltip, date: date, gatewayTooltip: gatewayTooltip, unCapturedTooltip: unCapturedTooltip, acquirerTooltip: acquirerTooltip, errorCode: errorCode, acquirerCode: acquirerCode, gatewayCode: gatewayCode, timezone: timezone, refundTooltipLabel: refundTooltipLabel })) })) }) })));
|
|
31
31
|
}
|
|
32
32
|
export default RefundStatusCell;
|
package/build/components/TableCells/CustomCells/RefundStatusCell/components/RefundStatus.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { BalanceCellProps } from '../type';
|
|
2
|
-
export default function RefundStatus({ status, refundTooltip, date, gatewayTooltip, unCapturedTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, timezone, }: Partial<BalanceCellProps>): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export default function RefundStatus({ status, refundTooltip, refundTooltipLabel, date, gatewayTooltip, unCapturedTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, timezone, }: Partial<BalanceCellProps>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -8,7 +8,7 @@ import { changeDateTimezone } from '../../../../../utils/index.js';
|
|
|
8
8
|
import { RefundStateIcon } from './RefundStateIcon';
|
|
9
9
|
import { refundStatusLabels } from '../constant';
|
|
10
10
|
import { RefundCellContainer, PartialIcon, PercentageContainer, DateContainer } from '../style';
|
|
11
|
-
export default function RefundStatus({ status, refundTooltip, date, gatewayTooltip, unCapturedTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, timezone, }) {
|
|
11
|
+
export default function RefundStatus({ status, refundTooltip, refundTooltipLabel, date, gatewayTooltip, unCapturedTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, timezone, }) {
|
|
12
12
|
const theme = useTheme();
|
|
13
13
|
const { t } = useTranslation();
|
|
14
14
|
const formattedDate = changeDateTimezone(new Date(Number(date)), {
|
|
@@ -18,7 +18,7 @@ export default function RefundStatus({ status, refundTooltip, date, gatewayToolt
|
|
|
18
18
|
if (!['REFUNDED', 'PAID_OUT'].includes(status !== null && status !== void 0 ? status : '')) {
|
|
19
19
|
return (_jsx(RefundStateIcon, { status: status, refundTooltip: refundTooltip, gatewayTooltip: gatewayTooltip, unCapturedTooltip: unCapturedTooltip, acquirerTooltip: acquirerTooltip, errorCode: errorCode, acquirerCode: acquirerCode, gatewayCode: gatewayCode }));
|
|
20
20
|
}
|
|
21
|
-
return (_jsx(Tooltip, Object.assign({ title: _jsxs("div", { children: [_jsx("div", { children: t(refundStatusLabels.REFUNDED) }), refundTooltip] }) }, { children: _jsxs(RefundCellContainer, Object.assign({ whileHover: ['animate', 'fadeIn'], animate: 'start', variants: Object.assign({}, (date && {
|
|
21
|
+
return (_jsx(Tooltip, Object.assign({ title: _jsxs("div", { children: [_jsx("div", { children: refundTooltipLabel !== null && refundTooltipLabel !== void 0 ? refundTooltipLabel : t(refundStatusLabels.REFUNDED) }), refundTooltip] }) }, { children: _jsxs(RefundCellContainer, Object.assign({ whileHover: ['animate', 'fadeIn'], animate: 'start', variants: Object.assign({}, (date && {
|
|
22
22
|
animate: {
|
|
23
23
|
boxShadow: theme.shadows[4],
|
|
24
24
|
},
|
|
@@ -273,9 +273,9 @@ export declare const MultiRefundIcon: import("@emotion/styled").StyledComponent<
|
|
|
273
273
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
|
|
274
274
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
|
|
275
275
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
|
|
276
|
+
referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
|
|
276
277
|
src?: string | undefined;
|
|
277
278
|
alt?: string | undefined;
|
|
278
|
-
referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
|
|
279
279
|
crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
|
|
280
280
|
useMap?: string | undefined;
|
|
281
281
|
loading?: "eager" | "lazy" | undefined;
|
|
@@ -262,9 +262,9 @@ export declare const MultiRefundIcon: import("@emotion/styled").StyledComponent<
|
|
|
262
262
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
|
|
263
263
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
|
|
264
264
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
|
|
265
|
+
referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
|
|
265
266
|
src?: string | undefined;
|
|
266
267
|
alt?: string | undefined;
|
|
267
|
-
referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
|
|
268
268
|
crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
|
|
269
269
|
useMap?: string | undefined;
|
|
270
270
|
loading?: "eager" | "lazy" | undefined;
|
|
@@ -25,7 +25,7 @@ function TableRow({ row, columns, index, rowProps, isSheetView, selectedCell = n
|
|
|
25
25
|
isColumnSelected,
|
|
26
26
|
isLastRow,
|
|
27
27
|
});
|
|
28
|
-
return (_jsx(StyledCell, Object.assign({ component: "div", "data-testid": "TableRow_TableCell", "data-column-id": column.id, "data-column-width": column.width, "data-column-width-used": column.width, "data-column-align": column.align, "data-column-order": column.order, "data-column-header": typeof column.header === 'string' ? column.header : 'component', "data-column-sortable": !!column.sortable, "data-column-filterable": !!column.filter, isFirst: column.id === columns[0].id, isLast: column.id === columns[columns.length - 1].id, onClick: (event) => onCellClick === null || onCellClick === void 0 ? void 0 : onCellClick(index, columnIdStr, event), sx: Object.assign(Object.assign({ width: column.width, minWidth: column.width, textAlign: column.align, justifyContent: column.align === 'right' ? 'flex-end' : 'flex-start', cursor:
|
|
28
|
+
return (_jsx(StyledCell, Object.assign({ component: "div", "data-testid": "TableRow_TableCell", "data-column-id": column.id, "data-column-width": column.width, "data-column-width-used": column.width, "data-column-align": column.align, "data-column-order": column.order, "data-column-header": typeof column.header === 'string' ? column.header : 'component', "data-column-sortable": !!column.sortable, "data-column-filterable": !!column.filter, isFirst: column.id === columns[0].id, isLast: column.id === columns[columns.length - 1].id, onClick: (event) => onCellClick === null || onCellClick === void 0 ? void 0 : onCellClick(index, columnIdStr, event), sx: Object.assign(Object.assign({ width: column.width, minWidth: column.width, textAlign: column.align, justifyContent: column.align === 'right' ? 'flex-end' : 'flex-start', cursor: 'pointer' }, borderStyle), column.cellStyle), isSheetView: isSheetView }, { children: renderCell(column) }), `${column.id}-${colIndex}`));
|
|
29
29
|
}) })), [columns, row, index, selectedCell, selectedColumn, onCellClick, isLastRow]);
|
|
30
30
|
return (_createElement(StyledTableRow, Object.assign({ "data-testid": "TableRow", onClick: rowProps === null || rowProps === void 0 ? void 0 : rowProps.onRowClick, showShadowHighlight: rowProps === null || rowProps === void 0 ? void 0 : rowProps.showShadowHighlight, showLoadedStyle: rowProps === null || rowProps === void 0 ? void 0 : rowProps.showLoadedStyle, component: "article" }, rowProps, { key: index, isSheetView: isSheetView }), content));
|
|
31
31
|
}
|
|
@@ -306,9 +306,9 @@ export declare const ActionIcon: import("@emotion/styled").StyledComponent<{
|
|
|
306
306
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
|
|
307
307
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
|
|
308
308
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
|
|
309
|
+
referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
|
|
309
310
|
src?: string | undefined;
|
|
310
311
|
alt?: string | undefined;
|
|
311
|
-
referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
|
|
312
312
|
crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
|
|
313
313
|
useMap?: string | undefined;
|
|
314
314
|
loading?: "eager" | "lazy" | undefined;
|
|
@@ -431,23 +431,6 @@ export declare const APP_CODES: {
|
|
|
431
431
|
};
|
|
432
432
|
};
|
|
433
433
|
};
|
|
434
|
-
paymentTechnology: {
|
|
435
|
-
code: string;
|
|
436
|
-
functions: {
|
|
437
|
-
view: {
|
|
438
|
-
code: string;
|
|
439
|
-
};
|
|
440
|
-
sandbox: {
|
|
441
|
-
code: string;
|
|
442
|
-
};
|
|
443
|
-
jsonApi: {
|
|
444
|
-
code: string;
|
|
445
|
-
};
|
|
446
|
-
reports: {
|
|
447
|
-
code: string;
|
|
448
|
-
};
|
|
449
|
-
};
|
|
450
|
-
};
|
|
451
434
|
};
|
|
452
435
|
};
|
|
453
436
|
payouts: {
|
package/build/constants/apps.js
CHANGED
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tap-payments/os-micro-frontend-shared",
|
|
3
3
|
"description": "Shared components and utilities for Tap Payments micro frontends",
|
|
4
|
-
"version": "0.0.
|
|
5
|
-
"testVersion":
|
|
4
|
+
"version": "0.0.242",
|
|
5
|
+
"testVersion": 0,
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "build/index.js",
|
|
8
8
|
"module": "build/index.js",
|