tf-checkout-react 1.5.7 → 1.5.9-beta.0

package/dist/components/billing-info-container/index.d.ts

@@ -20,6 +20,8 @@ export interface IBillingInfoPage {
     onGetStatesError?: (e: AxiosError) => void;
     onGetProfileDataSuccess?: (res: any) => void;
     onGetProfileDataError?: (e: AxiosError) => void;
+    onGetCheckoutConfigsSuccess?: (res: any) => void;
+    onGetCheckoutConfigsError?: (e: AxiosError) => void;
     onLogin?: () => void;
     onLoginSuccess?: () => void;
     onErrorClose?: () => void;
@@ -50,4 +52,4 @@ export interface IBillingInfoPage {
     isCountryCodeEditable?: boolean;
     onPendingVerification?: () => void;
 }
-export declare const BillingInfoContainer: React.MemoExoticComponent<({ data, ticketHoldersFields, initialValues, buttonName, handleSubmit, theme, onRegisterSuccess, onRegisterError, onSubmitError, onGetCartSuccess, onGetCartError, onGetCountriesSuccess, onGetCountriesError, onGetStatesSuccess, onGetStatesError, onGetProfileDataSuccess, onGetProfileDataError, onLogin, onLoginSuccess, isLoggedIn: pIsLoggedIn, accountInfoTitle, hideLogo, themeOptions, onErrorClose, hideErrorsAlertSection, onSkipBillingPage, skipPage, canSkipHolderNames, onForgotPasswordSuccess, onForgotPasswordError, shouldFetchCountries, onCountdownFinish, enableTimer, logo, showForgotPasswordButton, showSignUpButton, brandOptIn, showPoweredByImage, isCountryCodeEditable, onPendingVerification, }: IBillingInfoPage) => JSX.Element>;
+export declare const BillingInfoContainer: React.MemoExoticComponent<({ data, ticketHoldersFields, initialValues, buttonName, handleSubmit, theme, onRegisterSuccess, onRegisterError, onSubmitError, onGetCartSuccess, onGetCartError, onGetCountriesSuccess, onGetCountriesError, onGetStatesSuccess, onGetStatesError, onGetProfileDataSuccess, onGetProfileDataError, onLogin, onLoginSuccess, isLoggedIn: pIsLoggedIn, accountInfoTitle, hideLogo, themeOptions, onErrorClose, hideErrorsAlertSection, onSkipBillingPage, skipPage, canSkipHolderNames, onForgotPasswordSuccess, onForgotPasswordError, shouldFetchCountries, onCountdownFinish, enableTimer, logo, showForgotPasswordButton, showSignUpButton, brandOptIn, showPoweredByImage, isCountryCodeEditable, onPendingVerification, onGetCheckoutConfigsSuccess, onGetCheckoutConfigsError, }: IBillingInfoPage) => JSX.Element>;

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

@@ -18,6 +18,7 @@ export interface ICheckoutForm {
     paymentButtonText?: string;
     forPaymentPlan?: boolean;
     orderId?: string;
+    hasSeatMapActions: boolean;
 }
-declare const CheckoutForm: ({ total, orderId, onSubmit, stripeCardOptions, error, stripe_client_secret, currency, billing_info, isLoading, handleSetLoading, conditions, disableZipSection, paymentButtonText, forPaymentPlan, }: ICheckoutForm) => JSX.Element;
+declare const CheckoutForm: ({ total, orderId, onSubmit, stripeCardOptions, error, stripe_client_secret, currency, billing_info, isLoading, handleSetLoading, conditions, disableZipSection, paymentButtonText, forPaymentPlan, hasSeatMapActions, }: ICheckoutForm) => JSX.Element;
 export default CheckoutForm;

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

@@ -3480,7 +3480,11 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
     _ref4$isCountryCodeEd = _ref4.isCountryCodeEditable,
     isCountryCodeEditable = _ref4$isCountryCodeEd === void 0 ? true : _ref4$isCountryCodeEd,
     _ref4$onPendingVerifi = _ref4.onPendingVerification,
-    onPendingVerification = _ref4$onPendingVerifi === void 0 ? _identity : _ref4$onPendingVerifi;
+    onPendingVerification = _ref4$onPendingVerifi === void 0 ? _identity : _ref4$onPendingVerifi,
+    _ref4$onGetCheckoutCo = _ref4.onGetCheckoutConfigsSuccess,
+    onGetCheckoutConfigsSuccess = _ref4$onGetCheckoutCo === void 0 ? _identity : _ref4$onGetCheckoutCo,
+    _ref4$onGetCheckoutCo2 = _ref4.onGetCheckoutConfigsError,
+    onGetCheckoutConfigsError = _ref4$onGetCheckoutCo2 === void 0 ? _identity : _ref4$onGetCheckoutCo2;
   var _useState = React.useState(null),
     extraData = _useState[0],
     setExtraData = _useState[1];
@@ -3507,8 +3511,10 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
         setConfigs(data.data.attributes);
         setIsConfigLoading(false);
       }
-    })["catch"](function () {
+      onGetCheckoutConfigsSuccess(data);
+    })["catch"](function (e) {
       setIsConfigLoading(false);
+      onGetCheckoutConfigsError(e);
     });
   }, [isBrowser]);
   var defaultCountry = isBrowser ? window.localStorage.getItem('eventCountry') : '';
@@ -4350,6 +4356,68 @@ var getCurrencySymbolByCurrency = function getCurrencySymbolByCurrency(currency)
   }
 };
 
+var adaptStripeError = function adaptStripeError(error) {
+  var _error$payment_intent;
+  var adaptedError = _extends({}, error, {
+    isStripeError: true
+  });
+  switch (error.code) {
+    case 'payment_intent_unexpected_state':
+      if ((error == null ? void 0 : (_error$payment_intent = error.payment_intent) == null ? void 0 : _error$payment_intent.status) === 'succeeded') {
+        return _extends({}, adaptedError, {
+          message: 'You cannot confirm this PaymentIntent because it has already succeeded after being previously confirmed.'
+        });
+      }
+      return _extends({}, adaptedError);
+    default:
+      return adaptedError;
+  }
+};
+
+var style$4 = {
+  position: 'absolute',
+  top: '50%',
+  left: '50%',
+  transform: 'translate(-50%, -50%)',
+  minWidth: 480,
+  backgroundColor: '#e3e3e3',
+  border: '1px solid white',
+  outline: 'none',
+  padding: '14px',
+  maxHeight: '85vh',
+  overflow: 'auto'
+};
+var ConfirmModal = function ConfirmModal(_ref) {
+  var _ref$message = _ref.message,
+    message = _ref$message === void 0 ? '' : _ref$message,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    _ref$hideCancelBtn = _ref.hideCancelBtn,
+    hideCancelBtn = _ref$hideCancelBtn === void 0 ? false : _ref$hideCancelBtn,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? _identity : _ref$onClose,
+    _ref$onConfirm = _ref.onConfirm,
+    onConfirm = _ref$onConfirm === void 0 ? _identity : _ref$onConfirm;
+  return React__default.createElement(Modal$1, {
+    open: true,
+    onClose: onClose,
+    "aria-labelledby": "modal-modal-title",
+    "aria-describedby": "modal-modal-description",
+    className: "confirm-modal"
+  }, React__default.createElement(Box, {
+    style: style$4
+  }, React__default.createElement("p", null, message), React__default.createElement("div", {
+    className: "footer"
+  }, !hideCancelBtn && React__default.createElement(Button, {
+    onClick: onClose,
+    disabled: loading
+  }, "Cancel"), React__default.createElement(Button, {
+    onClick: onConfirm
+  }, loading ? React__default.createElement(CircularProgress, {
+    size: "22px"
+  }) : 'OK'))));
+};
+
 var options = {
   style: {
     base: {
@@ -4390,7 +4458,9 @@ var CheckoutForm = function CheckoutForm(_ref) {
     disableZipSection = _ref.disableZipSection,
     paymentButtonText = _ref.paymentButtonText,
     _ref$forPaymentPlan = _ref.forPaymentPlan,
-    forPaymentPlan = _ref$forPaymentPlan === void 0 ? false : _ref$forPaymentPlan;
+    forPaymentPlan = _ref$forPaymentPlan === void 0 ? false : _ref$forPaymentPlan,
+    _ref$hasSeatMapAction = _ref.hasSeatMapActions,
+    hasSeatMapActions = _ref$hasSeatMapAction === void 0 ? false : _ref$hasSeatMapAction;
   var stripe = reactStripeJs.useStripe();
   var elements = reactStripeJs.useElements();
   var _useState = React.useState(''),
@@ -4489,28 +4559,33 @@ var CheckoutForm = function CheckoutForm(_ref) {
             _yield$stripe$confirm = _context.sent;
             _error = _yield$stripe$confirm.error;
             if (!_error) {
+              _context.next = 39;
+              break;
+            }
+            setStripeError(adaptStripeError(_error));
+            _context.t0 = hasSeatMapActions;
+            if (!_context.t0) {
               _context.next = 37;
               break;
             }
-            _context.next = 34;
+            _context.next = 37;
             return refreshSeatReservation(eventId, orderId || '');
-          case 34:
-            setStripeError(_error.message);
+          case 37:
             handleSetLoading(false);
             return _context.abrupt("return");
-          case 37:
+          case 39:
             onSubmit(null);
-            _context.next = 43;
+            _context.next = 45;
             break;
-          case 40:
-            _context.prev = 40;
-            _context.t0 = _context["catch"](1);
-            onSubmit(_context.t0);
-          case 43:
+          case 42:
+            _context.prev = 42;
+            _context.t1 = _context["catch"](1);
+            onSubmit(_context.t1);
+          case 45:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[1, 40]]);
+      }, _callee, null, [[1, 42]]);
     }));
     return function handleSubmit(_x) {
       return _ref2.apply(this, arguments);
@@ -4554,9 +4629,13 @@ var CheckoutForm = function CheckoutForm(_ref) {
   var buttonIsDiabled = !stripe || !!error || isLoading || !allowSubmit;
   return React__default.createElement("div", {
     className: "stripe_payment_container"
-  }, !!stripeError && React__default.createElement("div", {
-    className: "checkout_error_block"
-  }, stripeError), React__default.createElement("form", {
+  }, !!stripeError && React__default.createElement(ConfirmModal, {
+    hideCancelBtn: true,
+    onConfirm: function onConfirm() {
+      return onSubmit(stripeError);
+    },
+    message: stripeError == null ? void 0 : stripeError.message
+  }), React__default.createElement("form", {
     onSubmit: handleSubmit
   }, React__default.createElement("div", {
     className: "card_form_inner"
@@ -4721,7 +4800,8 @@ var initialReviewValues = {
     stripe_payment_plan_enabled: false,
     stripe_payment_plan_configuration: {}
   },
-  billing_info: {}
+  billing_info: {},
+  flagSeatMapAllowed: false
 };
 var PaymentContainer = function PaymentContainer(_ref) {
   var _ref$paymentFields = _ref.paymentFields,
@@ -4930,7 +5010,7 @@ var PaymentContainer = function PaymentContainer(_ref) {
   // 3. redirect to confirmation page
   var handlePaymentMiddleWare = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(error, data) {
-      var order_hash, paymentSuccessResponse, _window;
+      var order_hash, paymentSuccessResponse, _window, _window$dataLayer;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
@@ -4978,7 +5058,7 @@ var PaymentContainer = function PaymentContainer(_ref) {
               localStorage.removeItem('ownReservations');
               localStorage.removeItem('tierId');
               if (isBrowser) {
-                (_window = window) == null ? void 0 : _window.dataLayer.push({
+                (_window = window) == null ? void 0 : (_window$dataLayer = _window.dataLayer) == null ? void 0 : _window$dataLayer.push({
                   event: 'Purchase',
                   orderValue: orderData.total,
                   orderCurrency: orderData.currency,
@@ -4993,7 +5073,7 @@ var PaymentContainer = function PaymentContainer(_ref) {
             _context3.t0 = _context3["catch"](0);
             setError(_get(_context3.t0, 'response.data.message'));
             setPaymentIsLoading(false);
-            onPaymentError(_context3.t0.response);
+            onPaymentError(_context3.t0.response || _context3.t0);
           case 27:
           case "end":
             return _context3.stop();
@@ -5167,6 +5247,7 @@ var PaymentContainer = function PaymentContainer(_ref) {
     options: elementsOptions
   }, React__default.createElement(CheckoutForm, {
     stripe_client_secret: paymentPlanIsAvailable && showPaymentPlanSection ? paymentPlanConfig.stripe_setup_intent_secret : _get(reviewData, 'payment_method.stripe_client_secret'),
+    hasSeatMapActions: reviewData.flagSeatMapAllowed,
     total: orderData.guest_count ? orderData.pay_now : orderData.total,
     onSubmit: handlePaymentMiddleWare,
     error: error,
@@ -5793,50 +5874,6 @@ function useLocalStorageListener(key, callback) {
   return value;
 }
 
-var style$4 = {
-  position: 'absolute',
-  top: '50%',
-  left: '50%',
-  transform: 'translate(-50%, -50%)',
-  minWidth: 480,
-  backgroundColor: '#e3e3e3',
-  border: '1px solid white',
-  outline: 'none',
-  padding: '14px',
-  maxHeight: '85vh',
-  overflow: 'auto'
-};
-var ConfirmModal = function ConfirmModal(_ref) {
-  var _ref$message = _ref.message,
-    message = _ref$message === void 0 ? '' : _ref$message,
-    _ref$loading = _ref.loading,
-    loading = _ref$loading === void 0 ? false : _ref$loading,
-    _ref$hideCancelBtn = _ref.hideCancelBtn,
-    hideCancelBtn = _ref$hideCancelBtn === void 0 ? false : _ref$hideCancelBtn,
-    _ref$onClose = _ref.onClose,
-    onClose = _ref$onClose === void 0 ? _identity : _ref$onClose,
-    _ref$onConfirm = _ref.onConfirm,
-    onConfirm = _ref$onConfirm === void 0 ? _identity : _ref$onConfirm;
-  return React__default.createElement(Modal$1, {
-    open: true,
-    onClose: onClose,
-    "aria-labelledby": "modal-modal-title",
-    "aria-describedby": "modal-modal-description",
-    className: "confirm-modal"
-  }, React__default.createElement(Box, {
-    style: style$4
-  }, React__default.createElement("p", null, message), React__default.createElement("div", {
-    className: "footer"
-  }, !hideCancelBtn && React__default.createElement(Button, {
-    onClick: onClose,
-    disabled: loading
-  }, "Cancel"), React__default.createElement(Button, {
-    onClick: onConfirm
-  }, loading ? React__default.createElement(CircularProgress, {
-    size: "22px"
-  }) : 'OK'))));
-};
-
 var isTimeExpired = function isTimeExpired(startDate, timezone) {
   return !moment(startDate).isAfter(moment.tz(moment(), timezone).format('YYYY-MM-DD HH:mm:ss'));
 };