tf-checkout-react 1.3.37 → 1.3.38-beta.2

package/dist/tf-checkout-react.esm.js

@@ -4879,7 +4879,9 @@ var SocialButtons = function SocialButtons(_ref2) {
     return React.createElement(SocialComponent, Object.assign({
       key: index
     }, shareButton));
-  })), (showDefaultShareButtons || shareButtons.length) && React.createElement("p", null, "We ", React.createElement("strong", null, "never"), " post on Facebook without your permission!"));
+  })), (showDefaultShareButtons || shareButtons.length) && React.createElement("p", null, "We ", React.createElement("strong", null, "never"), " post on Facebook without your permission!"), React.createElement("p", {
+    className: 'note-message'
+  }, React.createElement("span", null, "*Please note, only purchases made from a different Ticket Fairy account can count towards your referrals"), React.createElement("span", null, " so please make sure you ask your friends to buy their own tickets using their own Ticket Fairy account!")));
 };
 
 var ConfirmationContainer = function ConfirmationContainer(_ref) {
@@ -4975,6 +4977,14 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
     }))();
   }, []);
 
+  var _useState2 = useState(false),
+      showCopyModal = _useState2[0],
+      setShowCopyModal = _useState2[1];
+
+  var onClose = function onClose() {
+    setShowCopyModal(false);
+  };
+
   var onChangeShareLink = function onChangeShareLink(e) {
     var newData = _extends({}, data, {
       personal_share_link: e.target.value
@@ -4991,11 +5001,28 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
       confirmationHelper = _confirmationLabels$c3 === void 0 ? 'Please bring them with you to the event' : _confirmationLabels$c3;
   return React.createElement("div", {
     className: "confirmation-page"
-  }, data && React.createElement(React.Fragment, null, React.createElement("div", {
+  }, React.createElement(Modal$1, {
+    open: showCopyModal,
+    onClose: onClose,
+    "aria-labelledby": "modal-modal-title",
+    "aria-describedby": "modal-modal-description",
+    className: "success-copy-modal"
+  }, React.createElement("div", {
+    className: 'message-copy-success-box'
+  }, React.createElement("div", {
+    className: 'message-copy-success'
+  }, React.createElement("span", null, "Copied to your clipboard! Now paste your link in a Snapchat message, "), React.createElement("span", null, "your Instagram bio, Whatsapp, Facebook or a text :)")), React.createElement("div", {
+    className: "footer"
+  }, React.createElement("button", {
+    className: 'footer-button',
+    type: 'button',
+    onClick: onClose
+  }, "OK")))), data && React.createElement(React.Fragment, null, React.createElement("div", {
     className: 'header-container'
   }, React.createElement("div", {
     className: 'header-product-image'
   }, React.createElement("img", {
+    alt: '',
     className: 'product-image',
     src: data.product_image
   })), React.createElement("div", {
@@ -5059,6 +5086,7 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
     className: "share-by-link-copy-icon",
     onClick: function onClick() {
       navigator.clipboard.writeText(_get(inputRef, 'current.value'));
+      setShowCopyModal(true);
       onLinkCopied();
     }
   }, hasCopyIcon ? React.createElement("img", {
@@ -5087,7 +5115,9 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
     }, pricing.subLabel)), React.createElement("div", {
       className: "pricing-section_price"
     }, ' ', pricing.price));
-  }))))));
+  }), React.createElement("div", {
+    className: 'note-pricing-section'
+  }, "^ This is based on the most expensive ticket in your order."))))));
 };
 
 var X_TF_ECOMMERCE = 'X-TF-ECOMMERCE';
@@ -5271,7 +5301,9 @@ 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,
+      _ref$defaultMaxQuanti = _ref.defaultMaxQuantity,
+      defaultMaxQuantity = _ref$defaultMaxQuanti === void 0 ? 10 : _ref$defaultMaxQuanti;
   var isWindowDefined = typeof window !== 'undefined';
   var userData = isWindowDefined && window.localStorage.getItem('user_data') ? JSON.parse(window.localStorage.getItem('user_data') || '') : {};
 
@@ -5380,7 +5412,7 @@ var WaitingList = function WaitingList(_ref) {
       label: 'Quantity Requested',
       value: '',
       disabled: true
-    }].concat(generateQuantity(10))
+    }].concat(generateQuantity(defaultMaxQuantity != null ? defaultMaxQuantity : 10))
   }))), React.createElement("div", {
     className: "field-item"
   }, React.createElement(Field, {
@@ -6366,7 +6398,8 @@ var TicketsContainer = function TicketsContainer(_ref) {
     isLoggedIn: isLoggedIn
   }) : null, showWaitingList && event.salesStarted && !hideWaitingList && React.createElement(WaitingList, {
     tickets: tickets,
-    eventId: eventId
+    eventId: eventId,
+    defaultMaxQuantity: event.waitingListMaxQuantity
   }), codeIsLoading ? React.createElement(Loader, null) : isSalesClosed ? null : showAccessCodeSection ? React.createElement(AccessCodeSection, {
     code: code,
     setCode: setCode,