@tap-payments/os-micro-frontend-shared 0.1.444 → 0.1.445-test.1-test.2
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/AnimatedSpinnerIcon/style.d.ts +0 -1
- package/build/components/Chip/style.d.ts +0 -1
- package/build/components/CountBadge/style.d.ts +0 -1
- package/build/components/Dialog/style.d.ts +0 -1
- package/build/components/FlippingCard/style.d.ts +0 -1
- package/build/components/ImageWrapper/ImageWrapper.d.ts +0 -1
- package/build/components/JSONViewer/style.d.ts +0 -1
- package/build/components/LeftPeekRightExpandingChip/style.d.ts +0 -1
- package/build/components/RightLeftExpandingCenterChip/style.d.ts +0 -1
- package/build/components/SearchButton/styles.d.ts +0 -1
- package/build/components/StatusIcons/AuthIcons/style.d.ts +0 -1
- package/build/components/StatusIcons/AuthorizationAutoIcons/style.d.ts +0 -1
- package/build/components/StatusIcons/ChargeStatusIcon/style.d.ts +0 -1
- package/build/components/StatusIcons/SourceIcons/style.d.ts +0 -1
- package/build/components/TableCells/CustomCells/ActionCell/style.d.ts +0 -1
- package/build/components/TableCells/CustomCells/AgreementCell/style.d.ts +0 -1
- package/build/components/TableCells/CustomCells/ApplicationStatusCell/style.d.ts +0 -1
- package/build/components/TableCells/CustomCells/AuthenticationCell/style.d.ts +0 -1
- package/build/components/TableCells/CustomCells/AuthenticationStatusCell/style.d.ts +0 -1
- package/build/components/TableCells/CustomCells/AuthenticationTypeCell/style.d.ts +0 -1
- package/build/components/TableCells/CustomCells/BalanceCell/style.d.ts +0 -1
- package/build/components/TableCells/CustomCells/ChannelsCell/style.d.ts +0 -1
- package/build/components/TableCells/CustomCells/CheckoutStatusCell/style.d.ts +0 -1
- package/build/components/TableCells/CustomCells/DestinationStatusCell/style.d.ts +0 -1
- package/build/components/TableCells/CustomCells/DueDateCell/style.d.ts +0 -1
- package/build/components/TableCells/CustomCells/IDButton/style.d.ts +0 -1
- package/build/components/TableCells/CustomCells/IntentsStatusCell/style.d.ts +0 -1
- package/build/components/TableCells/CustomCells/InvoiceStatusCell/style.d.ts +0 -1
- package/build/components/TableCells/CustomCells/PayoutReportCell/style.d.ts +0 -1
- package/build/components/TableCells/CustomCells/PayoutStatusCell/style.d.ts +0 -1
- package/build/components/TableCells/CustomCells/ProductsCell/style.d.ts +0 -1
- package/build/components/TableCells/CustomCells/PurposeCell/constants.d.ts +1 -1
- package/build/components/TableCells/CustomCells/PurposeCell/constants.js +8 -1
- package/build/components/TableCells/CustomCells/ReferenceCell/style.d.ts +0 -1
- package/build/components/TableCells/CustomCells/RefundChargeCell/style.d.ts +0 -1
- package/build/components/TableCells/CustomCells/RefundStatusCell/style.d.ts +0 -1
- package/build/components/TableCells/CustomCells/SalesChannelCell/style.d.ts +0 -1
- package/build/components/TableCells/CustomCells/SegmentsCell/style.d.ts +0 -1
- package/build/components/TableCells/CustomCells/StatusCell/style.d.ts +0 -1
- package/build/components/TableCells/CustomCells/TokenStatusCell/style.d.ts +0 -1
- package/build/components/TableCells/CustomCells/style.d.ts +0 -1
- package/build/components/TableReports/components/DownloadButton/style.d.ts +0 -1
- package/build/components/TableReports/style.d.ts +0 -1
- package/build/components/VirtualTables/components/style.d.ts +0 -1
- package/build/constants/assets.d.ts +1 -0
- package/build/constants/assets.js +1 -0
- package/build/constants/table/cell/chargeTableCellWidth.d.ts +3 -3
- package/build/constants/table/cell/chargeTableCellWidth.js +3 -3
- package/build/types/column.d.ts +1 -0
- package/build/utils/columns.d.ts +1 -0
- package/build/utils/columns.js +10 -0
- package/package.json +3 -3
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
/// <reference types="react" />
|
|
3
2
|
import { GetSourceAnimationFunction } from './type';
|
|
4
3
|
export declare const ChipStyled: import("@emotion/styled").StyledComponent<import("react").RefAttributes<unknown> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
5
4
|
variant?: import("./type").ChipVariant | undefined;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
/// <reference types="react" />
|
|
3
2
|
export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
4
3
|
export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
|
5
4
|
export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
/// <reference types="react" />
|
|
3
2
|
export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
4
3
|
export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
|
5
4
|
export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
/// <reference types="react" />
|
|
3
2
|
import { TableMode } from '../../../../types/index.js';
|
|
4
3
|
export declare const ActionCellContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
|
5
4
|
tableMode?: TableMode | undefined;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
/// <reference types="react" />
|
|
3
2
|
export declare const AgreementCellContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
4
3
|
export declare const StyledAgreementCardIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
|
5
4
|
export declare const CardContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
/// <reference types="react" />
|
|
3
2
|
export declare const StyledAppsCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
4
3
|
export declare const AppsStatusContainer: import("@emotion/styled").StyledComponent<{
|
|
5
4
|
hidden?: boolean | undefined;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
/// <reference types="react" />
|
|
3
2
|
export declare const AuthIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
|
4
3
|
export declare const AuthCellContainer: import("@emotion/styled").StyledComponent<{
|
|
5
4
|
hidden?: boolean | undefined;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
/// <reference types="react" />
|
|
3
2
|
export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
4
3
|
export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
|
5
4
|
export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
/// <reference types="react" />
|
|
3
2
|
export declare const StyledDownloadFileImageWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
|
4
3
|
isTextShown?: boolean | undefined;
|
|
5
4
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export type PurposeType = 'CHARGE' | 'AUTHORIZE';
|
|
1
|
+
export type PurposeType = 'CHARGE' | 'AUTHORIZE' | 'SAVE_TOKEN';
|
|
2
2
|
export declare const purposeIcons: Record<PurposeType, string>;
|
|
3
3
|
export declare const purposeLabels: Record<PurposeType, string>;
|
|
4
4
|
export declare const purposeStyles: Record<PurposeType, {
|
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
import { authorizedIcon, babyBlueCheckIcon } from '../../../../constants/index.js';
|
|
1
|
+
import { authorizedIcon, babyBlueCheckIcon, saveTokenIcon } from '../../../../constants/index.js';
|
|
2
2
|
export const purposeIcons = {
|
|
3
3
|
CHARGE: babyBlueCheckIcon,
|
|
4
4
|
AUTHORIZE: authorizedIcon,
|
|
5
|
+
SAVE_TOKEN: saveTokenIcon,
|
|
5
6
|
};
|
|
6
7
|
export const purposeLabels = {
|
|
7
8
|
CHARGE: 'Charge',
|
|
8
9
|
AUTHORIZE: 'Authorization',
|
|
10
|
+
SAVE_TOKEN: 'Save Token',
|
|
9
11
|
};
|
|
10
12
|
export const purposeStyles = {
|
|
11
13
|
CHARGE: {
|
|
@@ -18,4 +20,9 @@ export const purposeStyles = {
|
|
|
18
20
|
color: '#1F88D0',
|
|
19
21
|
border: '#1F88D01A',
|
|
20
22
|
},
|
|
23
|
+
SAVE_TOKEN: {
|
|
24
|
+
backgroundColor: '#FFFFFF',
|
|
25
|
+
color: '#1F88D0',
|
|
26
|
+
border: '#1F88D01A',
|
|
27
|
+
},
|
|
21
28
|
};
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
/// <reference types="react" />
|
|
3
2
|
export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
4
3
|
export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
|
5
4
|
export declare const ReferenceSourcesContainer: import("@emotion/styled").StyledComponent<{
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
/// <reference types="react" />
|
|
3
2
|
export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
4
3
|
export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
|
5
4
|
export declare const SalesChannelsContainer: import("@emotion/styled").StyledComponent<{
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
/// <reference types="react" />
|
|
3
2
|
export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
4
3
|
export declare const ReferenceSourcesContainer: import("@emotion/styled").StyledComponent<{
|
|
5
4
|
hidden?: boolean | undefined;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
/// <reference types="react" />
|
|
3
2
|
export declare const GeographyBox: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
4
3
|
variant?: "Global" | "Regional" | "Local" | undefined;
|
|
5
4
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
@@ -337,6 +337,7 @@ export declare const authenticatedIcon: string;
|
|
|
337
337
|
export declare const scheduledFilterIcon: string;
|
|
338
338
|
export declare const completedBlackIcon: string;
|
|
339
339
|
export declare const paidOutFilterIcon: string;
|
|
340
|
+
export declare const saveTokenIcon: string;
|
|
340
341
|
export declare const unauthenticatedIcon: string;
|
|
341
342
|
export declare const authenticationAttemptedIcon: string;
|
|
342
343
|
export declare const authenticationNoAuthIcon: string;
|
|
@@ -343,6 +343,7 @@ export const authenticatedIcon = `${lightUrl}/status/table/authenticated.svg`;
|
|
|
343
343
|
export const scheduledFilterIcon = `${lightUrl}/paidOutFilterIcon.svg`;
|
|
344
344
|
export const completedBlackIcon = `${lightUrl}/completedBlackIcon.svg`;
|
|
345
345
|
export const paidOutFilterIcon = `${lightUrl}/scheduledFilterIcon.svg`;
|
|
346
|
+
export const saveTokenIcon = `${lightUrl}/saveTokenIcon.svg`;
|
|
346
347
|
export const unauthenticatedIcon = `${lightUrl}/status/unauthenticated.svg`;
|
|
347
348
|
export const authenticationAttemptedIcon = `${lightUrl}/status/authenticationAttempted.svg`;
|
|
348
349
|
export const authenticationNoAuthIcon = `${lightUrl}/status/authenticationNoAuth.svg`;
|
|
@@ -184,7 +184,7 @@ export declare const chargeTableCellWidth: {
|
|
|
184
184
|
readonly text: "150px";
|
|
185
185
|
readonly sheet: "170px";
|
|
186
186
|
};
|
|
187
|
-
readonly
|
|
187
|
+
readonly invoice_reference: {
|
|
188
188
|
readonly default: "185px";
|
|
189
189
|
readonly text: "180px";
|
|
190
190
|
readonly sheet: "275px";
|
|
@@ -240,9 +240,9 @@ export declare const chargeTableCellWidth: {
|
|
|
240
240
|
readonly sheet: "200px";
|
|
241
241
|
};
|
|
242
242
|
readonly meta: {
|
|
243
|
-
readonly default: "
|
|
243
|
+
readonly default: "80px";
|
|
244
244
|
readonly text: "52px";
|
|
245
|
-
readonly sheet: "
|
|
245
|
+
readonly sheet: "275px";
|
|
246
246
|
};
|
|
247
247
|
readonly action_icon: {
|
|
248
248
|
readonly default: "30px";
|
|
@@ -184,7 +184,7 @@ export const chargeTableCellWidth = {
|
|
|
184
184
|
text: '150px',
|
|
185
185
|
sheet: '170px',
|
|
186
186
|
},
|
|
187
|
-
|
|
187
|
+
invoice_reference: {
|
|
188
188
|
default: '185px',
|
|
189
189
|
text: '180px',
|
|
190
190
|
sheet: '275px',
|
|
@@ -240,9 +240,9 @@ export const chargeTableCellWidth = {
|
|
|
240
240
|
sheet: '200px',
|
|
241
241
|
},
|
|
242
242
|
meta: {
|
|
243
|
-
default: '
|
|
243
|
+
default: '80px',
|
|
244
244
|
text: '52px',
|
|
245
|
-
sheet: '
|
|
245
|
+
sheet: '275px',
|
|
246
246
|
},
|
|
247
247
|
action_icon: {
|
|
248
248
|
default: '30px',
|
package/build/types/column.d.ts
CHANGED
package/build/utils/columns.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { IColumnProps, ColumnViewProps, ColumnsView } from '../types/index.js';
|
|
2
2
|
export declare function filterShownColumns(columns: IColumnProps[], tableViews: ColumnViewProps[], isCustomView?: boolean): IColumnProps<any>[];
|
|
3
|
+
export declare function getColumnOrderFromViews(tableViews: ColumnViewProps[], columnId: string): number;
|
|
3
4
|
export declare function isParameterSelected(columns: ColumnViewProps[], columnId: string, parameter: string): boolean;
|
|
4
5
|
export declare function mapDataToViews(columnData?: ColumnsView[], language?: string): ColumnViewProps[];
|
|
5
6
|
export declare function mapViewsToData(columns: ColumnViewProps[]): ColumnsView[];
|
package/build/utils/columns.js
CHANGED
|
@@ -21,6 +21,14 @@ export function filterShownColumns(columns, tableViews, isCustomView) {
|
|
|
21
21
|
return false;
|
|
22
22
|
});
|
|
23
23
|
}
|
|
24
|
+
export function getColumnOrderFromViews(tableViews, columnId) {
|
|
25
|
+
var _a;
|
|
26
|
+
if (columnId.toLowerCase() === 'index')
|
|
27
|
+
return 0;
|
|
28
|
+
const columnViewIndex = tableViews.findIndex((col) => { var _a; return ((_a = col.code) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === (columnId === null || columnId === void 0 ? void 0 : columnId.toLowerCase()); });
|
|
29
|
+
const currentView = tableViews[columnViewIndex];
|
|
30
|
+
return columnViewIndex >= 0 ? (_a = currentView === null || currentView === void 0 ? void 0 : currentView.sort_order) !== null && _a !== void 0 ? _a : columnViewIndex : 999;
|
|
31
|
+
}
|
|
24
32
|
export function isParameterSelected(columns, columnId, parameter) {
|
|
25
33
|
var _a, _b, _c;
|
|
26
34
|
return (((_c = (_b = (_a = columns === null || columns === void 0 ? void 0 : columns.find((view) => {
|
|
@@ -39,10 +47,12 @@ export function mapDataToViews(columnData, language) {
|
|
|
39
47
|
label: getNameText(column.name, language),
|
|
40
48
|
name: getNameText(column.name, language) || '',
|
|
41
49
|
selected: (column === null || column === void 0 ? void 0 : column.selected) !== false,
|
|
50
|
+
sort_order: column.sort_order,
|
|
42
51
|
menuItems: (_c = (_b = (_a = column.fields) === null || _a === void 0 ? void 0 : _a.map((field) => {
|
|
43
52
|
var _a, _b;
|
|
44
53
|
return (_b = (_a = field.parameters) === null || _a === void 0 ? void 0 : _a.filter((p) => !!p.code)) === null || _b === void 0 ? void 0 : _b.map((param) => {
|
|
45
54
|
return {
|
|
55
|
+
code: param.code,
|
|
46
56
|
label: startCase(param.code),
|
|
47
57
|
name: `${param.code}`,
|
|
48
58
|
selected: (param === null || param === void 0 ? void 0 : param.selected) !== false,
|
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.
|
|
5
|
-
"testVersion":
|
|
4
|
+
"version": "0.1.445-test.1-test.2",
|
|
5
|
+
"testVersion": 2,
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "build/index.js",
|
|
8
8
|
"module": "build/index.js",
|
|
@@ -164,4 +164,4 @@
|
|
|
164
164
|
"publishConfig": {
|
|
165
165
|
"registry": "https://registry.npmjs.org/"
|
|
166
166
|
}
|
|
167
|
-
}
|
|
167
|
+
}
|