tf-checkout-react 1.0.13 → 1.0.17

package/dist/api/index.d.ts

@@ -10,9 +10,9 @@ export declare function getTickets(id: string | number): Promise<import("axios")
 export declare const addToCart: (id: string | number, data: any) => Promise<import("axios").AxiosResponse<any, any>>;
 export declare const getCart: () => Promise<import("axios").AxiosResponse<any, any>>;
 export declare const postOnCheckout: (data: any, accessToken: string) => Promise<import("axios").AxiosResponse<any, any>>;
-export declare const authorize: (data: FormData) => import("axios").AxiosPromise<any>;
+export declare const authorize: (data: FormData) => Promise<import("axios").AxiosResponse<any, any>>;
 export declare const register: (data: FormData) => Promise<import("axios").AxiosResponse<any, any>>;
-export declare const getAccessToken: (data: FormData) => import("axios").AxiosPromise<any>;
+export declare const getAccessToken: (data: FormData) => Promise<import("axios").AxiosResponse<any, any>>;
 export declare const getPaymentData: (hash: string) => Promise<import("axios").AxiosResponse<any, any>>;
 export declare const handlePaymentData: (orderHash: string, data: any) => Promise<import("axios").AxiosResponse<any, any>>;
 export declare const getProfileData: (accessToken: any) => Promise<import("axios").AxiosResponse<any, any>>;

package/dist/components/billing-info-container/index.d.ts

@@ -7,5 +7,6 @@ export interface IBillingInfoPage {
     handleSubmit: (values: FormikValues, formikHelpers: FormikHelpers<FormikValues>, res?: any) => void;
     initialValues?: FormikValues;
     buttonName?: string;
+    theme?: 'light' | 'dark';
 }
-export declare const BillingInfoContainer: ({ data, initialValues, buttonName, handleSubmit, }: IBillingInfoPage) => JSX.Element;
+export declare const BillingInfoContainer: ({ data, initialValues, buttonName, handleSubmit, theme }: IBillingInfoPage) => JSX.Element;

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

@@ -1,4 +1,4 @@
-.style_billing-info-container__3ZE3J{margin:0 auto;max-width:800px}.style_billing-info-container__3ZE3J .style_is-half__1W_rP{width:49%}.style_billing-info-container__twoFields__2tDqt{display:flex;justify-content:space-between;margin-top:15px}.style_billing-info-container__singleField__2bcsf{margin-top:15px}button{margin-top:10px}.style_account-actions-block__16OH-{color:#182026;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,Icons16,sans-serif;margin-top:10px}.style_login-register-button__fGgZf{background-color:#f28051;border:#f28051;border-radius:5px;color:#fff;cursor:pointer;display:block;font-family:Inter-Bold;font-size:1rem;font-weight:700;line-height:1.15;margin:10px 0;min-height:46px;outline:none;overflow:hidden;padding:14px 12px 12px;position:relative;text-align:center;text-overflow:ellipsis;text-transform:uppercase;width:49%}.style_login-register-block__36tu5{display:flex;justify-content:space-between}
+.style_billing-info-container__3ZE3J{margin:0 auto;max-width:800px}.style_billing-info-container__3ZE3J .style_is-half__1W_rP{width:49%}.style_billing-info-container__twoFields__2tDqt{display:flex;justify-content:space-between;margin-top:15px}.style_billing-info-container__singleField__2bcsf{margin-top:15px}button{margin-top:10px}.style_account-actions-block__16OH-{color:#182026;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,Icons16,sans-serif;margin-top:10px}.style_login-register-button__fGgZf,.style_MuiButtonBase-root__1UBk9.style_MuiButton-root__3NzEO,.style_MuiButtonBase-root__1UBk9.style_MuiButton-root__3NzEO:hover{background-color:#f28051;border:#f28051;border-radius:5px;color:#fff;cursor:pointer;display:block;font-family:Inter-Bold;font-size:1rem;font-weight:700;line-height:1.15;margin:10px 0;min-height:46px;outline:none;overflow:hidden;padding:14px 12px 12px;position:relative;text-align:center;text-overflow:ellipsis;text-transform:uppercase;width:49%}.style_login-register-block__36tu5{display:flex;justify-content:space-between}
 .style_modal-title__2sUq_{align-items:center;background-color:#fff;display:flex;font-family:Inter;font-size:18px;font-weight:700;height:49px;line-height:22px;padding-left:25px;position:relative}.style_login-modal-body__2sFg5{padding:15px 25px}.style_login-modal-body__2sFg5 input{background:#fff!important}.style_login-modal-body__email__2nnEH,.style_login-modal-body__password__qS3g7{margin-bottom:20px}.style_login-action-button__1g9qt button{background-color:#f28051;border:none;border-radius:0;color:#fff;cursor:pointer;font-size:18px;font-weight:600;height:45px;line-height:18px;margin:10px 0;outline:none;padding:10px;width:100%}.style_server_auth__error__1340S{color:red;font-family:Inter;font-size:12px;font-style:normal;padding-left:25px;padding-top:15px}.style_info-text-for-login__28JQf{font-size:14px;margin-bottom:4px;padding-left:10px}
 .style_register-container___s5V8{margin:0 auto;max-width:800px}.style_register-container___s5V8 .style_is-half__2XhZU{width:49%}.style_register-container__twoFields__3dAvM{display:flex;justify-content:space-between;margin-top:15px}.style_register-container__singleField__36dGU{margin-top:15px}button{margin-top:10px}
 .style_payment_page__1PUd8{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,Icons16,sans-serif}.style_payment_page__1PUd8 .style_order_info_section__J1olw{padding:15px 0}.style_payment_page__1PUd8 .style_order_info_section__J1olw .style_order_info_block__3kZN4{padding-bottom:15px;padding-top:15px}.style_payment_page__1PUd8 .style_order_info_section__J1olw .style_order_info_block__3kZN4 .style_field-underline__2M8Bd{border-bottom:1px solid #000;padding-bottom:15px}.style_payment_page__1PUd8 .style_order_info_section__J1olw .style_order_info_block__3kZN4 .style_order_info_title__1MBgS{font-size:14px;font-weight:700;padding-bottom:3px}.style_payment_page__1PUd8 .style_order_info_section__J1olw .style_order_info_block__3kZN4 .style_order_info_text__3gSEK{font-size:16px;line-height:1.15;outline:none}.style_payment_page__1PUd8 .style_MuiBox-root__2LeaA{margin-left:auto;margin-right:auto;padding:20px;text-align:center}.style_payment_page__1PUd8 .style_payment_info_label__3Zmjp{padding:20px 0;text-align:center}.style_payment_page__1PUd8 .style_payment_form__2arf4{color:#fff;padding:20px}.style_payment_page__1PUd8 .style_payment_form__2arf4 input,.style_payment_page__1PUd8 .style_payment_form__2arf4 label{color:#fff}.style_payment_page__1PUd8 .style_payment_button__3WzAn{padding-top:20px;text-align:center}

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

@@ -8,6 +8,7 @@ var React = require('react');
 var React__default = _interopDefault(React);
 var formik = require('formik');
 var TextField = _interopDefault(require('@mui/material/TextField'));
+var Button = _interopDefault(require('@mui/material/Button'));
 var _identity = _interopDefault(require('lodash/identity'));
 var _map = _interopDefault(require('lodash/map'));
 var _get = _interopDefault(require('lodash/get'));
@@ -948,27 +949,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) {
@@ -1070,24 +1057,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) {
@@ -1203,11 +1194,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();
             }
@@ -1324,7 +1319,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') || '' : '';
 
@@ -1402,7 +1399,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) {
@@ -1411,7 +1408,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref) {
                 _context2.prev = 0;
 
                 if (!isLoggedIn) {
-                  _context2.next = 7;
+                  _context2.next = 9;
                   break;
                 }
 
@@ -1434,10 +1431,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);
@@ -1446,17 +1445,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 = {
@@ -1465,10 +1464,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,
@@ -1485,14 +1488,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;
 
@@ -1501,12 +1504,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) {
@@ -1519,7 +1522,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref) {
     return React__default.createElement(formik.Form, {
       onSubmit: props.handleSubmit
     }, React__default.createElement("div", {
-      className: "billing-info-container"
+      className: "billing-info-container " + theme
     }, !isLoggedIn && React__default.createElement("div", {
       className: "account-actions-block"
     }, React__default.createElement("div", null, "Got a Restless Nites account?"), React__default.createElement("div", null, "Login & skip ahead:"), React__default.createElement("div", {
@@ -1563,14 +1566,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__default.createElement("button", {
-      type: "submit"
-    }, buttonName)));
+    }), React__default.createElement("div", {
+      style: {
+        display: 'flex',
+        padding: 20,
+        justifyContent: 'center'
+      }
+    }, React__default.createElement(Button, {
+      type: "submit",
+      variant: "contained",
+      className: "login-register-button"
+    }, buttonName))));
   }), showModalLogin && React__default.createElement(LoginModal, {
     onClose: function onClose() {
       setShowModalLogin(false);
@@ -1798,26 +1812,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) {