tf-checkout-react 1.2.2 → 1.2.3

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

@@ -48,4 +48,4 @@ export interface IBillingInfoPage {
     showForgotPasswordButton?: boolean;
     showSignUpButton?: boolean;
 }
-export declare const BillingInfoContainer: ({ data, ticketHoldersFields, initialValues, buttonName, handleSubmit, theme, onRegisterSuccess, onRegisterError, onSubmitError, onGetCartSuccess, onGetCartError, onGetCountriesSuccess, onGetCountriesError, onGetStatesSuccess, onGetStatesError, onGetProfileDataSuccess, onGetProfileDataError, onAuthorizeSuccess, onAuthorizeError, onLogin, onLoginSuccess, isLoggedIn: pIsLoggedIn, accountInfoTitle, hideLogo, themeOptions, onErrorClose, hideErrorsAlertSection, onSkipBillingPage, skipPage, canSkipHolderNames, onForgotPasswordSuccess, onForgotPasswordError, shouldFetchCountries, onCountdownFinish, enableTimer, logo, showForgotPasswordButton, showSignUpButton }: IBillingInfoPage) => JSX.Element;
+export declare const BillingInfoContainer: ({ data, ticketHoldersFields, initialValues, buttonName, handleSubmit, theme, onRegisterSuccess, onRegisterError, onSubmitError, onGetCartSuccess, onGetCartError, onGetCountriesSuccess, onGetCountriesError, onGetStatesSuccess, onGetStatesError, onGetProfileDataSuccess, onGetProfileDataError, onAuthorizeSuccess, onAuthorizeError, onLogin, onLoginSuccess, isLoggedIn: pIsLoggedIn, accountInfoTitle, hideLogo, themeOptions, onErrorClose, hideErrorsAlertSection, onSkipBillingPage, skipPage, canSkipHolderNames, onForgotPasswordSuccess, onForgotPasswordError, shouldFetchCountries, onCountdownFinish, enableTimer, logo, showForgotPasswordButton, showSignUpButton, }: IBillingInfoPage) => JSX.Element;

package/dist/components/paymentContainer/index.d.ts

@@ -26,5 +26,6 @@ export interface IPaymentPage {
     onCountdownFinish?: () => void;
     enableTimer?: boolean;
     enablePaymentPlan?: boolean;
+    paymentButtonText?: string;
 }
-export declare const PaymentContainer: ({ paymentFields, handlePayment, formTitle, errorText, checkoutData, onErrorClose, onGetPaymentDataSuccess, onGetPaymentDataError, onPaymentError, stripeCardOptions, disableZipSection, themeOptions, elementsOptions, onCountdownFinish, enableTimer, enablePaymentPlan, }: IPaymentPage) => JSX.Element;
+export declare const PaymentContainer: ({ paymentFields, handlePayment, formTitle, errorText, checkoutData, onErrorClose, onGetPaymentDataSuccess, onGetPaymentDataError, onPaymentError, stripeCardOptions, disableZipSection, themeOptions, elementsOptions, onCountdownFinish, enableTimer, enablePaymentPlan, paymentButtonText }: IPaymentPage) => JSX.Element;

package/dist/components/stripePayment/index.d.ts

@@ -15,6 +15,7 @@ export interface ICheckoutForm {
     handleSetLoading: (loading: any) => void;
     conditions: any;
     disableZipSection: boolean;
+    paymentButtonText?: string;
 }
-declare const CheckoutForm: ({ total, onSubmit, stripeCardOptions, error, stripe_client_secret, currency, billing_info, isLoading, handleSetLoading, conditions, disableZipSection, }: ICheckoutForm) => JSX.Element;
+declare const CheckoutForm: ({ total, onSubmit, stripeCardOptions, error, stripe_client_secret, currency, billing_info, isLoading, handleSetLoading, conditions, disableZipSection, paymentButtonText }: ICheckoutForm) => JSX.Element;
 export default CheckoutForm;

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

@@ -1313,15 +1313,16 @@ var handleSetAccessToken = function handleSetAccessToken(token) {
   }
 };
 function getEvent(id) {
-  var referralValue = "";
+  var referralValue = '';
 
   if (isWindowDefined) {
     var params = new URL("" + window.location);
     var referralId = params.searchParams.get('ttf_r') || '';
     var referral_key = window.localStorage.getItem('referral_key');
-    var referralIdlocal = "";
+    var referralIdlocal = '';
 
     if (referral_key) {
+      // eslint-disable-next-line prefer-destructuring
       referralIdlocal = referral_key.split('.')[1];
     }
 
@@ -1330,8 +1331,8 @@ function getEvent(id) {
 
   var response = publicRequest.get("v1/event/" + id, {
     headers: _extends({}, ttfHeaders, {
-      "Referer-Url": isDocumentDefined ? document.referrer : '',
-      "Referrer-Id": isWindowDefined ? referralValue : ''
+      'Referer-Url': isDocumentDefined ? document.referrer : '',
+      'Referrer-Id': isWindowDefined ? referralValue : ''
     })
   })["catch"](function (error) {
     throw error;
@@ -1351,9 +1352,10 @@ function getTickets(id, promoCode) {
 }
 var addToCart = function addToCart(id, data) {
   var res = publicRequest.post("v1/event/" + id + "/add-to-cart/", {
-    data: data,
+    data: data
+  }, {
     headers: {
-      "Referer-Url": isDocumentDefined ? document.referrer : ''
+      'Referer-Url': isDocumentDefined ? document.referrer : ''
     }
   });
   return res;
@@ -1381,7 +1383,7 @@ var register = function register(data) {
 var getPaymentData = function getPaymentData(hash) {
   var response = publicRequest.get("v1/order/" + hash + "/review/", {
     headers: {
-      "Referer-Url": isDocumentDefined ? document.referrer : ''
+      'Referer-Url': isDocumentDefined ? document.referrer : ''
     }
   })["catch"](function (error) {
     throw error;
@@ -1389,9 +1391,9 @@ var getPaymentData = function getPaymentData(hash) {
   return response;
 };
 var handlePaymentSuccess = function handlePaymentSuccess(orderHash) {
-  var res = publicRequest.post("v1/order/" + orderHash + "/success", {
+  var res = publicRequest.post("v1/order/" + orderHash + "/success", undefined, {
     headers: {
-      "Referer-Url": isDocumentDefined ? document.referrer : ''
+      'Referer-Url': isDocumentDefined ? document.referrer : ''
     }
   })["catch"](function (error) {
     throw error;
@@ -1399,9 +1401,9 @@ var handlePaymentSuccess = function handlePaymentSuccess(orderHash) {
   return res;
 };
 var handleFreeSuccess = function handleFreeSuccess(orderHash) {
-  var res = publicRequest.post("v1/order/" + orderHash + "/complete_free_registration", {
+  var res = publicRequest.post("v1/order/" + orderHash + "/complete_free_registration", undefined, {
     headers: {
-      "Referer-Url": isDocumentDefined ? document.referrer : ''
+      'Referer-Url': isDocumentDefined ? document.referrer : ''
     }
   })["catch"](function (error) {
     throw error;
@@ -3569,7 +3571,11 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
             type: element.type,
             required: true,
             component: element.type === 'checkbox' ? CheckboxField : element.type === 'phone' ? PhoneNumberField : CustomField,
-            validate: combineValidators(element.required ? requiredValidator : function () {}, element.onValidate ? element.onValidate : function () {}),
+            validate: combineValidators(element.required ? requiredValidator : function () {
+              return props.errors[element.name + "-" + index];
+            }, element.onValidate ? element.onValidate : function () {
+              return props.errors[element.name + "-" + index];
+            }),
             disableDropdown: element.disableDropdown
           }));
         })));
@@ -3674,7 +3680,8 @@ var CheckoutForm = function CheckoutForm(_ref) {
       handleSetLoading = _ref$handleSetLoading === void 0 ? function () {} : _ref$handleSetLoading,
       _ref$conditions = _ref.conditions,
       conditions = _ref$conditions === void 0 ? [] : _ref$conditions,
-      disableZipSection = _ref.disableZipSection;
+      disableZipSection = _ref.disableZipSection,
+      paymentButtonText = _ref.paymentButtonText;
   var stripe = reactStripeJs.useStripe();
   var elements = reactStripeJs.useElements();
 
@@ -3905,7 +3912,7 @@ var CheckoutForm = function CheckoutForm(_ref) {
     type: "submit"
   }, isLoading ? React__default.createElement(CircularProgress, {
     size: 26
-  }) : "Pay " + getCurrencySymbolByCurrency(currency) + total))));
+  }) : (paymentButtonText ? paymentButtonText : 'Pay') + " " + getCurrencySymbolByCurrency(currency) + total))));
 };
 
 var publishableKey = CONFIGS.STRIPE_PUBLISHABLE_KEY || '';
@@ -3968,7 +3975,8 @@ var PaymentContainer = function PaymentContainer(_ref) {
       _ref$enableTimer = _ref.enableTimer,
       enableTimer = _ref$enableTimer === void 0 ? false : _ref$enableTimer,
       _ref$enablePaymentPla = _ref.enablePaymentPlan,
-      enablePaymentPlan = _ref$enablePaymentPla === void 0 ? false : _ref$enablePaymentPla;
+      enablePaymentPlan = _ref$enablePaymentPla === void 0 ? false : _ref$enablePaymentPla,
+      paymentButtonText = _ref.paymentButtonText;
 
   var _useState = React.useState(initialReviewValues),
       reviewData = _useState[0],
@@ -4252,7 +4260,8 @@ var PaymentContainer = function PaymentContainer(_ref) {
     },
     conditions: conditions,
     stripeCardOptions: stripeCardOptions,
-    disableZipSection: disableZipSection
+    disableZipSection: disableZipSection,
+    paymentButtonText: paymentButtonText
   })))) : React__default.createElement("div", {
     className: "payment_button " + (paymentIsLoading ? 'disabled-payment-button' : '')
   }, React__default.createElement("button", {