From e67a4cfffd47300d7df8b68e70e7afa53ed12b15 Mon Sep 17 00:00:00 2001
From: Kayla Firestack <kfirestack@mbta.com>
Date: Mon, 21 Oct 2024 11:35:47 -0400
Subject: [PATCH 1/3] wip! add "Start Drawing" FS tag

---
 .../detours/detourPanels/detourRouteSelectionPanel.tsx           | 1 +
 1 file changed, 1 insertion(+)

diff --git a/assets/src/components/detours/detourPanels/detourRouteSelectionPanel.tsx b/assets/src/components/detours/detourPanels/detourRouteSelectionPanel.tsx
index c82b704f5..e32e9f7a2 100644
--- a/assets/src/components/detours/detourPanels/detourRouteSelectionPanel.tsx
+++ b/assets/src/components/detours/detourPanels/detourRouteSelectionPanel.tsx
@@ -146,6 +146,7 @@ export const DetourRouteSelectionPanel = ({
           <Button
             className="m-3 flex-grow-1 icon-link justify-content-center"
             onClick={onConfirm}
+            data-fs-element="Start Drawing"
           >
             <Brush />
             Start drawing detour

From b5dac4c76df44a6873df6b3fe0321f11d1c788b4 Mon Sep 17 00:00:00 2001
From: Kayla Firestack <kfirestack@mbta.com>
Date: Mon, 21 Oct 2024 11:45:58 -0400
Subject: [PATCH 2/3] wip! add fullstory events for waypoints

---
 assets/src/models/createDetourMachine.ts | 52 ++++++++++++++++--------
 1 file changed, 34 insertions(+), 18 deletions(-)

diff --git a/assets/src/models/createDetourMachine.ts b/assets/src/models/createDetourMachine.ts
index 35ebec8a3..5becb59d9 100644
--- a/assets/src/models/createDetourMachine.ts
+++ b/assets/src/models/createDetourMachine.ts
@@ -10,6 +10,7 @@ import {
   fetchRoutePatterns,
 } from "../api"
 import { DetourShape, FinishedDetour } from "./detour"
+import { fullStoryEvent } from "../helpers/fullStory"
 
 export const createDetourMachine = setup({
   types: {
@@ -348,12 +349,17 @@ export const createDetourMachine = setup({
               on: {
                 "detour.edit.place-waypoint-on-route": {
                   target: "Place Waypoint",
-                  actions: {
-                    type: "detour.add-start-point",
-                    params: ({ event: { location } }) => ({
-                      location,
-                    }),
-                  },
+                  actions: [
+                    {
+                      type: "detour.add-start-point",
+                      params: ({ event: { location } }) => ({
+                        location,
+                      }),
+                    },
+                    () => {
+                      fullStoryEvent("Placed Detour Start Point", {})
+                    },
+                  ],
                 },
               },
             },
@@ -394,21 +400,31 @@ export const createDetourMachine = setup({
                 "detour.edit.place-waypoint": {
                   target: "Place Waypoint",
                   reenter: true,
-                  actions: {
-                    type: "detour.add-waypoint",
-                    params: ({ event: { location } }) => ({
-                      location,
-                    }),
-                  },
+                  actions: [
+                    {
+                      type: "detour.add-waypoint",
+                      params: ({ event: { location } }) => ({
+                        location,
+                      }),
+                    },
+                    () => {
+                      fullStoryEvent("Placed Detour Way-Point", {})
+                    },
+                  ],
                 },
                 "detour.edit.place-waypoint-on-route": {
                   target: "Finished Drawing",
-                  actions: {
-                    type: "detour.add-end-point",
-                    params: ({ event: { location } }) => ({
-                      location,
-                    }),
-                  },
+                  actions: [
+                    {
+                      type: "detour.add-end-point",
+                      params: ({ event: { location } }) => ({
+                        location,
+                      }),
+                    },
+                    () => {
+                      fullStoryEvent("Placed Detour End Point", {})
+                    },
+                  ],
                 },
                 "detour.edit.undo": [
                   {

From bed475f4e306add1999c6e8c4b22be2cc3085556 Mon Sep 17 00:00:00 2001
From: Kayla Firestack <kfirestack@mbta.com>
Date: Mon, 21 Oct 2024 11:53:55 -0400
Subject: [PATCH 3/3] wip! Review button

---
 assets/src/components/detours/detourPanels/drawDetourPanel.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/assets/src/components/detours/detourPanels/drawDetourPanel.tsx b/assets/src/components/detours/detourPanels/drawDetourPanel.tsx
index cec5bb915..1434b96c7 100644
--- a/assets/src/components/detours/detourPanels/drawDetourPanel.tsx
+++ b/assets/src/components/detours/detourPanels/drawDetourPanel.tsx
@@ -80,6 +80,7 @@ export const DrawDetourPanel = ({
         <Button
           className="flex-grow-1 m-3 icon-link justify-content-center"
           onClick={onReviewDetour}
+          data-fs-element="Review"
         >
           <CardChecklist />
           Review