diff --git a/src/iss-components/footer-menu/footer-menu.vue b/src/iss-components/footer-menu/footer-menu.vue index f598b660..a030c99f 100644 --- a/src/iss-components/footer-menu/footer-menu.vue +++ b/src/iss-components/footer-menu/footer-menu.vue @@ -38,7 +38,7 @@ Cookie Preferences + @click="openCookiePreferences">Cookie preferences
{ const state = wrapper.findComponent({ ref: 'state' }); const glassOnlyDamage = wrapper.findComponent({ ref: 'glassOnlyDamage' }); const phoneNumber = wrapper.findComponent({ ref: 'phoneNumber' }); - const email = wrapper.findComponent({ ref: 'email' }); // Assert expect(policyNumber.exists()).toBe(true); @@ -146,7 +145,6 @@ describe('welcome-page.vue', () => { expect(state.exists()).toBe(false); expect(glassOnlyDamage.exists()).toBe(false); expect(phoneNumber.exists()).toBe(true); - expect(email.exists()).toBe(true); }); test('Policy zip field should be visible at all times', async () => { // Arrange diff --git a/src/layouts/welcome-page/welcome-page.vue b/src/layouts/welcome-page/welcome-page.vue index aa81ea1a..69311494 100644 --- a/src/layouts/welcome-page/welcome-page.vue +++ b/src/layouts/welcome-page/welcome-page.vue @@ -12,7 +12,7 @@
+ class="form-group" /> - + placeholderText="###-###-####" + class="form-group" /> + class="form-group" /> + class="form-group" /> + class="form-group" /> + + placeHolderText="Select State" /> - -
@@ -257,7 +241,6 @@ export default { duplicates: [], rules: { damageOption: 'damage-option-required', - email: `${globalRules.EMAIL_ADDRESS_REQUIRED}|${globalRules.EMAIL_ADDRESS_FORMAT}`, extension: `${globalRules.EXTENSION_FORMAT}`, lossCity: `${globalRules.DATE_OF_LOSS_CITY_REQUIRED}|${globalRules.DATE_OF_LOSS_CITY_FORMAT}`, // eslint-disable-next-line max-len @@ -302,7 +285,11 @@ export default { return !!this.getCmsContent('GlassOnlyQuestion', 'QuestionText'); }, getStates() { - return states; + return Object.keys(states).reduce((acc, key) => { + // eslint-disable-next-line no-param-reassign + acc[key] = states[key].toUpperCase(); + return acc; + }, {}); }, isPolicyHolderDisabled() { return !!this.mainStore.issConfig.disabledFields.policyNumber; @@ -408,7 +395,6 @@ export default { isDamageGlassOnly: this.mainStore.order.policy.isDamageGlassOnly, phoneNumber: this.mainStore.order.contactInfo.homePhone, extension: this.mainStore.order.contactInfo.extension, - email: this.mainStore.order.customer.emailAddress, isPolicyNumberDisabled: this.mainStore.order.policy.isPolicyNumberDisabled }; }, @@ -425,7 +411,6 @@ export default { this.welcomePageModel.isDamageGlassOnly = response.policy.isDamageGlassOnly; this.welcomePageModel.phoneNumber = response.customer.homePhone; this.welcomePageModel.extension = response.customer.extension; - this.welcomePageModel.email = response.customer.emailAddress; }, findDamageCause(damageCause) { const damageCauseOptions = this.DamageCauseOptions; @@ -481,13 +466,6 @@ export default { this.mainStore.order.loadedFromCookie = true; this.answeredContinueModal = true; this.$refs.continueModal.closeModal(); - }, - handleHelpLinkClick() { - useMainStore().setBailout(bailoutMessage.RequestCallback()); - this.$router.navigate( - this.navigationScenarios.CLICKED_FORWARD_WITH_BAILOUT, - this.$route - ); } } }; @@ -508,6 +486,10 @@ form { min-height: 1px; padding-left: .9375rem; padding-right: .9375rem; + + .form-group { + margin-top: 1.25rem; + } } } diff --git a/src/store/index.js b/src/store/index.js index 2926f21d..5fb37e57 100644 --- a/src/store/index.js +++ b/src/store/index.js @@ -2277,7 +2277,6 @@ export const useMainStore = defineStore({ this.order.policy.damageState = welcomePageModel?.damageState; this.order.policy.damageCity = welcomePageModel?.damageCity; this.order.policy.isDamageGlassOnly = welcomePageModel?.isDamageGlassOnly; - this.order.customer.emailAddress = welcomePageModel?.email; this.order.serviceLocation.zipCode = welcomePageModel?.policyZipCode; this.updatePhoneNumbers({ home: welcomePageModel?.phoneNumber, diff --git a/src/styles/common-styles.scss b/src/styles/common-styles.scss index d60114d6..5c369f09 100644 --- a/src/styles/common-styles.scss +++ b/src/styles/common-styles.scss @@ -174,6 +174,7 @@ body { div.textbox-question { label { span.sub-caption { + color: #525656; font-weight: 400; } } @@ -203,10 +204,10 @@ $heritage-btn-width: 9.0625rem; // 145px @include heritage-btn-variant('secondary', $white, $heritage-blue-secondary, transparent, true); @include heritage-btn-link('link', $blue, transparent, $heritage-blue-secondary); - @include heritage-btn-size('lg', 0.625rem, 1.25rem); + @include heritage-btn-size('lg', 0.625rem, 1.25rem); @include heritage-btn-size('md', 7px, 15px); - @include heritage-btn-size('sm', 3px, 6px); - @include heritage-btn-size('xs', 1px, 5px); + @include heritage-btn-size('sm', 3px, 6px); + @include heritage-btn-size('xs', 1px, 5px); &.btn-link { --bs-btn-padding-x: 0px;