From 1708da551b7cde25e1d3f97fe8f2aa84c4731a33 Mon Sep 17 00:00:00 2001
From: Carl Nation <Carl.Nation@safelite.com>
Date: Tue, 2 Jun 2026 08:13:49 -0400
Subject: [PATCH 1/3] CASH-632 add endorsements copy to page

CASH-632 add endorsements copy to page.
added custom logo.
added page gradient to match heritage
---
 .../coverage-statement/coverage-statement.vue | 20 +++-
 .../duplicate-check/duplicate-check.vue       | 24 ++++-
 src/layouts/endorsements/endorsements.vue     | 97 ++++++++++++++++++-
 src/layouts/policy-driver/policy-driver.vue   | 26 ++++-
 .../policy-info-submitted.vue                 | 26 ++++-
 src/layouts/policy-info/policy-info.vue       |  3 +-
 src/layouts/policy-vehicle/policy-vehicle.vue | 21 +++-
 .../recalibration-info/recalibration-info.vue | 27 +++++-
 src/layouts/verify-details/verify-details.vue | 11 ++-
 src/styles/common-styles.scss                 |  5 +
 10 files changed, 240 insertions(+), 20 deletions(-)

diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index 81e2657bc..2c82166e3 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -1,6 +1,10 @@
 <template>
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
-        <funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
+        <funnelHeader
+            cmsWidgetName="FunnelHeaderWidget"
+            ref="funnelHeader"
+            :overrideImageSrc="clientLogoImageSrc" />
+        <div class="page-gradient"></div>
         <div class="container">
             <div class="row">
                 <div class="col-12 col-md-10 col-lg-8 col-xl-7">
@@ -81,7 +85,7 @@ import afterpayBreakout from "../payment-method/afterpay-breakout/afterpay-break
 import modal from "@/digital-components/modal/modal";
 import contentGroupModal from "@/fmg-components/content-group-modal/content-group-modal.vue";
 import textBlock from "@/digital-components/text-block/text-block.vue";
-
+import { debugLog } from "@/helpers/debug-log-helper";
 export default {
     name: "coverage-statement",
     mixins: [],
@@ -89,6 +93,7 @@ export default {
         return {
             isClaimAndCoverage: this.isClaimAndCoverageFromStore(),
             isRecalibrationOnOrder: this.isRecalibrationOnOrderFromStore(),
+            clientConfig: {},
         };
     },
     components: {
@@ -107,15 +112,23 @@ export default {
     async beforeRouteEnter(to, from, next) {
         const pageName = to.name;
         const cmsContentPromise = fetchCmsContentForPage(pageName);
+        const clientConfigPageName = `client_${store.getters.order.payment.parentAccountNumber}`;
+        const clientConfigPromise = fetchCmsContentForPage(clientConfigPageName);
         const promiseResultMap = [
             {
                 resultKey: "cmsContent",
                 promise: cmsContentPromise,
             },
+            {
+                resultKey: "clientConfig",
+                promise: clientConfigPromise,
+            },
         ];
         const resultMap = await settleAllPromises(promiseResultMap);
         next((vm) => {
             vm.setCmsContent(resultMap.cmsContent);
+            vm.clientConfig = resultMap.clientConfig;
+            debugLog(`coverage-statement clientConfig::${clientConfigPageName}`, JSON.stringify(vm.clientConfig));
         });
     },
 
@@ -162,6 +175,9 @@ export default {
         },
     },
     computed: {
+        clientLogoImageSrc() {
+            return this.clientConfig?.ClientLogoWidget?.Image || "";
+        },
         deductibleAmount() {
             return this.$store.getters.order.policy.currentDeductible;
         },
diff --git a/src/layouts/duplicate-check/duplicate-check.vue b/src/layouts/duplicate-check/duplicate-check.vue
index 6cbc56e5b..f8ef02751 100644
--- a/src/layouts/duplicate-check/duplicate-check.vue
+++ b/src/layouts/duplicate-check/duplicate-check.vue
@@ -1,6 +1,10 @@
 <template>
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
-        <funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
+        <funnelHeader
+            cmsWidgetName="FunnelHeaderWidget"
+            ref="funnelHeader"
+            :overrideImageSrc="clientLogoImageSrc" />
+        <div class="page-gradient"></div>
         <div class="container">
             <div class="row">
                 <div class="col-12 col-md-10 col-lg-8 col-xl-7">
@@ -61,12 +65,16 @@ import { Form } from "vee-validate";
 
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
+import store from "@/store";
+import { debugLog } from "@/helpers/debug-log-helper";
 
 export default {
     name: "duplicate-check",
     mixins: [],
     data() {
-        return {};
+        return {
+            clientConfig: {},
+        };
     },
     components: {
         Form,
@@ -78,6 +86,9 @@ export default {
     },
     // Ensure CMS content is fetched during route navigation without depending on `to`/`from`
     async beforeRouteEnter(to, from, next) {
+        const clientConfigPageName = `client_${store.getters.order.payment.parentAccountNumber}`;
+        const clientConfigPromise = fetchCmsContentForPage(clientConfigPageName);
+
         const pageName = to.name;
         const cmsContentPromise = fetchCmsContentForPage(pageName);
         const promiseResultMap = [
@@ -85,13 +96,22 @@ export default {
                 resultKey: "cmsContent",
                 promise: cmsContentPromise,
             },
+            {
+                resultKey: "clientConfig",
+                promise: clientConfigPromise,
+            },
         ];
         const resultMap = await settleAllPromises(promiseResultMap);
         next((vm) => {
             vm.setCmsContent(resultMap.cmsContent);
+            vm.clientConfig = resultMap.clientConfig;
+            debugLog(`duplicate-check clientConfig::${clientConfigPageName}`, JSON.stringify(vm.clientConfig));
         });
     },
     computed: {
+        clientLogoImageSrc() {
+            return this.clientConfig?.ClientLogoWidget?.Image || "";
+        },
         pageTitleText() {
             return this.getCmsContent("DupCheckPageTitleWidget", "Text");
         },
diff --git a/src/layouts/endorsements/endorsements.vue b/src/layouts/endorsements/endorsements.vue
index d43251901..1a505f8f4 100644
--- a/src/layouts/endorsements/endorsements.vue
+++ b/src/layouts/endorsements/endorsements.vue
@@ -1,13 +1,45 @@
 <template>
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
-        <funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
+        <funnelHeader
+            cmsWidgetName="FunnelHeaderWidget"
+            ref="funnelHeader"
+            :overrideImageSrc="clientLogoImageSrc" />
+        <div class="page-gradient"></div>
         <div class="container">
             <div class="row">
                 <div class="col-12 col-md-10 col-lg-8 col-xl-7">
                     <funnelSubHeader class="pb-4" cmsWidgetName="FunnelSubHeaderWidget" />
-                    <!--
-                            ... Page code goes here.
-                    -->
+
+                    <textBlock
+                        cmsWidgetName="EndorsementsPageAdditionalInfoWidget"
+                        typeStyle="h1"
+                        :customText="endorsementHeading"
+                        class="mb-5 text-left text-md-left page-title" />
+
+                    <textBlock
+                        cmsWidgetName="MoreDetailsWidget"
+                        typeStyle="body"
+                        :customText="moreDetailsText"
+                        class="mb-5 text-left text-md-left page-instructions" />
+
+                    <buttonQuestion
+                        :questionText="schoolEndorsementQuestionText"
+                        :answers="schoolEndorsementAnswers"
+                        class="mb-4"
+                        groupName="schoolEndorsementQuestion"
+                        buttonTypeString="listButton"
+                        isRequired
+                        v-model="schoolEndorsementSelectedValue" />
+
+                    <buttonQuestion
+                        :questionText="parkingLotEndorsementQuestionText"
+                        :answers="parkingLotEndorsementAnswers"
+                        class="mb-4"
+                        groupName="parkingLotEndorsementQuestion"
+                        buttonTypeString="listButton"
+                        isRequired
+                        v-model="parkingLotEndorsementSelectedValue" />
+
                     <navbar
                         cmsWidgetName="FunnelFooterWidget"
                         ref="navbar"
@@ -28,35 +60,75 @@ import { Form } from "vee-validate";
 
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
+import store from "@/store";
+import { debugLog } from "@/helpers/debug-log-helper";
+import buttonQuestion from "@/digital-components/button-question/button-question";
+import textBlock from "@/digital-components/text-block/text-block";
 
 export default {
     name: "endorsements",
     mixins: [],
     data() {
-        return {};
+        return {
+            clientConfig: {},
+        };
     },
     components: {
         Form,
         funnelHeader,
         navbar,
         funnelSubHeader,
+        buttonQuestion,
+        textBlock,
     },
     // Ensure CMS content is fetched during route navigation without depending on `to`/`from`
     async beforeRouteEnter(to, from, next) {
         const pageName = to.name;
         const cmsContentPromise = fetchCmsContentForPage(pageName);
+        const clientConfigPageName = `client_${store.getters.order.payment.parentAccountNumber}`;
+        const clientConfigPromise = fetchCmsContentForPage(clientConfigPageName);
         const promiseResultMap = [
             {
                 resultKey: "cmsContent",
                 promise: cmsContentPromise,
             },
+            {
+                resultKey: "clientConfig",
+                promise: clientConfigPromise,
+            },
         ];
         const resultMap = await settleAllPromises(promiseResultMap);
         next((vm) => {
             vm.setCmsContent(resultMap.cmsContent);
+            vm.clientConfig = resultMap.clientConfig;
+            debugLog(`endorsements clientConfig::${clientConfigPageName}`, JSON.stringify(vm.clientConfig));
         });
     },
 
+    computed: {
+        clientLogoImageSrc() {
+            return this.clientConfig?.ClientLogoWidget?.Image || "";
+        },
+        endorsementHeading() {
+            return this.getCmsContent("EndorsementsPageAdditionalInfoWidget", "Text");
+        },
+        moreDetailsText() {
+            return this.getCmsContent("MoreDetailsWidget", "Text");
+        },
+        schoolEndorsementQuestionText() {
+            return this.getCmsContent("SchoolEndorsmentQuestionWidget", "QuestionText");
+        },
+        schoolEndorsementAnswers() {
+            return this.getCmsContent("SchoolEndorsmentQuestionWidget", "Answers");
+        },
+        parkingLotEndorsementQuestionText() {
+            return this.getCmsContent("ParkingLotQuestionWidget", "QuestionText");
+        },
+        parkingLotEndorsementAnswers() {
+            return this.getCmsContent("ParkingLotQuestionWidget", "Answers");
+        },
+    },
+
     methods: {
         backButtonAction() {
             this.$router.navigateWithoutSaving(
@@ -76,3 +148,18 @@ export default {
     },
 };
 </script>
+<style lang="scss">
+.page-title {
+    font-size: 20px !important;
+    line-height: 1.325;
+    font-weight: 300;
+    color: $black;
+}
+
+.page-instructions {
+    font-size: 16px !important;
+    font-weight: 400;
+    color: $gray-600;
+    line-height: 1.625;
+}
+</style>
\ No newline at end of file
diff --git a/src/layouts/policy-driver/policy-driver.vue b/src/layouts/policy-driver/policy-driver.vue
index 4b3b5f171..bcf5bf189 100644
--- a/src/layouts/policy-driver/policy-driver.vue
+++ b/src/layouts/policy-driver/policy-driver.vue
@@ -1,6 +1,10 @@
 <template>
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
-        <funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
+        <funnelHeader
+            cmsWidgetName="FunnelHeaderWidget"
+            ref="funnelHeader"
+            :overrideImageSrc="clientLogoImageSrc" />
+        <div class="page-gradient"></div>
         <div class="container">
             <div class="row">
                 <div class="col-12 col-md-10 col-lg-8 col-xl-7">
@@ -28,12 +32,16 @@ import { Form } from "vee-validate";
 
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
+import store from "@/store";
+import { debugLog } from "@/helpers/debug-log-helper";
 
 export default {
     name: "policy-driver",
     mixins: [],
     data() {
-        return {};
+        return {
+            clientConfig: {},
+        };
     },
     components: {
         Form,
@@ -45,18 +53,32 @@ export default {
     async beforeRouteEnter(to, from, next) {
         const pageName = to.name;
         const cmsContentPromise = fetchCmsContentForPage(pageName);
+        const clientConfigPageName = `client_${store.getters.order.payment.parentAccountNumber}`;
+        const clientConfigPromise = fetchCmsContentForPage(clientConfigPageName);
         const promiseResultMap = [
             {
                 resultKey: "cmsContent",
                 promise: cmsContentPromise,
             },
+            {
+                resultKey: "clientConfig",
+                promise: clientConfigPromise,
+            },
         ];
         const resultMap = await settleAllPromises(promiseResultMap);
         next((vm) => {
             vm.setCmsContent(resultMap.cmsContent);
+            vm.clientConfig = resultMap.clientConfig;
+            debugLog(`policy-driver clientConfig::${clientConfigPageName}`, JSON.stringify(vm.clientConfig));
         });
     },
 
+    computed: {
+        clientLogoImageSrc() {
+            return this.clientConfig?.ClientLogoWidget?.Image || "";
+        },
+    },
+
     methods: {
         backButtonAction() {
             this.$router.navigateWithoutSaving(
diff --git a/src/layouts/policy-info-submitted/policy-info-submitted.vue b/src/layouts/policy-info-submitted/policy-info-submitted.vue
index fa7a623c0..f1bf68cdf 100644
--- a/src/layouts/policy-info-submitted/policy-info-submitted.vue
+++ b/src/layouts/policy-info-submitted/policy-info-submitted.vue
@@ -1,6 +1,10 @@
 <template>
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
-        <funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
+        <funnelHeader
+            cmsWidgetName="FunnelHeaderWidget"
+            ref="funnelHeader"
+            :overrideImageSrc="clientLogoImageSrc" />
+        <div class="page-gradient"></div>
         <div class="container">
             <div class="row">
                 <div class="col-12 col-md-10 col-lg-8 col-xl-7">
@@ -28,12 +32,16 @@ import { Form } from "vee-validate";
 
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
+import store from "@/store";
+import { debugLog } from "@/helpers/debug-log-helper";
 
 export default {
     name: "policy-info-submitted",
     mixins: [],
     data() {
-        return {};
+        return {
+            clientConfig: {},
+        };
     },
     components: {
         Form,
@@ -45,18 +53,32 @@ export default {
     async beforeRouteEnter(to, from, next) {
         const pageName = to.name;
         const cmsContentPromise = fetchCmsContentForPage(pageName);
+        const clientConfigPageName = `client_${store.getters.order.payment.parentAccountNumber}`;
+        const clientConfigPromise = fetchCmsContentForPage(clientConfigPageName);
         const promiseResultMap = [
             {
                 resultKey: "cmsContent",
                 promise: cmsContentPromise,
             },
+            {
+                resultKey: "clientConfig",
+                promise: clientConfigPromise,
+            },
         ];
         const resultMap = await settleAllPromises(promiseResultMap);
         next((vm) => {
             vm.setCmsContent(resultMap.cmsContent);
+            vm.clientConfig = resultMap.clientConfig;
+            debugLog(`policy-info-submitted clientConfig::${clientConfigPageName}`, JSON.stringify(vm.clientConfig));
         });
     },
 
+    computed: {
+        clientLogoImageSrc() {
+            return this.clientConfig?.ClientLogoWidget?.Image || "";
+        },
+    },
+
     methods: {
         backButtonAction() {
             this.$router.navigateWithoutSaving(
diff --git a/src/layouts/policy-info/policy-info.vue b/src/layouts/policy-info/policy-info.vue
index 0918a7536..d3bcad8cb 100644
--- a/src/layouts/policy-info/policy-info.vue
+++ b/src/layouts/policy-info/policy-info.vue
@@ -4,6 +4,7 @@
             cmsWidgetName="FunnelHeaderWidget"
             ref="funnelHeader"
             :overrideImageSrc="clientLogoImageSrc" />
+        <div class="page-gradient"></div>
         <div class="container">
             <div class="row">
                 <div class="col-12 col-md-10 col-lg-8 col-xl-7">
@@ -424,7 +425,7 @@ export default {
         next((vm) => {
             vm.setCmsContent(resultMap.cmsContent);
             vm.clientConfig = resultMap.clientConfig;
-            debugLog(`clientConfig::${clientConfigPageName}`, JSON.stringify(vm.clientConfig));
+            debugLog(`policy-infoclientConfig::${clientConfigPageName}`, JSON.stringify(vm.clientConfig));
         });
     },
 
diff --git a/src/layouts/policy-vehicle/policy-vehicle.vue b/src/layouts/policy-vehicle/policy-vehicle.vue
index 2b87e6692..5c40ce257 100644
--- a/src/layouts/policy-vehicle/policy-vehicle.vue
+++ b/src/layouts/policy-vehicle/policy-vehicle.vue
@@ -1,6 +1,10 @@
 <template>
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
-        <funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
+        <funnelHeader
+            cmsWidgetName="FunnelHeaderWidget"
+            ref="funnelHeader"
+            :overrideImageSrc="clientLogoImageSrc" />
+        <div class="page-gradient"></div>
         <div class="container">
             <div class="row">
                 <div class="col-12 col-md-10 col-lg-8 col-xl-7">
@@ -43,6 +47,7 @@ import store from "@/store";
 import buttonMain from "@/ux-components/button-main/button-main";
 import textLink from "@/ux-components/text-link/text-link.vue";
 import { parentAccountNumbers } from "@/constants/insurance";
+import { debugLog } from "@/helpers/debug-log-helper";
 
 import { Form } from "vee-validate";
 
@@ -53,7 +58,9 @@ export default {
     name: "policy-vehicle",
     mixins: [],
     data() {
-        return {};
+        return {
+            clientConfig: {},
+        };
     },
     components: {
         Form,
@@ -67,19 +74,29 @@ export default {
     async beforeRouteEnter(to, from, next) {
         const pageName = to.name;
         const cmsContentPromise = fetchCmsContentForPage(pageName);
+        const clientConfigPageName = `client_${store.getters.order.payment.parentAccountNumber}`;
+        const clientConfigPromise = fetchCmsContentForPage(clientConfigPageName);
         const promiseResultMap = [
             {
                 resultKey: "cmsContent",
                 promise: cmsContentPromise,
+            },{
+                resultKey: "clientConfig",
+                promise: clientConfigPromise,
             },
         ];
         const resultMap = await settleAllPromises(promiseResultMap);
         next((vm) => {
             vm.setCmsContent(resultMap.cmsContent);
+            vm.clientConfig = resultMap.clientConfig;
+            debugLog(`policy-vehicle clientConfig::${clientConfigPageName}`, JSON.stringify(vm.clientConfig));
         });
     },
 
     computed: {
+        clientLogoImageSrc() {
+            return this.clientConfig?.ClientLogoWidget?.Image || "";
+        },
         vehicleNotListedQuestionText() {
             return this.getCmsContent("VehicleNotListedWidget", "Text");
         },
diff --git a/src/layouts/recalibration-info/recalibration-info.vue b/src/layouts/recalibration-info/recalibration-info.vue
index 828ba080a..0c839558d 100644
--- a/src/layouts/recalibration-info/recalibration-info.vue
+++ b/src/layouts/recalibration-info/recalibration-info.vue
@@ -1,6 +1,10 @@
 <template>
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
-        <funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
+        <funnelHeader
+            cmsWidgetName="FunnelHeaderWidget"
+            ref="funnelHeader"
+            :overrideImageSrc="clientLogoImageSrc" />
+        <div class="page-gradient"></div>
         <div class="container">
             <div class="row">
                 <div class="col-12 col-md-10 col-lg-8 col-xl-7">
@@ -28,12 +32,15 @@ import { Form } from "vee-validate";
 
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
-
+import store from "@/store";
+import { debugLog } from "@/helpers/debug-log-helper";
 export default {
     name: "recalibration-info",
     mixins: [],
     data() {
-        return {};
+        return {
+            clientConfig: {},
+        };
     },
     components: {
         Form,
@@ -45,18 +52,32 @@ export default {
     async beforeRouteEnter(to, from, next) {
         const pageName = to.name;
         const cmsContentPromise = fetchCmsContentForPage(pageName);
+        const clientConfigPageName = `client_${store.getters.order.payment.parentAccountNumber}`;
+        const clientConfigPromise = fetchCmsContentForPage(clientConfigPageName);
         const promiseResultMap = [
             {
                 resultKey: "cmsContent",
                 promise: cmsContentPromise,
             },
+            {
+                resultKey: "clientConfig",
+                promise: clientConfigPromise,
+            },
         ];
         const resultMap = await settleAllPromises(promiseResultMap);
         next((vm) => {
             vm.setCmsContent(resultMap.cmsContent);
+            vm.clientConfig = resultMap.clientConfig;
+            debugLog(`recalibration-info clientConfig::${clientConfigPageName}`, JSON.stringify(vm.clientConfig));
         });
     },
 
+    computed: {
+        clientLogoImageSrc() {
+            return this.clientConfig?.ClientLogoWidget?.Image || "";
+        },
+    },
+
     methods: {
         backButtonAction() {
             this.$router.navigateWithoutSaving(
diff --git a/src/layouts/verify-details/verify-details.vue b/src/layouts/verify-details/verify-details.vue
index e0b889cb2..a5717ba05 100644
--- a/src/layouts/verify-details/verify-details.vue
+++ b/src/layouts/verify-details/verify-details.vue
@@ -1,6 +1,9 @@
 <template>
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
-        <funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
+        <funnelHeader
+            cmsWidgetName="FunnelHeaderWidget"
+            ref="funnelHeader"
+            :overrideImageSrc="clientLogoImageSrc" />
         <div class="container">
             <div class="row">
                 <div class="col-12 col-md-10 col-lg-8 col-xl-7">
@@ -57,6 +60,12 @@ export default {
         });
     },
 
+    computed: {
+        clientLogoImageSrc() {
+            return this.clientConfig?.ClientLogoWidget?.Image || "";
+        },
+    },
+
     methods: {
         backButtonAction() {
             this.$router.navigateWithoutSaving(
diff --git a/src/styles/common-styles.scss b/src/styles/common-styles.scss
index c619196fa..ce1354f16 100644
--- a/src/styles/common-styles.scss
+++ b/src/styles/common-styles.scss
@@ -102,3 +102,8 @@ option,
 .btn {
     letter-spacing: 0.03rem;
 }
+
+.page-gradient {
+    height: 12px;
+    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0));
+}

From 010a9c7c6060438d8340489e2422e1c79f68c64f Mon Sep 17 00:00:00 2001
From: Carl Nation <Carl.Nation@safelite.com>
Date: Tue, 2 Jun 2026 08:17:06 -0400
Subject: [PATCH 2/3] prettier

---
 src/layouts/coverage-statement/coverage-statement.vue     | 5 ++++-
 src/layouts/duplicate-check/duplicate-check.vue           | 5 ++++-
 src/layouts/endorsements/endorsements.vue                 | 7 +++++--
 src/layouts/policy-driver/policy-driver.vue               | 5 ++++-
 .../policy-info-submitted/policy-info-submitted.vue       | 5 ++++-
 src/layouts/policy-info/policy-info.vue                   | 5 ++++-
 src/layouts/policy-vehicle/policy-vehicle.vue             | 8 ++++++--
 src/layouts/recalibration-info/recalibration-info.vue     | 5 ++++-
 8 files changed, 35 insertions(+), 10 deletions(-)

diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index 2c82166e3..acdab2f17 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -128,7 +128,10 @@ export default {
         next((vm) => {
             vm.setCmsContent(resultMap.cmsContent);
             vm.clientConfig = resultMap.clientConfig;
-            debugLog(`coverage-statement clientConfig::${clientConfigPageName}`, JSON.stringify(vm.clientConfig));
+            debugLog(
+                `coverage-statement clientConfig::${clientConfigPageName}`,
+                JSON.stringify(vm.clientConfig)
+            );
         });
     },
 
diff --git a/src/layouts/duplicate-check/duplicate-check.vue b/src/layouts/duplicate-check/duplicate-check.vue
index f8ef02751..43f5a4bf5 100644
--- a/src/layouts/duplicate-check/duplicate-check.vue
+++ b/src/layouts/duplicate-check/duplicate-check.vue
@@ -105,7 +105,10 @@ export default {
         next((vm) => {
             vm.setCmsContent(resultMap.cmsContent);
             vm.clientConfig = resultMap.clientConfig;
-            debugLog(`duplicate-check clientConfig::${clientConfigPageName}`, JSON.stringify(vm.clientConfig));
+            debugLog(
+                `duplicate-check clientConfig::${clientConfigPageName}`,
+                JSON.stringify(vm.clientConfig)
+            );
         });
     },
     computed: {
diff --git a/src/layouts/endorsements/endorsements.vue b/src/layouts/endorsements/endorsements.vue
index 1a505f8f4..3668e221d 100644
--- a/src/layouts/endorsements/endorsements.vue
+++ b/src/layouts/endorsements/endorsements.vue
@@ -101,7 +101,10 @@ export default {
         next((vm) => {
             vm.setCmsContent(resultMap.cmsContent);
             vm.clientConfig = resultMap.clientConfig;
-            debugLog(`endorsements clientConfig::${clientConfigPageName}`, JSON.stringify(vm.clientConfig));
+            debugLog(
+                `endorsements clientConfig::${clientConfigPageName}`,
+                JSON.stringify(vm.clientConfig)
+            );
         });
     },
 
@@ -162,4 +165,4 @@ export default {
     color: $gray-600;
     line-height: 1.625;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/layouts/policy-driver/policy-driver.vue b/src/layouts/policy-driver/policy-driver.vue
index bcf5bf189..8a4dd0ee1 100644
--- a/src/layouts/policy-driver/policy-driver.vue
+++ b/src/layouts/policy-driver/policy-driver.vue
@@ -69,7 +69,10 @@ export default {
         next((vm) => {
             vm.setCmsContent(resultMap.cmsContent);
             vm.clientConfig = resultMap.clientConfig;
-            debugLog(`policy-driver clientConfig::${clientConfigPageName}`, JSON.stringify(vm.clientConfig));
+            debugLog(
+                `policy-driver clientConfig::${clientConfigPageName}`,
+                JSON.stringify(vm.clientConfig)
+            );
         });
     },
 
diff --git a/src/layouts/policy-info-submitted/policy-info-submitted.vue b/src/layouts/policy-info-submitted/policy-info-submitted.vue
index f1bf68cdf..d16f40322 100644
--- a/src/layouts/policy-info-submitted/policy-info-submitted.vue
+++ b/src/layouts/policy-info-submitted/policy-info-submitted.vue
@@ -69,7 +69,10 @@ export default {
         next((vm) => {
             vm.setCmsContent(resultMap.cmsContent);
             vm.clientConfig = resultMap.clientConfig;
-            debugLog(`policy-info-submitted clientConfig::${clientConfigPageName}`, JSON.stringify(vm.clientConfig));
+            debugLog(
+                `policy-info-submitted clientConfig::${clientConfigPageName}`,
+                JSON.stringify(vm.clientConfig)
+            );
         });
     },
 
diff --git a/src/layouts/policy-info/policy-info.vue b/src/layouts/policy-info/policy-info.vue
index d3bcad8cb..f5dcb5d96 100644
--- a/src/layouts/policy-info/policy-info.vue
+++ b/src/layouts/policy-info/policy-info.vue
@@ -425,7 +425,10 @@ export default {
         next((vm) => {
             vm.setCmsContent(resultMap.cmsContent);
             vm.clientConfig = resultMap.clientConfig;
-            debugLog(`policy-infoclientConfig::${clientConfigPageName}`, JSON.stringify(vm.clientConfig));
+            debugLog(
+                `policy-infoclientConfig::${clientConfigPageName}`,
+                JSON.stringify(vm.clientConfig)
+            );
         });
     },
 
diff --git a/src/layouts/policy-vehicle/policy-vehicle.vue b/src/layouts/policy-vehicle/policy-vehicle.vue
index 5c40ce257..1d787533d 100644
--- a/src/layouts/policy-vehicle/policy-vehicle.vue
+++ b/src/layouts/policy-vehicle/policy-vehicle.vue
@@ -80,7 +80,8 @@ export default {
             {
                 resultKey: "cmsContent",
                 promise: cmsContentPromise,
-            },{
+            },
+            {
                 resultKey: "clientConfig",
                 promise: clientConfigPromise,
             },
@@ -89,7 +90,10 @@ export default {
         next((vm) => {
             vm.setCmsContent(resultMap.cmsContent);
             vm.clientConfig = resultMap.clientConfig;
-            debugLog(`policy-vehicle clientConfig::${clientConfigPageName}`, JSON.stringify(vm.clientConfig));
+            debugLog(
+                `policy-vehicle clientConfig::${clientConfigPageName}`,
+                JSON.stringify(vm.clientConfig)
+            );
         });
     },
 
diff --git a/src/layouts/recalibration-info/recalibration-info.vue b/src/layouts/recalibration-info/recalibration-info.vue
index 0c839558d..4200b4c2a 100644
--- a/src/layouts/recalibration-info/recalibration-info.vue
+++ b/src/layouts/recalibration-info/recalibration-info.vue
@@ -68,7 +68,10 @@ export default {
         next((vm) => {
             vm.setCmsContent(resultMap.cmsContent);
             vm.clientConfig = resultMap.clientConfig;
-            debugLog(`recalibration-info clientConfig::${clientConfigPageName}`, JSON.stringify(vm.clientConfig));
+            debugLog(
+                `recalibration-info clientConfig::${clientConfigPageName}`,
+                JSON.stringify(vm.clientConfig)
+            );
         });
     },
 

From 25992a42c57104e5779f7862d2f1a9744eeca484 Mon Sep 17 00:00:00 2001
From: Carl Nation <Carl.Nation@safelite.com>
Date: Tue, 2 Jun 2026 08:28:43 -0400
Subject: [PATCH 3/3] fix test

fix test
---
 src/layouts/endorsements/endorsements.spec.js | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/layouts/endorsements/endorsements.spec.js b/src/layouts/endorsements/endorsements.spec.js
index a44302072..0917c44f4 100644
--- a/src/layouts/endorsements/endorsements.spec.js
+++ b/src/layouts/endorsements/endorsements.spec.js
@@ -55,13 +55,23 @@ function setupMocks() {
     fetchCmsContentForPage.mockResolvedValue(mockCmsContent);
     settleAllPromises.mockResolvedValue({ cmsContent: mockCmsContent });
 
+    const mockMixin = {
+        methods: {
+            getCmsContent: jest.fn((widgetName, fieldName) => {
+                return mockCmsContent?.[widgetName]?.[fieldName] ?? "";
+            }),
+            setCmsContent: jest.fn(),
+        },
+    };
+
     const mountOptions = getMountOptions({
-        route: { name: "duplicate-check", query: {}, params: {} },
+        route: { name: "endorsements", query: {}, params: {} },
         router: {
             navigate: jest.fn(),
             navigateWithSaving: jest.fn(),
             navigateWithoutSaving: jest.fn(),
         },
+        mixins: [mockMixin],
     });
 
     const wrapper = shallowMount(endorsements, mountOptions);