From 13b36f0369418cc39736d070ea9f2c8cb78653c8 Mon Sep 17 00:00:00 2001
From: Anna Draganova <anna.draganova@ft.com>
Date: Tue, 15 Aug 2023 17:24:28 +0300
Subject: [PATCH] Gift Article Tracking changes

---
 components/x-gift-article/src/CreateLinkButton.jsx   | 1 +
 components/x-gift-article/src/ShareArticleDialog.jsx | 8 +++++++-
 components/x-gift-article/src/SocialShareButtons.jsx | 1 +
 components/x-gift-article/src/UrlSection.jsx         | 2 +-
 4 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/components/x-gift-article/src/CreateLinkButton.jsx b/components/x-gift-article/src/CreateLinkButton.jsx
index 45f588e62..9c578d192 100644
--- a/components/x-gift-article/src/CreateLinkButton.jsx
+++ b/components/x-gift-article/src/CreateLinkButton.jsx
@@ -24,6 +24,7 @@ export const CreateLinkButton = ({ shareType, actions, enterpriseEnabled }) => {
 			className={`o-buttons o-buttons--big o-buttons--primary share-article-dialog__create-link-button ${
 				enterpriseEnabled ? 'o-buttons--professional' : ''
 			}`}
+			data-trackable={shareType + 'Link'}
 			onClick={createLinkHandler}
 		>
 			Create link
diff --git a/components/x-gift-article/src/ShareArticleDialog.jsx b/components/x-gift-article/src/ShareArticleDialog.jsx
index 9c5309b72..d66902118 100644
--- a/components/x-gift-article/src/ShareArticleDialog.jsx
+++ b/components/x-gift-article/src/ShareArticleDialog.jsx
@@ -6,7 +6,13 @@ import { AdvancedSharingBanner } from './AdvancedSharingBanner'
 
 export default (props) => {
 	return (
-		<div className="o-typography-wrapper share-article-dialog__wrapper" hidden={props.isLoading}>
+		<div
+			className="o-typography-wrapper share-article-dialog__wrapper"
+			hidden={props.isLoading}
+			data-trackable={`share-modal | ${
+				props.enterpriseEnabled && !props.enterpriseRequestAccess ? 'b2b' : 'b2c'
+			}`}
+		>
 			<div className="o-overlay__close" />
 			<AdvancedSharingBanner {...props} />
 			<main className="share-article-dialog__main">
diff --git a/components/x-gift-article/src/SocialShareButtons.jsx b/components/x-gift-article/src/SocialShareButtons.jsx
index c53aee613..b411369c5 100644
--- a/components/x-gift-article/src/SocialShareButtons.jsx
+++ b/components/x-gift-article/src/SocialShareButtons.jsx
@@ -96,6 +96,7 @@ export const SocialShareButtons = ({
 							href={mailtoUrl}
 							rel="noopener noreferrer"
 							onClick={onClickHandler}
+							data-trackable="email"
 						>
 							<div className="o-share__icon__image">
 								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
diff --git a/components/x-gift-article/src/UrlSection.jsx b/components/x-gift-article/src/UrlSection.jsx
index cf3e1c9d7..48c1346da 100644
--- a/components/x-gift-article/src/UrlSection.jsx
+++ b/components/x-gift-article/src/UrlSection.jsx
@@ -26,7 +26,7 @@ export const UrlSection = (props) => {
 			<div
 				className="o-forms-input o-forms-input--text o-forms-input--suffix js-gift-article__url-section"
 				data-section-id={shareType + 'Link'}
-				data-trackable={shareType + 'Link'}
+				data-trackable="copy-link"
 			>
 				<input id="share-link" type="text" name={urlType} value={url} readOnly />
 				<button