tf-checkout-react 1.3.41 → 1.3.42

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

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

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

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

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

@@ -4947,39 +4947,40 @@ var SocialButtons = function SocialButtons(_ref2) {
       shareLink = _ref2.shareLink,
       name = _ref2.name,
       appId = _ref2.appId,
-      shareButtons = _ref2.shareButtons;
+      shareButtons = _ref2.shareButtons,
+      clientLabel = _ref2.clientLabel;
   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", {
     className: "social-media-btns"
   }, showDefaultShareButtons && React__default.createElement(React__default.Fragment, null, React__default.createElement(SocialComponent, {
-    mainLabel: 'Share on',
-    subLabel: 'Facebook',
-    platform: 'facebook',
+    mainLabel: "Share on",
+    subLabel: "Facebook",
+    platform: "facebook",
     shareData: {
       quote: name,
       url: shareLink
     }
   }), React__default.createElement(SocialComponent, {
-    mainLabel: 'Tweet to your',
-    subLabel: 'Followers',
-    platform: 'twitter',
+    mainLabel: "Tweet to your",
+    subLabel: "Followers",
+    platform: "twitter",
     shareData: {
       title: name,
       url: shareLink
     }
   }), React__default.createElement(SocialComponent, {
-    mainLabel: 'Message friends on',
-    subLabel: 'Facebook',
-    platform: 'messenger',
+    mainLabel: "Message friends on",
+    subLabel: "Facebook",
+    platform: "messenger",
     shareData: {
       appId: appId,
       url: shareLink
     }
   }), React__default.createElement(SocialComponent, {
-    mainLabel: 'Message friends on',
-    subLabel: 'Whatsapp',
-    platform: 'whatsapp',
+    mainLabel: "Message friends on",
+    subLabel: "Whatsapp",
+    platform: "whatsapp",
     shareData: {
       title: name,
       url: shareLink
@@ -4988,7 +4989,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", ' ', 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!")));
 };
 
 var ConfirmationContainer = function ConfirmationContainer(_ref) {
@@ -5007,7 +5010,8 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
       onGetConfirmationDataError = _ref$onGetConfirmatio2 === void 0 ? function () {} : _ref$onGetConfirmatio2,
       orderHash = _ref.orderHash,
       _ref$onLinkCopied = _ref.onLinkCopied,
-      onLinkCopied = _ref$onLinkCopied === void 0 ? function () {} : _ref$onLinkCopied;
+      onLinkCopied = _ref$onLinkCopied === void 0 ? function () {} : _ref$onLinkCopied,
+      clientLabel = _ref.clientLabel;
   var inputRef = React.useRef(null);
 
   var _useState = React.useState(null),
@@ -5084,6 +5088,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
@@ -5101,11 +5113,28 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
   usePixel(['conversionPixels', 'brandConversionPixels'], data == null ? void 0 : data.product_id);
   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", {
@@ -5169,6 +5198,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", {
@@ -5181,7 +5211,8 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
     name: data.product_name,
     appId: messengerAppId,
     shareLink: data.personal_share_link,
-    shareButtons: shareButtons
+    shareButtons: shareButtons,
+    clientLabel: clientLabel
   })))), React__default.createElement("div", {
     className: "pricing-section"
   }, React__default.createElement("div", {
@@ -5197,7 +5228,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';