diff --git a/src/layouts/payment-method/payment-method-question/payment-method-question.vue b/src/layouts/payment-method/payment-method-question/payment-method-question.vue index 116470041..72d1c7732 100644 --- a/src/layouts/payment-method/payment-method-question/payment-method-question.vue +++ b/src/layouts/payment-method/payment-method-question/payment-method-question.vue @@ -2,7 +2,7 @@
+ v-model="selectedMethod" + textPosition="text-start" />
@@ -58,6 +59,15 @@ export default { return payTimes.ADVANCE; }, + getAnswersNullSafe(widgetName) { + const rawData = this.getCmsContent(widgetName, "Answers"); + + if (!rawData) { + return []; + } else { + return rawData; + } + }, }, computed: { selectedMethod: { @@ -71,43 +81,35 @@ export default { shouldDisplaySecondaryQuestion() { return this.paymentTime === payTimes.ADVANCE; }, + paymentTimeQuestionText() { + return this.getCmsContent("PaymentTimeWidget", "QuestionText"); + }, + paymentMethodQuestionText() { + return this.getCmsContent("PaymentMethodWidget", "QuestionText"); + }, paymentTimeAnswerData() { - return [ - { - buttonLabel: "Pay now", - altText: "Pay now", + const cmsData = this.getAnswersNullSafe("PaymentTimeWidget"); + + return cmsData.map((answer) => { + return { + buttonLabel: answer.Text, + altText: answer.Text, groupName: "payment-time", - value: payTimes.ADVANCE, - }, - { - buttonLabel: "Pay during my appointment", - altText: "Pay during my appointment", - groupName: "payment-time", - value: payTimes.LATER, - }, - ]; + value: answer.Name, + }; + }); }, paymentMethodAnswerData() { - return [ - { - buttonLabel: "Credit or Debit", - altText: "Credit or Debit", + const cmsData = this.getAnswersNullSafe("PaymentMethodWidget"); + + return cmsData.map((answer) => { + return { + buttonLabel: answer.Text, + altText: answer.Text, groupName: "payment-method", - value: paymentMethods.CREDIT_CARD, - }, - { - buttonLabel: "Paypal", - altText: "Paypal", - groupName: "payment-method", - value: paymentMethods.PAYPAL, - }, - { - buttonLabel: "Afterpay", - altText: "Afterpay", - groupName: "payment-method", - value: paymentMethods.AFTERPAY, - }, - ]; + value: answer.Name, + }; + }); }, }, watch: { @@ -127,7 +129,7 @@ export default {