tf-checkout-react 1.0.13 → 1.0.17

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

@@ -1,6 +1,7 @@
 import React, { useState, useEffect, useRef } from 'react';
 import { Formik, Form, Field } from 'formik';
 import TextField$1 from '@mui/material/TextField';
+import Button from '@mui/material/Button';
 import _identity from 'lodash-es/identity';
 import _map from 'lodash-es/map';
 import _get from 'lodash-es/get';
@@ -941,27 +942,13 @@ var postOnCheckout = function postOnCheckout(data, accessToken) {
   return res;
 };
 var authorize = function authorize(data) {
-  return axios({
-    method: 'post',
-    url: 'https://www.ticketfairy.com/api/v1/oauth/authorize-rn?client_id=4792a61f2fcb49197ab4c2d2f44df570',
-    data: data,
-    headers: {
-      'Content-Type': 'multipart/form-data'
-    }
-  });
+  return publicRequest.post('/v1/oauth/authorize-rn?client_id=4792a61f2fcb49197ab4c2d2f44df570', data);
 };
 var register = function register(data) {
   return publicRequest.post('/v1/oauth/register-rn', data);
 };
 var getAccessToken = function getAccessToken(data) {
-  return axios({
-    method: 'post',
-    url: 'https://www.ticketfairy.com/api/v1/oauth/access_token',
-    data: data,
-    headers: {
-      'Content-Type': 'multipart/form-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) {
@@ -1063,24 +1050,28 @@ var LoginModal = function LoginModal(_ref) {
                   last_name: profileSpecifiedData.lastName,
                   email: profileSpecifiedData.email
                 };
-                localStorage.setItem('user_data', JSON.stringify(profileDataObj));
-                localStorage.setItem('access_token', accessToken);
+
+                if (typeof window !== 'undefined') {
+                  window.localStorage.setItem('user_data', JSON.stringify(profileDataObj));
+                  window.localStorage.setItem('access_token', accessToken);
+                }
+
                 onLogin();
-                _context.next = 33;
+                _context.next = 32;
                 break;
 
-              case 29:
-                _context.prev = 29;
+              case 28:
+                _context.prev = 28;
                 _context.t0 = _context["catch"](1);
                 _error = _context.t0.response.data.message || 'Error';
                 setError(_error);
 
-              case 33:
+              case 32:
               case "end":
                 return _context.stop();
             }
           }
-        }, _callee, null, [[1, 29]]);
+        }, _callee, null, [[1, 28]]);
       }));
 
       function onSubmit(_x) {
@@ -1196,11 +1187,15 @@ var RegisterModal = function RegisterModal(_ref) {
                   last_name: profileSpecifiedData.lastName,
                   email: profileSpecifiedData.email
                 };
-                localStorage.setItem('access_token', access_token);
-                localStorage.setItem('user_data', JSON.stringify(profileDataObj));
+
+                if (typeof window !== 'undefined') {
+                  window.localStorage.setItem('access_token', access_token);
+                  window.localStorage.setItem('user_data', JSON.stringify(profileDataObj));
+                }
+
                 onClose();
 
-              case 22:
+              case 21:
               case "end":
                 return _context.stop();
             }
@@ -1317,7 +1312,9 @@ var BillingInfoContainer = function BillingInfoContainer(_ref) {
       _ref$buttonName = _ref.buttonName,
       buttonName = _ref$buttonName === void 0 ? 'Submit' : _ref$buttonName,
       _ref$handleSubmit = _ref.handleSubmit,
-      handleSubmit = _ref$handleSubmit === void 0 ? _identity : _ref$handleSubmit;
+      handleSubmit = _ref$handleSubmit === void 0 ? _identity : _ref$handleSubmit,
+      _ref$theme = _ref.theme,
+      theme = _ref$theme === void 0 ? 'light' : _ref$theme;
   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') || '' : '';
 
@@ -1395,7 +1392,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref) {
     }),
     onSubmit: function () {
       var _onSubmit = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2(values, formikHelpers) {
-        var _holderAge, bodyFormData, resRegister, access_token_register, profileData, profileSpecifiedData, profileDataObj, holderAge, res, error;
+        var _holderAge, _res, bodyFormData, resRegister, access_token_register, profileData, profileSpecifiedData, profileDataObj, holderAge, res, error;
 
         return runtime_1.wrap(function _callee2$(_context2) {
           while (1) {
@@ -1404,7 +1401,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref) {
                 _context2.prev = 0;
 
                 if (!isLoggedIn) {
-                  _context2.next = 7;
+                  _context2.next = 9;
                   break;
                 }
 
@@ -1427,10 +1424,12 @@ var BillingInfoContainer = function BillingInfoContainer(_ref) {
                 }, access_token);
 
               case 5:
-                window.location.replace('/checkout');
+                _res = _context2.sent;
+                handleSubmit(values, formikHelpers, _res);
+                window.location.replace('/billing/checkout');
                 return _context2.abrupt("return");
 
-              case 7:
+              case 9:
                 bodyFormData = new FormData();
                 bodyFormData.append('first_name', values.firstName);
                 bodyFormData.append('last_name', values.lastName);
@@ -1439,17 +1438,17 @@ var BillingInfoContainer = function BillingInfoContainer(_ref) {
                 bodyFormData.append('password_confirmation', values.confirmPassword);
                 bodyFormData.append('client_id', '4792a61f2fcb49197ab4c2d2f44df570');
                 bodyFormData.append('client_secret', 'b89c191eff22fdcf84ac9bfd88d005355a151ec2c83b26b9');
-                _context2.next = 17;
+                _context2.next = 19;
                 return register(bodyFormData);
 
-              case 17:
+              case 19:
                 resRegister = _context2.sent;
                 access_token_register = _get(resRegister, 'data.data.attributes.access_token');
                 handleSetAccessToken(access_token_register);
-                _context2.next = 22;
+                _context2.next = 24;
                 return getProfileData(access_token_register);
 
-              case 22:
+              case 24:
                 profileData = _context2.sent;
                 profileSpecifiedData = _get(profileData, 'data.data');
                 profileDataObj = {
@@ -1458,10 +1457,14 @@ var BillingInfoContainer = function BillingInfoContainer(_ref) {
                   last_name: profileSpecifiedData.lastName,
                   email: profileSpecifiedData.email
                 };
-                localStorage.setItem('access_token', access_token_register);
-                localStorage.setItem('user_data', JSON.stringify(profileDataObj));
+
+                if (typeof window !== 'undefined') {
+                  window.localStorage.setItem('access_token', access_token_register);
+                  window.localStorage.setItem('user_data', JSON.stringify(profileDataObj));
+                }
+
                 holderAge = new Date(values.holderAge);
-                _context2.next = 30;
+                _context2.next = 31;
                 return postOnCheckout({
                   attributes: {
                     email: values.email,
@@ -1478,14 +1481,14 @@ var BillingInfoContainer = function BillingInfoContainer(_ref) {
                   }
                 }, access_token_register);
 
-              case 30:
+              case 31:
                 res = _context2.sent;
                 handleSubmit(values, formikHelpers, res);
-                _context2.next = 38;
+                _context2.next = 39;
                 break;
 
-              case 34:
-                _context2.prev = 34;
+              case 35:
+                _context2.prev = 35;
                 _context2.t0 = _context2["catch"](0);
                 error = _context2.t0.response.data.message;
 
@@ -1494,12 +1497,12 @@ var BillingInfoContainer = function BillingInfoContainer(_ref) {
                   setShowModalLogin(true);
                 }
 
-              case 38:
+              case 39:
               case "end":
                 return _context2.stop();
             }
           }
-        }, _callee2, null, [[0, 34]]);
+        }, _callee2, null, [[0, 35]]);
       }));
 
       function onSubmit(_x, _x2) {
@@ -1512,7 +1515,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref) {
     return React.createElement(Form, {
       onSubmit: props.handleSubmit
     }, React.createElement("div", {
-      className: "billing-info-container"
+      className: "billing-info-container " + theme
     }, !isLoggedIn && React.createElement("div", {
       className: "account-actions-block"
     }, React.createElement("div", null, "Got a Restless Nites account?"), React.createElement("div", null, "Login & skip ahead:"), React.createElement("div", {
@@ -1556,14 +1559,25 @@ var BillingInfoContainer = function BillingInfoContainer(_ref) {
               type: element.type,
               fullWidth: true,
               error: !!meta.error && meta.touched,
-              helperText: meta.touched && meta.error
+              helperText: meta.touched && meta.error,
+              InputLabelProps: element.type === 'date' ? {
+                shrink: true
+              } : {}
             }, field));
           }));
         }));
       }));
-    }), React.createElement("button", {
-      type: "submit"
-    }, buttonName)));
+    }), React.createElement("div", {
+      style: {
+        display: 'flex',
+        padding: 20,
+        justifyContent: 'center'
+      }
+    }, React.createElement(Button, {
+      type: "submit",
+      variant: "contained",
+      className: "login-register-button"
+    }, buttonName))));
   }), showModalLogin && React.createElement(LoginModal, {
     onClose: function onClose() {
       setShowModalLogin(false);
@@ -1791,26 +1805,27 @@ var PaymentContainer = function PaymentContainer(_ref) {
 
             case 8:
               paymentResponse = _context2.sent;
+              console.log(paymentResponse);
 
               if (paymentResponse.status === 200) {
                 handlePayment(paymentResponse);
               }
 
-              _context2.next = 15;
+              _context2.next = 16;
               break;
 
-            case 12:
-              _context2.prev = 12;
+            case 13:
+              _context2.prev = 13;
               _context2.t0 = _context2["catch"](1);
               //Handle payment errors
               console.log(_context2.t0);
 
-            case 15:
+            case 16:
             case "end":
               return _context2.stop();
           }
         }
-      }, _callee2, null, [[1, 12]]);
+      }, _callee2, null, [[1, 13]]);
     }));
 
     return function handlePaymentMiddleWare(_x) {