Hook into store info

src/layouts/review/review-sections/customer-review/customer-review.vue

@@ -12,6 +12,7 @@ export default {
     name: "customer-review",
     props: {
         cmsWidgetName: String,
+        customer: Object,
     },
     data() {
         return {};
@@ -24,12 +25,26 @@ export default {
     computed: {
         displayContent() {
             return [
-                "Taylor Schliff",
+                this.fullName,
-                "taylor.schliff@email.com",
+                this.email,
-                "330-415-2879",
+                this.phoneNumber,
-                "Opted in to text message updates",
+                this.smsOptIn,
             ];
         },
+        fullName() {
+            return `${this.customer?.firstName} ${this.customer?.lastName}`;
+        },
+        email() {
+            return this.customer?.emailAddress;
+        },
+        phoneNumber() {
+            return this.customer?.phoneNumber;
+        },
+        smsOptIn() {
+            return this.customer?.isSmsOptIn 
+                ? "Opted in to text message updates"
+                : "Opted out of text message updates";
+        }
     },
     components: {
         reviewBlock,

src/layouts/review/review.vue

@@ -81,6 +81,7 @@
 
                 <customerReview
                     cmsWidgetName="CustomerReviewWidget"
+                    :customer="customerInfo"
                     @edit-clicked="editCustomerDetails" />
             </div>
 
@@ -209,9 +210,9 @@ export default {
         appointmentType() {
             return this.$store.getters.order.serviceLocation.appointmentType;
         },
-        exposeCms() {
+        customerInfo() {
-            return this.$root.cmsContentByWidget;
+            return this.$store.getters.order.customer;
-        },
+        }
     },
     components: {
         funnelHeader,