tf-checkout-react 1.2.2 → 1.2.5

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/common/PhoneNumberField.d.ts

@@ -7,4 +7,4 @@ export interface IPhoneNumberField {
     type: string;
     disableDropdown: boolean;
 }
-export declare const PhoneNumberField: ({ label, field, form: { errors, touched, setFieldError, setStatus, initialValues, setFieldValue }, disableDropdown }: IPhoneNumberField) => JSX.Element;
+export declare const PhoneNumberField: ({ label, field, form: { errors, touched, setFieldError, setStatus, initialValues, setFieldValue, }, disableDropdown, }: IPhoneNumberField) => JSX.Element;

package/dist/components/myTicketsContainer/tableConfig.d.ts

@@ -1,5 +1,5 @@
 declare const tableConfig: (key?: string | undefined) => {
-    header: never[];
+    header: string[];
     body: ((row: any) => any)[];
 };
 export default tableConfig;

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;
@@ -1822,13 +1824,14 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
       return setFieldValue(field.name, removePlusSign(e));
     },
     variant: "outlined",
-    defaultCountry: 'us',
+    defaultCountry: "us",
     disableDropdown: disableDropdown,
     label: label,
     error: !!error && isTouched,
     helperText: isTouched && error,
     fullWidth: true,
-    autoFormat: false
+    autoFormat: false,
+    disableAreaCodes: true
   });
 };
 
@@ -3569,7 +3572,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 +3681,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 +3913,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 +3976,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 +4261,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", {
@@ -5676,7 +5686,7 @@ var EventInfoItem = function EventInfoItem(_ref) {
   var image = _ref.image,
       name = _ref.name;
   return React__default.createElement("div", {
-    className: 'event-info'
+    className: "event-info"
   }, React__default.createElement("img", {
     src: image,
     alt: "event"
@@ -5689,8 +5699,10 @@ var tableConfig = function tableConfig(key) {
   switch (key) {
     default:
       config = {
-        header: [],
+        header: ['Order No.', 'Date', 'Event', 'Total'],
         body: [function (row) {
+          return row.id;
+        }, function (row) {
           return row.date;
         }, function (row) {
           return React__default.createElement(EventInfoItem, {
@@ -5865,9 +5877,7 @@ var MyTicketsContainer = function MyTicketsContainer(_ref) {
     },
     userExpired: userExpired,
     logo: logo
-  })), data && React__default.createElement(React__default.Fragment, null, React__default.createElement("h2", null, "My Ticket Orders"), React__default.createElement("div", {
-    className: "order_event"
-  }, React__default.createElement(Autocomplete, {
+  })), data && React__default.createElement(React__default.Fragment, null, React__default.createElement("h2", null, "My Ticket Orders"), React__default.createElement(Autocomplete, {
     disablePortal: true,
     id: "combo-box-demo",
     getOptionLabel: function getOptionLabel(option) {
@@ -5883,10 +5893,7 @@ var MyTicketsContainer = function MyTicketsContainer(_ref) {
         label: "Events"
       }));
     }
-  }), React__default.createElement("button", {
-    type: "button",
-    className: "clear"
-  }, "CLEAR")), loading ? React__default.createElement("div", {
+  }), loading ? React__default.createElement("div", {
     className: "loading"
   }, React__default.createElement(CircularProgress, null)) : React__default.createElement(React__default.Fragment, null, React__default.createElement(TableContainer, {
     component: Paper,