tf-checkout-react 1.4.6 → 1.4.8
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/dist/components/ticketsContainer/PromoCodeSection.d.ts +2 -1
- package/dist/components/ticketsContainer/index.d.ts +2 -1
- package/dist/tf-checkout-react.cjs.development.js +11 -7
- 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 +11 -7
- package/dist/tf-checkout-react.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/orderDetailsContainer/index.tsx +1 -1
- package/src/components/orderDetailsContainer/ticketsTable.tsx +1 -1
- package/src/components/ticketsContainer/PromoCodeSection.tsx +15 -9
- package/src/components/ticketsContainer/index.tsx +3 -0
- package/src/components/common/dist/PhoneNumberField.js +0 -96
|
@@ -10,5 +10,6 @@ export interface IPromoCodeSectionProps {
|
|
|
10
10
|
codeIsInvalid: boolean;
|
|
11
11
|
setCodeIsInvalid: (value: boolean) => void;
|
|
12
12
|
promoText?: string;
|
|
13
|
+
showAlertIcons?: boolean;
|
|
13
14
|
}
|
|
14
|
-
export declare const PromoCodeSection: ({ code, codeIsApplied, showPromoInput, setCode, setShowPromoInput, updateTickets, setCodeIsApplied, codeIsInvalid, setCodeIsInvalid, promoText, }: IPromoCodeSectionProps) => JSX.Element;
|
|
15
|
+
export declare const PromoCodeSection: ({ code, codeIsApplied, showPromoInput, setCode, setShowPromoInput, updateTickets, setCodeIsApplied, codeIsInvalid, setCodeIsInvalid, promoText, showAlertIcons }: IPromoCodeSectionProps) => JSX.Element;
|
|
@@ -61,6 +61,7 @@ export interface IGetTickets {
|
|
|
61
61
|
currencySybmol?: string;
|
|
62
62
|
onReserveButtonClick?: () => void;
|
|
63
63
|
onPendingVerification?: () => void;
|
|
64
|
+
showAlertIcons?: boolean;
|
|
64
65
|
}
|
|
65
66
|
export interface ITicket {
|
|
66
67
|
id: string | number;
|
|
@@ -70,5 +71,5 @@ export interface ISelectedTickets {
|
|
|
70
71
|
isTable: boolean;
|
|
71
72
|
[key: string]: string | number | boolean;
|
|
72
73
|
}
|
|
73
|
-
export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, onLogoutSuccess, onLogoutError, onGetProfileDataSuccess, onGetProfileDataError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, enableBillingInfoAutoCreate, isButtonScrollable, sortBySoldOut, disableCountdownLeadingZero, isLoggedIn, actionsSectionComponent: ActionsSectionComponent, ticketsHeaderComponent, hideTicketsHeader, tableTicketsHeaderComponent, hideTableTicketsHeader, enableInfluencersSection, enableAddOns, handleNotInvitedModalClose, handleInvalidLinkModalClose, ordersPath, showPoweredByImage, promoText, showGroupNameBlock, currencySybmol, onReserveButtonClick, onPendingVerification, }: IGetTickets) => JSX.Element;
|
|
74
|
+
export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, onLogoutSuccess, onLogoutError, onGetProfileDataSuccess, onGetProfileDataError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, enableBillingInfoAutoCreate, isButtonScrollable, sortBySoldOut, disableCountdownLeadingZero, isLoggedIn, actionsSectionComponent: ActionsSectionComponent, ticketsHeaderComponent, hideTicketsHeader, tableTicketsHeaderComponent, hideTableTicketsHeader, enableInfluencersSection, enableAddOns, handleNotInvitedModalClose, handleInvalidLinkModalClose, ordersPath, showPoweredByImage, promoText, showGroupNameBlock, currencySybmol, onReserveButtonClick, onPendingVerification, showAlertIcons, }: IGetTickets) => JSX.Element;
|
|
74
75
|
export {};
|
|
@@ -5160,7 +5160,8 @@ var PromoCodeSection = function PromoCodeSection(_ref) {
|
|
|
5160
5160
|
setCodeIsApplied = _ref.setCodeIsApplied,
|
|
5161
5161
|
codeIsInvalid = _ref.codeIsInvalid,
|
|
5162
5162
|
setCodeIsInvalid = _ref.setCodeIsInvalid,
|
|
5163
|
-
promoText = _ref.promoText
|
|
5163
|
+
promoText = _ref.promoText,
|
|
5164
|
+
showAlertIcons = _ref.showAlertIcons;
|
|
5164
5165
|
var isPromoCodeHasValue = !!code.trim();
|
|
5165
5166
|
var renderInputField = function renderInputField() {
|
|
5166
5167
|
return React__default.createElement("div", {
|
|
@@ -5193,7 +5194,7 @@ var PromoCodeSection = function PromoCodeSection(_ref) {
|
|
|
5193
5194
|
};
|
|
5194
5195
|
return React__default.createElement("div", null, codeIsApplied ? React__default.createElement("div", {
|
|
5195
5196
|
className: "alert-info"
|
|
5196
|
-
}, React__default.createElement(SVG, {
|
|
5197
|
+
}, showAlertIcons && React__default.createElement(SVG, {
|
|
5197
5198
|
src: DoneSvg,
|
|
5198
5199
|
preProcessor: function preProcessor(code) {
|
|
5199
5200
|
return code.replace(/fill=".*?"/g, 'fill="currentColor"');
|
|
@@ -5202,7 +5203,7 @@ var PromoCodeSection = function PromoCodeSection(_ref) {
|
|
|
5202
5203
|
className: "promo-code-success"
|
|
5203
5204
|
}, "PROMO CODE APPLIED SUCCESSFULLY")) : null, codeIsInvalid ? React__default.createElement("div", {
|
|
5204
5205
|
className: "alert-info fail"
|
|
5205
|
-
}, React__default.createElement(SVG, {
|
|
5206
|
+
}, showAlertIcons && React__default.createElement(SVG, {
|
|
5206
5207
|
src: XmarkSvg
|
|
5207
5208
|
}), React__default.createElement("p", {
|
|
5208
5209
|
className: "promo-code-fail"
|
|
@@ -5530,7 +5531,9 @@ var TicketsContainer = function TicketsContainer(_ref) {
|
|
|
5530
5531
|
_ref$onReserveButtonC = _ref.onReserveButtonClick,
|
|
5531
5532
|
onReserveButtonClick = _ref$onReserveButtonC === void 0 ? _identity : _ref$onReserveButtonC,
|
|
5532
5533
|
_ref$onPendingVerific = _ref.onPendingVerification,
|
|
5533
|
-
onPendingVerification = _ref$onPendingVerific === void 0 ? _identity : _ref$onPendingVerific
|
|
5534
|
+
onPendingVerification = _ref$onPendingVerific === void 0 ? _identity : _ref$onPendingVerific,
|
|
5535
|
+
_ref$showAlertIcons = _ref.showAlertIcons,
|
|
5536
|
+
showAlertIcons = _ref$showAlertIcons === void 0 ? true : _ref$showAlertIcons;
|
|
5534
5537
|
var _useState = React.useState({}),
|
|
5535
5538
|
selectedTickets = _useState[0],
|
|
5536
5539
|
setSelectedTickets = _useState[1];
|
|
@@ -6070,7 +6073,8 @@ var TicketsContainer = function TicketsContainer(_ref) {
|
|
|
6070
6073
|
updateTickets: updateTickets,
|
|
6071
6074
|
codeIsInvalid: codeIsInvalid,
|
|
6072
6075
|
setCodeIsInvalid: setCodeIsInvalid,
|
|
6073
|
-
promoText: promoText
|
|
6076
|
+
promoText: promoText,
|
|
6077
|
+
showAlertIcons: showAlertIcons
|
|
6074
6078
|
}) : null, wrappedActionsSectionComponent, canShowGetTicketBtn() && React__default.createElement(Button$1, {
|
|
6075
6079
|
"aria-hidden": true,
|
|
6076
6080
|
className: "book-button \n " + (bookButtonIsDisabled ? 'disabled' : '') + " \n " + (isButtonScrollable ? 'is-scrollable' : '') + "\n " + (!isLoggedIn ? 'on-bottom' : '') + "\n ",
|
|
@@ -6746,7 +6750,7 @@ var TicketsTable = function TicketsTable(_ref) {
|
|
|
6746
6750
|
}, React__default.createElement(TableHead, null, React__default.createElement(TableRow, null, React__default.createElement(TableCell, null, "Add-On"), React__default.createElement(TableCell, null, "Status"))), React__default.createElement(TableBody, null, ticket.add_ons.map(function (add_on, index) {
|
|
6747
6751
|
return React__default.createElement(TableRow, {
|
|
6748
6752
|
key: index
|
|
6749
|
-
}, React__default.createElement(TableCell, null, add_on.groupName
|
|
6753
|
+
}, React__default.createElement(TableCell, null, add_on.groupName && add_on.groupName + ": ", " ", add_on.name), React__default.createElement(TableCell, null, add_on.status));
|
|
6750
6754
|
}))))));
|
|
6751
6755
|
})))));
|
|
6752
6756
|
};
|
|
@@ -7050,7 +7054,7 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
|
|
|
7050
7054
|
}), data == null ? void 0 : (_data$items2 = data.items) == null ? void 0 : (_data$items2$add_ons = _data$items2.add_ons) == null ? void 0 : _data$items2$add_ons.map(function (ticket, index) {
|
|
7051
7055
|
return React__default.createElement(TableRow, {
|
|
7052
7056
|
key: index
|
|
7053
|
-
}, React__default.createElement(TableCell, null, React__default.createElement("div", null, React__default.createElement("b", null, "Add-On"), React__default.createElement("div", null, ticket.groupName
|
|
7057
|
+
}, React__default.createElement(TableCell, null, React__default.createElement("div", null, React__default.createElement("b", null, "Add-On"), React__default.createElement("div", null, ticket.groupName && ticket.groupName + ": ", " ", ticket.name))), React__default.createElement(TableCell, null, ticket.currency + ticket.price), React__default.createElement(TableCell, null, ticket.quantity), React__default.createElement(TableCell, null, ticket.currency + ticket.total));
|
|
7054
7058
|
}), React__default.createElement(TableRow, {
|
|
7055
7059
|
className: "total-row"
|
|
7056
7060
|
}, React__default.createElement(TableCell, null), React__default.createElement(TableCell, null), React__default.createElement(TableCell, null, "Total"), React__default.createElement(TableCell, null, getTotal(data))))))), React__default.createElement(TicketsTable, {
|