tf-checkout-react 1.0.46 → 1.0.47

package/dist/api/index.d.ts

@@ -21,4 +21,5 @@ export declare const getCountries: () => Promise<import("axios").AxiosResponse<a
 export declare const getConfirmationData: (orderHash: string) => Promise<import("axios").AxiosResponse<any, any>>;
 export declare const getStates: (countryId: 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 {};

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

@@ -5,6 +5,7 @@ interface CartSuccess {
     skip_billing_page: boolean;
     names_required: boolean;
     age_required: boolean;
+    event_id: string;
 }
 export interface IGetTickets {
     eventId: number;

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

@@ -23,6 +23,7 @@ var styles = require('@mui/styles');
 var FormGroup = _interopDefault(require('@mui/material/FormGroup'));
 var FormControlLabel = _interopDefault(require('@mui/material/FormControlLabel'));
 var Checkbox = _interopDefault(require('@mui/material/Checkbox'));
+var nanoid = require('nanoid');
 var Container = _interopDefault(require('@mui/material/Container'));
 var Alert = _interopDefault(require('@mui/material/Alert'));
 var reactStripeJs = require('@stripe/react-stripe-js');
@@ -1074,6 +1075,9 @@ var getStates = function getStates(countryId) {
 var addToWaitingList = function addToWaitingList(id, data) {
   return publicRequest.post("/v1/event/" + id + "/add_to_waiting_list", data);
 };
+var getConditions = function getConditions(eventId) {
+  return publicRequest.get("v1/event/" + eventId + "/conditions");
+};
 
 var style = {
   position: 'absolute',
@@ -1861,11 +1865,15 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
       showModalRegister = _useState7[0],
       setShowModalRegister = _useState7[1];
 
-  var _useState8 = React.useState(1),
+  var _useState8 = React.useState([]),
       ticketsQuantity = _useState8[0],
       setTicketsQuantity = _useState8[1];
 
-  var _useState9 = React.useState({
+  var _useState9 = React.useState([]),
+      conditions = _useState9[0],
+      setConditions = _useState9[1];
+
+  var _useState10 = React.useState({
     firstName: '',
     lastName: '',
     email: '',
@@ -1880,8 +1888,8 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
     state: '',
     zip: ''
   }),
-      userValues = _useState9[0],
-      setUserValues = _useState9[1];
+      userValues = _useState10[0],
+      setUserValues = _useState10[1];
 
   var isLoggedIn = !!access_token;
 
@@ -1893,9 +1901,12 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
 
   var showDOB = getQueryVariable('age_required') === 'true';
   var showTicketHolderName = getQueryVariable('names_required') === 'true';
+  var eventId = getQueryVariable('event_id');
 
   var optedInFieldValue = _get(cartInfoData, 'optedIn', false);
 
+  var hideOptIn = _get(cartInfoData, 'hide_ttf_opt_in', false);
+
   var getQuantity = function getQuantity(cart) {
     if (cart === void 0) {
       cart = [];
@@ -1906,73 +1917,166 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
       qty += +item.quantity;
     });
     return qty;
-  }; // fetch cart data
+  }; //just once
+
+
+  React.useEffect(function () {
+    // fetch conditions data
+    var fetchConditions = /*#__PURE__*/function () {
+      var _ref5 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2() {
+        var res, conditionsInfo;
+        return runtime_1.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                if (!eventId) {
+                  _context2.next = 6;
+                  break;
+                }
+
+                _context2.next = 3;
+                return getConditions(eventId);
+
+              case 3:
+                res = _context2.sent;
+                conditionsInfo = _get(res, 'data.data.attributes');
+                setConditions(conditionsInfo ? conditionsInfo.map(function (item) {
+                  return {
+                    id: nanoid.nanoid(),
+                    text: item
+                  };
+                }) : []);
+
+              case 6:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2);
+      }));
+
+      return function fetchConditions() {
+        return _ref5.apply(this, arguments);
+      };
+    }();
+
+    fetchConditions(); // fetch countries data
+
+    var fetchCountries = /*#__PURE__*/function () {
+      var _ref6 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee3() {
+        var res;
+        return runtime_1.wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                _context3.prev = 0;
+                _context3.next = 3;
+                return getCountries();
+
+              case 3:
+                res = _context3.sent;
+                setCustomHeader(res);
+                setCountries(_map(_get(res, 'data.data'), function (item, key) {
+                  return {
+                    label: item,
+                    value: Number(key)
+                  };
+                }));
+                onGetCountriesSuccess(res.data);
+                _context3.next = 12;
+                break;
 
+              case 9:
+                _context3.prev = 9;
+                _context3.t0 = _context3["catch"](0);
+
+                if (axios.isAxiosError(_context3.t0)) {
+                  onGetCountriesError(_context3.t0);
+                }
+
+              case 12:
+              case "end":
+                return _context3.stop();
+            }
+          }
+        }, _callee3, null, [[0, 9]]);
+      }));
+
+      return function fetchCountries() {
+        return _ref6.apply(this, arguments);
+      };
+    }();
+
+    fetchCountries();
+    fetchCart();
+  }, []); // fetch cart data
 
   var fetchCart = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2() {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee4() {
       var res, cartInfo, _cartInfo$cart, cart;
 
-      return runtime_1.wrap(function _callee2$(_context2) {
+      return runtime_1.wrap(function _callee4$(_context4) {
         while (1) {
-          switch (_context2.prev = _context2.next) {
+          switch (_context4.prev = _context4.next) {
             case 0:
-              _context2.prev = 0;
-              _context2.next = 3;
+              _context4.prev = 0;
+              _context4.next = 3;
               return getCart();
 
             case 3:
-              res = _context2.sent;
+              res = _context4.sent;
               setCustomHeader(res);
               cartInfo = _get(res, 'data.data.attributes');
               setCartInfo(cartInfo);
               _cartInfo$cart = cartInfo.cart, cart = _cartInfo$cart === void 0 ? [] : _cartInfo$cart;
-              setTicketsQuantity(getQuantity(cart));
+              setTicketsQuantity(new Array(getQuantity(cart)).fill(null).map(function () {
+                return nanoid.nanoid();
+              }));
               onGetCartSuccess(res.data);
-              _context2.next = 15;
+              _context4.next = 15;
               break;
 
             case 12:
-              _context2.prev = 12;
-              _context2.t0 = _context2["catch"](0);
+              _context4.prev = 12;
+              _context4.t0 = _context4["catch"](0);
 
-              if (axios.isAxiosError(_context2.t0)) {
-                onGetCartError(_context2.t0);
+              if (axios.isAxiosError(_context4.t0)) {
+                onGetCartError(_context4.t0);
               }
 
             case 15:
             case "end":
-              return _context2.stop();
+              return _context4.stop();
           }
         }
-      }, _callee2, null, [[0, 12]]);
+      }, _callee4, null, [[0, 12]]);
     }));
 
     return function fetchCart() {
-      return _ref5.apply(this, arguments);
+      return _ref7.apply(this, arguments);
     };
   }(); // fetch user data
 
 
   var fetchUserData = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee3(token) {
+    var _ref8 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee5(token) {
       var userDataResponse, profileSpecifiedData, profileDataObj;
-      return runtime_1.wrap(function _callee3$(_context3) {
+      return runtime_1.wrap(function _callee5$(_context5) {
         while (1) {
-          switch (_context3.prev = _context3.next) {
+          switch (_context5.prev = _context5.next) {
             case 0:
-              _context3.prev = 0;
+              _context5.prev = 0;
 
               if (!(typeof window !== 'undefined' && token)) {
-                _context3.next = 10;
+                _context5.next = 10;
                 break;
               }
 
-              _context3.next = 4;
+              _context5.next = 4;
               return getProfileData(token);
 
             case 4:
-              userDataResponse = _context3.sent;
+              userDataResponse = _context5.sent;
               profileSpecifiedData = _get(userDataResponse, 'data.data');
               profileDataObj = setLoggedUserData(profileSpecifiedData);
               setUserValues(profileDataObj);
@@ -1980,83 +2084,33 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
               onGetProfileDataSuccess(userDataResponse.data);
 
             case 10:
-              _context3.next = 15;
+              _context5.next = 15;
               break;
 
             case 12:
-              _context3.prev = 12;
-              _context3.t0 = _context3["catch"](0);
+              _context5.prev = 12;
+              _context5.t0 = _context5["catch"](0);
 
-              if (axios.isAxiosError(_context3.t0)) {
-                onGetProfileDataError(_context3.t0);
+              if (axios.isAxiosError(_context5.t0)) {
+                onGetProfileDataError(_context5.t0);
               }
 
             case 15:
             case "end":
-              return _context3.stop();
+              return _context5.stop();
           }
         }
-      }, _callee3, null, [[0, 12]]);
+      }, _callee5, null, [[0, 12]]);
     }));
 
     return function fetchUserData(_x) {
-      return _ref6.apply(this, arguments);
+      return _ref8.apply(this, arguments);
     };
   }();
 
   React.useEffect(function () {
-    fetchCart();
-    fetchUserData(access_token); // fetch countries data
-
-    var fetchCountries = /*#__PURE__*/function () {
-      var _ref7 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee4() {
-        var res;
-        return runtime_1.wrap(function _callee4$(_context4) {
-          while (1) {
-            switch (_context4.prev = _context4.next) {
-              case 0:
-                _context4.prev = 0;
-                _context4.next = 3;
-                return getCountries();
-
-              case 3:
-                res = _context4.sent;
-                setCustomHeader(res);
-                setCountries(_map(_get(res, 'data.data'), function (item, key) {
-                  return {
-                    label: item,
-                    value: Number(key)
-                  };
-                }));
-                onGetCountriesSuccess(res.data);
-                _context4.next = 12;
-                break;
-
-              case 9:
-                _context4.prev = 9;
-                _context4.t0 = _context4["catch"](0);
-
-                if (axios.isAxiosError(_context4.t0)) {
-                  onGetCountriesError(_context4.t0);
-                }
-
-              case 12:
-              case "end":
-                return _context4.stop();
-            }
-          }
-        }, _callee4, null, [[0, 9]]);
-      }));
-
-      return function fetchCountries() {
-        return _ref7.apply(this, arguments);
-      };
-    }();
-
-    if (!(countries && countries.length)) {
-      fetchCountries();
-    }
-  }, [access_token, countries]);
+    fetchUserData(access_token);
+  }, [access_token]);
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(formik.Formik, {
     initialValues: getInitialValues(data, _extends({}, initialValues, {
       email: emailLogged,
@@ -2067,30 +2121,30 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
     }), userValues),
     enableReinitialize: true,
     onSubmit: function () {
-      var _onSubmit = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee5(values, formikHelpers) {
+      var _onSubmit = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee6(values, formikHelpers) {
         var updatedUserData, _profileSpecifiedData, _profileDataObj, _checkoutBody, _res, bodyFormData, access_token_register, resRegister, refreshToken, tokens, _e$response, _e$response$data, error, profileData, profileSpecifiedData, profileDataObj, checkoutBody, res, _e$response2;
 
-        return runtime_1.wrap(function _callee5$(_context5) {
+        return runtime_1.wrap(function _callee6$(_context6) {
           while (1) {
-            switch (_context5.prev = _context5.next) {
+            switch (_context6.prev = _context6.next) {
               case 0:
-                _context5.prev = 0;
+                _context6.prev = 0;
 
                 if (!isLoggedIn) {
-                  _context5.next = 15;
+                  _context6.next = 15;
                   break;
                 }
 
                 if (!access_token) {
-                  _context5.next = 9;
+                  _context6.next = 9;
                   break;
                 }
 
-                _context5.next = 5;
+                _context6.next = 5;
                 return getProfileData(access_token);
 
               case 5:
-                updatedUserData = _context5.sent;
+                updatedUserData = _context6.sent;
                 _profileSpecifiedData = _get(updatedUserData, 'data.data');
                 _profileDataObj = setLoggedUserData(_profileSpecifiedData);
 
@@ -2099,28 +2153,28 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
                 }
 
               case 9:
-                _checkoutBody = createCheckoutDataBody(ticketsQuantity, values, {
+                _checkoutBody = createCheckoutDataBody(ticketsQuantity.length, values, {
                   emailLogged: emailLogged,
                   firstNameLogged: firstNameLogged,
                   lastNameLogged: lastNameLogged
                 }, showDOB);
-                _context5.next = 12;
+                _context6.next = 12;
                 return postOnCheckout(_checkoutBody, access_token);
 
               case 12:
-                _res = _context5.sent;
+                _res = _context6.sent;
                 handleSubmit(values, formikHelpers, _res);
-                return _context5.abrupt("return");
+                return _context6.abrupt("return");
 
               case 15:
                 bodyFormData = createRegisterFormData(values);
                 access_token_register = null;
-                _context5.prev = 17;
-                _context5.next = 20;
+                _context6.prev = 17;
+                _context6.next = 20;
                 return register(bodyFormData);
 
               case 20:
-                resRegister = _context5.sent;
+                resRegister = _context6.sent;
                 access_token_register = _get(resRegister, 'data.data.attributes.access_token');
                 refreshToken = _get(resRegister, 'data.data.attributes.refresh_token');
                 handleSetAccessToken(access_token_register);
@@ -2129,15 +2183,15 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
                   refreshToken: refreshToken
                 };
                 onRegisterSuccess(tokens);
-                _context5.next = 32;
+                _context6.next = 32;
                 break;
 
               case 28:
-                _context5.prev = 28;
-                _context5.t0 = _context5["catch"](17);
+                _context6.prev = 28;
+                _context6.t0 = _context6["catch"](17);
 
-                if (axios.isAxiosError(_context5.t0)) {
-                  error = _context5.t0 == null ? void 0 : (_e$response = _context5.t0.response) == null ? void 0 : (_e$response$data = _e$response.data) == null ? void 0 : _e$response$data.message;
+                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;
 
                   if (_includes(error, 'You must be aged')) {
                     formikHelpers.setFieldError('holderAge', error);
@@ -2153,17 +2207,17 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
                     setShowModalLogin(true);
                   }
 
-                  onRegisterError(_context5.t0);
+                  onRegisterError(_context6.t0);
                 }
 
-                return _context5.abrupt("return");
+                return _context6.abrupt("return");
 
               case 32:
-                _context5.next = 34;
+                _context6.next = 34;
                 return getProfileData(access_token_register);
 
               case 34:
-                profileData = _context5.sent;
+                profileData = _context6.sent;
                 profileSpecifiedData = _get(profileData, 'data.data');
                 profileDataObj = setLoggedUserData(profileSpecifiedData);
 
@@ -2171,26 +2225,26 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
                   window.localStorage.setItem('user_data', JSON.stringify(profileDataObj));
                 }
 
-                checkoutBody = createCheckoutDataBody(ticketsQuantity, values, {
+                checkoutBody = createCheckoutDataBody(ticketsQuantity.length, values, {
                   emailLogged: emailLogged,
                   firstNameLogged: firstNameLogged,
                   lastNameLogged: lastNameLogged
                 }, showDOB);
-                _context5.next = 41;
+                _context6.next = 41;
                 return postOnCheckout(checkoutBody, access_token_register);
 
               case 41:
-                res = _context5.sent;
+                res = _context6.sent;
                 handleSubmit(values, formikHelpers, res);
-                _context5.next = 48;
+                _context6.next = 48;
                 break;
 
               case 45:
-                _context5.prev = 45;
-                _context5.t1 = _context5["catch"](0);
+                _context6.prev = 45;
+                _context6.t1 = _context6["catch"](0);
 
-                if (axios.isAxiosError(_context5.t1)) {
-                  if (((_e$response2 = _context5.t1.response) == null ? void 0 : _e$response2.data.error) === 'invalid_token') {
+                if (axios.isAxiosError(_context6.t1)) {
+                  if (((_e$response2 = _context6.t1.response) == null ? void 0 : _e$response2.data.error) === 'invalid_token') {
                     if (typeof window !== 'undefined') {
                       window.localStorage.removeItem('user_data');
                       window.localStorage.removeItem('access_token');
@@ -2199,15 +2253,15 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
                     }
                   }
 
-                  onSubmitError(_context5.t1);
+                  onSubmitError(_context6.t1);
                 }
 
               case 48:
               case "end":
-                return _context5.stop();
+                return _context6.stop();
             }
           }
-        }, _callee5, null, [[0, 45], [17, 28]]);
+        }, _callee6, null, [[0, 45], [17, 28]]);
       }));
 
       function onSubmit(_x2, _x3) {
@@ -2278,6 +2332,10 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
             return false;
           }
 
+          if (el.name === 'brand_opt_in' && hideOptIn) {
+            return false;
+          }
+
           return true;
         }), function (element) {
           return ['password', 'confirmPassword'].includes(element.name) && isLoggedIn ? null : React__default.createElement("div", {
@@ -2293,9 +2351,9 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
           }));
         })));
       }));
-    }), showTicketHolderName && React__default.createElement("div", null, React__default.createElement("p", null, ticketHoldersFields.label), _map(new Array(ticketsQuantity), function (_item, index) {
+    }), showTicketHolderName && React__default.createElement(React__default.Fragment, null, React__default.createElement("p", null, ticketHoldersFields.label), _map(ticketsQuantity, function (_item, index) {
       return React__default.createElement("div", {
-        key: index
+        key: _item
       }, React__default.createElement("h5", null, "Ticket ", index + 1), _map(ticketHoldersFields.fields, function (group) {
         var groupClassname = group.groupClassname,
             groupItems = group.groupItems;
@@ -2318,7 +2376,21 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
           }));
         })));
       }));
-    })), React__default.createElement("div", {
+    })), conditions == null ? void 0 : conditions.map(function (checkbox) {
+      return React__default.createElement("div", {
+        className: 'billing-info-container__singleField',
+        key: checkbox.id
+      }, React__default.createElement("div", {
+        className: "width-fc"
+      }, React__default.createElement(formik.Field, {
+        name: checkbox.id,
+        label: checkbox.text,
+        type: 'checkbox',
+        required: true,
+        component: CheckboxField,
+        validate: combineValidators(requiredValidator)
+      })));
+    }), React__default.createElement("div", {
       className: "button-container"
     }, React__default.createElement(LoadingButton, {
       type: "submit",
@@ -3480,7 +3552,8 @@ var TicketsContainer = function TicketsContainer(_ref) {
                 onAddToCartSuccess({
                   skip_billing_page: (_result$data$data$att = result == null ? void 0 : (_result$data = result.data) == null ? void 0 : (_result$data$data = _result$data.data) == null ? void 0 : (_result$data$data$att2 = _result$data$data.attributes) == null ? void 0 : _result$data$data$att2.skip_billing_page) != null ? _result$data$data$att : false,
                   names_required: (_result$data$data$att3 = result == null ? void 0 : (_result$data2 = result.data) == null ? void 0 : (_result$data2$data = _result$data2.data) == null ? void 0 : (_result$data2$data$at = _result$data2$data.attributes) == null ? void 0 : _result$data2$data$at.names_required) != null ? _result$data$data$att3 : false,
-                  age_required: (_result$data$data$att4 = result == null ? void 0 : (_result$data3 = result.data) == null ? void 0 : (_result$data3$data = _result$data3.data) == null ? void 0 : (_result$data3$data$at = _result$data3$data.attributes) == null ? void 0 : _result$data3$data$at.age_required) != null ? _result$data$data$att4 : false
+                  age_required: (_result$data$data$att4 = result == null ? void 0 : (_result$data3 = result.data) == null ? void 0 : (_result$data3$data = _result$data3.data) == null ? void 0 : (_result$data3$data$at = _result$data3$data.attributes) == null ? void 0 : _result$data3$data$at.age_required) != null ? _result$data$data$att4 : false,
+                  event_id: String(eventId)
                 });
               }