feat: 5 dollars pre select added to loan card components

kiva · Jul 26, 2023 · ffd6a08 · ffd6a08
1 parent d54d59b
commit ffd6a08
Show file tree

Hide file tree

Showing 5 changed files with 38 additions and 0 deletions.
diff --git a/@kiva/kv-components/utils/loanUtils.js b/@kiva/kv-components/utils/loanUtils.js
@@ -40,6 +40,7 @@ export function getLendCtaSelectedOption(
 	campaign,
 	unreservedAmount,
 	userBalance,
+	fiveDollarsSelected,
 ) {
 	// Don't enable the campaign changes when the user balance is undefined (user not logged in)
 	if (enableFiveDollarsNotes && typeof userBalance !== 'undefined') {
@@ -78,6 +79,10 @@ export function getLendCtaSelectedOption(
 		}
 	}
 
+	if (enableFiveDollarsNotes && fiveDollarsSelected) {
+		return '5';
+	}
+
 	// Handle when $5 notes isn't enabled
 	if (isBetween25And50(unreservedAmount) || isLessThan25(unreservedAmount)) {
 		return Number(unreservedAmount).toFixed();

diff --git a/@kiva/kv-components/vue/KvClassicLoanCard.vue b/@kiva/kv-components/vue/KvClassicLoanCard.vue
@@ -201,6 +201,7 @@
 				:is-loading="isLoading"
 				:is-adding="isAdding"
 				:enable-five-dollars-notes="enableFiveDollarsNotes"
+				:five-dollars-selected="fiveDollarsSelected"
 				:kv-track-function="kvTrackFunction"
 				:show-view-loan="showViewLoan"
 				:custom-loan-details="customLoanDetails"
@@ -324,6 +325,10 @@ export default {
 			type: Function,
 			default: undefined,
 		},
+		fiveDollarsSelected: {
+			type: Boolean,
+			default: false,
+		},
 	},
 	data() {
 		return {

diff --git a/@kiva/kv-components/vue/KvLendCta.vue b/@kiva/kv-components/vue/KvLendCta.vue
@@ -195,6 +195,10 @@ export default {
 			type: Function,
 			default: undefined,
 		},
+		fiveDollarsSelected: {
+			type: Boolean,
+			default: false,
+		},
 	},
 	data() {
 		return {
@@ -206,6 +210,7 @@ export default {
 				this.route?.query?.utm_campaign,
 				this.loan?.unreservedAmount,
 				this.userBalance,
+				this.fiveDollarsSelected,
 			),
 		};
 	},
@@ -344,6 +349,7 @@ export default {
 					this.route?.query?.utm_campaign,
 					newValue,
 					this.userBalance,
+					this.fiveDollarsSelected,
 				);
 			}
 		},

diff --git a/@kiva/kv-components/vue/stories/KvClassicLoanCard.stories.js b/@kiva/kv-components/vue/stories/KvClassicLoanCard.stories.js
@@ -19,6 +19,7 @@ const story = (args) => {
 					:show-tags="showTags"
 					:category-page-name="categoryPageName"
 					:enable-five-dollars-notes="enableFiveDollarsNotes"
+					:five-dollars-selected="fiveDollarsSelected"
 					:large-card="largeCard"
 					:is-adding="isAdding"
 					:is-visitor="isVisitor"
@@ -206,6 +207,15 @@ export const FiveDollarNotes = story({
 	photoPath,
 });
 
+export const FiveDollarsSelected = story({
+	loanId: loan.id,
+	loan,
+	enableFiveDollarsNotes: true,
+	fiveDollarsSelected: true,
+	kvTrackFunction,
+	photoPath,
+});
+
 export const ViewLoan = story({
 	loanId: loan.id,
 	loan,

diff --git a/@kiva/kv-components/vue/stories/KvLendCta.stories.js b/@kiva/kv-components/vue/stories/KvLendCta.stories.js
@@ -17,6 +17,7 @@ const story = (args) => {
 					:is-loading="isLoading"
 					:is-adding="isAdding"
 					:enable-five-dollars-notes="enableFiveDollarsNotes"
+					:five-dollars-selected="fiveDollarsSelected"
 					:kv-track-function="kvTrackFunction"
 					:show-view-loan="showViewLoan"
 					:custom-loan-details="customLoanDetails"
@@ -77,6 +78,17 @@ export const FiveDollar = story({
 	kvTrackFunction,
 });
 
+export const FiveDollarsSelected = story({
+	isLoading: false,
+	loan: {
+		id: 1,
+		unreservedAmount: '150.00',
+	},
+	enableFiveDollarsNotes: true,
+	fiveDollarsSelected: true,
+	kvTrackFunction,
+});
+
 export const LessThan25 = story({
 	isLoading: false,
 	loan: {