tf-checkout-react 1.3.28 → 1.3.30

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

@@ -10,9 +10,8 @@ export interface IAddonContainterProps {
     onConfirmSelectionSuccess?: (res: any) => void;
     onConfirmSelectionError?: (error: any) => void;
     onCountdownFinish?: () => void;
-    samePageBilling?: boolean;
 }
 export interface ObjectLiteral {
     [key: string]: any;
 }
-export declare const AddonsContainter: ({ classNamePrefix, enableBillingInfoAutoCreate, enableTimer, onGetAddonsPageInfoSuccess, onGetAddonsPageInfoError, onPostCheckoutSuccess, onPostCheckoutError, onConfirmSelectionSuccess, onConfirmSelectionError, onCountdownFinish, samePageBilling, }: IAddonContainterProps) => JSX.Element;
+export declare const AddonsContainter: ({ classNamePrefix, enableBillingInfoAutoCreate, enableTimer, onGetAddonsPageInfoSuccess, onGetAddonsPageInfoError, onPostCheckoutSuccess, onPostCheckoutError, onConfirmSelectionSuccess, onConfirmSelectionError, onCountdownFinish, }: IAddonContainterProps) => JSX.Element;

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

@@ -6,7 +6,8 @@ export interface IPhoneNumberField {
     form: FormikProps<any>;
     type: string;
     disableDropdown: boolean;
+    defaultCountry?: string;
     fill: boolean;
     setPhoneValidationIsLoading: (isLoading: boolean) => void;
 }
-export declare const PhoneNumberField: ({ label, field, form: { errors, touched, setFieldError, values, initialValues, setFieldValue, setFieldTouched, setErrors, }, disableDropdown, fill, setPhoneValidationIsLoading, }: IPhoneNumberField) => JSX.Element;
+export declare const PhoneNumberField: ({ label, field, form: { errors, touched, setFieldError, values, initialValues, setFieldValue, setFieldTouched, setErrors, }, disableDropdown, defaultCountry, fill, setPhoneValidationIsLoading, }: IPhoneNumberField) => JSX.Element;

package/dist/components/ticketsContainer/PromoCodeSection.d.ts

@@ -9,6 +9,5 @@ export interface IPromoCodeSectionProps {
     setCodeIsApplied: (value: boolean) => void;
     codeIsInvalid: boolean;
     setCodeIsInvalid: (value: boolean) => void;
-    promoText?: string;
 }
-export declare const PromoCodeSection: ({ code, codeIsApplied, showPromoInput, setCode, setShowPromoInput, updateTickets, setCodeIsApplied, codeIsInvalid, setCodeIsInvalid, promoText, }: IPromoCodeSectionProps) => JSX.Element;
+export declare const PromoCodeSection: ({ code, codeIsApplied, showPromoInput, setCode, setShowPromoInput, updateTickets, setCodeIsApplied, codeIsInvalid, setCodeIsInvalid }: IPromoCodeSectionProps) => JSX.Element;

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

@@ -51,7 +51,6 @@ export interface IGetTickets {
     enableInfluencersSection?: boolean;
     enableAddOns?: boolean;
     ordersPath?: string;
-    promoText?: string;
 }
 export interface ITicket {
     id: string | number;
@@ -60,5 +59,5 @@ export interface ITicket {
 export interface ISelectedTickets {
     [key: string]: string | number;
 }
-export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, onLogoutSuccess, onLogoutError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, enableBillingInfoAutoCreate, isButtonScrollable, sortBySoldOut, disableCountdownLeadingZero, isLoggedIn, actionsSectionComponent: ActionsSectionComponent, ticketsHeaderComponent, hideTicketsHeader, enableInfluencersSection, enableAddOns, handleNotInvitedModalClose, handleInvalidLinkModalClose, ordersPath, promoText, }: IGetTickets) => JSX.Element;
+export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, onLogoutSuccess, onLogoutError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, enableBillingInfoAutoCreate, isButtonScrollable, sortBySoldOut, disableCountdownLeadingZero, isLoggedIn, actionsSectionComponent: ActionsSectionComponent, ticketsHeaderComponent, hideTicketsHeader, enableInfluencersSection, enableAddOns, handleNotInvitedModalClose, handleInvalidLinkModalClose, ordersPath, }: IGetTickets) => JSX.Element;
 export {};

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

@@ -67,7 +67,6 @@ var TablePagination = _interopDefault(require('@mui/material/TablePagination'));
 var TableRow = _interopDefault(require('@mui/material/TableRow'));
 var _has = _interopDefault(require('lodash/has'));
 var Radio = _interopDefault(require('@mui/material/Radio'));
-var lodash = require('lodash');
 var _isNull = _interopDefault(require('lodash/isNull'));
 var _reverse = _interopDefault(require('lodash/reverse'));
 
@@ -1231,6 +1230,8 @@ publicRequest.interceptors.response.use(function (response) {
   return Promise.reject(error);
 });
 publicRequest.interceptors.request.use(function (config) {
+  var _document$cookie;
+
   var guestToken = isWindowDefined ? window.localStorage.getItem('auth_guest_token') : null;
   var userData = isWindowDefined ? window.localStorage.getItem('user_data') : null;
   var accessToken = isWindowDefined ? window.localStorage.getItem('access_token') : null;
@@ -1261,14 +1262,24 @@ publicRequest.interceptors.request.use(function (config) {
     config.headers = _updatedHeaders2;
   }
 
-  if (CONFIGS.X_SOURCE_ORIGIN) {
+  var additionalCookiesHeaderValue = (_document$cookie = document.cookie) != null ? _document$cookie : '';
+
+  if (additionalCookiesHeaderValue !== '') {
     var _updatedHeaders3 = _extends({}, config.headers, {
-      'X-Source-Origin': CONFIGS.X_SOURCE_ORIGIN
+      'Additional-Cookies': additionalCookiesHeaderValue
     });
 
     config.headers = _updatedHeaders3;
   }
 
+  if (CONFIGS.X_SOURCE_ORIGIN) {
+    var _updatedHeaders4 = _extends({}, config.headers, {
+      'X-Source-Origin': CONFIGS.X_SOURCE_ORIGIN
+    });
+
+    config.headers = _updatedHeaders4;
+  }
+
   if (CONFIGS.BASE_URL) {
     config.baseURL = CONFIGS.BASE_URL + '/api';
   }
@@ -1820,6 +1831,8 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
       setErrors = _ref$form.setErrors,
       _ref$disableDropdown = _ref.disableDropdown,
       disableDropdown = _ref$disableDropdown === void 0 ? true : _ref$disableDropdown,
+      _ref$defaultCountry = _ref.defaultCountry,
+      defaultCountry = _ref$defaultCountry === void 0 ? 'us' : _ref$defaultCountry,
       _ref$fill = _ref.fill,
       fill = _ref$fill === void 0 ? false : _ref$fill,
       setPhoneValidationIsLoading = _ref.setPhoneValidationIsLoading;
@@ -1909,7 +1922,7 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
       }
     },
     variant: "outlined",
-    defaultCountry: "us",
+    defaultCountry: defaultCountry,
     disableDropdown: disableDropdown,
     label: label,
     error: !!error && (isTouched || fill),
@@ -2311,7 +2324,7 @@ var LoginModal = function LoginModal(_ref) {
       onSubmit: props.handleSubmit
     }, React__default.createElement("div", {
       className: "modal-title"
-    }, "Log in"), React__default.createElement("div", {
+    }, "Login"), React__default.createElement("div", {
       className: 'login-logo-container'
     }, React__default.createElement("img", {
       className: "login-logo-tff",
@@ -2359,7 +2372,7 @@ var LoginModal = function LoginModal(_ref) {
       className: "login-action-button"
     }, React__default.createElement("button", {
       type: "submit"
-    }, "Log in")), showForgotPasswordButton && React__default.createElement("div", {
+    }, "Login")), showForgotPasswordButton && React__default.createElement("div", {
       className: "forgot-password"
     }, React__default.createElement("span", {
       "aria-hidden": "true",
@@ -2546,7 +2559,7 @@ var SignupModal = function SignupModal(_ref) {
       className: "login"
     }, React__default.createElement("span", {
       onClick: onLogin
-    }, "Log in")), showPoweredByImage ? React__default.createElement(PoweredBy, null) : null);
+    }, "Login")), showPoweredByImage ? React__default.createElement(PoweredBy, null) : null);
   }))));
 };
 
@@ -3444,12 +3457,12 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
     expires_at: expirationTime,
     onCountdownFinish: onCountdownFinish
   }), React__default.createElement(formik.Formik, {
-    initialValues: getInitialValues(dataWithUniqueIds, _extends({}, initialValues, {
+    initialValues: getInitialValues(dataWithUniqueIds, _extends({
       country: _get(userData, 'country', '') || '1',
       state: _get(userData, 'state', '') || '1',
       brand_opt_in: optedInFieldValue,
       ttf_opt_in: ttfOptIn
-    }), userValues),
+    }, initialValues), userValues),
     enableReinitialize: false,
     onSubmit: function () {
       var _onSubmit = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee6(values, formikHelpers) {
@@ -3660,7 +3673,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
       className: "account-actions-block"
     }, React__default.createElement("div", {
       className: "action-item"
-    }, React__default.createElement("div", null, accountInfoTitle), React__default.createElement("div", null, "Log in & skip ahead:")), React__default.createElement("div", {
+    }, React__default.createElement("div", null, accountInfoTitle), React__default.createElement("div", null, "Login & skip ahead:")), React__default.createElement("div", {
       className: "action-item login-block"
     }, React__default.createElement("button", {
       className: "login-register-button",
@@ -3673,7 +3686,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
           setShowModalLogin(true);
         }
       }
-    }, "Log in"), !hideLogo && React__default.createElement("div", {
+    }, "Login"), !hideLogo && React__default.createElement("div", {
       className: "logo-image-container"
     }, React__default.createElement("img", {
       src: theme === 'dark' ? 'https://www.ticketfairy.com/resources/images/logo-ttf.svg' : 'https://www.ticketfairy.com/resources/images/logo-ttf-black.svg',
@@ -3745,7 +3758,8 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
             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,
-            disableDropdown: element.disableDropdown
+            disableDropdown: element.disableDropdown,
+            defaultCountry: element.defaultCountry
           })));
         })));
       }));
@@ -3780,7 +3794,8 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
               return props.errors[element.name + "-" + index];
             }),
             disableDropdown: element.disableDropdown,
-            setPhoneValidationIsLoading: setPhoneValidationIsLoading
+            setPhoneValidationIsLoading: setPhoneValidationIsLoading,
+            defaultCountry: element.defaultCountry
           }));
         })));
       }));
@@ -5275,8 +5290,7 @@ var PromoCodeSection = function PromoCodeSection(_ref) {
       updateTickets = _ref.updateTickets,
       setCodeIsApplied = _ref.setCodeIsApplied,
       codeIsInvalid = _ref.codeIsInvalid,
-      setCodeIsInvalid = _ref.setCodeIsInvalid,
-      promoText = _ref.promoText;
+      setCodeIsInvalid = _ref.setCodeIsInvalid;
   var isPromoCodeHasValue = !!code.trim();
 
   var renderInputField = function renderInputField() {
@@ -5332,7 +5346,7 @@ var PromoCodeSection = function PromoCodeSection(_ref) {
       setShowPromoInput(true);
       setCodeIsInvalid(false);
     }
-  }, promoText != null ? promoText : 'Got a promo code? Click here'), showPromoInput && renderInputField());
+  }, "Got a promo code? Click here"), showPromoInput && renderInputField());
 };
 
 var ReferralLogic = function ReferralLogic(props) {
@@ -5489,7 +5503,7 @@ var TicketsSection = function TicketsSection(_ref) {
     }
 
     var ticketIsFree = +ticket.price === 0;
-    var ticketPrice = isSoldOut ? 'SOLD OUT' : ticketIsFree ? 'FREE' : "\xA3 " + (+ticket.price).toFixed(2);
+    var ticketPrice = isSoldOut ? 'SOLD OUT' : ticketIsFree ? 'FREE' : "$ " + (+ticket.price).toFixed(2);
     var isNewGroupTicket = (ticket == null ? void 0 : ticket.groupName) !== ((_arr = arr[i - 1]) == null ? void 0 : _arr.groupName);
     return React__default.createElement(React__default.Fragment, {
       key: ticket.id || ticket.name
@@ -5505,7 +5519,7 @@ var TicketsSection = function TicketsSection(_ref) {
       className: "event-detail__tier-price"
     }, ticketIsDiscounted && React__default.createElement("p", {
       className: "old-price"
-    }, "\xA3 ", (+ticket.oldPrice).toFixed(2)), React__default.createElement("p", {
+    }, "$ ", (+ticket.oldPrice).toFixed(2)), React__default.createElement("p", {
       className: isSoldOut ? 'sold-out' : ''
     }, ticketPrice), !isSoldOut && !ticketIsFree && React__default.createElement("p", {
       className: "fees"
@@ -5575,8 +5589,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
       handleNotInvitedModalClose = _ref$handleNotInvited === void 0 ? _identity : _ref$handleNotInvited,
       _ref$handleInvalidLin = _ref.handleInvalidLinkModalClose,
       handleInvalidLinkModalClose = _ref$handleInvalidLin === void 0 ? _identity : _ref$handleInvalidLin,
-      ordersPath = _ref.ordersPath,
-      promoText = _ref.promoText;
+      ordersPath = _ref.ordersPath;
 
   var _useState = React.useState({}),
       selectedTickets = _useState[0],
@@ -6132,8 +6145,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
     setCode: setCode,
     updateTickets: updateTickets,
     codeIsInvalid: codeIsInvalid,
-    setCodeIsInvalid: setCodeIsInvalid,
-    promoText: promoText
+    setCodeIsInvalid: setCodeIsInvalid
   }) : null, wrappedActionsSectionComponent, canShowGetTicketBtn() && React__default.createElement(Button$1, {
     "aria-hidden": true,
     className: "book-button \n                  " + (bookButtonIsDisabled ? 'disabled' : '') + "  \n                  " + (isButtonScrollable ? 'is-scrollable' : '') + "\n                  " + (!isLoggedIn ? 'on-bottom' : '') + "\n                ",
@@ -7685,11 +7697,8 @@ var AddonsContainter = function AddonsContainter(_ref) {
       _ref$onConfirmSelecti2 = _ref.onConfirmSelectionError,
       onConfirmSelectionError = _ref$onConfirmSelecti2 === void 0 ? _identity : _ref$onConfirmSelecti2,
       _ref$onCountdownFinis = _ref.onCountdownFinish,
-      _onCountdownFinish = _ref$onCountdownFinis === void 0 ? _identity : _ref$onCountdownFinis,
-      _ref$samePageBilling = _ref.samePageBilling,
-      samePageBilling = _ref$samePageBilling === void 0 ? false : _ref$samePageBilling;
+      _onCountdownFinish = _ref$onCountdownFinis === void 0 ? _identity : _ref$onCountdownFinis;
 
-  var valuesRef = React.useRef(null);
   var eventId = getQueryVariable('event_id');
 
   var _useState = React.useState([]),
@@ -7866,7 +7875,7 @@ var AddonsContainter = function AddonsContainter(_ref) {
               collectOptionalWalletAddress = (_pageConfigsData$coll = pageConfigsData.collect_optional_wallet_address) != null ? _pageConfigsData$coll : false;
               collectMandatoryWalletAddress = (_pageConfigsData$coll2 = pageConfigsData.collect_mandatory_wallet_address) != null ? _pageConfigsData$coll2 : false;
 
-              if (!(skipBillingPage && enableBillingInfoAutoCreate && !samePageBilling)) {
+              if (!(skipBillingPage && enableBillingInfoAutoCreate)) {
                 _context2.next = 36;
                 break;
               }
@@ -7970,7 +7979,6 @@ var AddonsContainter = function AddonsContainter(_ref) {
     }));
   }
 
-  var flagHasAddOn = getQueryVariable('hasAddOn') === 'true';
   return React__default.createElement(React__default.Fragment, null, !!cartExpirationTime && enableTimer && React__default.createElement(TimerWidget$1, {
     expires_at: cartExpirationTime,
     onCountdownFinish: function onCountdownFinish() {
@@ -7978,7 +7986,7 @@ var AddonsContainter = function AddonsContainter(_ref) {
 
       _onCountdownFinish();
     }
-  }), samePageBilling && !flagHasAddOn ? null : React__default.createElement("div", {
+  }), React__default.createElement("div", {
     className: classNamePrefix + "_container"
   }, React__default.createElement("div", {
     className: classNamePrefix + "_block"
@@ -7986,7 +7994,7 @@ var AddonsContainter = function AddonsContainter(_ref) {
     className: classNamePrefix + "_line_block"
   }, React__default.createElement("p", {
     className: classNamePrefix + "_info_title"
-  }, "Get Your Tickets"), samePageBilling ? null : React__default.createElement("button", {
+  }, "Get Your Tickets"), React__default.createElement("button", {
     type: "button",
     className: classNamePrefix + "_skip",
     onClick: function onClick() {
@@ -8004,11 +8012,6 @@ var AddonsContainter = function AddonsContainter(_ref) {
     }
   }, function (_ref4) {
     var values = _ref4.values;
-
-    if (!lodash.isEqual(values, valuesRef.current)) {
-      valuesRef.current = values;
-    }
-
     var isConfirmDisabled = !isAtLeastOneAddonSelected(values);
     return React__default.createElement(formik.Form, {
       autoComplete: "off",
@@ -8048,13 +8051,7 @@ var AddonsContainter = function AddonsContainter(_ref) {
             selectOptions: addonsOptions[variant.id],
             classNamePrefix: classNamePrefix,
             handleAddonChange: function handleAddonChange(id, value) {
-              onFieldChange(id, value, addon);
-
-              if (samePageBilling) {
-                setTimeout(function () {
-                  handleConfirm(valuesRef.current);
-                }, 100);
-              }
+              return onFieldChange(id, value, addon);
             }
           })
         );
@@ -8065,16 +8062,10 @@ var AddonsContainter = function AddonsContainter(_ref) {
         selectOptions: addonsOptions[addon.id],
         classNamePrefix: classNamePrefix,
         handleAddonChange: function handleAddonChange(id, value) {
-          onFieldChange(id, value, addon);
-
-          if (samePageBilling) {
-            setTimeout(function () {
-              handleConfirm(valuesRef.current);
-            }, 100);
-          }
+          return onFieldChange(id, value, addon);
         }
       })));
-    }), samePageBilling ? null : React__default.createElement("button", {
+    }), React__default.createElement("button", {
       type: "submit",
       className: (isConfirmDisabled ? classNamePrefix + "_is_disabled" : '') + " " + classNamePrefix + "_submit_button",
       disabled: isConfirmDisabled