Adjustments

src/layouts/payment-method/payment-method.vue

@@ -19,8 +19,10 @@
                 <hr class="my-0" />
                 <reviewDropdown ref="reviewDropdown" />
                 <hr class="my-0" />
-                <div>Cart Placeholder</div>
-                <hr class="my-5" />
+                <cartDropdown
+                    :showAsPaid="false"
+                    :amountDueText="amountDueText" />
+                <hr class="mt-0 mb-5" />
                 <div>Pia Alert Placeholder</div>
                 <paymentMethodQuestion
                         v-model="paymentMethodInternalModel"
@@ -47,6 +49,7 @@ import siteHeader from '@/iss-components/site-header/site-header.vue';
 import siteFooter from '@/iss-components/site-footer/site-footer.vue';
 import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header.vue';
 import reviewDropdown from '@/layouts/payment-method/review-dropdown/review-dropdown.vue';
+import cartDropdown from '@/iss-components/cart-dropdown/cart-dropdown.vue';
 import paymentMethodQuestion from '@/layouts/payment-method/payment-method-question/payment-method-question.vue';
 
 // Supporting Items
@@ -56,6 +59,7 @@ import { fetchCmsContentForPage } from '@/helpers/cms-content-helper';
 import { paymentMethods } from '@/constants/payment-method-constants';
 import globalRules from '@/constants/global-rules';
 import { Form } from 'vee-validate';
+import widgetFields from '@/constants/cms-widget-fields.js';
 
 import { AppointmentTypeStrings } from '@/constants/schedule-constants';
 
@@ -68,6 +72,7 @@ export default {
         siteSubHeader,
         siteFooter,
         reviewDropdown,
+        cartDropdown,
         paymentMethodQuestion
     },
     mixins: [baseFormMixin],
@@ -102,6 +107,9 @@ export default {
             paymentMethodInternalModel: this.getPaymentMethodFromStore(),
             rules: {
                 optionRequired: globalRules.OPTION_REQUIRED
+            },
+            widget: {
+                amountDue: 'AmountDueTextWidget'
             }
         };
     },
@@ -123,6 +131,9 @@ export default {
         },
         paymentMethod() {
             return this.paymentMethodInternalModel;
+        },
+        amountDueText() {
+            return this.getCmsContent(this.widget.amountDue, widgetFields.TEXT_BLOCK_WIDGET.TEXT);
         }
     },
     watch: {