tf-checkout-react 1.0.95 → 1.0.96

package/dist/api/index.d.ts

@@ -19,6 +19,7 @@ export declare const getAccessToken: (data: FormData) => Promise<import("axios")
 export declare const getPaymentData: (hash: string) => Promise<import("axios").AxiosResponse<any, any>>;
 export declare const handlePaymentData: (orderHash: string, data: any) => Promise<import("axios").AxiosResponse<any, any>>;
 export declare const handlePaymentSuccess: (orderHash: string) => Promise<import("axios").AxiosResponse<any, any>>;
+export declare const handleFreeSuccess: (orderHash: string) => Promise<import("axios").AxiosResponse<any, any>>;
 export declare const getProfileData: (accessToken: any) => Promise<any>;
 export declare const getCountries: () => Promise<import("axios").AxiosResponse<any, any>>;
 export declare const getConfirmationData: (orderHash: string) => Promise<import("axios").AxiosResponse<any, any>>;

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

@@ -1275,6 +1275,12 @@ var handlePaymentSuccess = function handlePaymentSuccess(orderHash) {
   });
   return res;
 };
+var handleFreeSuccess = function handleFreeSuccess(orderHash) {
+  var res = publicRequest.post("v1/order/" + orderHash + "/complete_free_registration")["catch"](function (error) {
+    throw error;
+  });
+  return res;
+};
 var getProfileData = function getProfileData(accessToken) {
   return publicRequest.get('/customer/profile/', {
     headers: _extends({}, ttfHeaders, {
@@ -2688,7 +2694,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                 _context6.prev = 0;
 
                 if (!isLoggedIn) {
-                  _context6.next = 17;
+                  _context6.next = 15;
                   break;
                 }
 
@@ -2716,14 +2722,10 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
 
               case 12:
                 _res = _context6.sent;
-                _context6.next = 15;
-                return getPaymentData(_res.data.data.attributes.hash);
-
-              case 15:
                 handleSubmit(values, formikHelpers, eventId, _res);
                 return _context6.abrupt("return");
 
-              case 17:
+              case 15:
                 checkoutBodyForRegistration = createCheckoutDataBody(ticketsQuantity.length, values, {
                   emailLogged: emailLogged,
                   firstNameLogged: firstNameLogged,
@@ -2731,11 +2733,11 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                 }, showDOB);
                 bodyFormData = createRegisterFormData(values, checkoutBodyForRegistration);
                 access_token_register = null;
-                _context6.prev = 20;
-                _context6.next = 23;
+                _context6.prev = 18;
+                _context6.next = 21;
                 return register(bodyFormData);
 
-              case 23:
+              case 21:
                 resRegister = _context6.sent;
                 access_token_register = _get(resRegister, 'data.data.attributes.access_token');
                 refreshToken = _get(resRegister, 'data.data.attributes.refresh_token');
@@ -2745,12 +2747,12 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                   refreshToken: refreshToken
                 };
                 onRegisterSuccess(tokens);
-                _context6.next = 35;
+                _context6.next = 33;
                 break;
 
-              case 31:
-                _context6.prev = 31;
-                _context6.t0 = _context6["catch"](20);
+              case 29:
+                _context6.prev = 29;
+                _context6.t0 = _context6["catch"](18);
 
                 if (axios.isAxiosError(_context6.t0)) {
                   _error = _context6.t0 == null ? void 0 : (_e$response = _context6.t0.response) == null ? void 0 : (_e$response$data = _e$response.data) == null ? void 0 : _e$response$data.message;
@@ -2775,11 +2777,11 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
 
                 return _context6.abrupt("return");
 
-              case 35:
-                _context6.next = 37;
+              case 33:
+                _context6.next = 35;
                 return getProfileData(access_token_register);
 
-              case 37:
+              case 35:
                 profileData = _context6.sent;
                 profileSpecifiedData = _get(profileData, 'data.data');
                 profileDataObj = setLoggedUserData(profileSpecifiedData);
@@ -2789,21 +2791,17 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                 }
 
                 checkoutBody = collectCheckoutBody(values);
-                _context6.next = 44;
+                _context6.next = 42;
                 return postOnCheckout(checkoutBody, access_token_register);
 
-              case 44:
+              case 42:
                 res = _context6.sent;
-                _context6.next = 47;
-                return getPaymentData(res.data.data.attributes.hash);
-
-              case 47:
                 handleSubmit(values, formikHelpers, eventId, res);
-                _context6.next = 53;
+                _context6.next = 49;
                 break;
 
-              case 50:
-                _context6.prev = 50;
+              case 46:
+                _context6.prev = 46;
                 _context6.t1 = _context6["catch"](0);
 
                 if (axios.isAxiosError(_context6.t1)) {
@@ -2827,12 +2825,12 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                   onSubmitError(_context6.t1);
                 }
 
-              case 53:
+              case 49:
               case "end":
                 return _context6.stop();
             }
           }
-        }, _callee6, null, [[0, 50], [20, 31]]);
+        }, _callee6, null, [[0, 46], [18, 29]]);
       }));
 
       function onSubmit(_x2, _x3) {
@@ -3414,9 +3412,9 @@ var PaymentContainer = function PaymentContainer(_ref) {
   var showFormTitle = Boolean(formTitle);
   var showErrorText = Boolean(errorText);
   var eventId = getQueryVariable('event_id');
+  var hash = checkoutData.hash,
+      total = checkoutData.total;
   React.useEffect(function () {
-    var hash = checkoutData.hash;
-
     _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
       var response, _cart$, attributes, cart, order_details, _order_details$ticket, ticket, _orderData;
 
@@ -3536,32 +3534,50 @@ var PaymentContainer = function PaymentContainer(_ref) {
 
             case 4:
               order_hash = reviewData.order_details.order_hash;
-              _context3.next = 7;
+
+              if (!(total === "0.00")) {
+                _context3.next = 11;
+                break;
+              }
+
+              _context3.next = 8;
+              return handleFreeSuccess(order_hash);
+
+            case 8:
+              _context3.t0 = _context3.sent;
+              _context3.next = 14;
+              break;
+
+            case 11:
+              _context3.next = 13;
               return handlePaymentSuccess(order_hash);
 
-            case 7:
-              paymentSuccessResponse = _context3.sent;
+            case 13:
+              _context3.t0 = _context3.sent;
+
+            case 14:
+              paymentSuccessResponse = _context3.t0;
 
               if (paymentSuccessResponse.status === 200) {
                 handlePayment(paymentSuccessResponse);
                 setPaymentIsLoading(false);
               }
 
-              _context3.next = 15;
+              _context3.next = 22;
               break;
 
-            case 11:
-              _context3.prev = 11;
-              _context3.t0 = _context3["catch"](0);
-              setError(_get(_context3.t0, 'response.data.message'));
-              onPaymentError(_context3.t0.response);
+            case 18:
+              _context3.prev = 18;
+              _context3.t1 = _context3["catch"](0);
+              setError(_get(_context3.t1, 'response.data.message'));
+              onPaymentError(_context3.t1.response);
 
-            case 15:
+            case 22:
             case "end":
               return _context3.stop();
           }
         }
-      }, _callee3, null, [[0, 11]]);
+      }, _callee3, null, [[0, 18]]);
     }));
 
     return function handlePaymentMiddleWare(_x) {
@@ -3603,7 +3619,7 @@ var PaymentContainer = function PaymentContainer(_ref) {
     }, label), React__default.createElement("div", {
       className: className + " order_info_text"
     }, normalizer(orderData[id], orderData.currency)));
-  })), React__default.createElement("div", {
+  })), total !== "0.00" ? React__default.createElement("div", {
     className: "payment_info"
   }, React__default.createElement("div", {
     className: "payment_info_label"
@@ -3626,7 +3642,17 @@ var PaymentContainer = function PaymentContainer(_ref) {
     conditions: conditions,
     stripeCardOptions: stripeCardOptions,
     disableZipSection: disableZipSection
-  })))))));
+  })))) : React__default.createElement("div", {
+    className: "payment_button " + (paymentIsLoading ? 'disabled-payment-button' : '')
+  }, React__default.createElement("button", {
+    disabled: paymentIsLoading,
+    type: "button",
+    onClick: function onClick() {
+      handlePaymentMiddleWare(null);
+    }
+  }, paymentIsLoading ? React__default.createElement(CircularProgress, {
+    size: 26
+  }) : "Complete Registration")))));
 };
 
 var config = {