tf-checkout-react 1.6.6-beta.29 → 1.6.6-beta.30

package/dist/components/paymentContainer/OrderDetails.d.ts

@@ -4,5 +4,5 @@ interface OrderDetailsProps {
     paymentFieldsData: any[];
     customMobileText?: string;
 }
-export declare const OrderDetails: ({ orderData, paymentFieldsData, customMobileText }: OrderDetailsProps) => JSX.Element;
+export declare const OrderDetails: ({ orderData, paymentFieldsData, customMobileText, }: OrderDetailsProps) => JSX.Element;
 export {};

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

@@ -5619,6 +5619,76 @@ var PaymentContainer = function PaymentContainer(_ref) {
     }
   }, [showPaymentPlanSection, paymentPlanUseSavedCard, orderData == null ? void 0 : orderData.id]);
   React.useEffect(function () {
+    var fetchPaymentData = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var paymentDataResponse, _paymentDataResponse$, _cart$2, attributes, cart, order_details, _order_details$ticket, ticket, orderDataArray, _orderData;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return getPaymentData(hash);
+            case 3:
+              paymentDataResponse = _context.sent;
+              if (paymentDataResponse.success) {
+                attributes = paymentDataResponse == null ? void 0 : (_paymentDataResponse$ = paymentDataResponse.data) == null ? void 0 : _paymentDataResponse$.attributes;
+                setReviewData(attributes);
+                cart = attributes.cart, order_details = attributes.order_details;
+                _order_details$ticket = order_details.tickets, ticket = _order_details$ticket[0];
+                orderDataArray = _map(order_details.tickets, function (item) {
+                  var _cart$;
+                  return {
+                    product_name: (_cart$ = cart[0]) == null ? void 0 : _cart$.product_name,
+                    ticketType: item == null ? void 0 : item.name,
+                    quantity: item == null ? void 0 : item.guest_count,
+                    price: item == null ? void 0 : item.price,
+                    cost: item == null ? void 0 : item.cost,
+                    id: item.id,
+                    count: item == null ? void 0 : item.quantity
+                  };
+                });
+                _orderData = {
+                  id: order_details == null ? void 0 : order_details.id,
+                  product_name: (_cart$2 = cart[0]) == null ? void 0 : _cart$2.product_name,
+                  ticketType: ticket == null ? void 0 : ticket.name,
+                  quantity: ticket == null ? void 0 : ticket.quantity,
+                  price: ticket == null ? void 0 : ticket.price,
+                  total: order_details == null ? void 0 : order_details.total,
+                  currency: order_details == null ? void 0 : order_details.currency,
+                  add_ons: (order_details == null ? void 0 : order_details.add_ons) || [],
+                  pay_now: (order_details == null ? void 0 : order_details.pay_now) || '',
+                  guest_count: (order_details == null ? void 0 : order_details.guest_count) || '',
+                  debt: (order_details == null ? void 0 : order_details.debt) || null,
+                  tableTypes: orderDataArray,
+                  cost: ticket == null ? void 0 : ticket.cost,
+                  subtotal: order_details == null ? void 0 : order_details.subtotal,
+                  fees: order_details == null ? void 0 : order_details.fees
+                };
+                setOrderData(_orderData);
+                setCurrency(order_details == null ? void 0 : order_details.currency);
+                onGetPaymentDataSuccess(paymentDataResponse.data);
+              }
+              _context.next = 11;
+              break;
+            case 7:
+              _context.prev = 7;
+              _context.t0 = _context["catch"](0);
+              setError(_get(_context.t0, 'response.data.message', null));
+              onGetPaymentDataError(_context.t0.response);
+            case 11:
+              _context.prev = 11;
+              setPaymentDataIsLoading(false);
+              return _context.finish(11);
+            case 14:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[0, 7, 11, 14]]);
+      }));
+      return function fetchPaymentData() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
     if (isSinglePageCheckout) {
       if (!(orderData != null && orderData.total)) {
         setOrderData(function (current) {
@@ -5629,73 +5699,8 @@ var PaymentContainer = function PaymentContainer(_ref) {
         });
         setPaymentDataIsLoading(false);
       }
-      return;
+      fetchPaymentData();
     }
-    _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var paymentDataResponse, _paymentDataResponse$, _cart$2, attributes, cart, order_details, _order_details$ticket, ticket, orderDataArray, _orderData;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.prev = 0;
-            _context.next = 3;
-            return getPaymentData(hash);
-          case 3:
-            paymentDataResponse = _context.sent;
-            if (paymentDataResponse.success) {
-              attributes = paymentDataResponse == null ? void 0 : (_paymentDataResponse$ = paymentDataResponse.data) == null ? void 0 : _paymentDataResponse$.attributes;
-              setReviewData(attributes);
-              cart = attributes.cart, order_details = attributes.order_details;
-              _order_details$ticket = order_details.tickets, ticket = _order_details$ticket[0];
-              orderDataArray = _map(order_details.tickets, function (item) {
-                var _cart$;
-                return {
-                  product_name: (_cart$ = cart[0]) == null ? void 0 : _cart$.product_name,
-                  ticketType: item == null ? void 0 : item.name,
-                  quantity: item == null ? void 0 : item.guest_count,
-                  price: item == null ? void 0 : item.price,
-                  cost: item == null ? void 0 : item.cost,
-                  id: item.id,
-                  count: item == null ? void 0 : item.quantity
-                };
-              });
-              _orderData = {
-                id: order_details == null ? void 0 : order_details.id,
-                product_name: (_cart$2 = cart[0]) == null ? void 0 : _cart$2.product_name,
-                ticketType: ticket == null ? void 0 : ticket.name,
-                quantity: ticket == null ? void 0 : ticket.quantity,
-                price: ticket == null ? void 0 : ticket.price,
-                total: order_details == null ? void 0 : order_details.total,
-                currency: order_details == null ? void 0 : order_details.currency,
-                add_ons: (order_details == null ? void 0 : order_details.add_ons) || [],
-                pay_now: (order_details == null ? void 0 : order_details.pay_now) || '',
-                guest_count: (order_details == null ? void 0 : order_details.guest_count) || '',
-                debt: (order_details == null ? void 0 : order_details.debt) || null,
-                tableTypes: orderDataArray,
-                cost: ticket == null ? void 0 : ticket.cost,
-                subtotal: order_details == null ? void 0 : order_details.subtotal,
-                fees: order_details == null ? void 0 : order_details.fees
-              };
-              setOrderData(_orderData);
-              setCurrency(order_details == null ? void 0 : order_details.currency);
-              onGetPaymentDataSuccess(paymentDataResponse.data);
-            }
-            _context.next = 11;
-            break;
-          case 7:
-            _context.prev = 7;
-            _context.t0 = _context["catch"](0);
-            setError(_get(_context.t0, 'response.data.message', null));
-            onGetPaymentDataError(_context.t0.response);
-          case 11:
-            _context.prev = 11;
-            setPaymentDataIsLoading(false);
-            return _context.finish(11);
-          case 14:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[0, 7, 11, 14]]);
-    }))();
   }, [orderData, hash, isSinglePageCheckout, onGetPaymentDataError, onGetPaymentDataSuccess]);
   //just once
   React.useEffect(function () {
@@ -6641,7 +6646,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
   React.useEffect(function () {
     var fetchCheckoutUpdate = /*#__PURE__*/function () {
       var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
-        var checkoutUpdateResponse;
+        var checkoutUpdateResponse, checkoutAttributes;
         return _regeneratorRuntime().wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
@@ -6661,7 +6666,8 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
             case 5:
               checkoutUpdateResponse = _context5.sent;
               if (checkoutUpdateResponse.success) {
-                setCheckoutUpdateData(checkoutUpdateResponse.data.attributes);
+                checkoutAttributes = checkoutUpdateResponse.data.attributes;
+                setCheckoutUpdateData(checkoutAttributes);
               }
               _context5.next = 12;
               break;
@@ -6792,7 +6798,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
   }, []);
   var updateCheckoutWithAddOns = React.useCallback( /*#__PURE__*/function () {
     var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(addOns) {
-      var mergedAddOns, _checkoutUpdateData, checkoutResponse, errorMessage;
+      var mergedAddOns, _checkoutUpdateData, checkoutResponse, checkoutDataObj, errorMessage;
       return _regeneratorRuntime().wrap(function _callee7$(_context7) {
         while (1) switch (_context7.prev = _context7.next) {
           case 0:
@@ -6828,7 +6834,8 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
           case 9:
             checkoutResponse = _context7.sent;
             if (checkoutResponse.success) {
-              setCheckoutData(_get(checkoutResponse, 'data.attributes.cart_price_breakdown', {}));
+              checkoutDataObj = _get(checkoutResponse, 'data.attributes.cart_price_breakdown', {});
+              setCheckoutData(checkoutDataObj);
               onCheckoutUpdateSuccess(checkoutResponse.data.attributes);
               setSingleCheckoutAddOns(mergedAddOns);
             }
@@ -7034,16 +7041,20 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
               checkoutUpdateResponse = _context9.sent;
               paymentResponse = null;
               if (!isSinglePageCheckout) {
-                _context9.next = 67;
+                _context9.next = 68;
                 break;
               }
               _checkoutResponse$dat = checkoutResponse.data.attributes, hash = _checkoutResponse$dat.hash, total = _checkoutResponse$dat.total;
-              _context9.next = 48;
+              localStorage.setItem('checkoutData', JSON.stringify({
+                hash: hash,
+                total: total
+              }));
+              _context9.next = 49;
               return getPaymentData(String(hash));
-            case 48:
+            case 49:
               paymentDataResponse = _context9.sent;
               if (!paymentDataResponse.success) {
-                _context9.next = 67;
+                _context9.next = 68;
                 break;
               }
               attributes = paymentDataResponse.data.attributes;
@@ -7070,11 +7081,11 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
               paymentMethod = attributes.payment_method || {};
               paymentPlanAvailable = paymentMethod.stripe_payment_plan_enabled;
               if (isFreeTickets) {
-                _context9.next = 65;
+                _context9.next = 66;
                 break;
               }
               card = cardRef.current;
-              _context9.next = 62;
+              _context9.next = 63;
               return stripeRef.current.createPaymentMethod({
                 type: 'card',
                 card: card || {
@@ -7084,14 +7095,14 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
                   address: addressRef.current
                 }
               });
-            case 62:
+            case 63:
               paymentMethodReq = _context9.sent;
-              _context9.next = 65;
+              _context9.next = 66;
               return stripeRef.current.confirmCardPayment(paymentMethod.stripe_client_secret, {
                 payment_method: paymentMethodReq.paymentMethod.id
               });
-            case 65:
-              _context9.next = 67;
+            case 66:
+              _context9.next = 68;
               return handlePaymentMiddleWare(null, {}, {
                 reviewData: attributes,
                 isFreeTickets: isFreeTickets,
@@ -7109,13 +7120,13 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
                   throw error;
                 }
               });
-            case 67:
+            case 68:
               removeReferralKey();
               handleSubmit(values, formikHelpers, eventId, checkoutResponse, checkoutUpdateResponse, paymentResponse);
-              _context9.next = 78;
+              _context9.next = 79;
               break;
-            case 71:
-              _context9.prev = 71;
+            case 72:
+              _context9.prev = 72;
               _context9.t1 = _context9["catch"](0);
               setLoading(false);
               onSubmitError(_context9.t1);
@@ -7142,15 +7153,15 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
                 }
                 onSubmitError(_context9.t1);
               }
-            case 78:
-              _context9.prev = 78;
+            case 79:
+              _context9.prev = 79;
               setLoading(false);
-              return _context9.finish(78);
-            case 81:
+              return _context9.finish(79);
+            case 82:
             case "end":
               return _context9.stop();
           }
-        }, _callee9, null, [[0, 71, 78, 81], [8, 20]]);
+        }, _callee9, null, [[0, 72, 79, 82], [8, 20]]);
       }));
       function onSubmit(_x3, _x4) {
         return _onSubmit.apply(this, arguments);