From 053cd44cbedbca711ca974b24effe3ad96ba40e0 Mon Sep 17 00:00:00 2001
From: Alex Humphries <Alex.Humphries@safelite.com>
Date: Thu, 12 Feb 2026 17:58:35 -0500
Subject: [PATCH 1/2] INSR-8434: Fix defects seen on contact-details

---
 src/assets/img/icons/select-disabled.png      | Bin 0 -> 1326 bytes
 .../dropdown-question/dropdown-question.vue   |   4 ++--
 .../textbox-question/textbox-question.vue     |   1 +
 .../contact-details/contact-details.vue       |  18 ++++++++++++---
 src/ux-components/alert/alert.vue             |  21 +++++++++++++-----
 5 files changed, 34 insertions(+), 10 deletions(-)
 create mode 100644 src/assets/img/icons/select-disabled.png

diff --git a/src/assets/img/icons/select-disabled.png b/src/assets/img/icons/select-disabled.png
new file mode 100644
index 0000000000000000000000000000000000000000..03ac8316652b7385bfb886649bae252967a8243b
GIT binary patch
literal 1326
zcmV+}1=0G6P)<h;3K|Lk000e1NJLTq0015U001)x1^@s6fC9Km00001b5ch_0Itp)
z=>Px(=t)FDR9Fe^SX+o3MHH>uJ+qscl?W=q2NFRD`XTufjS^XPcV}jM!JvtLD)9k<
zpkKc5S46**KtMDof*`0wn4Z_J>*6blfBGW|ei$Kw7(roYoSo?@&*`yuYpT0<d$J3D
zxCJwP>)dni>8k3kt}0QNP^yi_5jD`Sg`ti-xlk^j9XE}P8{qrRc_o97wAMMsib!8+
z=RVIX)yBy+mT<jZzbzQ(We5~4k+$o|J(Wu3YYR`UI;kGZ(Q37B3I@stY>Sdvq>mgc
zEVY_RcyV#@+FrlkR7zi&nh8E~$W7;Lc(xQ?T3Wh%t=DgAt@dw(C0pc>%a~-w2D<4O
zV@xLlty)U!yEa0GmMD3dmR9;1+lMFaQ&-d+#=INz{R^bF7*DMO(RY(X9g%nD=gZIW
zM?01rH_BM%i21e>uGQ<OAbNi+P^3{T7LMaJ()<l=h4HrvV#6F3990wVs8(ydfblvJ
zk)kWc<(r9|dvtnwx*uV*^SRsu^hH>7We(<w>gF{z#=hS;uGQd8lSCV>`*EsRxC27J
z+dkG;R#vWBZFjyz_a3nQqMS!PuYAVDM_P=BX#t|In*`br{S_0$T$(63^pQg@>t<n2
z<~FhQ7W;ndkXHSV;Vg_0ME=sQb9kXt`qsqL>}s=lP=di{X!%}?(-D=s*YoDi5f5AJ
z`%5<~396{uqFv6zSw)#J<RS(ww_l|KH9{@$q`JI(o%*}`6`tVh8EBLN#^xc6&HDzH
z*~GJQ6kYrt0!D@t<MxZ%GkLoso$l!bQH2TOsY?~*-7%IqVt0xLQq$2&-EBJ^abEJg
z$|)Nkx6T~QWyev|5v6|`afrNy8R_{EY#SBk5>aoPDX5A5&z(TO|3(K1mlX?-o1~qv
zr;5eL*2P0DXtLnZce8v^wtExQpw@Qt?8fi*z-|xh_Q3zK2mXt>TEexK1ZVN3*vBsj
zza(6;?&JVq1)5uJx8J~W_hEhsMY~6^$L(VUqV`dU4iIQQ!oQs=>!M7E22v9%5V_G5
zpm?=bi>(?=&Nw!6g)KFLsEHMb`ozG7rdH4Te*I(&9}@_3AeS9RO-C0dxf(ccJFyFV
zwN`5$v+=BT#xh3&|2#Fr1^sYc-TMMh_Z1d#O_W>0`NoQcZ(7AU$+T7hH*ymu5o_%~
zl+NGjc{AUKYhD^kyWC=QOkx;_gBI=%EIhRuauE~8j<Pz`2(^HR!t`@%fxXXzFay@3
zf?n8*ElC6Ah6qc$k|RNY(}URdC1CDo`@;BjVOFq%uVVM`1Z}e*(KR^jX>mtr;-*a>
zIe3DvHgVd_$=oJBB1{Ljlh^^o_OuW`u)5l=;bdpZOhB6$edO3a=3-78j|r229l(p2
z#ZKE~>;P`X$<7Cyi6S3uV)R8=bY%|ait6SyQJ94JO64S`w+~G+ZFFU+-R_)0>x93d
ztx7hJv0;vwV+e$=Q;JV*cItyemsc1!(E90Ee1=n>O@*0|tN-p=?{l>7mY6^iAoAUw
ziTvT2nVCP6+!3~=Fo`^^TkG}Cp_}(dfk{`4>CY4S{Gr*|*$YX26H6Uqlf*=><ILg3
zxM<>|wp=79izwqV36oeZmw#{_<-u&TZWWx~DvulsPpxJaW(FP$W9~kNId^@bK${qS
ksVWJMOk-@v?ZgTFKQebCaIJlJh5!Hn07*qoM6N<$f-y3L(*OVf

literal 0
HcmV?d00001

diff --git a/src/digital-components/dropdown-question/dropdown-question.vue b/src/digital-components/dropdown-question/dropdown-question.vue
index 0a25d34b..733f33d9 100644
--- a/src/digital-components/dropdown-question/dropdown-question.vue
+++ b/src/digital-components/dropdown-question/dropdown-question.vue
@@ -156,8 +156,8 @@ export default {
         &:disabled,
         &.disabled {
             background-color: $gray-100;
-            color: $gray-500;
-            filter: grayscale(100%);
+            background-image: url(~@/assets/img/icons/select-disabled.png);
+            cursor: not-allowed;
         }
     }
     &.dropdown-compact {
diff --git a/src/digital-components/textbox-question/textbox-question.vue b/src/digital-components/textbox-question/textbox-question.vue
index 85bef043..2d441edb 100644
--- a/src/digital-components/textbox-question/textbox-question.vue
+++ b/src/digital-components/textbox-question/textbox-question.vue
@@ -394,6 +394,7 @@ input::-webkit-date-and-time-value {
         &:disabled,
         &.disabled {
             background-color: $gray-100;
+            cursor: not-allowed;
         }
     }
     p {
diff --git a/src/layouts/contact-details/contact-details.vue b/src/layouts/contact-details/contact-details.vue
index c28d0d3a..0963d216 100644
--- a/src/layouts/contact-details/contact-details.vue
+++ b/src/layouts/contact-details/contact-details.vue
@@ -57,9 +57,9 @@
                         ref="stateQuestion"
                         v-model="state"
                         inputId="state"
-                        class="form-group"
+                        class="form-group state-dropdown"
                         :cmsWidgetName="widget.stateQuestion"
-                        :options="states"
+                        :options="getStates"
                         isDisabled />
                     <textboxQuestion
                         ref="zipCodeQuestion"
@@ -219,7 +219,14 @@ export default {
         },
         vehicleProtectedQuestionAnswers() {
             return this.getCmsContent(this.widget.vehicleProtectedQuestion, widgetFields.INPUT_QUESTION_WIDGET.ANSWERS) || [];
-        }
+        },
+        getStates() {
+            return Object.keys(states).reduce((acc, key) => {
+                // eslint-disable-next-line no-param-reassign
+                acc[key] = states[key].toUpperCase();
+                return acc;
+            }, {});
+        },
     },
     watch: {
         isSameAsPolicyAddress(newValue) {
@@ -301,6 +308,11 @@ export default {
 .form-group {
     margin-bottom: 1.25rem;
 }
+.state-dropdown {
+    :deep(option) {
+        text-transform: uppercase;
+    }
+}
 .same-address-checkbox {
     :deep(.form-check-input) {
         &:checked + label p,
diff --git a/src/ux-components/alert/alert.vue b/src/ux-components/alert/alert.vue
index 4d50bc1b..29aa5853 100644
--- a/src/ux-components/alert/alert.vue
+++ b/src/ux-components/alert/alert.vue
@@ -7,7 +7,12 @@
             alertClass,
             cssClassNameForCmsWidget,
         ]">
-        <div class="alert-header">
+        <div
+            class="alert-header"
+            :class="{
+                'collapsible-header': isCollapsible
+            }"
+            @click="toggleCollapse">
             <div class="alert-icon-container">
                 <svg
                     class="alert-icon"
@@ -35,8 +40,7 @@
                 <button
                     v-if="isCollapsible"
                     class="btn-collapse"
-                    type="button"
-                    @click="toggleCollapse">
+                    type="button">
                     <svg
                         xmlns="http://www.w3.org/2000/svg"
                         width="15"
@@ -73,7 +77,8 @@
         <div
             v-show="alertCopy"
             :id="collapseId"
-            class="alert-body show">
+            class="alert-body collapse"
+            :class="{ 'show': !startCollapsed }">
             <template
                 v-for="paragraph in splitAlertCopyForParagraphTag"
                 :key="paragraph">
@@ -209,7 +214,7 @@ export default {
     mounted() {
         this.ensureAlertIsInViewPort();
         if (this.isCollapsible) {
-            this.collapseElement = Collapse.getOrCreateInstance(document.getElementById(this.collapseId), { toggle: this.startCollapsed });
+            this.collapseElement = Collapse.getOrCreateInstance(document.getElementById(this.collapseId), { toggle: false });
         }
     },
     methods: {
@@ -237,6 +242,9 @@ export default {
             );
         },
         toggleCollapse() {
+            if (!this.isCollapsible) {
+                return;
+            }
             this.collapsed = !this.collapsed;
             if (this.collapsed) {
                 this.collapseElement.hide();
@@ -269,6 +277,9 @@ export default {
         padding: .75rem 1rem .75rem 1rem;
         font-weight: 600;
         color: $black;
+        &.collapsible-header {
+            cursor: pointer;
+        }
     }
     .alert-icon-container {
         display: flex;

From e698862aa5d6465157ece4d60c26d90bc5908caa Mon Sep 17 00:00:00 2001
From: Alex Humphries <Alex.Humphries@safelite.com>
Date: Fri, 13 Feb 2026 10:08:22 -0500
Subject: [PATCH 2/2] INSR-8434: remove unnecessary text-transform

---
 src/layouts/contact-details/contact-details.vue | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/layouts/contact-details/contact-details.vue b/src/layouts/contact-details/contact-details.vue
index 0963d216..88e3edfb 100644
--- a/src/layouts/contact-details/contact-details.vue
+++ b/src/layouts/contact-details/contact-details.vue
@@ -57,7 +57,7 @@
                         ref="stateQuestion"
                         v-model="state"
                         inputId="state"
-                        class="form-group state-dropdown"
+                        class="form-group"
                         :cmsWidgetName="widget.stateQuestion"
                         :options="getStates"
                         isDisabled />
@@ -308,11 +308,6 @@ export default {
 .form-group {
     margin-bottom: 1.25rem;
 }
-.state-dropdown {
-    :deep(option) {
-        text-transform: uppercase;
-    }
-}
 .same-address-checkbox {
     :deep(.form-check-input) {
         &:checked + label p,