tf-checkout-react 1.0.89 → 1.0.93

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/tf-checkout-react.cjs.development.js

@@ -1294,7 +1294,7 @@ var getStates = function getStates(countryId) {
   return publicRequest.get("/countries/" + countryId + "/states/");
 };
 var getOrders = function getOrders(page, limit, eventSlug) {
-  return publicRequest.get("/v1/account/orders/?page=" + page + "&limit=" + limit + "&filter[event]=" + eventSlug);
+  return publicRequest.get("/v1/account/orders/?page=" + page + "&limit=" + limit + "&filter[event]=" + eventSlug + "&filter[brand]=" + CONFIGS.BRAND_SLUG);
 };
 var getOrderDetails = function getOrderDetails(orderId) {
   return publicRequest.get("/v1/account/order/" + orderId);
@@ -1338,6 +1338,12 @@ var LoginModal = function LoginModal(_ref) {
       error = _useState[0],
       setError = _useState[1];
 
+  var handleForgotPassword = function handleForgotPassword() {
+    if (typeof window !== 'undefined') {
+      window.open(CONFIGS.BASE_URL + "/password-restore/");
+    }
+  };
+
   return React__default.createElement(Modal, {
     open: true,
     onClose: onClose,
@@ -1516,7 +1522,11 @@ var LoginModal = function LoginModal(_ref) {
       className: "login-action-button"
     }, React__default.createElement("button", {
       type: "submit"
-    }, "Login"))));
+    }, "Login")), React__default.createElement("div", {
+      className: 'forgot-password'
+    }, React__default.createElement("span", {
+      onClick: handleForgotPassword
+    }, "Forgot password?"))));
   }))));
 };
 
@@ -1856,7 +1866,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) {
@@ -1869,6 +1879,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) {
@@ -2369,7 +2387,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);
@@ -2612,7 +2632,24 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
     }();
 
     collectPaymentData();
-  }, [skipPage, ticketsQuantity]); // Displaying loader
+  }, [skipPage, ticketsQuantity]);
+
+  var collectCheckoutBody = function collectCheckoutBody(values) {
+    var checkoutBody = {}; // Auto collect ticket holders name when it was skipped optionally
+
+    if (showDOB && !showTicketHolders && canSkipHolderNames) {
+      checkoutBody = createCheckoutDataBodyWithDefaultHolder(ticketsQuantity.length, values, true);
+    } else {
+      checkoutBody = createCheckoutDataBody(ticketsQuantity.length, values, {
+        emailLogged: emailLogged,
+        firstNameLogged: firstNameLogged,
+        lastNameLogged: lastNameLogged
+      }, showDOB);
+    }
+
+    return checkoutBody;
+  }; // Displaying loader
+
 
   if (loading) {
     return React__default.createElement(Backdrop, {
@@ -2646,7 +2683,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                 _context6.prev = 0;
 
                 if (!isLoggedIn) {
-                  _context6.next = 18;
+                  _context6.next = 17;
                   break;
                 }
 
@@ -2668,31 +2705,20 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                 }
 
               case 9:
-                _checkoutBody = {}; // Auto collect ticket holders name when it was skipped optionally
-
-                if (showDOB && !showTicketHolders && canSkipHolderNames) {
-                  _checkoutBody = createCheckoutDataBodyWithDefaultHolder(ticketsQuantity.length, values, true);
-                } else {
-                  _checkoutBody = createCheckoutDataBody(ticketsQuantity.length, values, {
-                    emailLogged: emailLogged,
-                    firstNameLogged: firstNameLogged,
-                    lastNameLogged: lastNameLogged
-                  }, showDOB);
-                }
-
-                _context6.next = 13;
+                _checkoutBody = collectCheckoutBody(values);
+                _context6.next = 12;
                 return postOnCheckout(_checkoutBody, access_token);
 
-              case 13:
+              case 12:
                 _res = _context6.sent;
-                _context6.next = 16;
+                _context6.next = 15;
                 return getPaymentData(_res.data.data.attributes.hash);
 
-              case 16:
+              case 15:
                 handleSubmit(values, formikHelpers, eventId, _res);
                 return _context6.abrupt("return");
 
-              case 18:
+              case 17:
                 checkoutBodyForRegistration = createCheckoutDataBody(ticketsQuantity.length, values, {
                   emailLogged: emailLogged,
                   firstNameLogged: firstNameLogged,
@@ -2700,11 +2726,11 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                 }, showDOB);
                 bodyFormData = createRegisterFormData(values, checkoutBodyForRegistration);
                 access_token_register = null;
-                _context6.prev = 21;
-                _context6.next = 24;
+                _context6.prev = 20;
+                _context6.next = 23;
                 return register(bodyFormData);
 
-              case 24:
+              case 23:
                 resRegister = _context6.sent;
                 access_token_register = _get(resRegister, 'data.data.attributes.access_token');
                 refreshToken = _get(resRegister, 'data.data.attributes.refresh_token');
@@ -2714,12 +2740,12 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                   refreshToken: refreshToken
                 };
                 onRegisterSuccess(tokens);
-                _context6.next = 36;
+                _context6.next = 35;
                 break;
 
-              case 32:
-                _context6.prev = 32;
-                _context6.t0 = _context6["catch"](21);
+              case 31:
+                _context6.prev = 31;
+                _context6.t0 = _context6["catch"](20);
 
                 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;
@@ -2744,11 +2770,11 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
 
                 return _context6.abrupt("return");
 
-              case 36:
-                _context6.next = 38;
+              case 35:
+                _context6.next = 37;
                 return getProfileData(access_token_register);
 
-              case 38:
+              case 37:
                 profileData = _context6.sent;
                 profileSpecifiedData = _get(profileData, 'data.data');
                 profileDataObj = setLoggedUserData(profileSpecifiedData);
@@ -2757,26 +2783,22 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                   window.localStorage.setItem('user_data', JSON.stringify(profileDataObj));
                 }
 
-                checkoutBody = createCheckoutDataBody(ticketsQuantity.length, values, {
-                  emailLogged: emailLogged,
-                  firstNameLogged: firstNameLogged,
-                  lastNameLogged: lastNameLogged
-                }, showDOB);
-                _context6.next = 45;
+                checkoutBody = collectCheckoutBody(values);
+                _context6.next = 44;
                 return postOnCheckout(checkoutBody, access_token_register);
 
-              case 45:
+              case 44:
                 res = _context6.sent;
-                _context6.next = 48;
+                _context6.next = 47;
                 return getPaymentData(res.data.data.attributes.hash);
 
-              case 48:
+              case 47:
                 handleSubmit(values, formikHelpers, eventId, res);
-                _context6.next = 54;
+                _context6.next = 53;
                 break;
 
-              case 51:
-                _context6.prev = 51;
+              case 50:
+                _context6.prev = 50;
                 _context6.t1 = _context6["catch"](0);
 
                 if (axios.isAxiosError(_context6.t1)) {
@@ -2800,12 +2822,12 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                   onSubmitError(_context6.t1);
                 }
 
-              case 54:
+              case 53:
               case "end":
                 return _context6.stop();
             }
           }
-        }, _callee6, null, [[0, 51], [21, 32]]);
+        }, _callee6, null, [[0, 50], [20, 31]]);
       }));
 
       function onSubmit(_x2, _x3) {
@@ -2875,6 +2897,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, {
@@ -2885,7 +2911,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,
@@ -3755,7 +3781,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) {