tf-checkout-react 1.3.41-beta.0 → 1.3.41
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/{src/components → dist}/.DS_Store +0 -0
- package/dist/components/myTicketsContainer/index.d.ts +1 -4
- package/dist/components/myTicketsContainer/row.d.ts +1 -4
- package/dist/components/myTicketsContainer/tableConfig.d.ts +1 -9
- package/dist/components/orderDetailsContainer/index.d.ts +1 -2
- package/dist/tf-checkout-react.cjs.development.js +16 -80
- package/dist/tf-checkout-react.cjs.development.js.map +1 -1
- package/dist/tf-checkout-react.cjs.production.min.js +1 -1
- package/dist/tf-checkout-react.cjs.production.min.js.map +1 -1
- package/dist/tf-checkout-react.esm.js +16 -80
- package/dist/tf-checkout-react.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/.DS_Store +0 -0
- package/src/assets/.DS_Store +0 -0
- package/src/components/myTicketsContainer/index.tsx +3 -10
- package/src/components/myTicketsContainer/row.tsx +14 -33
- package/src/components/myTicketsContainer/tableConfig.tsx +6 -52
- package/src/components/orderDetailsContainer/index.tsx +15 -18
- package/src/components/paymentContainer/index.tsx +1 -1
- package/src/components/ticketsContainer/TicketsSection.tsx +3 -2
- package/src/components/common/dist/PhoneNumberField.js +0 -96
|
Binary file
|
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import './style.css';
|
|
3
|
-
import { IColumnData } from './tableConfig';
|
|
4
3
|
interface MyTicketsTypes {
|
|
5
4
|
handleDetailsInfo: (id: string) => void;
|
|
6
5
|
onGetOrdersSuccess: (res: any) => void;
|
|
7
6
|
onGetOrdersError: (err: any) => void;
|
|
8
7
|
logo?: string;
|
|
9
8
|
theme?: 'light' | 'dark';
|
|
10
|
-
hideDetailsButton?: boolean;
|
|
11
|
-
columns?: IColumnData[];
|
|
12
9
|
}
|
|
13
|
-
export declare const MyTicketsContainer: ({ handleDetailsInfo, onGetOrdersSuccess, onGetOrdersError, theme, logo,
|
|
10
|
+
export declare const MyTicketsContainer: ({ handleDetailsInfo, onGetOrdersSuccess, onGetOrdersError, theme, logo, }: MyTicketsTypes) => JSX.Element;
|
|
14
11
|
export {};
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { IColumnData } from './tableConfig';
|
|
3
2
|
export interface RowItems {
|
|
4
3
|
id: string;
|
|
5
4
|
date: string;
|
|
@@ -11,8 +10,6 @@ export interface RowItems {
|
|
|
11
10
|
interface RowPropsTypes {
|
|
12
11
|
row: RowItems;
|
|
13
12
|
handleDetailsInfo: (id: string) => void;
|
|
14
|
-
hideDetailsButton: boolean;
|
|
15
|
-
columns?: IColumnData[];
|
|
16
13
|
}
|
|
17
|
-
declare const Row: ({ row, handleDetailsInfo
|
|
14
|
+
declare const Row: ({ row, handleDetailsInfo }: RowPropsTypes) => JSX.Element;
|
|
18
15
|
export default Row;
|
|
@@ -1,12 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
export interface IColumnData {
|
|
3
|
-
key: string;
|
|
4
|
-
label: string;
|
|
5
|
-
component?: React.ElementType;
|
|
6
|
-
normalizer?: (value: any) => any;
|
|
7
|
-
onCellClick: (row: any) => void;
|
|
8
|
-
}
|
|
9
|
-
declare const tableConfig: (columns?: IColumnData[] | undefined, key?: string | undefined) => {
|
|
1
|
+
declare const tableConfig: (key?: string | undefined) => {
|
|
10
2
|
header: string[];
|
|
11
3
|
body: ((row: any) => any)[];
|
|
12
4
|
};
|
|
@@ -20,7 +20,6 @@ interface OrderDetailsTypes {
|
|
|
20
20
|
label: string | number | null | undefined;
|
|
21
21
|
}>;
|
|
22
22
|
ordersPath?: string;
|
|
23
|
-
orderId?: string | number;
|
|
24
23
|
}
|
|
25
|
-
export declare const OrderDetailsContainer: ({ columns, onGetOrdersSuccess, onGetOrdersError, onRemoveFromResaleSuccess, onRemoveFromResaleError, onResaleTicketSuccess, onResaleTicketError, onReturnButtonClick, personalLinkIcon, displayColumnNameInRow, ticketsTableColumns, ordersPath,
|
|
24
|
+
export declare const OrderDetailsContainer: ({ columns, onGetOrdersSuccess, onGetOrdersError, onRemoveFromResaleSuccess, onRemoveFromResaleError, onResaleTicketSuccess, onResaleTicketError, onReturnButtonClick, personalLinkIcon, displayColumnNameInRow, ticketsTableColumns, ordersPath, }: OrderDetailsTypes) => JSX.Element;
|
|
26
25
|
export {};
|
|
@@ -4797,7 +4797,7 @@ var PaymentContainer = function PaymentContainer(_ref) {
|
|
|
4797
4797
|
className: "payment_info"
|
|
4798
4798
|
}, React__default.createElement("div", {
|
|
4799
4799
|
className: "payment_info_label"
|
|
4800
|
-
}, "
|
|
4800
|
+
}, "Payment"), showErrorText && React__default.createElement("p", {
|
|
4801
4801
|
className: "payment_info__error"
|
|
4802
4802
|
}, errorText), React__default.createElement("div", null, React__default.createElement(reactStripeJs.Elements, {
|
|
4803
4803
|
stripe: getStripePromise(reviewData),
|
|
@@ -5768,9 +5768,7 @@ var TicketsSection = function TicketsSection(_ref) {
|
|
|
5768
5768
|
sortBySoldOut = _ref.sortBySoldOut,
|
|
5769
5769
|
ticketsHeaderComponent = _ref.ticketsHeaderComponent,
|
|
5770
5770
|
hideTicketsHeader = _ref.hideTicketsHeader;
|
|
5771
|
-
|
|
5772
|
-
var currency = _get(event, 'currency.currency', '');
|
|
5773
|
-
|
|
5771
|
+
var currency = event.currency.currency;
|
|
5774
5772
|
var sortedTicketsList = sortBySoldOut ? _sortBy(_sortBy(ticketsList, 'sortOrder'), 'soldOut') : _sortBy(ticketsList, 'sortOrder');
|
|
5775
5773
|
var showGroup = !!sortedTicketsList.find(function (ticket) {
|
|
5776
5774
|
return ticket.groupName;
|
|
@@ -6543,56 +6541,9 @@ var EventInfoItem = function EventInfoItem(_ref) {
|
|
|
6543
6541
|
}), name);
|
|
6544
6542
|
};
|
|
6545
6543
|
|
|
6546
|
-
var tableConfig = function tableConfig(
|
|
6544
|
+
var tableConfig = function tableConfig(key) {
|
|
6547
6545
|
var config;
|
|
6548
6546
|
|
|
6549
|
-
if (columns) {
|
|
6550
|
-
return {
|
|
6551
|
-
header: _map(columns, function (item) {
|
|
6552
|
-
return item.label;
|
|
6553
|
-
}),
|
|
6554
|
-
body: _map(columns, function (item) {
|
|
6555
|
-
if (item.component) {
|
|
6556
|
-
var ItemComponent = item.component;
|
|
6557
|
-
return function (row) {
|
|
6558
|
-
return {
|
|
6559
|
-
columnProps: item,
|
|
6560
|
-
component: React__default.createElement(ItemComponent, Object.assign({}, row))
|
|
6561
|
-
};
|
|
6562
|
-
};
|
|
6563
|
-
}
|
|
6564
|
-
|
|
6565
|
-
if (item.key === 'event') {
|
|
6566
|
-
return function (row) {
|
|
6567
|
-
return {
|
|
6568
|
-
columnProps: item,
|
|
6569
|
-
component: React__default.createElement(EventInfoItem, {
|
|
6570
|
-
image: row.image,
|
|
6571
|
-
name: row.eventName
|
|
6572
|
-
})
|
|
6573
|
-
};
|
|
6574
|
-
};
|
|
6575
|
-
}
|
|
6576
|
-
|
|
6577
|
-
if (item.key === 'total') {
|
|
6578
|
-
return function (row) {
|
|
6579
|
-
return {
|
|
6580
|
-
columnProps: item,
|
|
6581
|
-
component: row.currency + row.amount
|
|
6582
|
-
};
|
|
6583
|
-
};
|
|
6584
|
-
}
|
|
6585
|
-
|
|
6586
|
-
return function (row) {
|
|
6587
|
-
return {
|
|
6588
|
-
columnProps: item,
|
|
6589
|
-
component: item.normalizer ? item.normalizer(row[item.key]) : row[item.key]
|
|
6590
|
-
};
|
|
6591
|
-
};
|
|
6592
|
-
})
|
|
6593
|
-
};
|
|
6594
|
-
}
|
|
6595
|
-
|
|
6596
6547
|
switch (key) {
|
|
6597
6548
|
default:
|
|
6598
6549
|
config = {
|
|
@@ -6617,28 +6568,20 @@ var tableConfig = function tableConfig(columns, key) {
|
|
|
6617
6568
|
|
|
6618
6569
|
var Row = function Row(_ref) {
|
|
6619
6570
|
var row = _ref.row,
|
|
6620
|
-
handleDetailsInfo = _ref.handleDetailsInfo
|
|
6621
|
-
_ref$columns = _ref.columns,
|
|
6622
|
-
columns = _ref$columns === void 0 ? [] : _ref$columns,
|
|
6623
|
-
hideDetailsButton = _ref.hideDetailsButton;
|
|
6571
|
+
handleDetailsInfo = _ref.handleDetailsInfo;
|
|
6624
6572
|
return React__default.createElement(TableRow, {
|
|
6625
6573
|
sx: {
|
|
6626
6574
|
'& > *': {
|
|
6627
6575
|
borderBottom: 'unset'
|
|
6628
6576
|
}
|
|
6629
6577
|
}
|
|
6630
|
-
}, tableConfig(
|
|
6578
|
+
}, tableConfig().body.map(function (column, index) {
|
|
6631
6579
|
return React__default.createElement(TableCell, {
|
|
6632
6580
|
component: "th",
|
|
6633
6581
|
scope: "row",
|
|
6634
|
-
key: index
|
|
6635
|
-
|
|
6636
|
-
|
|
6637
|
-
column(row).columnProps.onCellClick(column(row).component.props, e);
|
|
6638
|
-
}
|
|
6639
|
-
}
|
|
6640
|
-
}, column(row).component);
|
|
6641
|
-
}), !hideDetailsButton && React__default.createElement(TableCell, {
|
|
6582
|
+
key: index
|
|
6583
|
+
}, column(row));
|
|
6584
|
+
}), React__default.createElement(TableCell, {
|
|
6642
6585
|
component: "th",
|
|
6643
6586
|
scope: "row"
|
|
6644
6587
|
}, React__default.createElement("button", {
|
|
@@ -6661,11 +6604,7 @@ var MyTicketsContainer = function MyTicketsContainer(_ref) {
|
|
|
6661
6604
|
onGetOrdersError = _ref$onGetOrdersError === void 0 ? _identity : _ref$onGetOrdersError,
|
|
6662
6605
|
_ref$theme = _ref.theme,
|
|
6663
6606
|
theme = _ref$theme === void 0 ? 'dark' : _ref$theme,
|
|
6664
|
-
logo = _ref.logo
|
|
6665
|
-
_ref$hideDetailsButto = _ref.hideDetailsButton,
|
|
6666
|
-
hideDetailsButton = _ref$hideDetailsButto === void 0 ? false : _ref$hideDetailsButto,
|
|
6667
|
-
_ref$columns = _ref.columns,
|
|
6668
|
-
columns = _ref$columns === void 0 ? [] : _ref$columns;
|
|
6607
|
+
logo = _ref.logo;
|
|
6669
6608
|
|
|
6670
6609
|
var _useState = React.useState(null),
|
|
6671
6610
|
data = _useState[0],
|
|
@@ -6809,17 +6748,15 @@ var MyTicketsContainer = function MyTicketsContainer(_ref) {
|
|
|
6809
6748
|
className: "my-ticket-table"
|
|
6810
6749
|
}, React__default.createElement(Table, {
|
|
6811
6750
|
"aria-label": "collapsible table"
|
|
6812
|
-
}, React__default.createElement(TableHead, null, React__default.createElement(TableRow, null, tableConfig(
|
|
6751
|
+
}, React__default.createElement(TableHead, null, React__default.createElement(TableRow, null, tableConfig().header.map(function (column, index) {
|
|
6813
6752
|
return React__default.createElement(TableCell, {
|
|
6814
6753
|
key: index
|
|
6815
6754
|
}, column);
|
|
6816
|
-
}),
|
|
6755
|
+
}), React__default.createElement(TableCell, null))), React__default.createElement(TableBody, null, (_data$orders = data.orders) == null ? void 0 : _data$orders.map(function (row) {
|
|
6817
6756
|
return React__default.createElement(Row, {
|
|
6818
6757
|
key: row.id,
|
|
6819
6758
|
row: row,
|
|
6820
|
-
handleDetailsInfo: handleDetailsInfo
|
|
6821
|
-
columns: columns,
|
|
6822
|
-
hideDetailsButton: hideDetailsButton
|
|
6759
|
+
handleDetailsInfo: handleDetailsInfo
|
|
6823
6760
|
});
|
|
6824
6761
|
})))), React__default.createElement(TablePagination, {
|
|
6825
6762
|
rowsPerPageOptions: [10, 25, 100],
|
|
@@ -7221,8 +7158,7 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
|
|
|
7221
7158
|
_ref$displayColumnNam = _ref.displayColumnNameInRow,
|
|
7222
7159
|
displayColumnNameInRow = _ref$displayColumnNam === void 0 ? false : _ref$displayColumnNam,
|
|
7223
7160
|
ticketsTableColumns = _ref.ticketsTableColumns,
|
|
7224
|
-
ordersPath = _ref.ordersPath
|
|
7225
|
-
pOrderId = _ref.orderId;
|
|
7161
|
+
ordersPath = _ref.ordersPath;
|
|
7226
7162
|
|
|
7227
7163
|
var _useState = React.useState({}),
|
|
7228
7164
|
data = _useState[0],
|
|
@@ -7262,15 +7198,15 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
|
|
|
7262
7198
|
case 0:
|
|
7263
7199
|
_context.prev = 0;
|
|
7264
7200
|
setLoading(true);
|
|
7265
|
-
orderId =
|
|
7201
|
+
orderId = '';
|
|
7266
7202
|
|
|
7267
|
-
if (typeof window !== 'undefined'
|
|
7203
|
+
if (typeof window !== 'undefined') {
|
|
7268
7204
|
params = new URL("" + window.location).searchParams;
|
|
7269
7205
|
orderId = params.get('o') || '';
|
|
7270
7206
|
}
|
|
7271
7207
|
|
|
7272
7208
|
_context.next = 6;
|
|
7273
|
-
return getOrderDetails(
|
|
7209
|
+
return getOrderDetails(orderId);
|
|
7274
7210
|
|
|
7275
7211
|
case 6:
|
|
7276
7212
|
response = _context.sent;
|