diff --git a/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue b/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue index 3b682e52b..c40e518df 100644 --- a/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue +++ b/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue @@ -53,6 +53,7 @@ export default { cmsWidgetName: String, lineItems: Array, isAfterpayBreakoutDisplay: Boolean, + isInsuranceSelected: Boolean, }, data() { return {}; @@ -72,9 +73,14 @@ export default { afterpayCopyTokens() { if (this.isAfterpayBreakoutDisplay) { // Text for Afterpay Breakout experiment - return splitCopyOnCMSPlaceHolder( - this.getCmsContent(this.cmsWidgetName, "BodyText2") - ); + var afterpayBannerCopy = this.getCmsContent(this.cmsWidgetName, "BodyText2"); + afterpayBannerCopy = + afterpayBannerCopy && + afterpayBannerCopy.replaceAll( + "{custom:paymentType}", + this.isInsuranceSelected ? "deductible" : "spending" + ); + return splitCopyOnCMSPlaceHolder(afterpayBannerCopy); } else { return splitCopyOnCMSPlaceHolder( this.getCmsContent(this.cmsWidgetName, "HeaderText") diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue index 4a20b4dbc..ea83d10b6 100644 --- a/src/layouts/quote/quote.vue +++ b/src/layouts/quote/quote.vue @@ -47,6 +47,7 @@ v-if="showAfterpayBanner" cmsWidgetName="AfterpayModalWidget" :isAfterpayBreakoutDisplay="isAfterpayBreakoutDisplay" + :isInsuranceSelected="isInsuranceSelected" :lineItems="lineItems" /> @@ -588,7 +589,7 @@ export default { }, showAfterpayBanner() { return ( - !this.isInsuranceSelected && + (this.isAfterpayBreakoutDisplay || !this.isInsuranceSelected) && (!this.isRecalibrationOnOrder || !this.shouldHideRecalibration) ); },