tf-checkout-react 1.0.72 → 1.0.73

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

@@ -30,5 +30,6 @@ export interface IBillingInfoPage {
     theme?: 'light' | 'dark';
     isLoggedIn?: boolean;
     fontFamily?: string;
+    hideLogo?: 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, fontFamily }: 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, fontFamily, hideLogo, }: IBillingInfoPage) => JSX.Element;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export interface IPromoCodeSectionProps {
+    promoCode: string;
+    promoCodeIsApplied: boolean;
+    showPromoInput: boolean;
+    isPromotionsEnabled: boolean;
+    isAllTicketsSoldOut: boolean;
+    setPromoCode: (value: string) => void;
+    setPromoCodeUpdated: (value: string) => void;
+    setShowPromoInput: (value: boolean) => void;
+}
+export declare const PromoCodeSection: ({ promoCode, promoCodeIsApplied, showPromoInput, isPromotionsEnabled, isAllTicketsSoldOut, setPromoCode, setPromoCodeUpdated, setShowPromoInput, }: IPromoCodeSectionProps) => JSX.Element;

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

@@ -17,6 +17,7 @@ export interface IGetTickets {
     onGetTicketsError: (e: AxiosError) => void;
     theme?: 'light' | 'dark';
     queryPromoCode?: string;
+    isPromotionsEnabled?: boolean;
 }
 export interface ITicket {
     id: string | number;
@@ -25,5 +26,5 @@ export interface ITicket {
 export interface ISelectedTickets {
     [key: string]: string | number;
 }
-export declare const TicketsContainer: ({ getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, theme, queryPromoCode }: IGetTickets) => JSX.Element;
+export declare const TicketsContainer: ({ getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, theme, queryPromoCode, isPromotionsEnabled, }: IGetTickets) => JSX.Element;
 export {};

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

@@ -3,6 +3,7 @@ import './style.css';
 interface WaitingListProps {
     tickets: any;
     eventId: number;
+    isPromotionsEnabled: boolean;
 }
-declare const WaitingList: ({ tickets, eventId }: WaitingListProps) => JSX.Element;
+declare const WaitingList: ({ tickets, eventId, isPromotionsEnabled }: WaitingListProps) => JSX.Element;
 export default WaitingList;

package/dist/images/done.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47717 15.5228 0 10 0C4.47717 0 0 4.47717 0 10C0 15.5228 4.47717 20 10 20ZM8.14661 15.8678L16.8782 6.39722C16.9561 6.31335 17 6.19922 17 6.08008C17 5.96094 16.9561 5.8468 16.8782 5.76282L16.3016 5.12854C16.1386 4.95715 15.8796 4.95715 15.7167 5.12854L7.85004 13.661L4.28326 9.79236C4.20593 9.70776 4.10071 9.66016 3.99084 9.66016C3.9353 9.66016 3.88086 9.67236 3.83069 9.69531C3.78168 9.71777 3.73663 9.75061 3.69843 9.79236L3.12183 10.4177C3.07635 10.4667 3.04248 10.5259 3.02216 10.5905C3.00763 10.6365 3 10.6853 3 10.735C3 10.8541 3.04388 10.9683 3.12183 11.0521L7.56177 15.8678C7.6391 15.9524 7.74438 16 7.85419 16C7.96399 16 8.06927 15.9524 8.14661 15.8678Z" fill="#569F44"/>
+</svg>

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

@@ -43,6 +43,7 @@ var _has = _interopDefault(require('lodash/has'));
 var FormControl = _interopDefault(require('@mui/material/FormControl'));
 var MenuItem = _interopDefault(require('@mui/material/MenuItem'));
 var Button$1 = _interopDefault(require('@mui/material/Button'));
+var SVG = _interopDefault(require('react-inlinesvg'));
 var Table = _interopDefault(require('@mui/material/Table'));
 var TableBody = _interopDefault(require('@mui/material/TableBody'));
 var TableCell = _interopDefault(require('@mui/material/TableCell'));
@@ -1971,22 +1972,6 @@ var FormikPhoneNumberField = function FormikPhoneNumberField(_ref) {
   }, rest));
 };
 
-var getImage = function getImage(name) {
-  if (name === void 0) {
-    name = '';
-  }
-
-  var image = '';
-
-  if (!name.trim().length) {
-    return image;
-  }
-
-  return image;
-};
-
-var TTFLOGO = /*#__PURE__*/getImage('logo-ttf.png');
-
 var LogicRunner = function LogicRunner(_ref) {
   var values = _ref.values,
       setStates = _ref.setStates,
@@ -2131,7 +2116,8 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
       onLoginSuccess = _ref3$onLoginSuccess === void 0 ? function () {} : _ref3$onLoginSuccess,
       _ref3$isLoggedIn = _ref3.isLoggedIn,
       pIsLoggedIn = _ref3$isLoggedIn === void 0 ? false : _ref3$isLoggedIn,
-      fontFamily = _ref3.fontFamily;
+      fontFamily = _ref3.fontFamily,
+      hideLogo = _ref3.hideLogo;
   var themeMui = styles.createTheme({
     typography: {
       allVariants: {
@@ -2234,9 +2220,9 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
     setIsLoggedIn(false);
   }, []);
   React.useEffect(function () {
-    isWindowDefined && window.document.addEventListener("auth_error", handleAuthErrors);
+    isWindowDefined && window.document.addEventListener('auth_error', handleAuthErrors);
     return function () {
-      isWindowDefined && window.document.removeEventListener("auth_error", handleAuthErrors);
+      isWindowDefined && window.document.removeEventListener('auth_error', handleAuthErrors);
     };
   }, [handleAuthErrors]);
   React.useEffect(function () {
@@ -2585,10 +2571,10 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
         onLogin();
         setShowModalLogin(true);
       }
-    }, "Login"), React__default.createElement("div", {
+    }, "Login"), !hideLogo && React__default.createElement("div", {
       className: "logo-image-container"
     }, React__default.createElement("img", {
-      src: TTFLOGO,
+      src: theme === 'dark' ? 'https://www.ticketfairy.com/resources/images/logo-ttf.svg' : 'https://www.ticketfairy.com/resources/images/logo-ttf-black.svg',
       alt: "nodata"
     })))), _map(dataWithUniqueIds, function (item) {
       var label = item.label,
@@ -2962,12 +2948,18 @@ var CheckoutForm = function CheckoutForm(_ref) {
 
 var publishableKey = CONFIGS.STRIPE_PUBLISHABLE_KEY || '';
 
-var getStripePromise = function getStripePromise(stripePublishableKey) {
-  if (stripePublishableKey === void 0) {
-    stripePublishableKey = publishableKey;
+var getStripePromise = function getStripePromise(reviewData) {
+  var stripePublishableKey = _get(reviewData, 'payment_method.stripe_publishable_key') || publishableKey;
+
+  var stripeAccount = _get(reviewData, 'payment_method.stripe_connected_account');
+
+  var options = {};
+
+  if (stripeAccount) {
+    options.stripeAccount = stripeAccount;
   }
 
-  return stripeJs.loadStripe(stripePublishableKey);
+  return stripeJs.loadStripe(stripePublishableKey, options);
 };
 
 function Loader() {
@@ -3238,7 +3230,7 @@ var PaymentContainer = function PaymentContainer(_ref) {
   }, "Please provide your payment information"), showErrorText && React__default.createElement("p", {
     className: "payment_info__error"
   }, errorText), React__default.createElement("div", null, React__default.createElement(reactStripeJs.Elements, {
-    stripe: getStripePromise(_get(reviewData, 'payment_method.stripe_publishable_key'))
+    stripe: getStripePromise(reviewData)
   }, React__default.createElement(CheckoutForm, {
     stripe_client_secret: _get(reviewData, 'payment_method.stripe_client_secret'),
     total: orderData.total,
@@ -3742,7 +3734,8 @@ var generateQuantity = function generateQuantity(n) {
 var WaitingList = function WaitingList(_ref) {
   var _ref$tickets = _ref.tickets,
       tickets = _ref$tickets === void 0 ? {} : _ref$tickets,
-      eventId = _ref.eventId;
+      eventId = _ref.eventId,
+      isPromotionsEnabled = _ref.isPromotionsEnabled;
 
   var _useState = React.useState(false),
       showSuccessMessage = _useState[0],
@@ -3817,7 +3810,7 @@ var WaitingList = function WaitingList(_ref) {
     className: "success-message"
   }, React__default.createElement("p", {
     className: "added-success-message"
-  }, "You've been added to the waiting list!"), React__default.createElement("p", null, "You'll be notified if tickets become available.")) : React__default.createElement(React__default.Fragment, null, React__default.createElement("p", {
+  }, "You've been added to the waiting list!"), React__default.createElement("p", null, "You'll be notified if tickets become available.")) : React__default.createElement(React__default.Fragment, null, !isPromotionsEnabled && React__default.createElement("p", {
     className: "no-tickets-text"
   }, "No tickets are currently available for this event."), React__default.createElement("h2", null, "WAITING LIST"), React__default.createElement(formik.Formik, {
     initialValues: {
@@ -3890,6 +3883,65 @@ var WaitingList = function WaitingList(_ref) {
   }) : 'ADD TO WAITING LIST')))));
 };
 
+var getImage = function getImage(name) {
+  if (name === void 0) {
+    name = '';
+  }
+
+  var image = '';
+
+  if (!name.trim().length) {
+    return image;
+  }
+
+  return image;
+};
+
+var PromoCodeSection = function PromoCodeSection(_ref) {
+  var promoCode = _ref.promoCode,
+      promoCodeIsApplied = _ref.promoCodeIsApplied,
+      showPromoInput = _ref.showPromoInput,
+      isPromotionsEnabled = _ref.isPromotionsEnabled,
+      isAllTicketsSoldOut = _ref.isAllTicketsSoldOut,
+      setPromoCode = _ref.setPromoCode,
+      setPromoCodeUpdated = _ref.setPromoCodeUpdated,
+      setShowPromoInput = _ref.setShowPromoInput;
+  return React__default.createElement("div", null, promoCodeIsApplied ? React__default.createElement("div", {
+    className: "alert-info"
+  }, React__default.createElement(SVG, {
+    src: getImage('done.svg'),
+    preProcessor: function preProcessor(code) {
+      return code.replace(/fill=".*?"/g, 'fill="currentColor"');
+    }
+  }), React__default.createElement("p", null, "PROMO CODE APPLIED SUCCESSFULLY")) : null, showPromoInput && React__default.createElement("div", {
+    className: "promo-code-block"
+  }, React__default.createElement("input", {
+    placeholder: "Promo Code",
+    onChange: function onChange(e) {
+      setPromoCode(e.target.value);
+    },
+    onKeyPress: function onKeyPress(event) {
+      if (event.key === 'Enter') {
+        setPromoCodeUpdated(promoCode);
+      }
+    }
+  }), React__default.createElement(Button, {
+    className: "promo-apply-button",
+    placeholder: "Promo Code",
+    onClick: function onClick() {
+      setPromoCodeUpdated(promoCode);
+    }
+  }, "Apply")), isPromotionsEnabled && !showPromoInput && isAllTicketsSoldOut && React__default.createElement("p", {
+    className: "promo-code-text"
+  }, "Access code needed"), isPromotionsEnabled && !showPromoInput ? React__default.createElement(Button, {
+    className: "promo-code-button",
+    placeholder: "Promo Codes",
+    onClick: function onClick() {
+      setShowPromoInput(true);
+    }
+  }, "Got a promo code? Click here") : null);
+};
+
 function Loader$1() {
   return React__default.createElement("div", {
     className: "loader-container"
@@ -3911,7 +3963,9 @@ var TicketsContainer = function TicketsContainer(_ref) {
       _ref$theme = _ref.theme,
       theme = _ref$theme === void 0 ? 'light' : _ref$theme,
       _ref$queryPromoCode = _ref.queryPromoCode,
-      queryPromoCode = _ref$queryPromoCode === void 0 ? '' : _ref$queryPromoCode;
+      queryPromoCode = _ref$queryPromoCode === void 0 ? '' : _ref$queryPromoCode,
+      _ref$isPromotionsEnab = _ref.isPromotionsEnabled,
+      isPromotionsEnabled = _ref$isPromotionsEnab === void 0 ? true : _ref$isPromotionsEnab;
 
   var _useState = React.useState({}),
       selectedTickets = _useState[0],
@@ -4114,45 +4168,24 @@ var TicketsContainer = function TicketsContainer(_ref) {
   return React__default.createElement("div", {
     className: "get-tickets-page " + theme,
     style: contentStyle
-  }, isLoading ? React__default.createElement(Loader$1, null) : React__default.createElement(React__default.Fragment, null, showWaitingList ? React__default.createElement(WaitingList, {
+  }, isLoading ? React__default.createElement(Loader$1, null) : React__default.createElement(React__default.Fragment, null, showWaitingList && React__default.createElement(WaitingList, {
     tickets: tickets,
-    eventId: eventId
-  }) : React__default.createElement("div", null, React__default.createElement(TicketsSection, {
+    eventId: eventId,
+    isPromotionsEnabled: isPromotionsEnabled
+  }), React__default.createElement("div", null, !showWaitingList && React__default.createElement(TicketsSection, {
     ticketsList: tickets,
     selectedTickets: selectedTickets,
     handleTicketSelect: handleTicketSelect,
     promoCodeIsApplied: promoCodeIsApplied
-  }), promoCodeIsApplied ? React__default.createElement("div", {
-    className: "alert-info"
-  }, "Your promo code was applied successfully.") : null, showPromoInput && React__default.createElement("div", {
-    className: "promo-code-block"
-  }, React__default.createElement("input", {
-    placeholder: "Promo Code",
-    onChange: function onChange(e) {
-      setPromoCode(e.target.value);
-    },
-    onKeyPress: function onKeyPress(event) {
-      if (event.key === 'Enter') {
-        setPromoCodeUpdated(promoCode);
-      }
-    }
-  }), React__default.createElement(Button, {
-    className: "promo-apply-button",
-    placeholder: "Promo Code",
-    onClick: function onClick() {
-      setPromoCodeUpdated(promoCode);
-    }
-  }, "Apply")), !showPromoInput && !isAllTicketsSoldOut ? React__default.createElement(Button, {
-    className: "promo-code-button",
-    placeholder: "Promo Codes",
-    onClick: function onClick() {
-      setShowPromoInput(true);
-    }
-  }, "Got a promo code? Click here") : null, React__default.createElement("div", {
-    className: "test v1.0.19",
-    style: {
-      display: 'none'
-    }
+  }), React__default.createElement(PromoCodeSection, {
+    promoCode: promoCode,
+    promoCodeIsApplied: promoCodeIsApplied,
+    showPromoInput: showPromoInput,
+    setPromoCode: setPromoCode,
+    setPromoCodeUpdated: setPromoCodeUpdated,
+    setShowPromoInput: setShowPromoInput,
+    isPromotionsEnabled: isPromotionsEnabled,
+    isAllTicketsSoldOut: isAllTicketsSoldOut
   }), !isAllTicketsSoldOut && React__default.createElement(Button, {
     "aria-hidden": true,
     className: "book-button " + (handleBookIsLoading || _isEmpty(selectedTickets) || Object.values(selectedTickets)[0] === 0 ? 'disabled' : ''),