Merge pull request #6622 from kiva/bugfix/mp-2453-fixes-for-email-opt-in-card

cristhianDt · web-flow · commit 8af7d65d1f09 · 2026-02-03T16:05:37.000-05:00
fix: [MP-2453] - Fixes for email opt-in card
diff --git a/src/components/Contentful/JourneyCardCarousel.vue b/src/components/Contentful/JourneyCardCarousel.vue
@@ -57,7 +57,6 @@
 						<MyKivaEmailUpdatesCard
 							v-if="shouldShowEmailMarketingCard && !acceptedEmailMarketingUpdates"
 							key="acceptEmails"
-							v-kv-track-event="['portfolio', 'view', 'next-step-email-option']"
 							:loans="loans"
 							:latest-loan="latestLoan"
 							@accept-email-updates="acceptedEmailMarketingUpdates = true"
diff --git a/src/components/MyKiva/MyKivaEmailUpdatesCard.vue b/src/components/MyKiva/MyKivaEmailUpdatesCard.vue
@@ -34,7 +34,7 @@
 			<div class="tw-pt-1">
 				<KvButton
 					variant="secondary"
-					v-kv-track-event="['portfolio', 'click', 'next-step-email-option']"
+					v-kv-track-event="['portfolio', 'click', 'next-step-email-optin']"
 					class="tw-w-full"
 					@click="handleEmailOptIn"
 				>
@@ -50,7 +50,7 @@ import {
 	KvMaterialIcon, KvButton, KvBorrowerImage,
 } from '@kiva/kv-components';
 import { mdiEmailOutline } from '@mdi/js';
-import { computed, inject } from 'vue';
+import { computed, inject, onMounted } from 'vue';
 import useOptIn from '#src/composables/useOptIn';
 import { formatPossessiveName } from '#src/util/stringParserUtils';
 
@@ -87,6 +87,7 @@ const hash = computed(() => {
 
 const apollo = inject('apollo');
 const cookieStore = inject('cookieStore');
+const $kvTrackEvent = inject('$kvTrackEvent');
 const { setMailUpdatesOptOutCookie, updateCommunicationSettings } = useOptIn(apollo, cookieStore);
 
 const handleEmailOptIn = async () => {
@@ -97,6 +98,10 @@ const handleEmailOptIn = async () => {
 	}
 };
 
+onMounted(() => {
+	$kvTrackEvent('portfolio', 'view', 'next-step-email-optin');
+});
+
 </script>
 
 <style lang="postcss" scoped>
