tf-checkout-react 1.3.43 → 1.3.45

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

@@ -49,5 +49,6 @@ export interface IBillingInfoPage {
     showSignUpButton?: boolean;
     brandOptIn?: boolean;
     showPoweredByImage?: boolean;
+    isCountryCodeEditable?: boolean;
 }
-export declare const BillingInfoContainer: React.MemoExoticComponent<({ 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, brandOptIn, showPoweredByImage, }: IBillingInfoPage) => JSX.Element>;
+export declare const BillingInfoContainer: React.MemoExoticComponent<({ 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, brandOptIn, showPoweredByImage, isCountryCodeEditable, }: IBillingInfoPage) => JSX.Element>;

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

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

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

@@ -24,5 +24,7 @@ export interface IConfirmationPage {
     orderHash?: string;
     confirmationLabels: IConfirmationLabels;
     clientLabel?: string;
+    showReferralsInfoText?: boolean;
+    showCopyInfoModal?: boolean;
 }
-export declare const ConfirmationContainer: ({ confirmationLabels, hasCopyIcon, isReferralEnabled, showDefaultShareButtons, messengerAppId, shareButtons, onGetConfirmationDataSuccess, onGetConfirmationDataError, orderHash, onLinkCopied, clientLabel, }: IConfirmationPage) => JSX.Element;
+export declare const ConfirmationContainer: ({ confirmationLabels, hasCopyIcon, isReferralEnabled, showDefaultShareButtons, messengerAppId, shareButtons, onGetConfirmationDataSuccess, onGetConfirmationDataError, orderHash, onLinkCopied, clientLabel, showReferralsInfoText, showCopyInfoModal, }: IConfirmationPage) => JSX.Element;

package/dist/components/confirmationContainer/social-buttons.d.ts

@@ -7,6 +7,7 @@ interface SocialButtonsTypes {
     showDefaultShareButtons: boolean;
     shareButtons: IShareButton[];
     clientLabel?: string;
+    showReferralsInfoText?: boolean;
 }
-declare const SocialButtons: ({ showDefaultShareButtons, shareLink, name, appId, shareButtons, clientLabel, }: SocialButtonsTypes) => JSX.Element;
+declare const SocialButtons: ({ showDefaultShareButtons, shareLink, name, appId, shareButtons, clientLabel, showReferralsInfoText, }: SocialButtonsTypes) => JSX.Element;
 export default SocialButtons;

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

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

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

@@ -8,6 +8,7 @@ interface ITicketsSectionProps {
     sortBySoldOut: boolean;
     ticketsHeaderComponent?: ReactNode;
     hideTicketsHeader: boolean;
+    showGroupNameBlock?: boolean;
 }
-export declare const TicketsSection: ({ event, ticketsList, selectedTickets, handleTicketSelect, sortBySoldOut, ticketsHeaderComponent, hideTicketsHeader, }: ITicketsSectionProps) => JSX.Element;
+export declare const TicketsSection: ({ event, ticketsList, selectedTickets, handleTicketSelect, sortBySoldOut, ticketsHeaderComponent, hideTicketsHeader, showGroupNameBlock, }: ITicketsSectionProps) => JSX.Element;
 export {};

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

@@ -53,7 +53,9 @@ export interface IGetTickets {
     enableInfluencersSection?: boolean;
     enableAddOns?: boolean;
     ordersPath?: string;
+    showPoweredByImage?: boolean;
     promoText?: string;
+    showGroupNameBlock?: boolean;
 }
 export interface ITicket {
     id: string | number;
@@ -62,5 +64,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, onGetProfileDataSuccess, onGetProfileDataError, 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, onGetProfileDataSuccess, onGetProfileDataError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, enableBillingInfoAutoCreate, isButtonScrollable, sortBySoldOut, disableCountdownLeadingZero, isLoggedIn, actionsSectionComponent: ActionsSectionComponent, ticketsHeaderComponent, hideTicketsHeader, enableInfluencersSection, enableAddOns, handleNotInvitedModalClose, handleInvalidLinkModalClose, ordersPath, showPoweredByImage, promoText, showGroupNameBlock, }: IGetTickets) => JSX.Element;
 export {};

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

@@ -2539,7 +2539,8 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
       defaultCountry = _ref$defaultCountry === void 0 ? 'us' : _ref$defaultCountry,
       _ref$fill = _ref.fill,
       fill = _ref$fill === void 0 ? false : _ref$fill,
-      setPhoneValidationIsLoading = _ref.setPhoneValidationIsLoading;
+      setPhoneValidationIsLoading = _ref.setPhoneValidationIsLoading,
+      isCountryCodeEditable = _ref.isCountryCodeEditable;
 
   var error = _get(errors, field.name);
 
@@ -2634,7 +2635,7 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
     fullWidth: true,
     autoFormat: false,
     disableAreaCodes: true,
-    countryCodeEditable: false
+    countryCodeEditable: isCountryCodeEditable
   }));
 };
 
@@ -3360,7 +3361,9 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
       _ref4$brandOptIn = _ref4.brandOptIn,
       brandOptIn = _ref4$brandOptIn === void 0 ? false : _ref4$brandOptIn,
       _ref4$showPoweredByIm = _ref4.showPoweredByImage,
-      showPoweredByImage = _ref4$showPoweredByIm === void 0 ? false : _ref4$showPoweredByIm;
+      showPoweredByImage = _ref4$showPoweredByIm === void 0 ? false : _ref4$showPoweredByIm,
+      _ref4$isCountryCodeEd = _ref4.isCountryCodeEditable,
+      isCountryCodeEditable = _ref4$isCountryCodeEd === void 0 ? true : _ref4$isCountryCodeEd;
 
   var _useState = React.useState(false),
       isNewUser = _useState[0],
@@ -4084,7 +4087,8 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
             }) : element.name === 'state' ? states : element.selectOptions || [],
             theme: theme,
             defaultCountry: defaultCountry || element.defaultCountry,
-            dateFormat: element.format
+            dateFormat: element.format,
+            isCountryCodeEditable: isCountryCodeEditable
           }))));
         })));
       }));
@@ -4119,7 +4123,8 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
               return props.errors[element.name + "-" + index];
             }),
             setPhoneValidationIsLoading: setPhoneValidationIsLoading,
-            defaultCountry: defaultCountry || element.defaultCountry
+            defaultCountry: defaultCountry || element.defaultCountry,
+            isCountryCodeEditable: isCountryCodeEditable
           })));
         })));
       }));
@@ -4590,7 +4595,11 @@ var PaymentContainer = function PaymentContainer(_ref) {
       enableTimer = _ref$enableTimer === void 0 ? false : _ref$enableTimer,
       _ref$enablePaymentPla = _ref.enablePaymentPlan,
       enablePaymentPlan = _ref$enablePaymentPla === void 0 ? false : _ref$enablePaymentPla,
-      paymentButtonText = _ref.paymentButtonText;
+      paymentButtonText = _ref.paymentButtonText,
+      _ref$orderInfoLabel = _ref.orderInfoLabel,
+      orderInfoLabel = _ref$orderInfoLabel === void 0 ? 'Order Review' : _ref$orderInfoLabel,
+      _ref$paymentInfoLabel = _ref.paymentInfoLabel,
+      paymentInfoLabel = _ref$paymentInfoLabel === void 0 ? 'Order Confirmation' : _ref$paymentInfoLabel;
 
   var _useState = React.useState(initialReviewValues),
       reviewData = _useState[0],
@@ -4815,7 +4824,7 @@ var PaymentContainer = function PaymentContainer(_ref) {
     maxWidth: "md"
   }, showFormTitle && React__default.createElement("h1", null, formTitle), React__default.createElement("div", {
     className: "order_info_text"
-  }, "Order Review"), React__default.createElement("div", {
+  }, orderInfoLabel), React__default.createElement("div", {
     className: "order_info_section"
   }, _map(paymentFields, function (field) {
     var id = field.id,
@@ -4874,7 +4883,7 @@ var PaymentContainer = function PaymentContainer(_ref) {
     className: "payment_info"
   }, React__default.createElement("div", {
     className: "payment_info_label"
-  }, "Payment"), showErrorText && React__default.createElement("p", {
+  }, paymentInfoLabel), showErrorText && React__default.createElement("p", {
     className: "payment_info__error"
   }, errorText), React__default.createElement("div", null, React__default.createElement(reactStripeJs.Elements, {
     stripe: getStripePromise(reviewData),
@@ -5008,9 +5017,9 @@ var SocialComponent = function SocialComponent(_ref) {
   var Component = (_config = config$1(platform)) == null ? void 0 : _config.component;
   var Icon = (_config2 = config$1(platform)) == null ? void 0 : _config2.icon;
   return React__default.createElement(React__default.Fragment, null, Component && React__default.createElement(Component, Object.assign({}, shareData), React__default.createElement("div", {
-    className: 'social-media-sharing'
+    className: "social-media-sharing"
   }, React__default.createElement("div", {
-    className: 'share-icon'
+    className: "share-icon"
   }, React__default.createElement(Icon, {
     size: 32,
     round: true
@@ -5025,7 +5034,8 @@ var SocialButtons = function SocialButtons(_ref2) {
       name = _ref2.name,
       appId = _ref2.appId,
       shareButtons = _ref2.shareButtons,
-      clientLabel = _ref2.clientLabel;
+      clientLabel = _ref2.clientLabel,
+      showReferralsInfoText = _ref2.showReferralsInfoText;
   return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     className: "convenient_buttons"
   }, "or use one of these convenient buttons:"), React__default.createElement("div", {
@@ -5066,7 +5076,7 @@ var SocialButtons = function SocialButtons(_ref2) {
     return React__default.createElement(SocialComponent, Object.assign({
       key: index
     }, shareButton));
-  })), (showDefaultShareButtons || shareButtons.length) && React__default.createElement("p", null, "We ", React__default.createElement("strong", null, "never"), " post on Facebook without your permission!"), React__default.createElement("p", {
+  })), (showDefaultShareButtons || shareButtons.length) && React__default.createElement("p", null, "We ", React__default.createElement("strong", null, "never"), " post on Facebook without your permission!"), (showReferralsInfoText || Boolean(clientLabel)) && React__default.createElement("p", {
     className: "note-message"
   }, React__default.createElement("span", null, "*Please note, only purchases made from a different", ' ', clientLabel || 'Ticket Fairy', " account can count towards your referrals"), React__default.createElement("span", null, ' ', "so please make sure you ask your friends to buy their own tickets using their own ", clientLabel || 'Ticket Fairy', " account!")));
 };
@@ -5088,7 +5098,11 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
       orderHash = _ref.orderHash,
       _ref$onLinkCopied = _ref.onLinkCopied,
       onLinkCopied = _ref$onLinkCopied === void 0 ? function () {} : _ref$onLinkCopied,
-      clientLabel = _ref.clientLabel;
+      clientLabel = _ref.clientLabel,
+      _ref$showReferralsInf = _ref.showReferralsInfoText,
+      showReferralsInfoText = _ref$showReferralsInf === void 0 ? false : _ref$showReferralsInf,
+      _ref$showCopyInfoModa = _ref.showCopyInfoModal,
+      showCopyInfoModal = _ref$showCopyInfoModa === void 0 ? false : _ref$showCopyInfoModa;
   var inputRef = React.useRef(null);
 
   var _useState = React.useState(null),
@@ -5190,7 +5204,7 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
   usePixel(['conversionPixels', 'brandConversionPixels'], data == null ? void 0 : data.product_id);
   return React__default.createElement("div", {
     className: "confirmation-page"
-  }, React__default.createElement(Modal, {
+  }, showCopyInfoModal && React__default.createElement(Modal, {
     open: showCopyModal,
     onClose: onClose,
     "aria-labelledby": "modal-modal-title",
@@ -5289,7 +5303,8 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
     appId: messengerAppId,
     shareLink: data.personal_share_link,
     shareButtons: shareButtons,
-    clientLabel: clientLabel
+    clientLabel: clientLabel,
+    showReferralsInfoText: showReferralsInfoText
   })))), React__default.createElement("div", {
     className: "pricing-section"
   }, React__default.createElement("div", {
@@ -5878,7 +5893,8 @@ var TicketsSection = function TicketsSection(_ref) {
       handleTicketSelect = _ref.handleTicketSelect,
       sortBySoldOut = _ref.sortBySoldOut,
       ticketsHeaderComponent = _ref.ticketsHeaderComponent,
-      hideTicketsHeader = _ref.hideTicketsHeader;
+      hideTicketsHeader = _ref.hideTicketsHeader,
+      showGroupNameBlock = _ref.showGroupNameBlock;
   var currency = event.currency.currency;
   var sortedTicketsList = sortBySoldOut ? _sortBy(_sortBy(ticketsList, 'sortOrder'), 'soldOut') : _sortBy(ticketsList, 'sortOrder');
   var showGroup = !!sortedTicketsList.find(function (ticket) {
@@ -5907,7 +5923,7 @@ var TicketsSection = function TicketsSection(_ref) {
     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
-    }, showGroup && isNewGroupTicket ? React__default.createElement("div", {
+    }, showGroupNameBlock && showGroup && isNewGroupTicket ? React__default.createElement("div", {
       className: "event-detail__tier group-title"
     }, ticket.groupName || '') : null, React__default.createElement("div", {
       className: "event-detail__tier " + (isSoldOut ? 'disabled' : '')
@@ -5994,7 +6010,11 @@ var TicketsContainer = function TicketsContainer(_ref) {
       _ref$handleInvalidLin = _ref.handleInvalidLinkModalClose,
       handleInvalidLinkModalClose = _ref$handleInvalidLin === void 0 ? _identity : _ref$handleInvalidLin,
       ordersPath = _ref.ordersPath,
-      promoText = _ref.promoText;
+      _ref$showPoweredByIma = _ref.showPoweredByImage,
+      showPoweredByImage = _ref$showPoweredByIma === void 0 ? false : _ref$showPoweredByIma,
+      promoText = _ref.promoText,
+      _ref$showGroupNameBlo = _ref.showGroupNameBlock,
+      showGroupNameBlock = _ref$showGroupNameBlo === void 0 ? false : _ref$showGroupNameBlo;
 
   var _useState = React.useState({}),
       selectedTickets = _useState[0],
@@ -6578,7 +6598,8 @@ var TicketsContainer = function TicketsContainer(_ref) {
     handleTicketSelect: handleTicketSelect,
     sortBySoldOut: sortBySoldOut,
     ticketsHeaderComponent: ticketsHeaderComponent,
-    hideTicketsHeader: hideTicketsHeader || _isEmpty(tickets)
+    hideTicketsHeader: hideTicketsHeader || _isEmpty(tickets),
+    showGroupNameBlock: showGroupNameBlock
   }), externalUrl ? null : isSalesClosed ? React__default.createElement("p", {
     className: "event-closed-message " + (!isLoggedIn ? 'event-closed-on-bottom' : '')
   }, "Sales for this event are closed.") : eventSaleIsNotStarted ? React__default.createElement(Countdown, {
@@ -6630,7 +6651,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
   }, "Log out"))) : ''), showLoginModal ? React__default.createElement(LoginModal, {
     onClose: handleOnClose,
     onLogin: handleOnLogin
-  }) : null), enableInfluencersSection && !hideTopInfluencers && influencers.length ? React__default.createElement("div", {
+  }) : null), showPoweredByImage ? React__default.createElement(PoweredBy, null) : null, enableInfluencersSection && !hideTopInfluencers && influencers.length ? React__default.createElement("div", {
     className: "event-influencers"
   }, React__default.createElement("h3", null, React__default.createElement("span", null, "TOP"), " INFLUENCERS"), React__default.createElement("ol", {
     className: "influencer-list"