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

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

@@ -4356,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: {
@@ -4396,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(''),
@@ -4495,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);
@@ -4560,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"
@@ -4727,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,
@@ -4936,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:
@@ -4984,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,
@@ -4999,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();
@@ -5173,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,
@@ -5799,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'));
 };