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 {