diff --git a/src/constants/bailoutCode.js b/src/constants/bailoutCode.js index fb1ac071..caffbda7 100644 --- a/src/constants/bailoutCode.js +++ b/src/constants/bailoutCode.js @@ -4,7 +4,7 @@ const bailoutCode = Object.freeze({ VehicleNotFound: 2, VehicleVinLookupError: 3, CoverageStatementInvalidState: 4, - DoNotSeeMyShop: 5, + NeedHelp: 5, PricingResponseError: 6, TPANotEnabled: 7, RequestCallback: 8, diff --git a/src/constants/bailoutMessage.js b/src/constants/bailoutMessage.js index 4215d868..33fe8956 100644 --- a/src/constants/bailoutMessage.js +++ b/src/constants/bailoutMessage.js @@ -33,9 +33,9 @@ const bailoutMessage = Object.freeze({ code: bailoutCode.CoverageStatementInvalidState, message: 'Coverage Statement has entered an invalid state' }), - doNotSeeMyShop: () => ({ - code: bailoutCode.DoNotSeeMyShop, - message: 'User does not see their shop.' + needHelp: () => ({ + code: bailoutCode.NeedHelp, + message: 'User clicked Need Help link.' }), pricingResponseError: (lineItems, error) => ({ code: bailoutCode.PricingResponseError, @@ -66,9 +66,9 @@ const bailoutMessage = Object.freeze({ message: 'User selected to continue a referral where a TPA shop was previously selected.' }), vehicleYMMSLookupError: (year, make, model, style, error) => { - const baseMessage = "An error occurred looking up vehicle"; + const baseMessage = 'An error occurred looking up vehicle'; const errorMessage = `Error: ${getItemData(error)}`; - + const getMessage = (year, make, model, style) => { if (!year) return `${baseMessage} years. ${errorMessage}`; if (!make) return `${baseMessage} makes for Year: ${year}. ${errorMessage}`; @@ -76,12 +76,12 @@ const bailoutMessage = Object.freeze({ if (!style) return `${baseMessage} styles for Year: ${year}, Make: ${make}, Model: ${model}. ${errorMessage}`; return `${baseMessage} with Year: ${year}, Make: ${make}, Model: ${model}, Style: ${style}. ${errorMessage}`; }; - + return { code: bailoutCode.VehicleYMMSLookupError, message: getMessage(year, make, model, style) }; - }, + } }); export default bailoutMessage; diff --git a/src/constants/progress-bar-mapper.js b/src/constants/progress-bar-mapper.js index b9f3af77..154601fa 100644 --- a/src/constants/progress-bar-mapper.js +++ b/src/constants/progress-bar-mapper.js @@ -45,7 +45,7 @@ export const pageProgressMapper = { percent: 50 }, 'coverage-statement': { - percent: 55 + percent: 50 }, 'provider-preference': { percent: 60 diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue index d2ea4c47..748b1173 100644 --- a/src/layouts/coverage-statement/coverage-statement.vue +++ b/src/layouts/coverage-statement/coverage-statement.vue @@ -15,26 +15,32 @@
-
+
-
Your deductible:
+
+ Your deductible: +
{{ formatAmountInDollars(deductibleValue) }}
-
Safelite price*:
+
+ Safelite price*: +
{{ formatAmountInDollars(totalServicePrice) }}
@@ -57,30 +63,31 @@ class="body-text" v-html="nextStepsBody">
- + @backClicked="navigateBackByVehicleQuestions" />
@@ -104,7 +111,6 @@ import { Form } from 'vee-validate'; import siteFooter from '@/iss-components/site-footer/site-footer.vue'; import siteHeader from '@/iss-components/site-header/site-header.vue'; -import alert from '@/ux-components/alert/alert.vue'; import cancelClaimModal from '@/layouts/coverage-statement/cancel-claim-modal/cancel-claim-modal.vue'; import contentGroupModal from '@/iss-components/content-group-modal/content-group-modal.vue'; import textBlock from '@/digital-components/text-block/text-block.vue'; @@ -145,7 +151,6 @@ export default { siteHeader, // eslint-disable-next-line vue/no-reserved-component-names Form, - alert, cancelClaimModal, contentGroupModal, buttonMain, @@ -354,6 +359,12 @@ export default { }, isRepair() { return this.mainStore.order.damage.isRepair; + }, + isUnverifiedADAS() { + return this.isUnverifiedVisible && this.isADAS; + }, + isUnverifiedNonADAS() { + return this.isUnverifiedVisible && !this.isADAS; } }, watch: { @@ -487,6 +498,10 @@ export default { return !isRepair && this.isDeductibleVisible && this.deductibleValue <= 0; case 'verifiedReplaceDeductibleOverZero': return !isRepair && this.isDeductibleVisible && this.deductibleValue > 0; + case 'unverifiedADAS': + return this.isUnverifiedADAS; + case 'unverifiedNonADAS': + return this.isUnverifiedNonADAS; default: return null; } @@ -534,6 +549,8 @@ export default { } .sub-header { line-height: 2rem; + margin-top: 20px; + margin-bottom: 20px; } .full-width-button { width: 100%; @@ -569,6 +586,11 @@ export default { } :deep(.body-text) { line-height: 1.5rem; + color: $darker-gray; + strong { + color: $black; + font-weight: 500; + } } :deep(.question-text) { margin-top: 1.5rem; @@ -597,7 +619,7 @@ export default { font-weight: $font-weight-bold; color: $black; padding: 10px; - + .itac-deductible-value-container { display: flex; flex-direction: column;