From d7f6ba1fc9251b37d043be84d3678b3501987da5 Mon Sep 17 00:00:00 2001 From: Alex Humphries Date: Tue, 3 Feb 2026 16:58:55 -0500 Subject: [PATCH] INSR-7752: Formatting on contact-details --- .../button-question/button-question.vue | 2 +- .../textarea-question/textarea-question.vue | 42 +++++------ .../contact-details/contact-details.vue | 37 +++++++++- .../coverage-statement/coverage-statement.vue | 1 - src/layouts/payment-method/payment-method.vue | 11 --- .../service-packages/service-packages.vue | 6 -- src/store/index.js | 26 +++---- src/ux-components/alert/alert.vue | 72 ++++++++++--------- 8 files changed, 108 insertions(+), 89 deletions(-) diff --git a/src/digital-components/button-question/button-question.vue b/src/digital-components/button-question/button-question.vue index 68ca6d57..ca731b44 100644 --- a/src/digital-components/button-question/button-question.vue +++ b/src/digital-components/button-question/button-question.vue @@ -79,7 +79,7 @@
diff --git a/src/digital-components/textarea-question/textarea-question.vue b/src/digital-components/textarea-question/textarea-question.vue index 4726c092..9bc362b7 100644 --- a/src/digital-components/textarea-question/textarea-question.vue +++ b/src/digital-components/textarea-question/textarea-question.vue @@ -18,7 +18,7 @@ :id="inputId" :ref="inputId" v-model.trim="value" - class="form-control" + class="textarea-input" :name="inputId" :rows="[inputRows ?? 10]" :placeholder="placeholderText" @@ -32,8 +32,15 @@ @drop="trimOnPaste"> -

- {{ maxLength - characterCount }}/{{ maxLength }} characters remaining +

+ {{ maxLength }} characters allowed +

+

+ {{ maxLength - characterCount }} characters left

diff --git a/src/layouts/contact-details/contact-details.vue b/src/layouts/contact-details/contact-details.vue index 024602f2..9497c3e2 100644 --- a/src/layouts/contact-details/contact-details.vue +++ b/src/layouts/contact-details/contact-details.vue @@ -15,6 +15,7 @@ @@ -40,11 +43,13 @@ ref="address2Question" v-model="address2" inputId="address2" + class="form-group" :cmsWidgetName="widget.apartmentQuestion" /> @@ -52,6 +57,7 @@ ref="stateQuestion" v-model="state" inputId="state" + class="form-group" :cmsWidgetName="widget.stateQuestion" :options="states" isDisabled /> @@ -59,6 +65,7 @@ ref="zipCodeQuestion" v-model="zipCode" inputId="zipCode" + class="form-group" :cmsWidgetName="widget.zipCodeQuestion" isDisabled /> diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue index e2b901f1..19059edb 100644 --- a/src/layouts/coverage-statement/coverage-statement.vue +++ b/src/layouts/coverage-statement/coverage-statement.vue @@ -414,7 +414,6 @@ export default { )); this.navigateWithScenario(navigationScenarios.PRICING_LOOKUP_ERROR); }); - console.log('ITAC Pricing Results:', pricingResults); this.setBaseServiceLineItems(pricingResults); } }, diff --git a/src/layouts/payment-method/payment-method.vue b/src/layouts/payment-method/payment-method.vue index fb54676f..08938f89 100644 --- a/src/layouts/payment-method/payment-method.vue +++ b/src/layouts/payment-method/payment-method.vue @@ -176,7 +176,6 @@ export default { && vehicle.model && vehicle.style ); - console.log('vehicleReqs:', vehicleReqs); // Damage const { isRepair, numberOfChips, glassToReplace } = @@ -185,7 +184,6 @@ export default { (isRepair && numberOfChips) || (!isRepair && glassToReplace?.length) ); - console.log('damageReqs:', damageReqs); // Service Package const { lineItems } = useMainStore().order; @@ -193,18 +191,15 @@ export default { (isRepair || lineItems.glassParts) && lineItems.supportingItems ); - console.log('packageReqs:', packageReqs); // Service Location const { serviceLocation } = useMainStore().order; - console.log('serviceLocation:', serviceLocation); const mobileReqs = !!( serviceLocation.address && serviceLocation.city && serviceLocation.state && serviceLocation.zipCode ); - console.log('mobileReqs:', mobileReqs); const providerLocation = serviceLocation.provider.address; const dropOffInshopReqs = !!( @@ -213,13 +208,11 @@ export default { && providerLocation.state && providerLocation.zipCode ); - console.log('dropOffInshopReqs:', dropOffInshopReqs); const isMobile = serviceLocation.appointmentType === AppointmentTypeStrings.MOBILE || serviceLocation.appointmentType === AppointmentTypeStrings.MOBILE_NOT_ITAC_AND_NOT_NOCOMP; const serviceLocationReqs = (isMobile && mobileReqs) || (!isMobile && dropOffInshopReqs); - console.log('serviceLocationReqs:', serviceLocationReqs); // Schedule const { date, startTime, endTime, jobMaxMinutes, jobMinMinutes } = @@ -231,23 +224,19 @@ export default { && jobMaxMinutes && jobMinMinutes ); - console.log('scheduleReqs:', scheduleReqs); // Customer const { firstName, lastName, emailAddress } = useMainStore().order.customer; const customerReqs = !!(firstName && lastName && emailAddress); - console.log('customerReqs:', customerReqs); // Contact Info const { contactInfo } = useMainStore(); - console.log('contactInfo:', contactInfo); const contactInfoReqs = !!( contactInfo.firstName && contactInfo.lastName && contactInfo.servicePhone && contactInfo.emailAddress ); - console.log('contactInfoReqs:', contactInfoReqs); return ( vehicleReqs diff --git a/src/layouts/service-packages/service-packages.vue b/src/layouts/service-packages/service-packages.vue index 9118daf9..1bed0a7c 100644 --- a/src/layouts/service-packages/service-packages.vue +++ b/src/layouts/service-packages/service-packages.vue @@ -112,12 +112,6 @@ export default { const { feeItems } = store.order.lineItems; - console.log('Service Packages - Fetched Line Items:', { - rainDefense: resultMap?.rainDefense, - wipers: resultMap?.wipers, - feeItems - }); - const availableLineItems = []; if (resultMap?.rainDefense) { diff --git a/src/store/index.js b/src/store/index.js index aec3a93a..d0c45176 100644 --- a/src/store/index.js +++ b/src/store/index.js @@ -1825,18 +1825,20 @@ export const useMainStore = defineStore({ this.order.serviceLocation.appointmentType = serviceLocationInfo.appointmentType ?? this.order.serviceLocation.appointmentType; this.order.serviceLocation.isVehicleProtected = serviceLocationInfo.isVehicleProtected ?? this.order.serviceLocation.isVehicleProtected; - this.order.serviceLocation.provider = { - providerNumber: serviceLocationInfo.provider?.providerNumber, - address: { - streetAddress: serviceLocationInfo.provider?.address?.streetAddress, - city: serviceLocationInfo.provider?.address?.city, - state: serviceLocationInfo.provider?.address?.state, - zipCode: serviceLocationInfo.provider?.address?.zipCode, - zipCodeCtu: serviceLocationInfo.provider?.address?.zipCodeCtu - }, - companyName: serviceLocationInfo.provider?.companyName, - phoneNumber: serviceLocationInfo.provider?.phoneNumber - }; + if (serviceLocationInfo.provider) { + this.order.serviceLocation.provider = { + providerNumber: serviceLocationInfo.provider?.providerNumber, + address: { + streetAddress: serviceLocationInfo.provider?.address?.streetAddress, + city: serviceLocationInfo.provider?.address?.city, + state: serviceLocationInfo.provider?.address?.state, + zipCode: serviceLocationInfo.provider?.address?.zipCode, + zipCodeCtu: serviceLocationInfo.provider?.address?.zipCodeCtu + }, + companyName: serviceLocationInfo.provider?.companyName, + phoneNumber: serviceLocationInfo.provider?.phoneNumber + }; + } this.order.serviceLocation.searchFilter = serviceLocationInfo.searchFilter; }, diff --git a/src/ux-components/alert/alert.vue b/src/ux-components/alert/alert.vue index 0297871e..7fababb9 100644 --- a/src/ux-components/alert/alert.vue +++ b/src/ux-components/alert/alert.vue @@ -26,41 +26,43 @@ {{ alertHeadline }} - - +
+ + +