@tap-payments/os-micro-frontend-shared 0.1.70-test.35 → 0.1.70-test.36
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/StatusIcons/AuthorizationAutoIcons/CaptureAutoIcon.js +1 -1
- package/build/components/StatusIcons/AuthorizationAutoIcons/VoidAutoIcon.js +1 -1
- package/build/components/StatusIcons/ChargeStatusIcon/ChargeStatusIcon.d.ts +1 -1
- package/build/components/StatusIcons/ChargeStatusIcon/ChargeStatusIcon.js +2 -2
- package/build/components/TableCells/CustomCells/AmountCell/AmountCell.js +1 -1
- package/build/constants/table/cell/authorizationTableCellWidth.d.ts +12 -7
- package/build/constants/table/cell/authorizationTableCellWidth.js +12 -7
- package/package.json +2 -2
|
@@ -8,10 +8,10 @@ import { CaptureTextLabel } from '../../TableCells/CustomCells/style';
|
|
|
8
8
|
import Tooltip from '../../Tooltip';
|
|
9
9
|
import { capturedAuthorizeIcon, capturedIcon } from '../../../constants/index.js';
|
|
10
10
|
import { formatAmount, formatAmountWithCurrency } from '../../../utils/index.js';
|
|
11
|
+
import StatusChipWithCopy from '../../StatusChipWithCopy';
|
|
11
12
|
import { autoIcons } from './constant';
|
|
12
13
|
import { AutoIconWrapper, BalanceCellContainer, PartialIcon, PercentageContainer, PiePercentage, AutoIconImage, FullyCapturedWrapper } from './style';
|
|
13
14
|
import { formatPercentage } from './utils';
|
|
14
|
-
import StatusChipWithCopy from '../../StatusChipWithCopy';
|
|
15
15
|
function CaptureAutoIcon({ voidPercentage, capturePercentage, captureCount, autoType, captureAmount, voidAmount, currency, isTextShown, remainingAmount, isSheetViewShown, selectionProps = {}, }) {
|
|
16
16
|
var _a, _b;
|
|
17
17
|
const isFullyUsed = Number(capturePercentage) + Number(voidPercentage) === 100 || remainingAmount <= 0;
|
|
@@ -5,13 +5,13 @@ import { motion } from 'framer-motion';
|
|
|
5
5
|
import { useTranslation } from 'react-i18next';
|
|
6
6
|
import StyledBadge, { BadgeVariants } from '../../CountBadge';
|
|
7
7
|
import { VoidTextLabel } from '../../TableCells/CustomCells/style';
|
|
8
|
+
import StatusChipWithCopy from '../../StatusChipWithCopy';
|
|
8
9
|
import Tooltip from '../../Tooltip';
|
|
9
10
|
import { voidedIcon } from '../../../constants/index.js';
|
|
10
11
|
import { formatAmount, formatAmountWithCurrency } from '../../../utils/index.js';
|
|
11
12
|
import { autoIcons } from './constant';
|
|
12
13
|
import { AutoIconWrapper, BalanceCellContainer, PercentageContainer, PiePercentage, AutoIconImage } from './style';
|
|
13
14
|
import { formatPercentage } from './utils';
|
|
14
|
-
import StatusChipWithCopy from '../../StatusChipWithCopy';
|
|
15
15
|
function VoidAutoIcon({ voidPercentage, capturePercentage, voidCount, autoType, captureAmount, voidAmount, currency, isTextShown, isSheetViewShown, selectionProps = {}, remainingAmount, }) {
|
|
16
16
|
var _a;
|
|
17
17
|
const isFullyUsed = Number(capturePercentage) + Number(voidPercentage) === 100 || remainingAmount <= 0;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CSSProperties } from 'react';
|
|
2
|
-
import { type ChargeStatus } from '../../TableCells';
|
|
3
2
|
import { SelectionProps } from '../../../types/index.js';
|
|
3
|
+
import { type ChargeStatus } from '../../TableCells';
|
|
4
4
|
export declare function ChargeStatusIcon({ chargeStatus, gatewayTooltip, acquirerTooltip, chargeTooltip, errorCode, isTextShown, gatewayCode, acquirerCode, unCapturedStyles, iconStyles, iconWrapperStyles, gatewayIconWrapperStyles, gatewayContainerStyles, gateWayIconStyles, showBadge, isSheetViewShown, selectionProps, }: Readonly<{
|
|
5
5
|
chargeStatus?: ChargeStatus;
|
|
6
6
|
gatewayTooltip?: string;
|
|
@@ -4,10 +4,10 @@ import camelCase from 'lodash/camelCase';
|
|
|
4
4
|
import { useTranslation } from 'react-i18next';
|
|
5
5
|
import Tooltip from '../../Tooltip';
|
|
6
6
|
import { unCapturedStatuses } from '../../../constants/index.js';
|
|
7
|
-
import
|
|
7
|
+
import StatusChipWithCopy from '../../StatusChipWithCopy';
|
|
8
8
|
import { capturedStatusesStyles, unCapturedStatusesStyles, statusIcons } from '../../TableCells/CustomCells/StatusCell/constant';
|
|
9
9
|
import { StatusIcon, StatusIconWrapper, TextLabel } from '../../TableCells/CustomCells/style';
|
|
10
|
-
import
|
|
10
|
+
import { AcquirerContainerAnimationVariants, ErrorCodeLabel, ErrorCodeLabelAnimationVariants, ErrorCodeVariants, ErrorCodeWrapper, GateWayIcon, GatewayIconWrapper, GatewayIconWrapperAnimationTransition, GatewaysContainer, GatewaysContainerAnimationVariants, StatusTextLabel, UnCapturedBadge, UnCapturedContainer, errorCodeLabelAnimation, TextViewWrapper, } from './style';
|
|
11
11
|
export function ChargeStatusIcon({ chargeStatus, gatewayTooltip, acquirerTooltip, chargeTooltip, errorCode, isTextShown, gatewayCode, acquirerCode, unCapturedStyles, iconStyles, iconWrapperStyles, gatewayIconWrapperStyles, gatewayContainerStyles, gateWayIconStyles, showBadge = true, isSheetViewShown = false, selectionProps = {}, }) {
|
|
12
12
|
const unCapturedStatusStyle = chargeStatus ? unCapturedStatusesStyles[chargeStatus] : null;
|
|
13
13
|
const captureStatusStyle = chargeStatus ? capturedStatusesStyles[chargeStatus] : null;
|
|
@@ -10,6 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import { useMemo } from 'react';
|
|
13
14
|
import { TableCell } from '../../../TableCells';
|
|
14
15
|
import Tooltip from '../../../Tooltip';
|
|
15
16
|
import { CurrencyIcon, StatusChipWithCopy } from '../../../index.js';
|
|
@@ -17,7 +18,6 @@ import { getCurrenciesIcon } from '../../../../constants/index.js';
|
|
|
17
18
|
import { formatAmountWithCurrency } from '../../../../utils/index.js';
|
|
18
19
|
import { AmountCellContainer, ConversionBadge, CurrencySpan, DecimalSpan, FlagContainer } from './style';
|
|
19
20
|
import { FlagIcon } from '../style';
|
|
20
|
-
import { useMemo } from 'react';
|
|
21
21
|
function AmountCell(_a) {
|
|
22
22
|
var { conversionType, amount, currency, tooltipLabel, amountTooltipLabel, isTextShown, tableMode, selectionProps = {}, chipIndex = 0 } = _a, props = __rest(_a, ["conversionType", "amount", "currency", "tooltipLabel", "amountTooltipLabel", "isTextShown", "tableMode", "selectionProps", "chipIndex"]);
|
|
23
23
|
const icon = currency && _jsx(FlagIcon, { src: getCurrenciesIcon(currency), alt: "customer icon" });
|
|
@@ -7,7 +7,7 @@ export declare const authorizationTableCellWidth: {
|
|
|
7
7
|
readonly id: {
|
|
8
8
|
readonly default: "225px";
|
|
9
9
|
readonly text: "225px";
|
|
10
|
-
readonly sheet: "
|
|
10
|
+
readonly sheet: "250x";
|
|
11
11
|
};
|
|
12
12
|
readonly auto: {
|
|
13
13
|
readonly default: "70px";
|
|
@@ -17,7 +17,7 @@ export declare const authorizationTableCellWidth: {
|
|
|
17
17
|
readonly balance: {
|
|
18
18
|
readonly default: "60px";
|
|
19
19
|
readonly text: "60px";
|
|
20
|
-
readonly sheet: "
|
|
20
|
+
readonly sheet: "250px";
|
|
21
21
|
};
|
|
22
22
|
readonly product: {
|
|
23
23
|
readonly default: "85px";
|
|
@@ -57,7 +57,7 @@ export declare const authorizationTableCellWidth: {
|
|
|
57
57
|
readonly payment_agreement: {
|
|
58
58
|
readonly default: "50px";
|
|
59
59
|
readonly text: "150px";
|
|
60
|
-
readonly sheet: "
|
|
60
|
+
readonly sheet: "170px";
|
|
61
61
|
};
|
|
62
62
|
readonly amount: {
|
|
63
63
|
readonly default: "170px";
|
|
@@ -77,12 +77,12 @@ export declare const authorizationTableCellWidth: {
|
|
|
77
77
|
readonly status: {
|
|
78
78
|
readonly default: "77px";
|
|
79
79
|
readonly text: "100px";
|
|
80
|
-
readonly sheet: "
|
|
80
|
+
readonly sheet: "300px";
|
|
81
81
|
};
|
|
82
82
|
readonly merchant: {
|
|
83
83
|
readonly default: "110px";
|
|
84
84
|
readonly text: "150px";
|
|
85
|
-
readonly sheet: "
|
|
85
|
+
readonly sheet: "215px";
|
|
86
86
|
};
|
|
87
87
|
readonly charge: {
|
|
88
88
|
readonly default: "150px";
|
|
@@ -112,7 +112,7 @@ export declare const authorizationTableCellWidth: {
|
|
|
112
112
|
readonly metadata: {
|
|
113
113
|
readonly default: "185px";
|
|
114
114
|
readonly text: "185px";
|
|
115
|
-
readonly sheet: "
|
|
115
|
+
readonly sheet: "250px";
|
|
116
116
|
};
|
|
117
117
|
readonly settlement: {
|
|
118
118
|
readonly default: "200px";
|
|
@@ -157,7 +157,7 @@ export declare const authorizationTableCellWidth: {
|
|
|
157
157
|
readonly card_no: {
|
|
158
158
|
readonly default: "120px";
|
|
159
159
|
readonly text: "120px";
|
|
160
|
-
readonly sheet: "
|
|
160
|
+
readonly sheet: "140px";
|
|
161
161
|
};
|
|
162
162
|
readonly brand: {
|
|
163
163
|
readonly default: "116px";
|
|
@@ -209,4 +209,9 @@ export declare const authorizationTableCellWidth: {
|
|
|
209
209
|
readonly text: "150px";
|
|
210
210
|
readonly sheet: "100px";
|
|
211
211
|
};
|
|
212
|
+
readonly acquirer_response: {
|
|
213
|
+
readonly default: "70px";
|
|
214
|
+
readonly text: "70px";
|
|
215
|
+
readonly sheet: "225px";
|
|
216
|
+
};
|
|
212
217
|
};
|
|
@@ -7,7 +7,7 @@ export const authorizationTableCellWidth = {
|
|
|
7
7
|
id: {
|
|
8
8
|
default: '225px',
|
|
9
9
|
text: '225px',
|
|
10
|
-
sheet: '
|
|
10
|
+
sheet: '250x',
|
|
11
11
|
},
|
|
12
12
|
auto: {
|
|
13
13
|
default: '70px',
|
|
@@ -17,7 +17,7 @@ export const authorizationTableCellWidth = {
|
|
|
17
17
|
balance: {
|
|
18
18
|
default: '60px',
|
|
19
19
|
text: '60px',
|
|
20
|
-
sheet: '
|
|
20
|
+
sheet: '250px',
|
|
21
21
|
},
|
|
22
22
|
product: {
|
|
23
23
|
default: '85px',
|
|
@@ -57,7 +57,7 @@ export const authorizationTableCellWidth = {
|
|
|
57
57
|
payment_agreement: {
|
|
58
58
|
default: '50px',
|
|
59
59
|
text: '150px',
|
|
60
|
-
sheet: '
|
|
60
|
+
sheet: '170px',
|
|
61
61
|
},
|
|
62
62
|
amount: {
|
|
63
63
|
default: '170px',
|
|
@@ -77,12 +77,12 @@ export const authorizationTableCellWidth = {
|
|
|
77
77
|
status: {
|
|
78
78
|
default: '77px',
|
|
79
79
|
text: '100px',
|
|
80
|
-
sheet: '
|
|
80
|
+
sheet: '300px',
|
|
81
81
|
},
|
|
82
82
|
merchant: {
|
|
83
83
|
default: '110px',
|
|
84
84
|
text: '150px',
|
|
85
|
-
sheet: '
|
|
85
|
+
sheet: '215px',
|
|
86
86
|
},
|
|
87
87
|
charge: {
|
|
88
88
|
default: '150px',
|
|
@@ -112,7 +112,7 @@ export const authorizationTableCellWidth = {
|
|
|
112
112
|
metadata: {
|
|
113
113
|
default: '185px',
|
|
114
114
|
text: '185px',
|
|
115
|
-
sheet: '
|
|
115
|
+
sheet: '250px',
|
|
116
116
|
},
|
|
117
117
|
settlement: {
|
|
118
118
|
default: '200px',
|
|
@@ -157,7 +157,7 @@ export const authorizationTableCellWidth = {
|
|
|
157
157
|
card_no: {
|
|
158
158
|
default: '120px',
|
|
159
159
|
text: '120px',
|
|
160
|
-
sheet: '
|
|
160
|
+
sheet: '140px',
|
|
161
161
|
},
|
|
162
162
|
brand: {
|
|
163
163
|
default: '116px',
|
|
@@ -209,4 +209,9 @@ export const authorizationTableCellWidth = {
|
|
|
209
209
|
text: '150px',
|
|
210
210
|
sheet: '100px',
|
|
211
211
|
},
|
|
212
|
+
acquirer_response: {
|
|
213
|
+
default: '70px',
|
|
214
|
+
text: '70px',
|
|
215
|
+
sheet: '225px',
|
|
216
|
+
},
|
|
212
217
|
};
|
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.1.70-test.
|
|
5
|
-
"testVersion":
|
|
4
|
+
"version": "0.1.70-test.36",
|
|
5
|
+
"testVersion": 36,
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "build/index.js",
|
|
8
8
|
"module": "build/index.js",
|