tf-checkout-react 1.0.10 → 1.0.14

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.10",
+  "version": "1.0.14",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/api/index.ts

@@ -4,11 +4,6 @@ import get from 'lodash/get'
 const ttfHeaders: { [key: string]: any } = {
   Accept: 'application/vnd.api+json',
   'Content-Type': 'application/vnd.api+json',
-  'X-Source-Origin': 'https://restlessnit.es',
-}
-
-if (process.env.NODE_ENV === 'development') {
-  ttfHeaders['X-Source-Origin'] = 'https://restlessnit.es'
 }
 
 interface IPublicRequest extends AxiosInstance {
@@ -100,24 +95,16 @@ export const postOnCheckout = (data: any, accessToken: string) => {
 }
 
 export const authorize = (data: FormData) =>
-  axios({
-    method: 'post',
-    url:
-      'https://www.ticketfairy.com/api/v1/oauth/authorize-rn?client_id=4792a61f2fcb49197ab4c2d2f44df570',
-    data,
-    headers: { 'Content-Type': 'multipart/form-data' },
-  })
+  publicRequest.post(
+    '/v1/oauth/authorize-rn?client_id=4792a61f2fcb49197ab4c2d2f44df570',
+    data
+  )
 
 export const register = (data: FormData) =>
   publicRequest.post('/v1/oauth/register-rn', data)
 
 export const getAccessToken = (data: FormData) =>
-  axios({
-    method: 'post',
-    url: 'https://www.ticketfairy.com/api/v1/oauth/access_token',
-    data,
-    headers: { 'Content-Type': 'multipart/form-data' },
-  })
+  publicRequest.post('/v1/oauth/access_token', data)
 
 export const getPaymentData = (hash: string) => {
   const response = publicRequest
@@ -139,10 +126,9 @@ export const handlePaymentData = (orderHash: string, data: any) => {
   return res
 }
 
-export const getProfileData = (accessToken: any) => 
+export const getProfileData = (accessToken: any) =>
   publicRequest.get('/customer/profile/', {
     headers: {
       Authorization: `Bearer ${accessToken}`,
     },
   })
-  

package/src/components/billing-info-container/index.tsx

@@ -8,6 +8,7 @@ import {
   FormikValues,
 } from 'formik'
 import TextField from '@mui/material/TextField'
+import Button from '@mui/material/Button'
 import _identity from 'lodash/identity'
 import _map from 'lodash/map'
 import _get from 'lodash/get'
@@ -29,6 +30,7 @@ export interface IBillingInfoPage {
 
   initialValues?: FormikValues;
   buttonName?: string;
+  theme?: 'light' | 'dark'
 }
 
 export const BillingInfoContainer = ({
@@ -36,6 +38,7 @@ export const BillingInfoContainer = ({
   initialValues = {},
   buttonName = 'Submit',
   handleSubmit = _identity,
+  theme = 'light'
 }: IBillingInfoPage) => {
   const userData =
     typeof window !== 'undefined' && window.localStorage.getItem('user_data')
@@ -134,8 +137,10 @@ export const BillingInfoContainer = ({
               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))
+            }
 
             const holderAge = new Date(values.holderAge)
             const res = await postOnCheckout(
@@ -171,7 +176,7 @@ export const BillingInfoContainer = ({
       >
         {(props: FormikProps<any>) => (
           <Form onSubmit={props.handleSubmit}>
-            <div className="billing-info-container">
+            <div className={`billing-info-container ${theme}`}>
               {!isLoggedIn && (
                 <div className="account-actions-block">
                   <div>Got a Restless Nites account?</div>
@@ -248,6 +253,11 @@ export const BillingInfoContainer = ({
                                         fullWidth
                                         error={!!meta.error && meta.touched}
                                         helperText={meta.touched && meta.error}
+                                        InputLabelProps={
+                                          element.type === 'date'
+                                            ? { shrink: true }
+                                            : {}
+                                        }
                                         {...field}
                                       />
                                     )}
@@ -262,7 +272,21 @@ export const BillingInfoContainer = ({
                   </div>
                 )
               })}
-              <button type="submit">{buttonName}</button>
+              <div
+                style={{
+                  display: 'flex',
+                  padding: 20,
+                  justifyContent: 'center',
+                }}
+              >
+                <Button
+                  type="submit"
+                  variant="contained"
+                  className="login-register-button"
+                >
+                  {buttonName}
+                </Button>
+              </div>
             </div>
           </Form>
         )}

package/src/components/billing-info-container/style.css

@@ -24,6 +24,8 @@ button {
     Ubuntu, Cantarell, Open Sans, Helvetica Neue, Icons16, sans-serif;
 }
 
+.MuiButtonBase-root.MuiButton-root,
+.MuiButtonBase-root.MuiButton-root:hover,
 .login-register-button {
   width: 49%;
   margin: 10px 0;

package/src/components/loginModal/index.tsx

@@ -56,7 +56,7 @@ export const LoginModal: FC<Props> = ({ onClose, onLogin, alreadyHasUser }) => {
                 bodyFormDataToken.append('grant_type', 'authorization_code')
                 bodyFormDataToken.append(
                   'client_id',
-                  '4792a61f2fcb49197ab4c2d2f44df570'
+                  'e9d8f8922797b4621e562255afe90dbf'
                 )
                 bodyFormDataToken.append(
                   'client_secret',
@@ -73,8 +73,10 @@ export const LoginModal: FC<Props> = ({ onClose, onLogin, alreadyHasUser }) => {
                   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()
               } catch (e) {
                 const error = e.response.data.message || 'Error'

package/src/components/registerModal/index.tsx

@@ -47,7 +47,7 @@ export const RegisterModal: FC<Props> = ({ onClose }) => (
         bodyFormData.append('email', email)
         bodyFormData.append('password', password)
         bodyFormData.append('password_confirmation', confirmPassword)
-        bodyFormData.append('client_id', '4792a61f2fcb49197ab4c2d2f44df570')
+        bodyFormData.append('client_id', 'e9d8f8922797b4621e562255afe90dbf')
         bodyFormData.append(
           'client_secret',
           'b89c191eff22fdcf84ac9bfd88d005355a151ec2c83b26b9'
@@ -63,8 +63,10 @@ export const RegisterModal: FC<Props> = ({ onClose }) => (
           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()
       }}
     >