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