From b0a16f18a0f9dbdf978099f62243c466d67035e1 Mon Sep 17 00:00:00 2001
From: credelinghuys <Chris.Redelinghuys@safelite.com>
Date: Wed, 17 Jun 2026 09:57:07 -0400
Subject: [PATCH 1/2] CASH-2848: Coverage Statement repair/replace copy

---
 .../coverage-statement/coverage-statement.vue | 58 +++++++++++++++++--
 .../customer-instructions.vue                 | 15 ++++-
 2 files changed, 65 insertions(+), 8 deletions(-)

diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index a3c93f0ea..ba080b398 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -8,13 +8,15 @@
         <div class="container">
             <div class="row">
                 <div class="col-12 col-md-10 col-lg-8 col-xl-7">
-                    <div class="my-5" ref="unverified-block">
+                    <div v-if="showUnverifiedContent" class="my-5" ref="unverified-block">
                         <funnelSubHeader cmsWidgetName="SubHeaderWidgetUnverified" alignLeft />
                         <customerInstructions
-                            cmsWidgetName="InstructionsWidgetUnverified"
+                            :cmsWidgetName="getUnverifiedInstructionsWidgetName"
+                            :isRepair="isRepair"
+                            :overrideRepairInstructionText="overrideRepairInstructionText"
                             v-on="{ textLinkClicked: openModalAction }" />
                     </div>
-                    <div class="my-5" ref="verified-block">
+                    <div v-if="showVerifiedContent" class="my-5" ref="verified-block">
                         <funnelSubHeader cmsWidgetName="SubHeaderWidgetVerified" alignLeft />
                         <priceDisplay
                             cmsWidgetName="PriceWidgetVerified"
@@ -27,7 +29,7 @@
                             cmsWidgetName="AfterpayBreakoutWidget"
                             :totalAmount="cashPrice" />
                     </div>
-                    <div class="my-5" ref="itac-block">
+                    <div v-if="showItacContent" class="my-5" ref="itac-block">
                         <funnelSubHeader
                             class="mb-4"
                             cmsWidgetName="SubHeaderWidgetItac"
@@ -39,7 +41,7 @@
                             <priceDisplay cmsWidgetName="PriceWidgetItac" :price="cashPrice" />
                         </div>
                     </div>
-                    <div class="my-5" ref="nocomp-block">
+                    <div v-if="showNoCompContent" class="my-5" ref="nocomp-block">
                         <funnelSubHeader
                             class="mb-4"
                             cmsWidgetName="SubHeaderWidgetNocomp"
@@ -92,7 +94,11 @@ export default {
     data() {
         return {
             isClaimAndCoverage: this.isClaimAndCoverageFromStore(),
+            isVerified: this.isVerifiedInsuranceFromStore(),
+            isItac: this.isItacFromStore(),
+            isNoComp: this.isNoCompFromStore(),
             isRecalibrationOnOrder: this.isRecalibrationOnOrderFromStore(),
+            isRepair: this.isRepairFromStore(),
             clientConfig: {},
         };
     },
@@ -143,9 +149,21 @@ export default {
         isClaimAndCoverageFromStore() {
             return store.getters.order?.payment?.isClaimAndCoverage;
         },
+        isVerifiedInsuranceFromStore() {
+            return store.getters.order?.payment?.insuranceCoverage.isVerified;
+        },
+        isItacFromStore() {
+            return store.getters.order?.policy?.isItac;
+        },
+        isNoCompFromStore() {
+            return store.getters.order?.policy?.isNoComp;
+        },
         isRecalibrationOnOrderFromStore() {
             return store.getters.isRecalibrationOnOrder;
         },
+        isRepairFromStore() {
+            return store.getters.order?.damage?.isRepair;
+        },
         backButtonAction() {
             if (!this.isClaimAndCoverage) {
                 this.$router.navigateWithoutSaving(
@@ -182,6 +200,33 @@ export default {
         },
     },
     computed: {
+        showVerifiedContent() {
+            return this.isVerified && !this.isItac && !this.isNoComp;
+        },
+        showUnverifiedContent() {
+            return !this.isVerified;
+        },
+        showItacContent() {
+            return this.isItac;
+        },
+        showNoCompContent() {
+            return this.isNoComp;
+        },
+        getUnverifiedInstructionsWidgetName() {
+            if (!this.isVerified) {
+                if (this.isRepair) {
+                    return "InstructionsWidgetUnverifiedRepair";
+                }
+                return "InstructionsWidgetUnverified";
+            }
+            return "";
+        },
+        overrideRepairInstructionText() {
+            if (this.isRepair) {
+                return this.clientConfig?.RepairInstructionsOverrideWidget?.Text || "";
+            }
+            return "";
+        },
         clientLogoImageSrc() {
             return this.clientConfig?.ClientLogoWidget?.Image || "";
         },
@@ -205,6 +250,9 @@ export default {
 </script>
 
 <style lang="scss">
+.funnel-sub-header {
+    margin-bottom: 1.5rem;
+}
 .price-compare {
     display: flex;
 
diff --git a/src/layouts/coverage-statement/customer-instructions/customer-instructions.vue b/src/layouts/coverage-statement/customer-instructions/customer-instructions.vue
index c584c0c19..1479c0d77 100644
--- a/src/layouts/coverage-statement/customer-instructions/customer-instructions.vue
+++ b/src/layouts/coverage-statement/customer-instructions/customer-instructions.vue
@@ -5,9 +5,9 @@
                 {{ headerText }}
             </strong>
         </div>
-        <div>
+        <div v-if="!this.isRepair">
             <ol>
-                <li v-for="block in instructionBlocks" :key="block">
+                <li v-for="block in InstructionBlocks" :key="block">
                     <span v-for="token in block" :key="token">
                         <span v-if="doesCopyContainTextLink(token)" class="link">
                             <textLink
@@ -24,6 +24,7 @@
                 </li>
             </ol>
         </div>
+        <div v-else v-html="RepairInstructionText"></div>
     </div>
 </template>
 
@@ -45,6 +46,11 @@ export default {
     },
     props: {
         cmsWidgetName: String,
+        isRepair: Boolean,
+        overrideRepairInstructionText: {
+            type: String,
+            default: "",
+        },
     },
     methods: {
         doesCopyContainTextLink,
@@ -57,7 +63,7 @@ export default {
         headerText() {
             return this.getCmsContent(this.cmsWidgetName, "QuestionText");
         },
-        instructionBlocks() {
+        InstructionBlocks() {
             const answers = this.getCmsContent(this.cmsWidgetName, "Answers");
 
             if (!answers) {
@@ -72,6 +78,9 @@ export default {
 
             return instructionBlocksAsTokens;
         },
+        RepairInstructionText() {
+            return this.getCmsContent(this.cmsWidgetName, "Text");
+        },
     },
     components: {
         textLink,

From 8a7cb2657ab7641d02bdb5e039da937a15c6b526 Mon Sep 17 00:00:00 2001
From: credelinghuys <Chris.Redelinghuys@safelite.com>
Date: Wed, 17 Jun 2026 10:09:51 -0400
Subject: [PATCH 2/2] CASH-2848: Cleanup

---
 src/layouts/coverage-statement/coverage-statement.vue      | 7 -------
 .../customer-instructions/customer-instructions.vue        | 4 ----
 2 files changed, 11 deletions(-)

diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index ba080b398..6dda6fdd2 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -13,7 +13,6 @@
                         <customerInstructions
                             :cmsWidgetName="getUnverifiedInstructionsWidgetName"
                             :isRepair="isRepair"
-                            :overrideRepairInstructionText="overrideRepairInstructionText"
                             v-on="{ textLinkClicked: openModalAction }" />
                     </div>
                     <div v-if="showVerifiedContent" class="my-5" ref="verified-block">
@@ -221,12 +220,6 @@ export default {
             }
             return "";
         },
-        overrideRepairInstructionText() {
-            if (this.isRepair) {
-                return this.clientConfig?.RepairInstructionsOverrideWidget?.Text || "";
-            }
-            return "";
-        },
         clientLogoImageSrc() {
             return this.clientConfig?.ClientLogoWidget?.Image || "";
         },
diff --git a/src/layouts/coverage-statement/customer-instructions/customer-instructions.vue b/src/layouts/coverage-statement/customer-instructions/customer-instructions.vue
index 1479c0d77..dbf803459 100644
--- a/src/layouts/coverage-statement/customer-instructions/customer-instructions.vue
+++ b/src/layouts/coverage-statement/customer-instructions/customer-instructions.vue
@@ -47,10 +47,6 @@ export default {
     props: {
         cmsWidgetName: String,
         isRepair: Boolean,
-        overrideRepairInstructionText: {
-            type: String,
-            default: "",
-        },
     },
     methods: {
         doesCopyContainTextLink,