diff --git a/src/components/Checkout/InContext/InContextCheckout.vue b/src/components/Checkout/InContext/InContextCheckout.vue
index 1051f5c3f9e..82ffe94f3af 100644
--- a/src/components/Checkout/InContext/InContextCheckout.vue
+++ b/src/components/Checkout/InContext/InContextCheckout.vue
@@ -45,102 +45,120 @@
 
 		<hr>
 
-		<order-totals
-			class="in-context-checkout__order-totals"
-			:totals="totals"
-			:promo-fund="derivedPromoFund"
-			@credit-removed="$emit('credit-removed')"
-			@refreshtotals="$emit('refreshtotals')"
-			@updating-totals="setUpdatingTotals"
-		/>
+		<section class="tw-grid tw-grid-cols-12 tw-gap-0 md:tw-gap-2">
+			<team-join-checkbox
+				class="tw-col-span-12 md:tw-col-span-6 tw-py-2 md:tw-pt-4"
+				v-if="teamId && isActivelyLoggedIn"
+				:is-actively-logged-in="isActivelyLoggedIn"
+				:promo-id="promoFundId"
+				:team-id="teamId"
+				@update-team-join-intent="joinTeamIntent = $event"
+			/>
 
-		<div
-			class="in-context-login"
-			:class="{ 'tw-text-right' : !isCorporateCampaign }"
-			v-if="!isActivelyLoggedIn && !promoGuestCheckoutEnabled"
-		>
-			<kv-button
-				v-if="!isActivelyLoggedIn"
-				class="smaller checkout-button"
-				id="Continue-to-legacy-button"
-				v-kv-track-event="['basket', 'Redirect Continue Button', 'exit to legacy']"
-				:href="registerOrLoginHref"
-			>
-				{{ customCheckoutButtonText }}
-			</kv-button>
-		</div>
-		<div class="in-context-payment-controls">
-			<kv-grid
-				v-if="!isActivelyLoggedIn
-					&& promoGuestCheckoutEnabled
-					&& !continueAsGuest"
-				class="tw-grid-cols-6"
+			<div
+				class="tw-col-span-12 tw-py-2 md:tw-pt-4"
+				:class="{'md:tw-col-span-6': isActivelyLoggedIn && teamId}"
 			>
-				<div class="tw-col-start-4 tw-col-end-7 tw-text-right">
-					<kv-button
-						class="smaller checkout-button tw-mb-1"
-						v-if="promoGuestCheckoutEnabled"
-						@click="continueAsGuest = true"
-					>
-						Continue as a guest
-					</kv-button>
+				<order-totals
+					class="in-context-checkout__order-totals"
+					:totals="totals"
+					:promo-fund="derivedPromoFund"
+					@credit-removed="$emit('credit-removed')"
+					@refreshtotals="$emit('refreshtotals')"
+					@updating-totals="setUpdatingTotals"
+				/>
+
+				<div
+					class="in-context-login"
+					:class="{ 'tw-text-right' : !isCorporateCampaign }"
+					v-if="!isActivelyLoggedIn && !promoGuestCheckoutEnabled"
+				>
 					<kv-button
-						class="smaller checkout-button tw-mb-1"
-						v-if="promoGuestCheckoutEnabled"
-						variant="secondary"
+						v-if="!isActivelyLoggedIn"
+						class="smaller checkout-button"
+						id="Continue-to-legacy-button"
+						v-kv-track-event="['basket', 'Redirect Continue Button', 'exit to legacy']"
 						:href="registerOrLoginHref"
 					>
-						Continue as an existing user
+						{{ customCheckoutButtonText }}
 					</kv-button>
 				</div>
-				<div class="tw-col-start-4 tw-col-end-7">
-					<p class="tw-grid-row">
-						For existing users, we recommend you log in with your work email address.
-					</p>
-				</div>
-			</kv-grid>
 
-			<kiva-credit-payment
-				v-if="showKivaCreditButton
-					&& !promoGuestCheckoutEnabled
-					&& isActivelyLoggedIn"
-				@complete-transaction="completeTransaction"
-				class="checkout-button"
-				id="kiva-credit-payment-button"
-				@refreshtotals="$emit('refresh-totals')"
-				@updating-totals="setUpdatingTotals"
-				@checkout-failure="handleCheckoutFailure"
-			/>
-			<kiva-credit-guest-payment
-				v-if="showKivaCreditButton
-					&& promoGuestCheckoutEnabled
-					&& continueAsGuest"
-				:is-guest-checkout="true"
-				@complete-transaction="completeTransaction"
-				class="checkout-button"
-				id="kiva-credit-payment-button"
-				:promo-fund-id="String(promoFundId)"
-				:managed-account-id="managedAccountId"
-				:promo-guest-checkout-enabled="promoGuestCheckoutEnabled"
-				:promo-name="promoName"
-				@refreshtotals="$emit('refresh-totals')"
-				@updating-totals="setUpdatingTotals"
-				@checkout-failure="handleCheckoutFailure"
-			/>
+				<div class="in-context-payment-controls tw-grid">
+					<kv-grid
+						v-if="!isActivelyLoggedIn
+							&& promoGuestCheckoutEnabled
+							&& !continueAsGuest"
+						class="tw-grid-cols-6"
+					>
+						<div class="tw-col-start-4 tw-col-end-7 tw-text-right">
+							<kv-button
+								class="smaller checkout-button tw-mb-1"
+								v-if="promoGuestCheckoutEnabled"
+								@click="continueAsGuest = true"
+							>
+								Continue as a guest
+							</kv-button>
+							<kv-button
+								class="smaller checkout-button tw-mb-1"
+								v-if="promoGuestCheckoutEnabled"
+								variant="secondary"
+								:href="registerOrLoginHref"
+							>
+								Continue as an existing user
+							</kv-button>
+						</div>
+						<div class="tw-col-start-4 tw-col-end-7">
+							<p class="tw-grid-row">
+								For existing users, we recommend you log in with your work email address.
+							</p>
+						</div>
+					</kv-grid>
 
-			<checkout-drop-in-payment-wrapper
-				v-if="!showKivaCreditButton && (continueAsGuest || isActivelyLoggedIn)"
-				:amount="creditNeeded"
-				@refreshtotals="$emit('refreshtotals')"
-				:is-guest-checkout="promoGuestCheckoutEnabled"
-				:promo-fund-id="String(promoFundId)"
-				:managed-account-id="managedAccountId"
-				:promo-guest-checkout-enabled="promoGuestCheckoutEnabled"
-				:promo-name="promoName"
-				@updating-totals="setUpdatingTotals"
-				@complete-transaction="completeTransaction"
-			/>
-		</div>
+					<kiva-credit-payment
+						v-if="showKivaCreditButton
+							&& !continueAsGuest
+							&& isActivelyLoggedIn"
+						@complete-transaction="completeTransaction"
+						class="checkout-button tw-justify-self-end"
+						id="kiva-credit-payment-button"
+						:handle-team-join="processTeamJoin"
+						@refreshtotals="$emit('refresh-totals')"
+						@updating-totals="setUpdatingTotals"
+						@checkout-failure="handleCheckoutFailure"
+					/>
+					<kiva-credit-guest-payment
+						v-if="showKivaCreditButton
+							&& promoGuestCheckoutEnabled
+							&& continueAsGuest"
+						:is-guest-checkout="true"
+						@complete-transaction="completeTransaction"
+						class="checkout-button"
+						id="kiva-credit-payment-button"
+						:promo-fund-id="String(promoFundId)"
+						:managed-account-id="managedAccountId"
+						:promo-guest-checkout-enabled="promoGuestCheckoutEnabled"
+						:promo-name="promoName"
+						@refreshtotals="$emit('refresh-totals')"
+						@updating-totals="setUpdatingTotals"
+						@checkout-failure="handleCheckoutFailure"
+					/>
+
+					<checkout-drop-in-payment-wrapper
+						v-if="!showKivaCreditButton && (continueAsGuest || isActivelyLoggedIn)"
+						:amount="creditNeeded"
+						@refreshtotals="$emit('refreshtotals')"
+						:is-guest-checkout="promoGuestCheckoutEnabled"
+						:promo-fund-id="String(promoFundId)"
+						:managed-account-id="managedAccountId"
+						:promo-guest-checkout-enabled="promoGuestCheckoutEnabled"
+						:promo-name="promoName"
+						@updating-totals="setUpdatingTotals"
+						@complete-transaction="completeTransaction"
+					/>
+				</div>
+			</div>
+		</section>
 
 		<kv-loading-overlay
 			v-if="updatingTotals"
@@ -153,6 +171,7 @@
 <script>
 import numeral from 'numeral';
 import { myFTDQuery, formatTransactionData } from '@/util/checkoutUtils';
+import { joinTeamAndReserveLoans } from '@/util/teamUtils';
 import { isCCPage } from '@/util/urlUtils';
 import checkoutUtils from '@/plugins/checkout-utils-mixin';
 import CheckoutDropInPaymentWrapper from '@/components/Checkout/CheckoutDropInPaymentWrapper';
@@ -161,6 +180,7 @@ import KivaCreditGuestPayment from '@/components/Checkout/KivaCreditGuestPayment
 import KvLoadingOverlay from '@/components/Kv/KvLoadingOverlay';
 import BasketItemsList from '@/components/Checkout/BasketItemsList';
 import OrderTotals from '@/components/Checkout/OrderTotals';
+import TeamJoinCheckbox from '@/components/Checkout/InContext/TeamJoinCheckbox';
 import KvIcon from '@/components/Kv/KvIcon';
 import KvButton from '~/@kiva/kv-components/vue/KvButton';
 import KvGrid from '~/@kiva/kv-components/vue/KvGrid';
@@ -176,6 +196,7 @@ export default {
 		KivaCreditGuestPayment,
 		KvLoadingOverlay,
 		OrderTotals,
+		TeamJoinCheckbox,
 		KvIcon,
 		KvGrid
 	},
@@ -223,6 +244,14 @@ export default {
 			type: Object,
 			default: () => {},
 		},
+		promoId: {
+			type: Number,
+			default: null
+		},
+		teamId: {
+			type: Number,
+			default: null
+		},
 		promoName: {
 			type: String,
 			default: () => {},
@@ -250,9 +279,17 @@ export default {
 	},
 	data() {
 		return {
-			updatingTotals: false,
+			isMember: false,
+			loading: false,
+			joinStatus: null,
+			joinTeamIntent: true,
+			showError: false,
+			showForm: true,
+			showSuccess: false,
+			isChecked: false,
 			continueAsGuest: false,
-			continueAsExistingUser: false
+			continueAsExistingUser: false,
+			updatingTotals: false,
 		};
 	},
 	computed: {
@@ -295,6 +332,12 @@ export default {
 				&& this.lcaLoanPrice > 0;
 		}
 	},
+	// mounted() {
+	// 	this.loading = true;
+	// 	if (this.teamId) {
+	// 		this.fetchTeamData();
+	// 	}
+	// },
 	methods: {
 		completeTransaction(transactionId) {
 			// compile transaction data
@@ -332,7 +375,15 @@ export default {
 		},
 		setUpdatingTotals(payload) {
 			this.updatingTotals = payload;
-		}
+		},
+		async processTeamJoin() {
+			if (!this.joinTeamIntent) {
+				return false;
+			}
+			console.log('proceeding to processTeamJoin');
+			console.log(this.apollo, this.teamId, this.promoFund?.id, this.loans?.map(loan => loan.id));
+			return joinTeamAndReserveLoans(this.apollo, this.teamId, this.promoFund?.id, this.loans?.filter(id => id));
+		},
 	}
 };
 </script>
diff --git a/src/components/Checkout/InContext/TeamJoinCheckbox.vue b/src/components/Checkout/InContext/TeamJoinCheckbox.vue
new file mode 100644
index 00000000000..df737dbed0e
--- /dev/null
+++ b/src/components/Checkout/InContext/TeamJoinCheckbox.vue
@@ -0,0 +1,185 @@
+<template>
+	<div v-if="!isMember">
+		<kv-loading-placeholder
+			v-if="loading" class="tw-rounded tw-w-full" :style="{ height: '80px' }"
+		/>
+		<kv-checkbox
+			v-else
+			v-model="teamJoinIntent"
+		>
+			{{ campaignTitleText }}
+		</kv-checkbox>
+	</div>
+</template>
+
+<script>
+import { fetchTeamInfoById } from '@/util/teamUtils';
+import KvCheckbox from '~/@kiva/kv-components/vue/KvCheckbox';
+import KvLoadingPlaceholder from '~/@kiva/kv-components/vue/KvLoadingPlaceholder';
+
+export default {
+	name: 'TeamJoinCheckbox',
+	inject: ['apollo', 'cookieStore'],
+	components: {
+		KvCheckbox,
+		KvLoadingPlaceholder,
+	},
+	props: {
+		isActivelyLoggedIn: {
+			type: Boolean,
+			default: false
+		},
+		promoName: {
+			type: String,
+			default: () => {},
+		},
+		teamId: {
+			type: Number,
+			default: null
+		},
+	},
+	data() {
+		return {
+			isMember: false,
+			loading: true,
+			teamJoinIntent: true,
+			teamName: null
+		};
+	},
+	computed: {
+		campaignTitleText() {
+			return `Join the ${this.teamName} Lending Team to do more good together`;
+		},
+	},
+	mounted() {
+		this.fetchTeamData();
+	},
+	watch: {
+		teamJoinIntent(newVal, prevVal) {
+			if (newVal !== prevVal) {
+				this.$emit('update-team-join-intent', this.teamJoinIntent);
+				this.$kvTrackEvent(
+					'ManagedLendingCampaign',
+					'team-join-intent-change',
+					'join team checkbox',
+					newVal,
+					newVal
+				);
+			}
+		},
+	},
+	methods: {
+		fetchTeamData() {
+			fetchTeamInfoById(this.apollo, this.teamId).then(({ data }) => {
+				this.teamName = data.community?.team?.name ?? '';
+				this.isMember = data.my?.teams?.values?.length ?? false;
+				this.loading = false;
+			});
+		},
+
+		// handleTeamJoinProcess(payload) {
+		// 	this.teamJoinStatus = payload.join;
+		// 	this.$kvTrackEvent(
+		// 		'ManagedLendingCampaign',
+		// 		'modal-join-team-process',
+		// 		`${this.teamJoinStatus} team`
+		// 	);
+		// 	this.fetchMyTeams();
+		// },
+
+		// fetchMyTeams() {
+		// 	this.apollo.query({
+		// 		fetchPolicy: 'network-only',
+		// 		query: myTeamsQuery
+		// 	}).then(({ data }) => {
+		// 		this.myTeams = data.my?.lender?.teams?.values ?? [];
+		// 		if (this.teamJoinStatus !== 'declined') {
+		// 			this.addTeamToLoans();
+		// 		}
+		// 	});
+		// 	this.showBasket();
+		// },
+
+		// addTeamToLoans() {
+		// 	if (this.basketLoans.length && this.teamId) {
+		// 		const loans = [];
+		// 		// TODO Collect these promises and refresh basket once complete
+		// 		this.basketLoans.forEach((loan, index) => {
+		// 			loans[index] = this.apollo.mutate({
+		// 				mutation: updateLoanReservationTeam,
+		// 				variables: {
+		// 					teamId: this.teamId,
+		// 					loanid: loan.id
+		// 				}
+		// 			});
+		// 		});
+		// 		Promise.all(loans).then(() => {
+		// 			this.updateBasketState();
+		// 		});
+		// 	}
+		// },
+
+		// joinTeamMutation() {
+		// 	this.apollo.mutate({
+		// 		mutation: joinTeam,
+		// 		variables: {
+		// 			team_id: this.teamId,
+		// 			promo_id: this.promoId
+		// 		}
+		// 	}).then(result => {
+		// 		if (result.errors) {
+		// 			throw result.errors;
+		// 		} else {
+		// 			return this.apollo.query({
+		// 				query: myTeamsQuery,
+		// 				variables: {
+		// 					teamIds: [this.teamId]
+		// 				},
+		// 				fetchPolicy: 'network-only',
+		// 			});
+		// 		}
+		// 	}).then(result => {
+		// 		this.loading = false;
+		// 		if (result.errors) {
+		// 			throw result.errors;
+		// 		} else {
+		// 			this.isMember = result.data?.my?.teams?.values?.length ?? false;
+		// 			if (this.isMember) {
+		// 				this.myTeams = result.data?.my?.teams?.values ?? [];
+		// 			}
+		// 			this.showForm = false;
+		// 			this.showSuccess = true;
+		// 			this.joinStatus = 'joined';
+		// 		}
+		// 	})
+		// 		.catch(error => {
+		// 			this.loading = false;
+		// 			this.showError = true;
+		// 			this.joinStatus = 'error';
+		// 			console.log(error);
+		// 		});
+		// },
+		// handleJoinTeam() {
+		// 	if (this.isChecked) {
+		// 		this.joinTeamMutation();
+		// 	}
+		// },
+		// handleContinue() {
+		// 	// this.loading = true;
+		// 	// this.showError = false;
+		// 	this.$emit('team-process-complete', { join: this.joinStatus });
+		// },
+		// handleRejectTeam() {
+		// 	// this.showError = false;
+		// 	// TODO: Close lightbox
+		// 	this.$emit('team-process-complete', { join: 'declined', myTeams: this.myTeams });
+		// 	// TODO: Determine if /declineInvitationToJoinTeam?team_id=${this.teamId} is necessary
+		// 	// - It may be that we can use this to prevent spamming the person with repeated ligthboxes
+		// },
+	}
+};
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/components/Checkout/KivaCreditPayment.vue b/src/components/Checkout/KivaCreditPayment.vue
index cdcf8fbb29c..74b052b1752 100644
--- a/src/components/Checkout/KivaCreditPayment.vue
+++ b/src/components/Checkout/KivaCreditPayment.vue
@@ -13,6 +13,7 @@
 
 <script>
 import checkoutUtils from '@/plugins/checkout-utils-mixin';
+import logFormatter from '@/util/logFormatter';
 import KvButton from '~/@kiva/kv-components/vue/KvButton';
 
 export default {
@@ -24,28 +25,40 @@ export default {
 	mixins: [
 		checkoutUtils
 	],
+	props: {
+		handleTeamJoin: {
+			type: Function,
+			default: async () => {
+				return { success: true, message: 'handleTeamJoin not passed' };
+			}
+		},
+	},
 	methods: {
-		validateCreditBasket() {
+		async validateCreditBasket() {
 			this.$kvTrackEvent('basket', 'Kiva Checkout', 'Button Click');
 			this.$emit('updating-totals', true);
-			this.validateBasket()
-				.then(validationStatus => {
-					if (validationStatus === true) {
-						// succesful validation
-						this.checkoutCreditBasket();
-					} else {
-						// validation failed
-						this.$emit('updating-totals', false);
-						this.showCheckoutError(validationStatus);
-						this.$emit('refreshtotals');
-					}
-				}).catch(errorResponse => {
-					this.$emit('updating-totals', false);
-					console.error(errorResponse);
-				});
+
+			const validationStatus = await this.validateBasket();
+			if (!validationStatus === true) {
+				// validation failed
+				this.$emit('updating-totals', false);
+				this.showCheckoutError(validationStatus);
+				this.$emit('refreshtotals');
+				Promise.reject(validationStatus);
+			}
+
+			const handleTeamJoinResult = await this.handleTeamJoin;
+			if (handleTeamJoinResult.success === false) {
+				this.$emit('updating-totals', false);
+				this.showCheckoutError(handleTeamJoinResult.message);
+				this.$emit('refreshtotals');
+				Promise.reject(handleTeamJoinResult);
+			}
+
+			await this.checkoutCreditBasket();
 		},
 		checkoutCreditBasket() {
-			this.checkoutBasket()
+			return this.checkoutBasket()
 				.then(transactionResult => {
 					if (typeof transactionResult !== 'object') {
 						// succesful validation
@@ -59,9 +72,11 @@ export default {
 						this.showCheckoutError(errorResult);
 						this.$emit('checkout-failure', errorResult);
 					}
+					Promise.resolve(transactionResult);
 				}).catch(errorResponse => {
 					this.$emit('updating-totals', false);
-					console.error(errorResponse);
+					logFormatter('KivaCreditPayment Checkout Failed', 'error', errorResponse);
+					Promise.reject(errorResponse);
 				});
 		},
 	}
diff --git a/src/pages/LandingPages/CorporateCampaign/CCLandingPage.vue b/src/pages/LandingPages/CorporateCampaign/CCLandingPage.vue
index 20010887889..44a03dcd3d4 100644
--- a/src/pages/LandingPages/CorporateCampaign/CCLandingPage.vue
+++ b/src/pages/LandingPages/CorporateCampaign/CCLandingPage.vue
@@ -80,13 +80,13 @@
 				</div>
 			</div>
 
-			<campaign-join-team-form
+			<!-- <campaign-join-team-form
 				v-if="this.showTeamForm"
 				:campaign-name="campaignPartnerName"
 				:team-id="this.teamId"
 				:promo-id="this.promoFundId"
 				@team-process-complete="handleTeamJoinProcess"
-			/>
+			/> -->
 
 			<campaign-verification-form
 				v-if="showVerification"
@@ -164,6 +164,7 @@
 					:show-donation="isMatchingCampaign || lendingRewardOffered"
 					:auto-redirect-to-thanks="false"
 					:promo-fund="promoFund"
+					:team-id="teamId"
 					:promo-name="campaignPartnerName"
 					:lca-loan-price="lcaLoanPrice"
 					custom-checkout-button-text="Checkout"
@@ -593,7 +594,7 @@ export default {
 			showLoans: false,
 			checkoutVisible: false,
 			showVerification: false,
-			showTeamForm: false,
+			// showTeamForm: false,
 			showThanks: false,
 			sortBy: 'popularity',
 			teamJoinStatus: null,
@@ -1299,22 +1300,23 @@ export default {
 					'ManagedLendingCampaign',
 					'modal-campaign-verification-initialized'
 				);
-			} else if (
-				this.basketLoans.length
-				&& this.isActivelyLoggedIn
-				&& this.teamId
-				&& !this.teamJoinStatus
-			) {
-				// check for team join optionality
-				this.showTeamForm = true;
-				this.checkoutVisible = false;
-				this.$kvTrackEvent(
-					'ManagedLendingCampaign',
-					'modal-team-join-initialized'
-				);
 			} else {
 				this.checkoutVisible = true;
 			}
+			// else if (
+			// 	this.basketLoans.length
+			// 	&& this.isActivelyLoggedIn
+			// 	&& this.teamId
+			// 	&& !this.teamJoinStatus
+			// ) {
+			// 	// check for team join optionality
+			// 	this.showTeamForm = true;
+			// 	this.checkoutVisible = false;
+			// 	this.$kvTrackEvent(
+			// 		'ManagedLendingCampaign',
+			// 		'modal-team-join-initialized'
+			// 	);
+			// }
 		},
 		amountLeftOnLoan(loan) {
 			const loanFundraisingInfo = loan?.loanFundraisingInfo ?? { fundedAmount: 0, reservedAmount: 0 };
diff --git a/src/util/teamUtils.js b/src/util/teamUtils.js
new file mode 100644
index 00000000000..34398e30002
--- /dev/null
+++ b/src/util/teamUtils.js
@@ -0,0 +1,111 @@
+import TeamInfoFromId from '@/graphql/query/teamInfoFromId.graphql';
+import joinTeam from '@/graphql/mutation/joinTeam.graphql';
+import myTeamsQuery from '@/graphql/query/myTeams.graphql';
+import updateLoanReservationTeam from '@/graphql/mutation/updateLoanReservationTeam.graphql';
+
+/**
+ * Fetch team information + membership status by team id
+ * @param {Object} apollo - apollo client
+ * @param {Number} teamId - team id
+ * @returns {Promise}
+ */
+export function fetchTeamInfoById(apollo, teamId) {
+	return apollo.query({
+		query: TeamInfoFromId,
+		variables: {
+			team_id: teamId,
+			team_ids: [teamId],
+		}
+	});
+}
+
+/** Fetch my teams
+ * @param {Object} apollo - apollo client
+ * @returns {Promise}
+ */
+export async function fetchMyTeams(apollo) {
+	return apollo.query({
+		fetchPolicy: 'network-only',
+		query: myTeamsQuery
+	});
+}
+
+/**
+ * Add Team to loan reservations
+ * @param {Object} apollo - apollo client
+ * @param {Array} loanIds - loan ids
+ * @param {Number} teamId - team id
+ * @returns {Promise}
+ */
+export function addTeamToLoans(apollo, loanIds, teamId) {
+	if (!loanIds || !loanIds.length || !teamId) {
+		return Promise.reject('No loan ids or team id provided');
+	}
+
+	const loans = [];
+	loanIds.forEach((loanId, index) => {
+		loans[index] = this.apollo.mutate({
+			mutation: updateLoanReservationTeam,
+			variables: {
+				teamId,
+				loanid: loanId
+			}
+		});
+	});
+
+	return Promise.all(loans);
+}
+
+/**
+ * Join a specific team, with optional promo state bypass
+ * - User must be logged in (UserId provided by apollo)
+ * @param {Object} apollo - apollo client
+ * @param {Number} teamId - team id
+ * @param {Number} promoId - promo id
+ * @returns {Promise}
+ */
+export function joinTeamMutation(apollo, teamId, promoId = null) {
+	if (!teamId) {
+		return Promise.reject('No team id provided');
+	}
+
+	return apollo.mutate({
+		mutation: joinTeam,
+		variables: {
+			team_id: teamId,
+			promo_id: promoId
+		}
+	});
+}
+
+/**
+ * Handle team join and loan reservation updates for a promo campaign
+ * @param {Object} apollo - apollo client
+ * @param {Number} teamId - team id
+ * @param {Number} promoId - promo id
+ * @param {Array} loanIds - ids for loans to update
+ */
+export async function joinTeamAndReserveLoans(apollo, teamId, promoId, loanIds) {
+	// attempt to join team
+	await joinTeamMutation(apollo, teamId, promoId).then(joinTeamResult => {
+		console.log(joinTeamResult);
+	}).catch(error => {
+		return Promise.reject(error);
+	});
+
+	// Verify team membership
+	await fetchMyTeams(apollo).then(myTeamsResult => {
+		console.log(myTeamsResult);
+	}).catch(error => {
+		return Promise.reject(error);
+	});
+
+	// if successful, update loan reservations
+	await addTeamToLoans(apollo, loanIds, teamId).then(addTeamResult => {
+		console.log(addTeamResult);
+	}).catch(error => {
+		return Promise.reject(error);
+	});
+
+	return Promise.resolve({ success: true, message: 'Team joined and loans reserved' });
+}