chore: add clickedCompleteYourProfile tracking (#16167)

Author: rquartararo

src/Apps/Order/Routes/Details/Components/OrderDetailsMessage.tsx

@@ -103,7 +103,9 @@ const MessageContent = ({
           <Spacer y={2} />
           <Text variant="sm">
             The gallery will confirm by <b>{formattedStateExpireTime}</b>.
-            {hasIncompleteProfile && <CompleteCollectorProfilePrompt />}
+            {hasIncompleteProfile && (
+              <CompleteCollectorProfilePrompt tracking={tracking} />
+            )}
           </Text>
           <Spacer y={2} />
           <Text variant="sm">
@@ -123,7 +125,9 @@ const MessageContent = ({
           <Text variant="sm">
             The gallery will respond to your offer by{" "}
             <b>{formattedStateExpireTime}</b>.
-            {hasIncompleteProfile && <CompleteCollectorProfilePrompt />}
+            {hasIncompleteProfile && (
+              <CompleteCollectorProfilePrompt tracking={tracking} />
+            )}
           </Text>
           <Spacer y={2} />
           <Text variant="sm">
@@ -409,11 +413,24 @@ const MessageContent = ({
   }
 }
 
-const CompleteCollectorProfilePrompt: React.FC = () => (
+interface CompleteCollectorProfilePromptProps {
+  tracking: ReturnType<typeof useOrder2Tracking>
+}
+
+const CompleteCollectorProfilePrompt: React.FC<
+  CompleteCollectorProfilePromptProps
+> = ({ tracking }) => (
   <>
     {" "}
     You're more likely to receive quick responses from galleries by{" "}
-    <RouterLink to="/settings/edit-profile" target="_blank" display="inline">
+    <RouterLink
+      onClick={() => {
+        tracking.clickedCompleteYourProfile()
+      }}
+      to="/settings/edit-profile"
+      target="_blank"
+      display="inline"
+    >
       completing your profile
     </RouterLink>
     .

src/Apps/Order/Routes/Details/Components/__tests__/OrderDetailsMessage.jest.tsx

@@ -7,6 +7,13 @@ import { OrderDetailsMessage } from "../OrderDetailsMessage"
 
 jest.mock("react-tracking")
 
+jest.mock("System/Hooks/useAnalyticsContext", () => ({
+  useAnalyticsContext: jest.fn(() => ({
+    contextPageOwnerId: "test-id",
+    contextPageOwnerType: "orders-detail",
+  })),
+}))
+
 jest.unmock("react-relay")
 const trackEvent = jest.fn()
 
@@ -95,6 +102,36 @@ describe("OrderDetailsMessage", () => {
     ).toHaveAttribute("href", "/settings/edit-profile")
   })
 
+  it("tracks complete your profile click", () => {
+    renderWithRelay({
+      Order: () => ({
+        buyerStateExpiresAt: mockDate,
+        code: "123",
+        internalID: "test-id",
+        displayTexts: {
+          messageType: "SUBMITTED_OFFER",
+        },
+        impulseConversationId: "conv-123",
+      }),
+      Me: () => ({
+        collectorProfile: { bio: "" },
+      }),
+    })
+
+    const profileLink = screen.getByRole("link", {
+      name: "completing your profile",
+    })
+
+    profileLink.click()
+
+    expect(trackEvent).toBeCalledWith({
+      action: "clickedCompleteYourProfile",
+      context_module: "ordersDetail",
+      context_page_owner_type: "orders-detail",
+      context_page_owner_id: "test-id",
+    })
+  })
+
   it("renders collector profile prompt for SUBMITTED_ORDER with incomplete profile", () => {
     renderWithRelay({
       Order: () => ({

src/Apps/Order2/Hooks/useOrder2Tracking.tsx

@@ -2,10 +2,11 @@ import {
   ActionType,
   type ClickedAskSpecialist,
   type ClickedBuyerProtection,
+  type ClickedCompleteYourProfile,
   type ClickedContactGallery,
   type ClickedImportFees,
   type ClickedVisitHelpCenter,
-  type ContextModule,
+  ContextModule,
   type OrderDetailsViewed,
   OwnerType,
   type PageOwnerType,
@@ -107,6 +108,16 @@ export const useOrder2Tracking = (
           message_type: messageType,
         }
 
+        trackEvent(payload)
+      },
+      clickedCompleteYourProfile: () => {
+        const payload: ClickedCompleteYourProfile = {
+          action: ActionType.clickedCompleteYourProfile,
+          context_module: ContextModule.ordersDetail,
+          context_page_owner_type: contextPageOwnerType,
+          context_page_owner_id: contextPageOwnerId,
+        }
+
         trackEvent(payload)
       },
     }