Jetpack: Add coupon event properties to My Plan Partner Banner compon…

…ent (#22705)

projects/plugins/jetpack/_inc/client/my-plan/my-plan-banner/index.jsx

@@ -17,21 +17,23 @@ import { imagePath } from 'constants/urls';
 import './style.scss';
 
 const MyPlanBanner = props => {
-	const { productSlug, action, title, tagLine, trackingId } = props;
+	const { additionalEventProperties, productSlug, action, title, tagLine, trackingId } = props;
 
 	useEffect( () => {
 		analytics.tracks.recordEvent( 'jetpack_my_plan_banner_view', {
 			type: trackingId,
+			...additionalEventProperties,
 		} );
-	}, [ trackingId ] );
+	}, [ additionalEventProperties, trackingId ] );
 
 	const trackActionClick = useCallback( () => {
 		analytics.tracks.recordJetpackClick( {
 			target: trackingId,
 			feature: 'my-plan-banner',
 			page: 'my-plan',
+			...additionalEventProperties,
 		} );
-	}, [ trackingId ] );
+	}, [ additionalEventProperties, trackingId ] );
 
 	return (
 		<div className="jp-my-plan-banner">
@@ -51,9 +53,10 @@ const MyPlanBanner = props => {
 };
 
 MyPlanBanner.propTypes = {
+	action: PropTypes.element.isRequired,
 	productSlug: PropTypes.string.isRequired,
 	trackingId: PropTypes.string.isRequired,
-	action: PropTypes.element.isRequired,
+	additionalEventProperties: PropTypes.object,
 	tagLine: PropTypes.oneOfType( [ PropTypes.string, PropTypes.node, PropTypes.element ] ),
 	title: PropTypes.oneOfType( [ PropTypes.string, PropTypes.node, PropTypes.element ] ),
 };

projects/plugins/jetpack/_inc/client/my-plan/my-plan-partner-coupon/index.jsx

@@ -51,6 +51,9 @@ const MyPlanPartnerCoupon = ( { partnerCoupon, siteRawUrl } ) => {
 				partnerCoupon.product.title
 			) }
 			trackingId="jetpack-partner-coupon"
+			additionalEventProperties={ {
+				coupon: partnerCoupon.coupon_code,
+			} }
 		/>
 	);
 };

projects/plugins/jetpack/changelog/add-my-plans-partner-coupon-component-event-prop

@@ -0,0 +1,5 @@
+Significance: patch
+Type: other
+Comment: Adding a new event property to a component that has not yet been shipped with Jetpack so it has no backwards impact
+
+