jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CASH-1163 update Afterpay and code cleanup.

Browse source
This commit is contained in:
Bryan Mauger 2025-07-25 14:16:23 -04:00
parent 74f75b0e74
commit 55238e0c31
1 changed files with 10 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue
View file

@ -6,9 +6,9 @@
async></component>
<div>
<span v-for="token in headerCopyTokens" :key="token" v-html="token"></span>
<span class="callout" v-for="token in headerCopyTokens" :key="token" v-html="token"></span>
</div>
<div :id="showAfterpayExtendedPayOption ? 'extended-pay-option' : ''">
<div>
<span v-for="token in afterpayCopyTokens" :key="token">
<span v-if="isAfterpayPriceToken(token)">{{ afterpayPrice }}</span>
<span v-else-if="isInlineImageToken(token)">
@ -78,15 +78,9 @@ export default {
return splitCMSCopyOnBR(this.getCmsContent(this.cmsWidgetName, "HeaderText"));
},
afterpayCopyTokens() {
if (this.showAfterpayExtendedPayOption) {
return splitCopyOnCMSPlaceHolder(
this.getCmsContent(this.cmsWidgetName, "BodyText")
);
} else {
return splitCopyOnCMSPlaceHolder(
this.getCmsContent(this.cmsWidgetName, "BodyText2")
);
}
return splitCopyOnCMSPlaceHolder(
this.getCmsContent(this.cmsWidgetName, "BodyText")
);
},
modalCopy() {
return this.getCmsContent(this.cmsWidgetName, "FooterText");
@ -114,12 +108,6 @@ export default {
return price;
},
showAfterpayExtendedPayOption() {
return (
this.afterpayExtendedPayOptionThreshold &&
this.getTierOnePackagePrice >= this.afterpayExtendedPayOptionThreshold
);
},
},
components: {},
};
@ -138,11 +126,14 @@ export default {
flex-direction: row;
}
.callout {
font-family: UrbanistSemibold Arial, Helvetica, sans-serif;
}
> div:first-of-type {
display: flex;
color: $black;
font-size: $font-size-20;
font-weight: $font-weight-600;
line-height: 2rem;
@include media-breakpoint-down(md) {
border-bottom: 1px solid;
@ -170,7 +161,7 @@ export default {
}
@include media-breakpoint-up(md) {
padding-left: 1rem;
max-width: 26rem;
max-width: 32rem;
}
}