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

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

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

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

@@ -4881,7 +4881,9 @@ 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!"));
+  })), (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", {
+    className: 'note-message'
+  }, React__default.createElement("span", null, "*Please note, only purchases made from a different 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 Ticket Fairy account!")));
 };
 
 var ConfirmationContainer = function ConfirmationContainer(_ref) {
@@ -4977,6 +4979,14 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
     }))();
   }, []);
 
+  var _useState2 = React.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
@@ -4993,11 +5003,28 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
       confirmationHelper = _confirmationLabels$c3 === void 0 ? 'Please bring them with you to the event' : _confirmationLabels$c3;
   return React__default.createElement("div", {
     className: "confirmation-page"
-  }, data && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+  }, React__default.createElement(Modal, {
+    open: showCopyModal,
+    onClose: onClose,
+    "aria-labelledby": "modal-modal-title",
+    "aria-describedby": "modal-modal-description",
+    className: "success-copy-modal"
+  }, React__default.createElement("div", {
+    className: 'message-copy-success-box'
+  }, React__default.createElement("div", {
+    className: 'message-copy-success'
+  }, React__default.createElement("span", null, "Copied to your clipboard! Now paste your link in a Snapchat message, "), React__default.createElement("span", null, "your Instagram bio, Whatsapp, Facebook or a text :)")), React__default.createElement("div", {
+    className: "footer"
+  }, React__default.createElement("button", {
+    className: 'footer-button',
+    type: 'button',
+    onClick: onClose
+  }, "OK")))), data && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     className: 'header-container'
   }, React__default.createElement("div", {
     className: 'header-product-image'
   }, React__default.createElement("img", {
+    alt: '',
     className: 'product-image',
     src: data.product_image
   })), React__default.createElement("div", {
@@ -5061,6 +5088,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__default.createElement("img", {
@@ -5089,7 +5117,9 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
     }, pricing.subLabel)), React__default.createElement("div", {
       className: "pricing-section_price"
     }, ' ', pricing.price));
-  }))))));
+  }), React__default.createElement("div", {
+    className: 'note-pricing-section'
+  }, "^ This is based on the most expensive ticket in your order."))))));
 };
 
 var X_TF_ECOMMERCE = 'X-TF-ECOMMERCE';
@@ -5273,7 +5303,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') || '') : {};
 
@@ -5382,7 +5414,7 @@ var WaitingList = function WaitingList(_ref) {
       label: 'Quantity Requested',
       value: '',
       disabled: true
-    }].concat(generateQuantity(10))
+    }].concat(generateQuantity(defaultMaxQuantity != null ? defaultMaxQuantity : 10))
   }))), React__default.createElement("div", {
     className: "field-item"
   }, React__default.createElement(formik.Field, {
@@ -6368,7 +6400,8 @@ var TicketsContainer = function TicketsContainer(_ref) {
     isLoggedIn: isLoggedIn
   }) : null, showWaitingList && event.salesStarted && !hideWaitingList && React__default.createElement(WaitingList, {
     tickets: tickets,
-    eventId: eventId
+    eventId: eventId,
+    defaultMaxQuantity: event.waitingListMaxQuantity
   }), codeIsLoading ? React__default.createElement(Loader, null) : isSalesClosed ? null : showAccessCodeSection ? React__default.createElement(AccessCodeSection, {
     code: code,
     setCode: setCode,