tf-checkout-react 1.0.95 → 1.0.96-beta.0

package/dist/api/index.d.ts

@@ -13,13 +13,17 @@ export declare function getTickets(id: string | number, promoCode: string): Prom
 export declare const addToCart: (id: string | number, data: any) => Promise<import("axios").AxiosResponse<any, any>>;
 export declare const getCart: () => Promise<import("axios").AxiosResponse<any, any>>;
 export declare const postOnCheckout: (data: any, accessToken: string) => Promise<import("axios").AxiosResponse<any, any>>;
-export declare const authorize: (data: FormData) => Promise<import("axios").AxiosResponse<any, any>>;
+export declare const authorize: (data: {
+    email: string;
+    password: string;
+}) => Promise<import("axios").AxiosResponse<any, any>>;
 export declare const register: (data: FormData) => Promise<import("axios").AxiosResponse<any, any>>;
 export declare const getAccessToken: (data: FormData) => Promise<import("axios").AxiosResponse<any, any>>;
 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 getProfileData: (accessToken: any) => Promise<any>;
+export declare const handleFreeSuccess: (orderHash: string) => Promise<import("axios").AxiosResponse<any, any>>;
+export declare const getProfileData: (accessToken?: string | undefined) => Promise<any>;
 export declare const getCountries: () => Promise<import("axios").AxiosResponse<any, any>>;
 export declare const getConfirmationData: (orderHash: string) => Promise<import("axios").AxiosResponse<any, any>>;
 export declare const getStates: (countryId: string) => Promise<import("axios").AxiosResponse<any, any>>;

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

@@ -1104,6 +1104,39 @@ var createCheckoutDataBodyWithDefaultHolder = function createCheckoutDataBodyWit
   return body;
 };
 
+function setCustomCookie(name, value, days) {
+  var expires = '';
+
+  if (days) {
+    var date = new Date();
+    date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
+    expires = '; expires=' + date.toUTCString();
+  }
+
+  document.cookie = name + '=' + (value || '') + expires + '; path=/';
+}
+function getCookieByName(cname) {
+  var name = cname + '=';
+  var ca = document.cookie.split(';');
+
+  for (var i = 0; i < ca.length; i++) {
+    var c = ca[i];
+
+    while (c.charAt(0) == ' ') {
+      c = c.substring(1);
+    }
+
+    if (c.indexOf(name) == 0) {
+      return c.substring(name.length, c.length);
+    }
+  }
+
+  return '';
+}
+function deleteCookieByName(name) {
+  document.cookie = name + '=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
+}
+
 var isWindowDefined = typeof window !== 'undefined';
 var ttfHeaders = {
   Accept: 'application/vnd.api+json',
@@ -1163,14 +1196,22 @@ publicRequest.interceptors.request.use(function (config) {
     config.headers = _updatedHeaders;
   }
 
-  if (CONFIGS.X_SOURCE_ORIGIN) {
+  if (getCookieByName('X-TF-ECOMMERCE')) {
     var _updatedHeaders2 = _extends({}, config.headers, {
-      'X-Source-Origin': CONFIGS.X_SOURCE_ORIGIN
+      'X-TF-ECOMMERCE': getCookieByName('X-TF-ECOMMERCE')
     });
 
     config.headers = _updatedHeaders2;
   }
 
+  if (CONFIGS.X_SOURCE_ORIGIN) {
+    var _updatedHeaders3 = _extends({}, config.headers, {
+      'X-Source-Origin': CONFIGS.X_SOURCE_ORIGIN
+    });
+
+    config.headers = _updatedHeaders3;
+  }
+
   if (CONFIGS.BASE_URL) {
     config.baseURL = CONFIGS.BASE_URL + '/api';
   }
@@ -1255,14 +1296,11 @@ var postOnCheckout = function postOnCheckout(data, accessToken) {
   return res;
 };
 var authorize = function authorize(data) {
-  return publicRequest.post("/v1/oauth/authorize-rn?client_id=" + (CONFIGS.CLIENT_ID || 'e9d8f8922797b4621e562255afe90dbf'), data);
+  return publicRequest.post("/auth?clientId=" + (CONFIGS.CLIENT_ID || 'e9d8f8922797b4621e562255afe90dbf'), data);
 };
 var register = function register(data) {
   return publicRequest.post('/v1/oauth/register-rn', data);
 };
-var getAccessToken = function getAccessToken(data) {
-  return publicRequest.post('/v1/oauth/access_token', data);
-};
 var getPaymentData = function getPaymentData(hash) {
   var response = publicRequest.get("v1/order/" + hash + "/review/")["catch"](function (error) {
     throw error;
@@ -1275,6 +1313,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, {
@@ -1328,10 +1372,6 @@ var LoginModal = function LoginModal(_ref) {
       alreadyHasUser = _ref$alreadyHasUser === void 0 ? false : _ref$alreadyHasUser,
       _ref$userExpired = _ref.userExpired,
       userExpired = _ref$userExpired === void 0 ? false : _ref$userExpired,
-      _ref$onAuthorizeSucce = _ref.onAuthorizeSuccess,
-      onAuthorizeSuccess = _ref$onAuthorizeSucce === void 0 ? function () {} : _ref$onAuthorizeSucce,
-      _ref$onAuthorizeError = _ref.onAuthorizeError,
-      onAuthorizeError = _ref$onAuthorizeError === void 0 ? function () {} : _ref$onAuthorizeError,
       _ref$onGetProfileData = _ref.onGetProfileDataSuccess,
       onGetProfileDataSuccess = _ref$onGetProfileData === void 0 ? function () {} : _ref$onGetProfileData,
       _ref$onGetProfileData2 = _ref.onGetProfileDataError,
@@ -1364,7 +1404,7 @@ var LoginModal = function LoginModal(_ref) {
     },
     onSubmit: function () {
       var _onSubmit = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(_ref2) {
-        var email, password, bodyFormData, resAutorize, bodyFormDataToken, resAccessToken, accessToken, profileResponse, profileSpecifiedData, profileDataObj, event, _e$response, _e$response$data, _error;
+        var email, password, body, resAutorize, xtfCookie, profileResponse, profileSpecifiedData, profileDataObj, event, _e$response, _e$response$data, _error;
 
         return runtime_1.wrap(function _callee$(_context) {
           while (1) {
@@ -1372,66 +1412,39 @@ var LoginModal = function LoginModal(_ref) {
               case 0:
                 email = _ref2.email, password = _ref2.password;
                 _context.prev = 1;
-                bodyFormData = new FormData();
-                bodyFormData.append('email', email);
-                bodyFormData.append('password', password);
-                _context.next = 7;
-                return authorize(bodyFormData);
+                body = {
+                  email: email,
+                  password: password
+                };
+                _context.next = 5;
+                return authorize(body);
 
-              case 7:
+              case 5:
                 resAutorize = _context.sent;
-                bodyFormDataToken = new FormData();
-                bodyFormDataToken.append('code', resAutorize.data.data.code);
-                bodyFormDataToken.append('scope', 'profile');
-                bodyFormDataToken.append('grant_type', 'authorization_code');
-                bodyFormDataToken.append('client_id', CONFIGS.CLIENT_ID || 'e9d8f8922797b4621e562255afe90dbf');
-                bodyFormDataToken.append('client_secret', CONFIGS.CLIENT_SECRET || 'b89c191eff22fdcf84ac9bfd88d005355a151ec2c83b26b9');
-                resAccessToken = null;
-                _context.prev = 15;
-                _context.next = 18;
-                return getAccessToken(bodyFormDataToken);
-
-              case 18:
-                resAccessToken = _context.sent;
-                onAuthorizeSuccess(resAccessToken.data);
-                _context.next = 26;
-                break;
-
-              case 22:
-                _context.prev = 22;
-                _context.t0 = _context["catch"](15);
-
-                if (axios.isAxiosError(_context.t0)) {
-                  onAuthorizeError(_context.t0);
-                }
-
-                return _context.abrupt("return");
-
-              case 26:
-                accessToken = _get(resAccessToken, 'data.access_token');
-                handleSetAccessToken(accessToken);
+                xtfCookie = _get(resAutorize, 'headers.x-tf-ecommerce');
+                setCustomCookie('X-TF-ECOMMERCE', xtfCookie);
                 profileResponse = null;
-                _context.prev = 29;
-                _context.next = 32;
-                return getProfileData(accessToken);
+                _context.prev = 9;
+                _context.next = 12;
+                return getProfileData();
 
-              case 32:
+              case 12:
                 profileResponse = _context.sent;
                 onGetProfileDataSuccess(profileResponse.data);
-                _context.next = 40;
+                _context.next = 20;
                 break;
 
-              case 36:
-                _context.prev = 36;
-                _context.t1 = _context["catch"](29);
+              case 16:
+                _context.prev = 16;
+                _context.t0 = _context["catch"](9);
 
-                if (axios.isAxiosError(_context.t1)) {
-                  onGetProfileDataError(_context.t1);
+                if (axios.isAxiosError(_context.t0)) {
+                  onGetProfileDataError(_context.t0);
                 }
 
                 return _context.abrupt("return");
 
-              case 40:
+              case 20:
                 profileSpecifiedData = _get(profileResponse, 'data.data');
                 profileDataObj = {
                   id: profileSpecifiedData.id,
@@ -1442,32 +1455,31 @@ var LoginModal = function LoginModal(_ref) {
 
                 if (typeof window !== 'undefined') {
                   window.localStorage.setItem('user_data', JSON.stringify(profileDataObj));
-                  window.localStorage.setItem('access_token', accessToken);
                   event = new window.CustomEvent('tf-login');
                   window.document.dispatchEvent(event);
                 }
 
                 onLogin();
-                _context.next = 49;
+                _context.next = 29;
                 break;
 
-              case 46:
-                _context.prev = 46;
-                _context.t2 = _context["catch"](1);
+              case 26:
+                _context.prev = 26;
+                _context.t1 = _context["catch"](1);
 
-                if (axios.isAxiosError(_context.t2)) {
-                  _error = (_context.t2 == null ? void 0 : (_e$response = _context.t2.response) == null ? void 0 : (_e$response$data = _e$response.data) == null ? void 0 : _e$response$data.message) || 'Error';
+                if (axios.isAxiosError(_context.t1)) {
+                  _error = (_context.t1 == null ? void 0 : (_e$response = _context.t1.response) == null ? void 0 : (_e$response$data = _e$response.data) == null ? void 0 : _e$response$data.message) || 'Error';
                   setError(_error);
-                } else if (_context.t2 instanceof Error) {
-                  setError((_context.t2 == null ? void 0 : _context.t2.message) || 'Error');
+                } else if (_context.t1 instanceof Error) {
+                  setError((_context.t1 == null ? void 0 : _context.t1.message) || 'Error');
                 }
 
-              case 49:
+              case 29:
               case "end":
                 return _context.stop();
             }
           }
-        }, _callee, null, [[1, 46], [15, 22], [29, 36]]);
+        }, _callee, null, [[1, 26], [9, 16]]);
       }));
 
       function onSubmit(_x) {
@@ -2316,7 +2328,9 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
       dataWithUniqueIds = _useState[0],
       setDataWithUniqueIds = _useState[1];
 
-  var _useState2 = React.useState(!!access_token),
+  var xtfCookie = getCookieByName('X-TF-ECOMMERCE');
+
+  var _useState2 = React.useState(!!access_token || xtfCookie),
       isLoggedIn = _useState2[0],
       setIsLoggedIn = _useState2[1];
 
@@ -2425,10 +2439,10 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
   };
 
   React.useEffect(function () {
-    if ((pIsLoggedIn || access_token) && !isLoggedIn) {
+    if ((pIsLoggedIn || access_token) && !isLoggedIn || xtfCookie) {
       setIsLoggedIn(true);
     }
-  }, [pIsLoggedIn, isLoggedIn, access_token]); //just once
+  }, [pIsLoggedIn, isLoggedIn, access_token, xtfCookie]); //just once
 
   React.useEffect(function () {
     // fetch countries data
@@ -2537,7 +2551,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
             case 0:
               _context4.prev = 0;
 
-              if (!(isWindowDefined && token)) {
+              if (!(isWindowDefined && token || xtfCookie)) {
                 _context4.next = 10;
                 break;
               }
@@ -2584,7 +2598,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
 
   React.useEffect(function () {
     fetchUserData(access_token);
-  }, [access_token]);
+  }, [access_token, xtfCookie]);
   React.useEffect(function () {
     var collectPaymentData = /*#__PURE__*/function () {
       var _ref7 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee5() {
@@ -2688,7 +2702,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                 _context6.prev = 0;
 
                 if (!isLoggedIn) {
-                  _context6.next = 17;
+                  _context6.next = 15;
                   break;
                 }
 
@@ -2716,14 +2730,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 +2741,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 +2755,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 +2785,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 +2799,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 +2833,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 +3420,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 +3542,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 +3627,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 +3650,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 = {
@@ -4567,6 +4601,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
 
       var _event = new window.CustomEvent('tf-logout');
 
+      deleteCookieByName('X-TF-ECOMMERCE');
       window.document.dispatchEvent(_event);
     }
   };