tf-checkout-react 1.3.24 → 1.3.26

package/dist/components/addonsContainer/index.d.ts

@@ -10,8 +10,9 @@ export interface IAddonContainterProps {
     onConfirmSelectionSuccess?: (res: any) => void;
     onConfirmSelectionError?: (error: any) => void;
     onCountdownFinish?: () => void;
+    samePageBilling?: boolean;
 }
 export interface ObjectLiteral {
     [key: string]: any;
 }
-export declare const AddonsContainter: ({ classNamePrefix, enableBillingInfoAutoCreate, enableTimer, onGetAddonsPageInfoSuccess, onGetAddonsPageInfoError, onPostCheckoutSuccess, onPostCheckoutError, onConfirmSelectionSuccess, onConfirmSelectionError, onCountdownFinish, }: IAddonContainterProps) => JSX.Element;
+export declare const AddonsContainter: ({ classNamePrefix, enableBillingInfoAutoCreate, enableTimer, onGetAddonsPageInfoSuccess, onGetAddonsPageInfoError, onPostCheckoutSuccess, onPostCheckoutError, onConfirmSelectionSuccess, onConfirmSelectionError, onCountdownFinish, samePageBilling, }: IAddonContainterProps) => JSX.Element;

package/dist/components/ticketsContainer/TicketsSection.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
 import './style.css';
+import { ReactNode } from 'react';
 interface ITicketsSectionProps {
     ticketsList: any;
     selectedTickets: any;

package/dist/tf-checkout-react.cjs.development.js

@@ -67,6 +67,7 @@ var TablePagination = _interopDefault(require('@mui/material/TablePagination'));
 var TableRow = _interopDefault(require('@mui/material/TableRow'));
 var _has = _interopDefault(require('lodash/has'));
 var Radio = _interopDefault(require('@mui/material/Radio'));
+var lodash = require('lodash');
 var _isNull = _interopDefault(require('lodash/isNull'));
 var _reverse = _interopDefault(require('lodash/reverse'));
 
@@ -5442,7 +5443,12 @@ var TicketsSection = function TicketsSection(_ref) {
       ticketsHeaderComponent = _ref.ticketsHeaderComponent,
       hideTicketsHeader = _ref.hideTicketsHeader;
   var sortedTicketsList = sortBySoldOut ? _sortBy(_sortBy(ticketsList, 'sortOrder'), 'soldOut') : _sortBy(ticketsList, 'sortOrder');
+  var showGroup = !!sortedTicketsList.find(function (ticket) {
+    return ticket.groupName;
+  });
   return React__default.createElement(React__default.Fragment, null, !hideTicketsHeader && ticketsHeaderComponent, sortedTicketsList.map(function (ticket, i, arr) {
+    var _arr;
+
     var isSoldOut = ticket.sold_out || !ticket.displayTicket || ticket.soldOut;
 
     var ticketSelect = function ticketSelect(event) {
@@ -5457,9 +5463,13 @@ var TicketsSection = function TicketsSection(_ref) {
     }
 
     var ticketIsFree = +ticket.price === 0;
-    var ticketPrice = isSoldOut ? 'SOLD OUT' : ticketIsFree ? 'FREE' : "$ " + (+ticket.price).toFixed(2);
-    return React__default.createElement("div", {
-      key: ticket.id || ticket.name,
+    var ticketPrice = isSoldOut ? 'SOLD OUT' : ticketIsFree ? 'FREE' : "\xA3 " + (+ticket.price).toFixed(2);
+    var isNewGroupTicket = (ticket == null ? void 0 : ticket.groupName) !== ((_arr = arr[i - 1]) == null ? void 0 : _arr.groupName);
+    return React__default.createElement(React__default.Fragment, {
+      key: ticket.id || ticket.name
+    }, showGroup && isNewGroupTicket ? React__default.createElement("div", {
+      className: 'event-detail__tier group-title'
+    }, ticket.groupName || '') : null, React__default.createElement("div", {
       className: "event-detail__tier " + (isSoldOut ? 'disabled' : '')
     }, React__default.createElement("div", {
       className: "event-detail__tier-name"
@@ -5469,7 +5479,7 @@ var TicketsSection = function TicketsSection(_ref) {
       className: "event-detail__tier-price"
     }, ticketIsDiscounted && React__default.createElement("p", {
       className: "old-price"
-    }, "$ ", (+ticket.oldPrice).toFixed(2)), React__default.createElement("p", {
+    }, "\xA3 ", (+ticket.oldPrice).toFixed(2)), React__default.createElement("p", {
       className: isSoldOut ? 'sold-out' : ''
     }, ticketPrice), !isSoldOut && !ticketIsFree && React__default.createElement("p", {
       className: "fees"
@@ -5483,7 +5493,7 @@ var TicketsSection = function TicketsSection(_ref) {
       prevTicketTier: arr[i - 1],
       selectedTickets: selectedTickets,
       handleTicketSelect: ticketSelect
-    }))));
+    })))));
   }));
 };
 
@@ -7647,8 +7657,11 @@ var AddonsContainter = function AddonsContainter(_ref) {
       _ref$onConfirmSelecti2 = _ref.onConfirmSelectionError,
       onConfirmSelectionError = _ref$onConfirmSelecti2 === void 0 ? _identity : _ref$onConfirmSelecti2,
       _ref$onCountdownFinis = _ref.onCountdownFinish,
-      _onCountdownFinish = _ref$onCountdownFinis === void 0 ? _identity : _ref$onCountdownFinis;
+      _onCountdownFinish = _ref$onCountdownFinis === void 0 ? _identity : _ref$onCountdownFinis,
+      _ref$samePageBilling = _ref.samePageBilling,
+      samePageBilling = _ref$samePageBilling === void 0 ? false : _ref$samePageBilling;
 
+  var valuesRef = React.useRef(null);
   var eventId = getQueryVariable('event_id');
 
   var _useState = React.useState([]),
@@ -7825,7 +7838,7 @@ var AddonsContainter = function AddonsContainter(_ref) {
               collectOptionalWalletAddress = (_pageConfigsData$coll = pageConfigsData.collect_optional_wallet_address) != null ? _pageConfigsData$coll : false;
               collectMandatoryWalletAddress = (_pageConfigsData$coll2 = pageConfigsData.collect_mandatory_wallet_address) != null ? _pageConfigsData$coll2 : false;
 
-              if (!(skipBillingPage && enableBillingInfoAutoCreate)) {
+              if (!(skipBillingPage && enableBillingInfoAutoCreate && !samePageBilling)) {
                 _context2.next = 36;
                 break;
               }
@@ -7929,6 +7942,7 @@ var AddonsContainter = function AddonsContainter(_ref) {
     }));
   }
 
+  var flagHasAddOn = getQueryVariable('hasAddOn') === 'true';
   return React__default.createElement(React__default.Fragment, null, !!cartExpirationTime && enableTimer && React__default.createElement(TimerWidget$1, {
     expires_at: cartExpirationTime,
     onCountdownFinish: function onCountdownFinish() {
@@ -7936,7 +7950,7 @@ var AddonsContainter = function AddonsContainter(_ref) {
 
       _onCountdownFinish();
     }
-  }), React__default.createElement("div", {
+  }), samePageBilling && !flagHasAddOn ? null : React__default.createElement("div", {
     className: classNamePrefix + "_container"
   }, React__default.createElement("div", {
     className: classNamePrefix + "_block"
@@ -7944,7 +7958,7 @@ var AddonsContainter = function AddonsContainter(_ref) {
     className: classNamePrefix + "_line_block"
   }, React__default.createElement("p", {
     className: classNamePrefix + "_info_title"
-  }, "Get Your Tickets"), React__default.createElement("button", {
+  }, "Get Your Tickets"), samePageBilling ? null : React__default.createElement("button", {
     type: "button",
     className: classNamePrefix + "_skip",
     onClick: function onClick() {
@@ -7962,6 +7976,11 @@ var AddonsContainter = function AddonsContainter(_ref) {
     }
   }, function (_ref4) {
     var values = _ref4.values;
+
+    if (!lodash.isEqual(values, valuesRef.current)) {
+      valuesRef.current = values;
+    }
+
     var isConfirmDisabled = !isAtLeastOneAddonSelected(values);
     return React__default.createElement(formik.Form, {
       autoComplete: "off",
@@ -8001,7 +8020,13 @@ var AddonsContainter = function AddonsContainter(_ref) {
             selectOptions: addonsOptions[variant.id],
             classNamePrefix: classNamePrefix,
             handleAddonChange: function handleAddonChange(id, value) {
-              return onFieldChange(id, value, addon);
+              onFieldChange(id, value, addon);
+
+              if (samePageBilling) {
+                setTimeout(function () {
+                  handleConfirm(valuesRef.current);
+                }, 100);
+              }
             }
           })
         );
@@ -8012,10 +8037,16 @@ var AddonsContainter = function AddonsContainter(_ref) {
         selectOptions: addonsOptions[addon.id],
         classNamePrefix: classNamePrefix,
         handleAddonChange: function handleAddonChange(id, value) {
-          return onFieldChange(id, value, addon);
+          onFieldChange(id, value, addon);
+
+          if (samePageBilling) {
+            setTimeout(function () {
+              handleConfirm(valuesRef.current);
+            }, 100);
+          }
         }
       })));
-    }), React__default.createElement("button", {
+    }), samePageBilling ? null : React__default.createElement("button", {
       type: "submit",
       className: (isConfirmDisabled ? classNamePrefix + "_is_disabled" : '') + " " + classNamePrefix + "_submit_button",
       disabled: isConfirmDisabled