@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.
@@ -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 { AcquirerContainerAnimationVariants, ErrorCodeLabel, ErrorCodeLabelAnimationVariants, ErrorCodeVariants, ErrorCodeWrapper, GateWayIcon, GatewayIconWrapper, GatewayIconWrapperAnimationTransition, GatewaysContainer, GatewaysContainerAnimationVariants, StatusTextLabel, UnCapturedBadge, UnCapturedContainer, errorCodeLabelAnimation, TextViewWrapper, } from './style';
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 StatusChipWithCopy from '../../StatusChipWithCopy';
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: "225px";
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: "60px";
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: "150px";
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: "100px";
80
+ readonly sheet: "300px";
81
81
  };
82
82
  readonly merchant: {
83
83
  readonly default: "110px";
84
84
  readonly text: "150px";
85
- readonly sheet: "150px";
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: "185px";
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: "120px";
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: '225px',
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: '60px',
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: '150px',
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: '100px',
80
+ sheet: '300px',
81
81
  },
82
82
  merchant: {
83
83
  default: '110px',
84
84
  text: '150px',
85
- sheet: '150px',
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: '185px',
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: '120px',
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.35",
5
- "testVersion": 35,
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",