Help Center: fire event when requesting support (#97419)

* Use selectedSite from storage

* Fire event when clicking on get support

* Remove unrelated code

packages/odie-client/src/components/message/user-message.tsx

@@ -45,21 +45,32 @@ export const UserMessage = ( {
 	const displayMessage =
 		isUserEligibleForPaidSupport && hasCannedResponse ? message.content : forwardMessage;
 
+	const handleContactSupportClick = () => {
+		trackEvent( 'chat_get_support', {
+			location: 'chat',
+		} );
+	};
+
 	const renderExtraContactOptions = () => {
 		const currentMessageIndex = chat.messages.findIndex(
 			( msg ) => msg.message_id === message.message_id
 		);
 		const isLastMessage = currentMessageIndex === chat.messages.length - 1;
 
 		return (
-			isLastMessage && ( shouldUseHelpCenterExperience ? <GetSupport /> : extraContactOptions )
+			isLastMessage &&
+			( shouldUseHelpCenterExperience ? (
+				<GetSupport onClickAdditionalEvent={ handleContactSupportClick } />
+			) : (
+				extraContactOptions
+			) )
 		);
 	};
 
 	const isMessageShowingDisclaimer =
 		message.context?.question_tags?.inquiry_type !== 'request-for-human-support';
 
-	const handleClick = () => {
+	const handleGuidelinesClick = () => {
 		trackEvent?.( 'ai_guidelines_link_clicked' );
 	};
 
@@ -78,8 +89,13 @@ export const UserMessage = ( {
 						__i18n_text_domain__
 					),
 					{
-						// @ts-expect-error Children must be passed to External link. This is done by createInterpolateElement, but the types don't see that.
-						a: <ExternalLink href="https://automattic.com/ai-guidelines" onClick={ handleClick } />,
+						a: (
+							// @ts-expect-error Children must be passed to External link. This is done by createInterpolateElement, but the types don't see that.
+							<ExternalLink
+								href="https://automattic.com/ai-guidelines"
+								onClick={ handleGuidelinesClick }
+							/>
+						),
 					}
 				) }
 			</div>