From 249e2c611b2fcc8356a9602aec20ec54613ffef7 Mon Sep 17 00:00:00 2001
From: Roger Gutierrez <94026278+roger-in-kiva@users.noreply.github.com>
Date: Mon, 20 Nov 2023 13:56:16 -0600
Subject: [PATCH] feat: supply donate cta test code removed (#5076)

---
 src/assets/icons/inline/sad-cloud.svg         |  1 -
 src/components/Lend/DonationCTA.vue           | 83 -------------------
 .../Lend/LoanSearch/LoanSearchInterface.vue   |  9 --
 src/pages/Lend/LoanChannelCategoryControl.vue |  7 --
 4 files changed, 100 deletions(-)
 delete mode 100644 src/assets/icons/inline/sad-cloud.svg
 delete mode 100644 src/components/Lend/DonationCTA.vue

diff --git a/src/assets/icons/inline/sad-cloud.svg b/src/assets/icons/inline/sad-cloud.svg
deleted file mode 100644
index 5125bcfc21..0000000000
--- a/src/assets/icons/inline/sad-cloud.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 84 90"><path fill="#BFE5D1" d="M35.148 11.756c-10.636 0-13.557 8.605-13.696 12.913-4.04-.782-12.12.228-12.12 10.556 0 12.913 25.816 13.696 36.768 13.696 10.953 0 39.513-3.13 37.166-15.26-1.882-9.705-11.478-13.696-16.043-14.478 1.436-3.13 1.327-10.646-10.566-15.647-11.883-5-19.29 3.397-21.509 8.22Z"/><path stroke="#26985D" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M28.414 11.756c-10.635 0-13.557 8.605-13.695 12.913-4.04-.782-12.121.228-12.121 10.556 0 12.913 25.816 13.696 36.769 13.696 10.952 0 39.512-3.13 37.165-15.26-1.882-9.705-11.477-13.696-16.042-14.478 1.435-3.13 1.326-10.646-10.567-15.647-11.883-5-19.29 3.397-21.509 8.22Z"/><path fill="#26985D" d="M20 39.397a3.272 3.272 0 1 0 .001-6.544 3.272 3.272 0 0 0 0 6.544Z"/><path stroke="#26985D" stroke-linecap="round" stroke-width="3.272" d="M42.905 39.397c0-1.549-1.465-2.805-3.272-2.805-1.807 0-3.272 1.256-3.272 2.805"/><path fill="#26985D" d="M59.266 39.397a3.272 3.272 0 1 0 0-6.544 3.272 3.272 0 0 0 0 6.544Z"/><path stroke="#26985D" stroke-linecap="round" stroke-width="3.816" d="M31.552 56.553v7.633M31.552 71.818v3.816"/><path stroke="#26985D" stroke-linecap="round" stroke-width="4" d="M43 56.553v7.633M54.449 56.553v3.816"/><ellipse cx="43" cy="86.633" fill="#BFE5D1" rx="19.78" ry="3.367"/></svg>
\ No newline at end of file
diff --git a/src/components/Lend/DonationCTA.vue b/src/components/Lend/DonationCTA.vue
deleted file mode 100644
index 2f3a67d9fa..0000000000
--- a/src/components/Lend/DonationCTA.vue
+++ /dev/null
@@ -1,83 +0,0 @@
-<template>
-	<div v-if="donateCTAExperimentVersion === 'b'">
-		<div class="tw-flex tw-items-center tw-justify-center">
-			<icon-sad-cloud class="tw-mr-4 tw-h-12 tw-w-8" />
-			<h2 class="tw-inline-block">
-				These loans are popular and we've run out.
-			</h2>
-		</div>
-		<div class="donate_cta_block tw-rounded md:tw-flex tw-gap-4 tw-mt-2 tw-pt-3 tw-px-6 tw-pb-6">
-			<div class="tw-flex-none tw-mt-2 tw-text-center">
-				<img
-					class="tw-m-auto"
-					style="width: 201px;"
-					src="@/assets/images/team_donate2.png"
-					alt="team image"
-				>
-				<span class="tw-mt-1 tw-m-auto tw-inline-block">Carolina, David G, David K</span>
-			</div>
-			<div>
-				<h2>Help our team source more loans</h2>
-				<!-- eslint-disable-next-line max-len -->
-				<p>Sourcing loans isn’t free for us. Carolina, David, and the rest of the team work hard to screen the loans on our site and work with lending partners to support high quality loans that often include additional services such as insurance and business training for borrowers. We rely on our generous donors to help them continue their work.</p>
-				<kv-button
-					class="tw-pt-2 tw-block"
-					variant="secondary"
-					href="/donate/supportus"
-					v-kv-track-event="['donation', 'click', 'low-supply-human-centric-cta']"
-				>
-					Donate to help Carolina and team
-				</kv-button>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import IconSadCloud from '@/assets/icons/inline/sad-cloud.svg';
-import {
-	getExperimentSettingAsync,
-	trackExperimentVersion
-} from '@/util/experiment/experimentUtils';
-import experimentAssignmentQuery from '@/graphql/query/experimentAssignment.graphql';
-
-import KvButton from '~/@kiva/kv-components/vue/KvButton';
-
-export default {
-	name: 'DonationCTA',
-	components: {
-		IconSadCloud,
-		KvButton
-	},
-	data() {
-		return {
-			donateCTAExperimentVersion: null
-		};
-	},
-	inject: ['apollo', 'cookieStore'],
-	async created() {
-		const donateSupplyCtaExpData = await getExperimentSettingAsync(this.apollo, 'supply_donate_cta');
-		// Assign the exp
-		await this.apollo.query({
-			query: experimentAssignmentQuery,
-			variables: { id: 'supply_donate_cta' }
-		});
-		if (donateSupplyCtaExpData?.enabled) {
-			const { version } = trackExperimentVersion(
-				this.apollo,
-				this.$kvTrackEvent,
-				'donation',
-				'supply_donate_cta',
-				'EXP-ACK-434-nov2022'
-			);
-			this.donateCTAExperimentVersion = version;
-		}
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.donate_cta_block {
-	background-color: #F8CD69; //non styleguide color
-}
-</style>
diff --git a/src/components/Lend/LoanSearch/LoanSearchInterface.vue b/src/components/Lend/LoanSearch/LoanSearchInterface.vue
index f304b5cca0..3c605bd272 100644
--- a/src/components/Lend/LoanSearch/LoanSearchInterface.vue
+++ b/src/components/Lend/LoanSearch/LoanSearchInterface.vue
@@ -127,10 +127,6 @@
 				</template>
 			</div>
 		</div>
-		<template v-if="initialLoadComplete && totalCount > 0">
-			<!-- Donation CTA Experiment -->
-			<donation-c-t-a v-if="hasOnePageOfLoans" />
-		</template>
 	</div>
 </template>
 
@@ -153,7 +149,6 @@ import { isNumber } from '@/util//numberUtils';
 import LoanSearchFilterChips from '@/components/Lend/LoanSearch/LoanSearchFilterChips';
 import LoanSearchSavedSearch from '@/components/Lend/LoanSearch/LoanSearchSavedSearch';
 import filterConfig from '@/util/loanSearch/filterConfig';
-import DonationCTA from '@/components/Lend/DonationCTA';
 import { gql } from '@apollo/client';
 import KvButton from '~/@kiva/kv-components/vue/KvButton';
 import KvLightbox from '~/@kiva/kv-components/vue/KvLightbox';
@@ -176,7 +171,6 @@ export default {
 	name: 'LoanSearchInterface',
 	inject: ['apollo', 'cookieStore'],
 	components: {
-		DonationCTA,
 		LoanSearchFilterChips,
 		KvButton,
 		LoanSearchFilter,
@@ -330,9 +324,6 @@ export default {
 				return prev || filterConfig.config[key].showSavedSearch(this.loanSearchState);
 			}, false);
 		},
-		hasOnePageOfLoans() {
-			return this.totalCount <= this.loanSearchState.pageLimit;
-		}
 	},
 	methods: {
 		async fetchFacets(loanSearchState = {}) {
diff --git a/src/pages/Lend/LoanChannelCategoryControl.vue b/src/pages/Lend/LoanChannelCategoryControl.vue
index c784d60b06..1a55028a69 100644
--- a/src/pages/Lend/LoanChannelCategoryControl.vue
+++ b/src/pages/Lend/LoanChannelCategoryControl.vue
@@ -135,8 +135,6 @@
 				<div v-if="totalCount > 0" class="loan-count tw-text-tertiary">
 					{{ totalCount }} loans
 				</div>
-				<!-- Donation CTA Experiment -->
-				<donation-c-t-a v-if="hasOnePageOfLoans" />
 			</div>
 		</div>
 
@@ -153,7 +151,6 @@ import numeral from 'numeral';
 import logReadQueryError from '@/util/logReadQueryError';
 import loanChannelPageQuery from '@/graphql/query/loanChannelPage.graphql';
 import loanChannelQueryMapMixin from '@/plugins/loan-channel-query-map';
-import DonationCTA from '@/components/Lend/DonationCTA';
 import KvPagination from '@/components/Kv/KvPagination';
 import PromoGridLoanCardExp from '@/components/LoanCards/PromoGridLoanCardExp';
 import KvLoadingOverlay from '@/components/Kv/KvLoadingOverlay';
@@ -269,7 +266,6 @@ export default {
 		KvLoadingOverlay,
 		QuickFilters,
 		HelpmeChooseWrapper,
-		DonationCTA,
 		PromoGridLoanCardExp,
 		KvClassicLoanCardContainer,
 		EmptyState,
@@ -399,9 +395,6 @@ export default {
 			}
 			return url;
 		},
-		hasOnePageOfLoans() {
-			return this.totalCount <= this.limit;
-		},
 		showHelpMeChooseFeat() {
 			const queryMapFLSS = getFLSSQueryMap(this.loanChannelQueryMap, this.targetedLoanChannelURL);
 			const hasSortBy = !!queryMapFLSS?.sortBy;