tf-checkout-react 1.2.1 → 1.2.4

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

@@ -7,5 +7,5 @@ export interface ICheckboxField {
 interface IOtherProps {
     [key: string]: any;
 }
-export declare const CheckboxField: ({ label, field, selectOptions, theme, setFieldValue, ...rest }: ICheckboxField & IOtherProps) => JSX.Element;
+export declare const CheckboxField: ({ label, field, selectOptions, theme, setFieldValue, disableDropdown, ...rest }: ICheckboxField & IOtherProps) => JSX.Element;
 export {};

package/dist/components/common/PhoneNumberField.d.ts

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

package/dist/components/common/RadioField.d.ts

@@ -7,5 +7,5 @@ export interface IRadioField {
 interface IOtherProps {
     [key: string]: any;
 }
-export declare const RadioField: ({ label, field, theme, ...rest }: IRadioField & IOtherProps) => JSX.Element;
+export declare const RadioField: ({ label, field, theme, disableDropdown, ...rest }: IRadioField & IOtherProps) => JSX.Element;
 export {};

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

@@ -28,7 +28,7 @@ var styles$1 = require('@mui/styles');
 var FormGroup = _interopDefault(require('@mui/material/FormGroup'));
 var FormControlLabel = _interopDefault(require('@mui/material/FormControlLabel'));
 var Checkbox = _interopDefault(require('@mui/material/Checkbox'));
-require('material-ui-phone-number');
+var MuiPhoneNumber = _interopDefault(require('material-ui-phone-number'));
 var _debounce = _interopDefault(require('lodash/debounce'));
 var CircularProgress = _interopDefault(require('@mui/material/CircularProgress'));
 var Select = _interopDefault(require('@mui/material/Select'));
@@ -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;
@@ -1653,7 +1655,7 @@ var DatePickerField = function DatePickerField(_ref) {
   })));
 };
 
-var _excluded = ["label", "field", "selectOptions", "theme", "setFieldValue"];
+var _excluded = ["label", "field", "selectOptions", "theme", "setFieldValue", "disableDropdown"];
 var CheckboxField = function CheckboxField(_ref) {
   var _rest$form, _field$name, _rest$form2, _field$name2;
 
@@ -1739,19 +1741,30 @@ var getCurrencySymbolByCurrency = function getCurrencySymbolByCurrency(currency)
       return 'US$';
   }
 };
+var removePlusSign = function removePlusSign(string) {
+  if (string === void 0) {
+    string = '';
+  }
+
+  return string.replace('+', '');
+};
 
 var PhoneNumberField = function PhoneNumberField(_ref) {
   var label = _ref.label,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'text' : _ref$type,
       field = _ref.field,
       _ref$form = _ref.form,
       errors = _ref$form.errors,
+      touched = _ref$form.touched,
       setFieldError = _ref$form.setFieldError,
-      setStatus = _ref$form.setStatus;
+      setStatus = _ref$form.setStatus,
+      initialValues = _ref$form.initialValues,
+      setFieldValue = _ref$form.setFieldValue,
+      _ref$disableDropdown = _ref.disableDropdown,
+      disableDropdown = _ref$disableDropdown === void 0 ? true : _ref$disableDropdown;
 
-  var error = _get(errors, field.name); // eslint-disable-next-line react-hooks/exhaustive-deps
+  var error = _get(errors, field.name);
 
+  var isTouched = Boolean(_get(touched, field.name)); // eslint-disable-next-line react-hooks/exhaustive-deps
 
   var debounceCb = React.useCallback(_debounce(function (cb) {
     return void cb();
@@ -1804,15 +1817,21 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
       }, _callee, null, [[0, 7, 11, 14]]);
     }))); // eslint-disable-next-line
   }, [field.value]);
-  return React__default.createElement(TextField, Object.assign({}, field, {
-    id: field.name,
+  return React__default.createElement(MuiPhoneNumber, {
+    name: field.name,
+    value: initialValues.phone,
+    onChange: function onChange(e) {
+      return setFieldValue(field.name, removePlusSign(e));
+    },
+    variant: "outlined",
+    defaultCountry: 'us',
+    disableDropdown: disableDropdown,
     label: label,
-    type: type,
+    error: !!error && isTouched,
+    helperText: isTouched && error,
     fullWidth: true,
-    error: !!error,
-    helperText: error,
-    value: field.value || ''
-  }));
+    autoFormat: false
+  });
 };
 
 function Loader() {
@@ -3525,7 +3544,8 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
             onBlur: props.handleBlur,
             component: element.type === 'checkbox' ? CheckboxField : element.type === 'select' ? SelectField : element.type === 'phone' ? PhoneNumberField : element.type === 'date' ? DatePickerField : CustomField,
             selectOptions: element.name === 'country' ? countries : element.name === 'state' ? states : [],
-            theme: theme
+            theme: theme,
+            disableDropdown: element.disableDropdown
           })));
         })));
       }));
@@ -3551,7 +3571,12 @@ 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
           }));
         })));
       }));
@@ -3655,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();
 
@@ -3886,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 || '';
@@ -3949,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],
@@ -4233,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", {
@@ -5657,7 +5685,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"
@@ -5670,8 +5698,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, {
@@ -5846,9 +5876,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) {
@@ -5864,10 +5892,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,
@@ -6020,7 +6045,7 @@ var TicketsTable = function TicketsTable(_ref) {
   })))));
 };
 
-var _excluded$2 = ["label", "field", "theme"];
+var _excluded$2 = ["label", "field", "theme", "disableDropdown"];
 var RadioField = function RadioField(_ref) {
   var label = _ref.label,
       field = _ref.field,