tf-checkout-react 1.0.49 → 1.0.50

package/dist/tf-checkout-react.esm.js

@@ -1819,55 +1819,50 @@ var LogicRunner = function LogicRunner(_ref) {
   return null;
 };
 
-var SectionContainer = function SectionContainer(_ref3) {
-  var children = _ref3.children;
-  return React.createElement(React.Fragment, null, children);
-};
-
-var BillingInfoContainer = function BillingInfoContainer(_ref4) {
-  var _ref4$data = _ref4.data,
-      data = _ref4$data === void 0 ? [] : _ref4$data,
-      _ref4$ticketHoldersFi = _ref4.ticketHoldersFields,
-      ticketHoldersFields = _ref4$ticketHoldersFi === void 0 ? {
+var BillingInfoContainer = function BillingInfoContainer(_ref3) {
+  var _ref3$data = _ref3.data,
+      data = _ref3$data === void 0 ? [] : _ref3$data,
+      _ref3$ticketHoldersFi = _ref3.ticketHoldersFields,
+      ticketHoldersFields = _ref3$ticketHoldersFi === void 0 ? {
     id: 1,
     fields: []
-  } : _ref4$ticketHoldersFi,
-      _ref4$initialValues = _ref4.initialValues,
-      initialValues = _ref4$initialValues === void 0 ? {} : _ref4$initialValues,
-      _ref4$buttonName = _ref4.buttonName,
-      buttonName = _ref4$buttonName === void 0 ? 'Submit' : _ref4$buttonName,
-      _ref4$handleSubmit = _ref4.handleSubmit,
-      handleSubmit = _ref4$handleSubmit === void 0 ? _identity : _ref4$handleSubmit,
-      _ref4$theme = _ref4.theme,
-      theme = _ref4$theme === void 0 ? 'light' : _ref4$theme,
-      _ref4$onRegisterSucce = _ref4.onRegisterSuccess,
-      onRegisterSuccess = _ref4$onRegisterSucce === void 0 ? function () {} : _ref4$onRegisterSucce,
-      _ref4$onRegisterError = _ref4.onRegisterError,
-      onRegisterError = _ref4$onRegisterError === void 0 ? function () {} : _ref4$onRegisterError,
-      _ref4$onSubmitError = _ref4.onSubmitError,
-      onSubmitError = _ref4$onSubmitError === void 0 ? function () {} : _ref4$onSubmitError,
-      _ref4$onGetCartSucces = _ref4.onGetCartSuccess,
-      onGetCartSuccess = _ref4$onGetCartSucces === void 0 ? function () {} : _ref4$onGetCartSucces,
-      _ref4$onGetCartError = _ref4.onGetCartError,
-      onGetCartError = _ref4$onGetCartError === void 0 ? function () {} : _ref4$onGetCartError,
-      _ref4$onGetCountriesS = _ref4.onGetCountriesSuccess,
-      onGetCountriesSuccess = _ref4$onGetCountriesS === void 0 ? function () {} : _ref4$onGetCountriesS,
-      _ref4$onGetCountriesE = _ref4.onGetCountriesError,
-      onGetCountriesError = _ref4$onGetCountriesE === void 0 ? function () {} : _ref4$onGetCountriesE,
-      _ref4$onGetStatesSucc = _ref4.onGetStatesSuccess,
-      onGetStatesSuccess = _ref4$onGetStatesSucc === void 0 ? function () {} : _ref4$onGetStatesSucc,
-      _ref4$onGetStatesErro = _ref4.onGetStatesError,
-      onGetStatesError = _ref4$onGetStatesErro === void 0 ? function () {} : _ref4$onGetStatesErro,
-      _ref4$onGetProfileDat = _ref4.onGetProfileDataSuccess,
-      onGetProfileDataSuccess = _ref4$onGetProfileDat === void 0 ? function () {} : _ref4$onGetProfileDat,
-      _ref4$onGetProfileDat2 = _ref4.onGetProfileDataError,
-      onGetProfileDataError = _ref4$onGetProfileDat2 === void 0 ? function () {} : _ref4$onGetProfileDat2,
-      _ref4$onAuthorizeSucc = _ref4.onAuthorizeSuccess,
-      onAuthorizeSuccess = _ref4$onAuthorizeSucc === void 0 ? function () {} : _ref4$onAuthorizeSucc,
-      _ref4$onAuthorizeErro = _ref4.onAuthorizeError,
-      onAuthorizeError = _ref4$onAuthorizeErro === void 0 ? function () {} : _ref4$onAuthorizeErro,
-      _ref4$onLogin = _ref4.onLogin,
-      onLogin = _ref4$onLogin === void 0 ? function () {} : _ref4$onLogin;
+  } : _ref3$ticketHoldersFi,
+      _ref3$initialValues = _ref3.initialValues,
+      initialValues = _ref3$initialValues === void 0 ? {} : _ref3$initialValues,
+      _ref3$buttonName = _ref3.buttonName,
+      buttonName = _ref3$buttonName === void 0 ? 'Submit' : _ref3$buttonName,
+      _ref3$handleSubmit = _ref3.handleSubmit,
+      handleSubmit = _ref3$handleSubmit === void 0 ? _identity : _ref3$handleSubmit,
+      _ref3$theme = _ref3.theme,
+      theme = _ref3$theme === void 0 ? 'light' : _ref3$theme,
+      _ref3$onRegisterSucce = _ref3.onRegisterSuccess,
+      onRegisterSuccess = _ref3$onRegisterSucce === void 0 ? function () {} : _ref3$onRegisterSucce,
+      _ref3$onRegisterError = _ref3.onRegisterError,
+      onRegisterError = _ref3$onRegisterError === void 0 ? function () {} : _ref3$onRegisterError,
+      _ref3$onSubmitError = _ref3.onSubmitError,
+      onSubmitError = _ref3$onSubmitError === void 0 ? function () {} : _ref3$onSubmitError,
+      _ref3$onGetCartSucces = _ref3.onGetCartSuccess,
+      onGetCartSuccess = _ref3$onGetCartSucces === void 0 ? function () {} : _ref3$onGetCartSucces,
+      _ref3$onGetCartError = _ref3.onGetCartError,
+      onGetCartError = _ref3$onGetCartError === void 0 ? function () {} : _ref3$onGetCartError,
+      _ref3$onGetCountriesS = _ref3.onGetCountriesSuccess,
+      onGetCountriesSuccess = _ref3$onGetCountriesS === void 0 ? function () {} : _ref3$onGetCountriesS,
+      _ref3$onGetCountriesE = _ref3.onGetCountriesError,
+      onGetCountriesError = _ref3$onGetCountriesE === void 0 ? function () {} : _ref3$onGetCountriesE,
+      _ref3$onGetStatesSucc = _ref3.onGetStatesSuccess,
+      onGetStatesSuccess = _ref3$onGetStatesSucc === void 0 ? function () {} : _ref3$onGetStatesSucc,
+      _ref3$onGetStatesErro = _ref3.onGetStatesError,
+      onGetStatesError = _ref3$onGetStatesErro === void 0 ? function () {} : _ref3$onGetStatesErro,
+      _ref3$onGetProfileDat = _ref3.onGetProfileDataSuccess,
+      onGetProfileDataSuccess = _ref3$onGetProfileDat === void 0 ? function () {} : _ref3$onGetProfileDat,
+      _ref3$onGetProfileDat2 = _ref3.onGetProfileDataError,
+      onGetProfileDataError = _ref3$onGetProfileDat2 === void 0 ? function () {} : _ref3$onGetProfileDat2,
+      _ref3$onAuthorizeSucc = _ref3.onAuthorizeSuccess,
+      onAuthorizeSuccess = _ref3$onAuthorizeSucc === void 0 ? function () {} : _ref3$onAuthorizeSucc,
+      _ref3$onAuthorizeErro = _ref3.onAuthorizeError,
+      onAuthorizeError = _ref3$onAuthorizeErro === void 0 ? function () {} : _ref3$onAuthorizeErro,
+      _ref3$onLogin = _ref3.onLogin,
+      onLogin = _ref3$onLogin === void 0 ? function () {} : _ref3$onLogin;
   var userData = typeof window !== 'undefined' && window.localStorage.getItem('user_data') ? JSON.parse(window.localStorage.getItem('user_data') || '') : {};
   var access_token = typeof window !== 'undefined' && window.localStorage.getItem('access_token') ? window.localStorage.getItem('access_token') || '' : '';
 
@@ -1953,7 +1948,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
   useEffect(function () {
     // fetch countries data
     var fetchCountries = /*#__PURE__*/function () {
-      var _ref5 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2() {
+      var _ref4 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2() {
         var res;
         return runtime_1.wrap(function _callee2$(_context2) {
           while (1) {
@@ -1993,7 +1988,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
       }));
 
       return function fetchCountries() {
-        return _ref5.apply(this, arguments);
+        return _ref4.apply(this, arguments);
       };
     }();
 
@@ -2002,7 +1997,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
   }, []); // fetch cart data
 
   var fetchCart = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee3() {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee3() {
       var res, cartInfo, _cartInfo$cart, cart;
 
       return runtime_1.wrap(function _callee3$(_context3) {
@@ -2043,13 +2038,13 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
     }));
 
     return function fetchCart() {
-      return _ref6.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }(); // fetch user data
 
 
   var fetchUserData = /*#__PURE__*/function () {
-    var _ref7 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee4(token) {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee4(token) {
       var userDataResponse, profileSpecifiedData, profileDataObj;
       return runtime_1.wrap(function _callee4$(_context4) {
         while (1) {
@@ -2094,7 +2089,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
     }));
 
     return function fetchUserData(_x) {
-      return _ref7.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }();
 
@@ -2285,8 +2280,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
         setShowModalLogin(true);
       }
     }, "Login"))), _map(data, function (item) {
-      var id = item.id,
-          label = item.label,
+      var label = item.label,
           labelClassName = item.labelClassName,
           fields = item.fields;
 
@@ -2294,8 +2288,8 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
         return null;
       }
 
-      return React.createElement(SectionContainer, {
-        key: id
+      return React.createElement(React.Fragment, {
+        key: nanoid()
       }, React.createElement("p", {
         className: labelClassName
       }, label), _map(fields, function (group) {
@@ -2303,8 +2297,8 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
             groupItems = group.groupItems,
             groupLabel = group.groupLabel,
             groupLabelClassName = group.groupLabelClassName;
-        return React.createElement(SectionContainer, {
-          key: group.id
+        return React.createElement(React.Fragment, {
+          key: nanoid()
         }, !isLoggedIn && React.createElement("div", {
           className: groupLabelClassName
         }, groupLabel), React.createElement("div", {
@@ -2329,7 +2323,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
           return true;
         }), function (element) {
           return ['password', 'confirmPassword'].includes(element.name) && isLoggedIn ? null : React.createElement(React.Fragment, {
-            key: element.name
+            key: nanoid()
           }, element.name === 'email' ? React.createElement("div", {
             className: "email-checking"
           }, "IMPORTANT: Please double check that your email address is correct. It's where we send your confirmation and e-tickets to!") : null, React.createElement("div", {
@@ -2345,25 +2339,26 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
           })));
         })));
       }));
-    }), showTicketHolderName && React.createElement(SectionContainer, null, React.createElement("div", {
+    }), showTicketHolderName && React.createElement(React.Fragment, {
+      key: nanoid()
+    }, React.createElement("div", {
       className: "ticket-holders-fields"
     }, React.createElement("p", null, ticketHoldersFields.label), _map(ticketsQuantity, function (_item, index) {
       return React.createElement("div", {
-        key: _item
+        key: nanoid()
       }, React.createElement("h5", null, "Ticket ", index + 1), _map(ticketHoldersFields.fields, function (group) {
         var groupClassname = group.groupClassname,
             groupItems = group.groupItems;
         return React.createElement("div", {
-          key: group.id
+          key: nanoid()
         }, React.createElement("div", {
           className: groupClassname
         }, _map(groupItems, function (element) {
           return React.createElement("div", {
             className: element.className,
-            key: element.name + "-" + index
+            key: nanoid()
           }, React.createElement(Field, {
             name: element.name + "-" + index,
-            key: element.name + "-" + index,
             label: element.label,
             type: element.type,
             required: true,
@@ -2373,7 +2368,8 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
         })));
       }));
     }))), React.createElement("div", {
-      className: "button-container"
+      className: "button-container",
+      key: nanoid()
     }, React.createElement(LoadingButton, {
       type: "submit",
       variant: "contained",