From 2812e72ad39089fb90cbc2c1a68afb0dd85d84c5 Mon Sep 17 00:00:00 2001
From: Eddie Ferrer <eddieferrer@users.noreply.github.com>
Date: Wed, 13 Dec 2023 14:33:59 -0700
Subject: [PATCH 1/2] feat: ability to attribute a loan to a team from cookie
 value

---
 src/components/Checkout/BasketItem.vue | 40 ++++++++++++++++++++++++--
 1 file changed, 37 insertions(+), 3 deletions(-)

diff --git a/src/components/Checkout/BasketItem.vue b/src/components/Checkout/BasketItem.vue
index 3b07ab4cf1..0d08d0ac53 100644
--- a/src/components/Checkout/BasketItem.vue
+++ b/src/components/Checkout/BasketItem.vue
@@ -38,10 +38,10 @@
 				/>
 				<team-attribution
 					class="tw-mb-1 tw-mt-0.5"
-					v-if="teams.length"
-					:teams="teams"
+					v-if="combinedTeams.length"
+					:teams="combinedTeams"
 					:loan-id="loan.id"
-					:team-id="loan.team ? loan.team.id : 0"
+					:team-id="loanTeamAttributionId"
 				/>
 				<loan-promo-credits
 					:applied-promo-credits="appliedPromoCredits"
@@ -123,6 +123,8 @@ import LoanPrice from '@/components/Checkout/LoanPrice';
 import RemoveBasketItem from '@/components/Checkout/RemoveBasketItem';
 import TeamAttribution from '@/components/Checkout/TeamAttribution';
 
+const teamChallengeCookieName = 'kv-team-challenge';
+
 export default {
 	name: 'BasketItem',
 	components: {
@@ -157,6 +159,8 @@ export default {
 		return {
 			activateTimer: true,
 			loanVisible: true,
+			appendedTeams: [],
+			forceTeamId: null
 		};
 	},
 	computed: {
@@ -178,6 +182,15 @@ export default {
 		leftoverCreditAllocationLoanId() {
 			return this.cookieStore.get('lcaid');
 		},
+		combinedTeams() {
+			return [...this.teams, ...this.appendedTeams];
+		},
+		loanTeamAttributionId() {
+			if (this.forceTeamId) {
+				return this.forceTeamId;
+			}
+			return this.loan.team ? this.loan.team.id : 0;
+		}
 	},
 	methods: {
 		onLoanUpdate($event) {
@@ -193,5 +206,26 @@ export default {
 			this.$emit('validateprecheckout');
 		}
 	},
+	mounted() {
+		// Team Challenge MVP Code
+		// If team challenge cookie is present, the user has added a loan to basket from the challenge page
+		// In that case, append the team info to the list of teams and attribute this loan to that team
+		if (this.cookieStore.get(teamChallengeCookieName)) {
+			const teamChallengeLoanData = JSON.parse(this.cookieStore.get(teamChallengeCookieName));
+			teamChallengeLoanData.forEach(loan => {
+				if (loan.loanId === this.loan.id) {
+					// Loan has a different team attribution, we should override the default
+					// Is team not in the users list, append it
+					if (!this.combinedTeams.some(team => team.id === loan.teamId)) {
+						this.appendedTeams.push({
+							id: loan.teamId,
+							name: loan.teamName
+						});
+					}
+					this.forceTeamId = loan.teamId;
+				}
+			});
+		}
+	}
 };
 </script>

From a2548e2afe5c8ac89e66e97a70f4f87c60429f56 Mon Sep 17 00:00:00 2001
From: Eddie Ferrer <eddieferrer@users.noreply.github.com>
Date: Mon, 18 Dec 2023 09:26:15 -0700
Subject: [PATCH 2/2] feat: clean up cookie for team challenge in basket item
 after using

---
 src/components/Checkout/BasketItem.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/Checkout/BasketItem.vue b/src/components/Checkout/BasketItem.vue
index 0d08d0ac53..2cc9d443d7 100644
--- a/src/components/Checkout/BasketItem.vue
+++ b/src/components/Checkout/BasketItem.vue
@@ -225,6 +225,13 @@ export default {
 					this.forceTeamId = loan.teamId;
 				}
 			});
+			// Remove this loan from the cookie object after we've used it
+			teamChallengeLoanData.splice(
+				teamChallengeLoanData.findIndex(loan => loan.loanId === this.loan.id),
+				1
+			);
+			// overwrite the cookie with the new data
+			this.cookieStore.set(teamChallengeCookieName, JSON.stringify(teamChallengeLoanData));
 		}
 	}
 };