From 24496fe9b2927b70bbc6d9e3b93e60990833e512 Mon Sep 17 00:00:00 2001
From: Johan Gunawan <johan.gunawan@safelite.com>
Date: Wed, 20 Mar 2024 14:34:18 -0400
Subject: [PATCH] SSR-1116. Order Confirmation page: Add UI element for email
 confirmation. (#595)

---
 .../order-confirmation/order-confirmation.vue     | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/layouts/order-confirmation/order-confirmation.vue b/src/layouts/order-confirmation/order-confirmation.vue
index 7ee31d95..ace6c02f 100644
--- a/src/layouts/order-confirmation/order-confirmation.vue
+++ b/src/layouts/order-confirmation/order-confirmation.vue
@@ -47,6 +47,9 @@
                             v-html="appointmentWordingText2">
                         </div>
                     </div>
+                    <div
+                        class="email-confirmation-text"
+                        v-html="confirmationEmailText" />
                     <siteFooter
                         v-if="carrierUrl"
                         ref="siteFooter"
@@ -118,6 +121,11 @@ export default {
         carrierUrl() {
             return this.mainStore.issConfig.successReturnURL;
         },
+        confirmationEmailText() {
+            return this.getCmsContent('EmailConfirmationWordingWidget', 'BodyText')
+                ?.replaceAll('&lt;', '<')
+                ?.replaceAll('&gt;', '>');
+        },
         orderConfirmationHeaderText() {
             return this.getCmsContent('OrderConfirmationContent', 'HeaderText');
         },
@@ -338,4 +346,11 @@ $page-side-padding: 1.5rem;
         color: $black;
     }
 }
+
+.email-confirmation-text {
+    :deep(a) {
+        font-weight: $font-weight-bold;
+        text-decoration: none;
+    }
+}
 </style>