From 2544954f8f15dcae5918a904fafbf3df4370be0e Mon Sep 17 00:00:00 2001
From: Scott Kiener <scott.kiener@safelite.com>
Date: Tue, 14 Jun 2022 16:49:24 -0400
Subject: [PATCH 1/4] CSR-652 | Add CSS class to each alert

That matches CMS
---
 .../funnel-header/funnel-header.vue           |  5 ++--
 src/layouts/address-lookup/address-lookup.vue | 18 ++++++++-----
 .../address-questions/address-questions.vue   |  6 +++--
 .../address-vehicles-question.vue             |  6 ++---
 .../address-vehicles/address-vehicles.vue     | 11 ++++----
 src/layouts/estimate/estimate.vue             |  9 +++----
 .../license-plate-lookup.vue                  | 14 ++++++----
 src/layouts/vehicle-damage/vehicle-damage.vue |  7 +++--
 .../windshield-options/windshield-options.vue |  4 +--
 src/layouts/vehicle-parts/vehicle-parts.vue   |  2 +-
 src/layouts/vin-lookup/vin-lookup.vue         | 26 +++++++++----------
 src/ux-components/alert/alert.vue             | 17 +++++++++---
 12 files changed, 71 insertions(+), 54 deletions(-)

diff --git a/src/common-components/funnel-header/funnel-header.vue b/src/common-components/funnel-header/funnel-header.vue
index 1fa13094f..dcc997c5f 100644
--- a/src/common-components/funnel-header/funnel-header.vue
+++ b/src/common-components/funnel-header/funnel-header.vue
@@ -7,11 +7,12 @@
     <menuModal/>
   </div>
   <alert
-    class="position-absolute rounded-0 w-100 border-0 shadow-sm"
     v-if="displayGlobalAlert"
-    :alertClass="globalAlertMessage.type"
+    class="position-absolute rounded-0 w-100 border-0 shadow-sm"
+    cmsWidgetName="GlobalAlert"
     :manualHeadline="globalAlertMessage.messageHeadline"
     :manualCopy="globalAlertMessage.messageCopy"
+    :alertClass="globalAlertMessage.type"
     v-bind:isDismissible="globalAlertMessage.isDismissible"
   />
 </template>
diff --git a/src/layouts/address-lookup/address-lookup.vue b/src/layouts/address-lookup/address-lookup.vue
index 2e13299de..f171d571b 100644
--- a/src/layouts/address-lookup/address-lookup.vue
+++ b/src/layouts/address-lookup/address-lookup.vue
@@ -12,27 +12,33 @@
 			<funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" ref="funnelSubHeader" />	
 			<div class="fade-on-route-transition sub-container make-tall">
 				<customerQuestions ref="customerQuestions" v-model="customerQuestions" />
-				<alert ref="alertVinNotFound" v-if="displayVinNotFoundAlert"
+				<alert ref="alertVinNotFound" 
+					v-if="displayVinNotFoundAlert"
 					class="mb-4"
 					cmsWidgetName="AlertVinNotFoundWidget"
 					alertClass="alert-danger"
 					v-bind:isDismissible="false"
 				/>
-				<alert ref="alertMatchedDifferentVehicle" v-if="displayMatchedDifferentVehicleAlert"
+				<alert ref="alertMatchedDifferentVehicle" 
+					v-if="displayMatchedDifferentVehicleAlert"
 					class="mb-4"
+					cmsWidgetName="AlertMatchedDifferentVehicleWidget"
 					:manualHeadline="AlertMatchedDifferentVehicleHeader"
 					:manualCopy="AlertMatchedDifferentVehicleBody"
 					alertClass="alert-warning"
-					v-bind:isDismissible="false"
+					v-bind:isDismissible="false"		
 				/>			
-				<alert ref="alertNonServiceableZip" v-if="displayNonServiceableZipAlert"
+				<alert ref="alertNonServiceableZip" 
+					v-if="displayNonServiceableZipAlert"
 					class="mb-4"
-					alertClass="alert-danger"
+					cmsWidgetName="AlertNonServiceableZipWidget"
 					:manualHeadline="AlertNonServiceableZipHeader"
 					:manualCopy="AlertNonServiceableZipBody"
+					alertClass="alert-danger"
 					v-bind:isDismissible="false"
 				/>			
-				<alert ref="alertVinLookupsByHomeAddressNotAllowed" v-if="displayVinLookupByHomeAddressNotAllowedAlert"
+				<alert ref="alertVinLookupsByHomeAddressNotAllowed" 
+					v-if="displayVinLookupByHomeAddressNotAllowedAlert"
 					class="mb-4"
 					cmsWidgetName="AlertVinLookupsByHomeAddressNotAllowedWidget"
 					alertClass="alert-danger"
diff --git a/src/layouts/address-lookup/customer-questions/address-questions/address-questions.vue b/src/layouts/address-lookup/customer-questions/address-questions/address-questions.vue
index d93c2559b..d13af8207 100644
--- a/src/layouts/address-lookup/customer-questions/address-questions/address-questions.vue
+++ b/src/layouts/address-lookup/customer-questions/address-questions/address-questions.vue
@@ -57,13 +57,15 @@
 			</div>
 		</div>
 	</transition>		
-	<alert ref="alertVerificationWarning" v-if="displayVerificationWarning"
+	<alert ref="alertVerificationWarning" 
+		v-if="displayVerificationWarning"
 		class="mb-4"
 		cmsWidgetName="AlertVerificationWarningWidget"
 		alertClass="alert-warning"
 		v-bind:isDismissible="false"
 	/>
-	<alert ref="alertNoMatchWarning" v-if="displayNoMatchWarning"
+	<alert ref="alertNoMatchWarning" 
+		v-if="displayNoMatchWarning"
 		class="mb-4"
 		cmsWidgetName="AlertNoMatchWarningWidget"
 		alertClass="alert-warning"
diff --git a/src/layouts/address-vehicles/address-vehicles-question/address-vehicles-question.vue b/src/layouts/address-vehicles/address-vehicles-question/address-vehicles-question.vue
index 95d2b1fd0..89cf9d752 100644
--- a/src/layouts/address-vehicles/address-vehicles-question/address-vehicles-question.vue
+++ b/src/layouts/address-vehicles/address-vehicles-question/address-vehicles-question.vue
@@ -9,13 +9,13 @@
     isRequired=true
     :validation-rules="validationRules"
   />
-  <alert 
-    ref="differentVehicleAlert"
+  <alert ref="differentVehicleAlert"
     v-if="isCarIdDifferent"
     class="my-3"
-    alertClass="alert-warning"
+    cmsWidgetName="FoundWindshield"
     :manualHeadline="differentVehicleAlertHeader"
     :manualCopy="differentVehicleAlertBody"
+    alertClass="alert-warning"
     v-bind:isDismissible="false"
   />
 </template>
diff --git a/src/layouts/address-vehicles/address-vehicles.vue b/src/layouts/address-vehicles/address-vehicles.vue
index faf71e1fb..9d818628d 100644
--- a/src/layouts/address-vehicles/address-vehicles.vue
+++ b/src/layouts/address-vehicles/address-vehicles.vue
@@ -10,16 +10,15 @@
       <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
       <vehicleBanner cmsWidgetName="VehicleBannerWidget" :displayGenericVehicleImage="false" />
       <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
-      <alert
-        ref="alertFoundMultipleVehicles"
+      <alert ref="alertFoundMultipleVehicles"
 				class="my-5"
-				alertClass="alert-warning"
-				:manualHeadline="AlertFoundMultipleVehiclesHeader"
+        cmsWidgetName="FoundMultipleVehicles"
+        :manualHeadline="AlertFoundMultipleVehiclesHeader"
         manualCopy=""
+				alertClass="alert-warning"
 				v-bind:isDismissible="false"
 			/>
-      <addressVehiclesQuestion
-        ref="addressVehiclesQuestion"
+      <addressVehiclesQuestion ref="addressVehiclesQuestion"
         cmsWidgetName="VehicleConfirmationQuestion"
         :vehicles="VehiclesForQuestions"
         validationRules="vehicle-required"
diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index fe62d7647..a57062593 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -11,11 +11,10 @@
       <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
       <div class="fade-on-route-transition sub-container make-tall">
         <alert
-        class="vinLookupMethodHeading"
-        v-model="customAlertData"
-        alertClass=""
-        cmsWidgetName="AlertVinLookupQuestion"
-      />
+          class="vinLookupMethodHeading"
+          cmsWidgetName="AlertVinLookupQuestion"
+          alertClass=""
+        />
         <buttonQuestion
           cmsWidgetName="VinLookupMethod"
           :answers="answersFromCms"
diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue
index f3a5d3e83..b8a3f6a6d 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue
@@ -40,10 +40,11 @@
           </div>
         </div>
         <alert
+          v-if="!isRegistrationZipServicable && isVinValid && !isCarIdDifferent"
           class="my-3"
+          cmsWidgetName="NoServiceZipWidget"
           :manualHeadline="NoServiceZipHeader"
           :manualCopy="NoServiceZipBody"
-          v-if="!isRegistrationZipServicable && isVinValid && !isCarIdDifferent"
           alertClass="alert-danger"
         />
         <div class="row my-2">
@@ -58,14 +59,17 @@
             />
           </div>
         </div>
-        <alert class="my-3" 
+        <alert 
+          v-if="!isVinValid" 
+          class="my-3" 
           cmsWidgetName="NoMatchAlertWidget" 
-          v-if="!isVinValid"
           alertClass="alert-warning" />
-        <alert class="my-3"
+        <alert 
+          v-if="isCarIdDifferent"
+          class="my-3"
+          cmsWidgetName="MatchedDifferentVehicleAlertWidget"
           :manualHeadline="MatchedDifferentVehicleAlertHeader"
           :manualCopy="MatchedDifferentVehicleAlertBody"
-          v-if="isCarIdDifferent"
           alertClass="alert-warning"
         />
         <funnelFooter
diff --git a/src/layouts/vehicle-damage/vehicle-damage.vue b/src/layouts/vehicle-damage/vehicle-damage.vue
index 266e2ba1a..322e1a796 100644
--- a/src/layouts/vehicle-damage/vehicle-damage.vue
+++ b/src/layouts/vehicle-damage/vehicle-damage.vue
@@ -10,11 +10,10 @@
         <vehicleBanner cmsWidgetName="VehicleBannerWidget" :displayGenericVehicleImage=false />
         <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
         <div class="fade-on-route-transition sub-container make-tall">
-          <alert
-            ref="vehicleChangeAlert"
+          <alert ref="vehicleChangeAlert"
+            v-if="shouldDisplayVehicleChangeAlert"
             class="mt-5 mb-0"
             cmsWidgetName="VehicleChangeAlert"
-            v-show="shouldDisplayVehicleChangeAlert"
             alertClass="alert-warning"
             :isDismissible="false"
           />
@@ -32,9 +31,9 @@
             :selectedDamageLocations="selectedDamageLocations"
           />
           <alert
+            v-if="hasRepairReplaceConflict"
             class="my-5"
             cmsWidgetName="HasReplacementConflict"
-            v-show="hasRepairReplaceConflict"
             alertClass="alert-danger"
             :isDismissible="false"
           />
diff --git a/src/layouts/vehicle-damage/windshield-options/windshield-options.vue b/src/layouts/vehicle-damage/windshield-options/windshield-options.vue
index bdbe25195..fd1254228 100644
--- a/src/layouts/vehicle-damage/windshield-options/windshield-options.vue
+++ b/src/layouts/vehicle-damage/windshield-options/windshield-options.vue
@@ -8,9 +8,9 @@
             :validationRules="windshieldDamageTypeQuestionValidationRules"
         />
         <alert
+            v-if="showNoReplacementAvailableError"
             class="my-3"
             cmsWidgetName="NoReplacementAvailableError"
-            v-if="showNoReplacementAvailableError"
             alertClass="alert-danger"
             :isDismissible="false"
           />
@@ -30,9 +30,9 @@
             isRequired
         />
         <alert
+            v-if="hasSplitSingleConflict"
             class="mt-5"
             cmsWidgetName="SplitSingleConflict"
-            v-if="hasSplitSingleConflict"
             alertClass="alert-danger"
             :isDismissible="false"
           />
diff --git a/src/layouts/vehicle-parts/vehicle-parts.vue b/src/layouts/vehicle-parts/vehicle-parts.vue
index 842cc0720..67f594cc0 100644
--- a/src/layouts/vehicle-parts/vehicle-parts.vue
+++ b/src/layouts/vehicle-parts/vehicle-parts.vue
@@ -9,8 +9,8 @@
           <div class="col">
             <alert
               class="rounded border-0 shadow-sm"
-              alertClass="alert-warning"
               cmsWidgetName="AlertWidget"
+              alertClass="alert-warning"
               :isDismissible="false"
             />
           </div>
diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue
index 9dc81f719..736396bde 100644
--- a/src/layouts/vin-lookup/vin-lookup.vue
+++ b/src/layouts/vin-lookup/vin-lookup.vue
@@ -60,49 +60,47 @@
           </div>
         </div>
         <alert
-          class="my-4"
-          v-model="customAlertData"
           v-if="noMatchAlert"
-          alertClass="alert-warning"
+          class="my-4"
           cmsWidgetName="NoMatchAlertWidget"
+          alertClass="alert-warning"
         />
         <alert
+          v-if="isVinFieldReadOnly" 
           class="my-4"
+          cmsWidgetName="PerfectMatchNewVinAlertReadOnly"
           :manualHeadline="PerfectMatchNewVinAlertReadOnlyHeader"
           :manualCopy="PerfectMatchNewVinAlertReadOnlyBody"
-          v-model="customAlertData"
-          v-if="isVinFieldReadOnly" 
           alertClass="alert-success"
         />
         <alert
+          v-if="isCarIdDifferent && !vinNotFound && !perfectMatchNewVinAlert"
           class="my-4"
+          cmsWidgetName="MatchedDifferentVehicle"
           :manualHeadline="MatchedDifferentVehicleAlertHeader"
           :manualCopy="MatchedDifferentVehicleAlertBody"
-          v-model="customAlertData"
-          v-if="isCarIdDifferent && !vinNotFound && !perfectMatchNewVinAlert"
           alertClass="alert-warning"
         />
         <alert
+          v-if="noServiceZip"
           class="my-4"
+          cmsWidgetName="NoServiceZipWidget"
           :manualHeadline="NoServiceZipHeader"
           :manualCopy="NoServiceZipBody"
-          v-model="customAlertData"
-          v-if="noServiceZip"
           alertClass="alert-danger"
         />
         <alert
-          class="my-4"
-          v-model="customAlertData"
           v-if="vinNotFound"
-          alertClass="alert-danger"
+          class="my-4"
           cmsWidgetName="VinNotFound"
+          alertClass="alert-danger"
         />
         <alert
+          v-if="perfectMatchNewVinAlert && !noServiceZip && !vinNotFound && meta.valid && !isVinFieldReadOnly"
           class="my-4"
+          cmsWidgetName="PerfectMatchNewVinAlert"
           :manualHeadline="PerfectMatchNewVinAlertHeader"
           :manualCopy="PerfectMatchNewVinAlertBody"
-          v-model="customAlertData"
-          v-if="perfectMatchNewVinAlert && !noServiceZip && !vinNotFound && meta.valid && !isVinFieldReadOnly"
           alertClass="alert-success"
         />
         <funnelFooter
diff --git a/src/ux-components/alert/alert.vue b/src/ux-components/alert/alert.vue
index d356d0569..9875c41e0 100644
--- a/src/ux-components/alert/alert.vue
+++ b/src/ux-components/alert/alert.vue
@@ -2,7 +2,7 @@
   <div
     class="alert fade show text-center mb-0 py-2 px-4"
     role="alert"
-    :class="[isDismissible ? 'alert-dismissible' : '', this.alertClass]"
+    :class="[isDismissible ? 'alert-dismissible' : '', this.alertClass, this.cssClassNameForCmsWidget]"
   >
     <p class="m-0 fw-bold alert-heading">{{ alertHeadline }}</p>
     <template v-for="paragraph in splitAlertCopyForParagraphTag" :key="paragraph">
@@ -54,7 +54,10 @@ export default {
     alert-info (blue)
     */
     alertClass: String,
-    cmsWidgetName: String,
+    cmsWidgetName: {
+      type: String,
+      required: true,
+    },
     manualHeadline: String,
     manualCopy: String,
     shouldScrollToOnMount: {
@@ -64,14 +67,17 @@ export default {
   },
   computed: {
     alertHeadline(){
-      return this.cmsWidgetName ? this.getCmsContent(this.cmsWidgetName, 'HeadlineText') : this.manualHeadline;
+      return this.manualHeadline ? this.manualHeadline : this.getCmsContent(this.cmsWidgetName, 'HeadlineText');
     },
     alertCopy(){
-      return this.cmsWidgetName ? this.getCmsContent(this.cmsWidgetName, 'BodyText') : this.manualCopy;
+      return this.manualCopy ? this.manualCopy : this.getCmsContent(this.cmsWidgetName, 'BodyText');
     },
     splitAlertCopyForParagraphTag(){
       return splitCMSCopyOnParagraphTag(this.alertCopy);
     },
+    cssClassNameForCmsWidget(){
+      return "widget-name-" + this.cmsWidgetName;
+    },
   },
   methods: {
     doesCopyContainRouterLink,
@@ -96,6 +102,9 @@ export default {
     },
   },
   mounted() {
+    if (!this.cmsWidgetName) {
+      console.log('Error: Missing a CMS Widget Name (required field)');
+    }
     this.ensureAlertIsInViewPort();
   }
 };

From 3f42627c41a265e13e4c9fb41107c741923f4b83 Mon Sep 17 00:00:00 2001
From: Scott Kiener <scott.kiener@safelite.com>
Date: Wed, 15 Jun 2022 08:16:25 -0400
Subject: [PATCH 2/4] CSR-652 | Updated tests to reflect v-if vs v-show

---
 src/layouts/vehicle-damage/vehicle-damage.spec.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/layouts/vehicle-damage/vehicle-damage.spec.js b/src/layouts/vehicle-damage/vehicle-damage.spec.js
index 46fa7763e..ff36a3d2c 100644
--- a/src/layouts/vehicle-damage/vehicle-damage.spec.js
+++ b/src/layouts/vehicle-damage/vehicle-damage.spec.js
@@ -260,7 +260,7 @@ describe("vehicle-damage.vue", () => {
   });
 
   describe("alert", () => {
-    test("when displayVehicleChangeAlert router params is true, the alert: 'vehicleChangeAlert' should be visible", () => {
+    test("when displayVehicleChangeAlert router params is true, the alert: 'vehicleChangeAlert' should be rendered", () => {
       // Arrange & Act
       const { wrapper } = setupMocks({
         mountOptionsMockData: {
@@ -272,10 +272,10 @@ describe("vehicle-damage.vue", () => {
         }
       });
       // Assert
-      expect(wrapper.findComponent({ ref: 'vehicleChangeAlert' }).isVisible()).toBe(true);
+      expect(wrapper.html().includes("cmswidgetname=\"VehicleChangeAlert\"")).toBe(true);
     });
 
-    test("when displayVehicleChangeAlert router params is false, the alert: 'vehicleChangeAlert' should not be visible", () => {
+    test("when displayVehicleChangeAlert router params is false, the alert: 'vehicleChangeAlert' should not be rendered", () => {
       // Arrange & Act
       const { wrapper } = setupMocks({
         mountOptionsMockData: {
@@ -287,10 +287,10 @@ describe("vehicle-damage.vue", () => {
         }
       });
       // Assert
-      expect(wrapper.findComponent({ ref: 'vehicleChangeAlert' }).isVisible()).toBe(false);
+      expect(wrapper.html().includes("cmswidgetname=\"VehicleChangeAlert\"")).toBe(false);
     });
 
-    test("when displayVehicleChangeAlert router params is undefined, the alert: 'vehicleChangeAlert' should not be visible", () => {
+    test("when displayVehicleChangeAlert router params is undefined, the alert: 'vehicleChangeAlert' should not be rednered", () => {
       // Arrange & Act
       const { wrapper } = setupMocks({
         mountOptionsMockData: {
@@ -302,7 +302,7 @@ describe("vehicle-damage.vue", () => {
         }
       });
       // Assert
-      expect(wrapper.findComponent({ ref: 'vehicleChangeAlert' }).isVisible()).toBe(false);
+      expect(wrapper.html().includes("cmswidgetname=\"VehicleChangeAlert\"")).toBe(false);
     })
   });
 

From cfa0ace9c5dabbd8dd2421599493687c74d7f45a Mon Sep 17 00:00:00 2001
From: Scott Kiener <scott.kiener@safelite.com>
Date: Wed, 15 Jun 2022 09:20:48 -0400
Subject: [PATCH 3/4] CSR-652 | Update tests and move item to mixin

---
 src/layouts/vehicle-damage/vehicle-damage.spec.js | 6 +++---
 src/mixins/base-mixin.js                          | 5 ++++-
 src/ux-components/alert/alert.vue                 | 3 ---
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/layouts/vehicle-damage/vehicle-damage.spec.js b/src/layouts/vehicle-damage/vehicle-damage.spec.js
index ff36a3d2c..2b6cef4c1 100644
--- a/src/layouts/vehicle-damage/vehicle-damage.spec.js
+++ b/src/layouts/vehicle-damage/vehicle-damage.spec.js
@@ -272,7 +272,7 @@ describe("vehicle-damage.vue", () => {
         }
       });
       // Assert
-      expect(wrapper.html().includes("cmswidgetname=\"VehicleChangeAlert\"")).toBe(true);
+      expect(wrapper.findComponent({ ref: 'vehicleChangeAlert' }).exists()).toBe(true);
     });
 
     test("when displayVehicleChangeAlert router params is false, the alert: 'vehicleChangeAlert' should not be rendered", () => {
@@ -287,7 +287,7 @@ describe("vehicle-damage.vue", () => {
         }
       });
       // Assert
-      expect(wrapper.html().includes("cmswidgetname=\"VehicleChangeAlert\"")).toBe(false);
+      expect(wrapper.findComponent({ ref: 'vehicleChangeAlert' }).exists()).toBe(false);
     });
 
     test("when displayVehicleChangeAlert router params is undefined, the alert: 'vehicleChangeAlert' should not be rednered", () => {
@@ -302,7 +302,7 @@ describe("vehicle-damage.vue", () => {
         }
       });
       // Assert
-      expect(wrapper.html().includes("cmswidgetname=\"VehicleChangeAlert\"")).toBe(false);
+      expect(wrapper.findComponent({ ref: 'vehicleChangeAlert' }).exists()).toBe(false);
     })
   });
 
diff --git a/src/mixins/base-mixin.js b/src/mixins/base-mixin.js
index ea80be578..5a82145c0 100644
--- a/src/mixins/base-mixin.js
+++ b/src/mixins/base-mixin.js
@@ -69,7 +69,10 @@ export default {
     },
     dynamicStrings(){
       return dynamicStrings;
-    }
+    },
+    cssClassNameForCmsWidget(){
+      return "widget-name-" + this.cmsWidgetName;
+    },
   },
 };
 
diff --git a/src/ux-components/alert/alert.vue b/src/ux-components/alert/alert.vue
index 9875c41e0..d7cca79ad 100644
--- a/src/ux-components/alert/alert.vue
+++ b/src/ux-components/alert/alert.vue
@@ -75,9 +75,6 @@ export default {
     splitAlertCopyForParagraphTag(){
       return splitCMSCopyOnParagraphTag(this.alertCopy);
     },
-    cssClassNameForCmsWidget(){
-      return "widget-name-" + this.cmsWidgetName;
-    },
   },
   methods: {
     doesCopyContainRouterLink,

From 678ec726800e501f02815d616308f217a264caac Mon Sep 17 00:00:00 2001
From: Scott Kiener <scott.kiener@safelite.com>
Date: Thu, 16 Jun 2022 10:00:21 -0400
Subject: [PATCH 4/4] CSR-652 | Change validation location

---
 src/ux-components/alert/alert.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/ux-components/alert/alert.vue b/src/ux-components/alert/alert.vue
index d7cca79ad..8462e4436 100644
--- a/src/ux-components/alert/alert.vue
+++ b/src/ux-components/alert/alert.vue
@@ -56,7 +56,12 @@ export default {
     alertClass: String,
     cmsWidgetName: {
       type: String,
-      required: true,
+      default(rawProps) {
+        if (!rawProps.cmsWidgetName) {
+          console.log('Error: Missing a CMS Widget Name (required field)');
+        }
+        return 'widgetUndefined';
+      },
     },
     manualHeadline: String,
     manualCopy: String,
@@ -99,9 +104,6 @@ export default {
     },
   },
   mounted() {
-    if (!this.cmsWidgetName) {
-      console.log('Error: Missing a CMS Widget Name (required field)');
-    }
     this.ensureAlertIsInViewPort();
   }
 };