tf-checkout-react 1.7.1 → 1.7.3

package/src/components/timerWidget/style.css

@@ -1,5 +1,5 @@
 .timer {
-  position: absolute;
+  position: fixed;
   pointer-events: auto;
   background-color: #000000;
   overflow: hidden;
@@ -18,6 +18,7 @@
   color: #fff;
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=);
   right: 15px;
+  z-index: 9;
 }
 
 .timer .close-icon {

package/src/types/api/common.d.ts

@@ -18,6 +18,7 @@ interface IEventResponseData {
   preregEnabled: boolean;
   preregStarted: boolean;
   preregEnded: boolean;
+  allowMultipleTicketTypePurchases: boolean | null;
 }
 
 interface ITimeslotSettings {

package/src/types/api/payment.d.ts

@@ -151,6 +151,8 @@ interface ICheckoutCompleteData {
   event_date: string;
   event_description: string | null;
   order_total: number;
+  order_id: string | number;
+  order_hash: string;
   currency: {
     currency: string;
     decimalPlaces: number;

package/src/types/formFields.d.ts

@@ -7,7 +7,7 @@ interface IFormField {
   required?: boolean;
   className?: string;
   options?: { [key: string]: string | number }[];
-  onValidate?: (() => void) | null;
+  onValidate?: ((value: any) => string) | null;
   disableDropdown?: boolean;
 }
 

package/src/utils/createCheckoutDataBodyWithDefaultHolder.ts

@@ -24,6 +24,7 @@ interface IUserCredentialsValues {
   emailLogged?: string;
   firstNameLogged?: string;
   lastNameLogged?: string;
+  phoneLogged?: string;
 }
 
 export const createCheckoutDataBodyWithDefaultHolder = (
@@ -45,7 +46,8 @@ export const createCheckoutDataBodyWithDefaultHolder = (
     _get(logedInValues, 'last_name') ||
     _get(userCredentials, 'lastNameLogged') ||
     ''
-  const phone = _get(logedInValues, 'phone', '')
+  const phone =
+    _get(logedInValues, 'phone') || _get(userCredentials, 'phoneLogged') || ''
   const email =
     _get(logedInValues, 'email') || _get(userCredentials, 'emailLogged') || ''
 

package/src/validators/index.ts

@@ -1,4 +1,4 @@
-const emailRegex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
+export const emailRegex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
 
 export const combineValidators = (...validators: any) => (...value: any) => {
   for (let i = 0; i < validators.length; ++i) {
@@ -38,3 +38,24 @@ export const requiredValidator = (
 
 export const emailValidator = (email: string) =>
   !emailRegex.test(email) ? 'Please enter a valid email address' : ''
+
+export const passwordValidator = (password: string): string => {
+  if (!password || password.length < 6) {
+    return 'The password must be at least 6 characters.'
+  }
+  return ''
+}
+
+export const confirmPasswordValidator = (confirmPassword: string, password: string): string => {
+  if (confirmPassword !== password) {
+    return 'Passwords do not match.'
+  }
+  return ''
+}
+
+export const confirmEmailValidator = (confirmEmail: string, email: string): string => {
+  if (confirmEmail !== email) {
+    return 'Emails do not match.'
+  }
+  return ''
+}