tf-checkout-react 1.0.13 → 1.0.14

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') || '' : '';
 
@@ -1458,10 +1455,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 = 29;
                 return postOnCheckout({
                   attributes: {
                     email: values.email,
@@ -1478,14 +1479,14 @@ var BillingInfoContainer = function BillingInfoContainer(_ref) {
                   }
                 }, access_token_register);
 
-              case 30:
+              case 29:
                 res = _context2.sent;
                 handleSubmit(values, formikHelpers, res);
-                _context2.next = 38;
+                _context2.next = 37;
                 break;
 
-              case 34:
-                _context2.prev = 34;
+              case 33:
+                _context2.prev = 33;
                 _context2.t0 = _context2["catch"](0);
                 error = _context2.t0.response.data.message;
 
@@ -1494,12 +1495,12 @@ var BillingInfoContainer = function BillingInfoContainer(_ref) {
                   setShowModalLogin(true);
                 }
 
-              case 38:
+              case 37:
               case "end":
                 return _context2.stop();
             }
           }
-        }, _callee2, null, [[0, 34]]);
+        }, _callee2, null, [[0, 33]]);
       }));
 
       function onSubmit(_x, _x2) {
@@ -1512,7 +1513,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 +1557,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);