From 03f71c559ef074d0cdc80c41d329e3c0e8366c2c Mon Sep 17 00:00:00 2001
From: Christian Bedon <christian.bedon@contractors.kiva.org>
Date: Tue, 14 Nov 2023 18:14:17 -0500
Subject: [PATCH] feat: add tracking events

---
 @kiva/kv-components/vue/KvWwwHeader.vue                    | 1 +
 @kiva/kv-components/vue/KvWwwHeader/KvHeaderLinkBar.vue    | 7 +++++++
 @kiva/kv-components/vue/KvWwwHeader/KvHeaderMobileMenu.vue | 5 +++++
 @kiva/kv-components/vue/KvWwwHeader/KvHeaderSearchBar.vue  | 1 +
 4 files changed, 14 insertions(+)

diff --git a/@kiva/kv-components/vue/KvWwwHeader.vue b/@kiva/kv-components/vue/KvWwwHeader.vue
index 939acd72..f499795f 100644
--- a/@kiva/kv-components/vue/KvWwwHeader.vue
+++ b/@kiva/kv-components/vue/KvWwwHeader.vue
@@ -30,6 +30,7 @@
 			</transition>
 			<!-- logo -->
 			<a
+				v-kv-track-event="['TopNav', 'click-Logo']"
 				href="/"
 				class="
 					tw-px-1 tw-py-2
diff --git a/@kiva/kv-components/vue/KvWwwHeader/KvHeaderLinkBar.vue b/@kiva/kv-components/vue/KvWwwHeader/KvHeaderLinkBar.vue
index 0c4c4f36..3708893e 100644
--- a/@kiva/kv-components/vue/KvWwwHeader/KvHeaderLinkBar.vue
+++ b/@kiva/kv-components/vue/KvWwwHeader/KvHeaderLinkBar.vue
@@ -21,6 +21,7 @@
 		<!-- lend -->
 		<a
 			ref="lendButton"
+			v-kv-track-event="['TopNav', 'click-Lend']"
 			href="/lend-by-category"
 			class="
 				tw-px-1.5 tw-py-1 tw-mx-1
@@ -88,6 +89,7 @@
 		<a
 			v-if="basketCount > 0"
 			ref="basketLink"
+			v-kv-track-event="['TopNav', 'click-Basket']"
 			href="/basket"
 			class="header-link tw-relative"
 			:class="{'tw-text-tertiary': !!openMenuItem}"
@@ -100,6 +102,7 @@
 		<!-- search icon -->
 		<button
 			ref="searchButton"
+			v-kv-track-event="['TopNav', 'click-Search-toggle']"
 			class="header-link"
 			:class="{
 				'tw-text-tertiary': !!openMenuItem
@@ -112,6 +115,7 @@
 		<a
 			v-if="!loggedIn"
 			ref="signInLink"
+			v-kv-track-event="['TopNav', 'click-Sign-in']"
 			:href="loginUrl"
 			class="header-link tw-hidden lg:tw-block"
 			:class="{'tw-text-tertiary': !!openMenuItem}"
@@ -121,6 +125,9 @@
 		<!-- 3-bar menu (sm) -->
 		<button
 			ref="menuButton"
+			v-kv-track-event="openMenuItem === KvHeaderMobileMenu
+				? ['TopNav', 'click-Hamburger-menu']
+				: null"
 			class="header-link tw-inline-flex lg:tw-hidden"
 			:class="{
 				'tw-text-tertiary': openMenuItem && openMenuItem !== KvHeaderMobileMenu
diff --git a/@kiva/kv-components/vue/KvWwwHeader/KvHeaderMobileMenu.vue b/@kiva/kv-components/vue/KvWwwHeader/KvHeaderMobileMenu.vue
index d7a0881a..8839a646 100644
--- a/@kiva/kv-components/vue/KvWwwHeader/KvHeaderMobileMenu.vue
+++ b/@kiva/kv-components/vue/KvWwwHeader/KvHeaderMobileMenu.vue
@@ -2,27 +2,32 @@
 	<nav class="tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-end lg:tw-hidden tw-font-medium">
 		<kv-header-menu-link
 			v-if="!loggedIn"
+			v-kv-track-event="['TopNav', 'click-menu-Sign-in']"
 			:href="loginUrl"
 		>
 			Sign in
 		</kv-header-menu-link>
 		<kv-header-menu-link
+			v-kv-track-event="['TopNav', 'click-menu-Support-kiva']"
 			href="/donate/supportus"
 		>
 			Support Kiva
 		</kv-header-menu-link>
 		<kv-header-menu-link
 			v-if="!loggedIn"
+			v-kv-track-event="['TopNav', 'click-menu-Borrow']"
 			href="/borrow"
 		>
 			Borrow
 		</kv-header-menu-link>
 		<kv-header-menu-link
+			v-kv-track-event="['TopNav', 'click-menu-About-us']"
 			href="/about"
 		>
 			About us
 		</kv-header-menu-link>
 		<kv-header-menu-link
+			v-kv-track-event="['TopNav', 'click-menu-Partner-with-us']"
 			href="/about/partner-with-us"
 		>
 			Partner with us
diff --git a/@kiva/kv-components/vue/KvWwwHeader/KvHeaderSearchBar.vue b/@kiva/kv-components/vue/KvWwwHeader/KvHeaderSearchBar.vue
index 24de6553..c90f0789 100644
--- a/@kiva/kv-components/vue/KvWwwHeader/KvHeaderSearchBar.vue
+++ b/@kiva/kv-components/vue/KvWwwHeader/KvHeaderSearchBar.vue
@@ -36,6 +36,7 @@
 		</div>
 		<!-- cancel search -->
 		<button
+			v-kv-track-event="['TopNav', 'click-cancel-search']"
 			class="tw-px-2.5 tw-transition-opacity"
 			:class="{
 				'tw-opacity-full tw-duration-300': searchExitVisible,