tf-checkout-react 1.0.92 → 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>>;
@@ -27,4 +28,5 @@ export declare const getOrders: (page: number, limit: number, eventSlug: string)
 export declare const getOrderDetails: (orderId: string) => Promise<import("axios").AxiosResponse<any, any>>;
 export declare const addToWaitingList: (id: number, data: any) => Promise<import("axios").AxiosResponse<any, any>>;
 export declare const getConditions: (eventId: string) => Promise<import("axios").AxiosResponse<any, any>>;
+export declare const postReferralVisits: (eventId: string, referralId: string) => Promise<import("axios").AxiosResponse<any, any>>;
 export {};

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

@@ -1,4 +1,5 @@
 import { IGroupItem } from '../../types';
+import { FormikValues } from 'formik';
 export interface ILoggedInValues {
     emailLogged?: string;
     firstNameLogged?: string;
@@ -48,6 +49,6 @@ export declare const setLoggedUserData: (data: IUserData) => {
 export declare const createCheckoutDataBody: (ticketsQuantity: number, values?: IValues, logedInValues?: ILoggedInValues, includeDob?: boolean) => ICheckoutBody;
 export declare const getValidateFunctions: (element: IGroupItem, states: {
     [key: string]: any;
-}[]) => (...value: any) => any;
+}[], values: FormikValues) => (...value: any) => any;
 export declare const assingUniqueIds: (data: any) => any;
 export {};

package/dist/components/ticketsContainer/ReferralLogic.d.ts

@@ -0,0 +1,5 @@
+interface IReferralLogicProps {
+    eventId: string | number;
+}
+export declare const ReferralLogic: (props: IReferralLogicProps) => null;
+export {};

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, {
@@ -1305,6 +1311,11 @@ var addToWaitingList = function addToWaitingList(id, data) {
 var getConditions = function getConditions(eventId) {
   return publicRequest.get("v1/event/" + eventId + "/conditions");
 };
+var postReferralVisits = function postReferralVisits(eventId, referralId) {
+  return publicRequest.post("/v1/event/" + eventId + "/referrer/", {
+    referrer: "" + referralId
+  });
+};
 
 var style = {
   position: 'absolute',
@@ -1866,7 +1877,7 @@ var createCheckoutDataBody = function createCheckoutDataBody(ticketsQuantity, va
 
   return body;
 };
-var getValidateFunctions = function getValidateFunctions(element, states) {
+var getValidateFunctions = function getValidateFunctions(element, states, values) {
   var validationFunctions = [];
 
   if (element.required) {
@@ -1879,6 +1890,14 @@ var getValidateFunctions = function getValidateFunctions(element, states) {
     validationFunctions.push(element.onValidate);
   }
 
+  if (element.name === 'confirmEmail') {
+    var isSameEmail = function isSameEmail(confirmEmail) {
+      return values.email !== confirmEmail ? 'Please confirm your email address correctly' : null;
+    };
+
+    validationFunctions.push(isSameEmail);
+  }
+
   return combineValidators.apply(void 0, validationFunctions);
 };
 var assingUniqueIds = function assingUniqueIds(data) {
@@ -2379,7 +2398,9 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
 
   var ttfOptIn = Boolean(_get(cartInfoData, 'ttfOptIn', false));
 
-  var hideTtfOptIn = _get(cartInfoData, 'hide_ttf_opt_in', true); // Get prevProps
+  var hideTtfOptIn = _get(cartInfoData, 'hide_ttf_opt_in', true);
+
+  var flagRequirePhone = _get(cartInfoData, 'flagRequirePhone', false); // Get prevProps
 
 
   var prevData = React.useRef(data);
@@ -2673,7 +2694,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                 _context6.prev = 0;
 
                 if (!isLoggedIn) {
-                  _context6.next = 17;
+                  _context6.next = 15;
                   break;
                 }
 
@@ -2701,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,
@@ -2716,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');
@@ -2730,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;
@@ -2760,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);
@@ -2774,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)) {
@@ -2812,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) {
@@ -2887,6 +2900,10 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
             return false;
           }
 
+          if (el.name === 'phone' && !flagRequirePhone) {
+            el.required = true;
+          }
+
           return true;
         }), function (element) {
           return ['password', 'confirmPassword', 'password-info'].includes(element.name) && isLoggedIn ? null : React__default.createElement(React__default.Fragment, {
@@ -2897,7 +2914,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
             name: element.name,
             label: element.label,
             type: element.type,
-            validate: getValidateFunctions(element, states),
+            validate: getValidateFunctions(element, states, props.values),
             setFieldValue: props.setFieldValue,
             onBlur: props.handleBlur,
             component: element.type === 'checkbox' ? CheckboxField : element.type === 'select' ? SelectField : element.type === 'phone' ? FormikPhoneNumberField : CustomField,
@@ -3395,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;
 
@@ -3517,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) {
@@ -3584,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"
@@ -3607,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 = {
@@ -3767,7 +3812,7 @@ var SocialButtons = function SocialButtons(_ref2) {
     return React__default.createElement(SocialComponent, Object.assign({
       key: index
     }, shareButton));
-  })));
+  })), (showDefaultShareButtons || shareButtons.length) && React__default.createElement("p", null, "We ", React__default.createElement("strong", null, "never"), " post on Facebook without your permission!"));
 };
 
 var ConfirmationContainer = function ConfirmationContainer(_ref) {
@@ -4069,7 +4114,7 @@ var TicketsSection = function TicketsSection(_ref) {
       className: "old-price"
     }, "$ ", (+ticket.oldPrice).toFixed(2)), React__default.createElement("p", null, ticketPrice), !isSoldOut && !ticketIsFree && React__default.createElement("p", {
       className: "fees"
-    }, ticket.taxesIncluded ? '(incl. Fees)' : '(excl. Fees)')), React__default.createElement("div", {
+    }, ticket.feeIncluded ? '(incl. Fees)' : '(excl. Fees)')), React__default.createElement("div", {
       className: "event-detail__tier-state",
       style: {
         minWidth: 55
@@ -4398,6 +4443,47 @@ function Countdown(_ref) {
   }, message)));
 }
 
+var ReferralLogic = function ReferralLogic(props) {
+  var eventId = props.eventId;
+  var isWindowDefined = typeof window !== 'undefined';
+  React.useEffect(function () {
+    if (isWindowDefined) {
+      var params = new URL("" + window.location).searchParams;
+      var referralId = params.get('ttf_r') || '';
+      var isAlreadyCounted = !!localStorage.getItem('referral_key');
+
+      if (referralId && eventId && !isAlreadyCounted) {
+        _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
+          return runtime_1.wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  _context.prev = 0;
+                  _context.next = 3;
+                  return postReferralVisits("" + eventId, referralId);
+
+                case 3:
+                  localStorage.setItem('referral_key', [eventId, '.', referralId].join(''));
+                  _context.next = 8;
+                  break;
+
+                case 6:
+                  _context.prev = 6;
+                  _context.t0 = _context["catch"](0);
+
+                case 8:
+                case "end":
+                  return _context.stop();
+              }
+            }
+          }, _callee, null, [[0, 6]]);
+        }))();
+      }
+    }
+  }, []);
+  return null;
+};
+
 function Loader$1() {
   return React__default.createElement("div", {
     className: "loader-container"
@@ -4742,7 +4828,9 @@ var TicketsContainer = function TicketsContainer(_ref) {
   }, []);
   return React__default.createElement(privateTheming.ThemeProvider, {
     theme: themeMui
-  }, React__default.createElement("div", {
+  }, React__default.createElement(ReferralLogic, {
+    eventId: eventId
+  }), React__default.createElement("div", {
     className: "get-tickets-page " + theme,
     style: contentStyle
   }, isLoading ? React__default.createElement(Loader$1, null) : React__default.createElement("div", null, React__default.createElement(TicketsSection, {