Merge pull request #2131 from Safelite/rlsmerge/2024.11.21-to-dev-freeze
Rlsmerge/2024.11.21 to dev freeze
This commit is contained in:
commit
413a01dc68
9 changed files with 79 additions and 57 deletions
|
|
@ -14,6 +14,8 @@ This will compile and output .css files (into the public/css folder) that can be
|
|||
|
||||
From a windows machine, I ran an install for sass even though it is listed in node_modules. It would not run unless I did an install:
|
||||
npm install -g sass
|
||||
|
||||
Then from \git\DigitalConsumer.FixMyGlass\public
|
||||
sass --no-source-map --watch scss:css
|
||||
|
||||
Then committed the css files and reverted the package.json file so I didn't commit an upgraded version of sass
|
||||
|
|
@ -299,7 +299,15 @@ body .cc-error-container #alert-message {
|
|||
width: 100%;
|
||||
}
|
||||
#fmg-checkout-shared #other-payments-container .italicSmall {
|
||||
margin-top: 10px;
|
||||
margin-top: 24px;
|
||||
margin-bottom: 24px;
|
||||
font-size: 14px;
|
||||
color: #525656;
|
||||
}
|
||||
#fmg-checkout-shared #other-payments-container .disclaimerContainerv2 {
|
||||
margin-bottom: 24px;
|
||||
font-size: 14px;
|
||||
color: #525656;
|
||||
}
|
||||
@media only screen and (max-device-width: 767px) {
|
||||
#fmg-checkout-shared #applepay-and-paypal-container {
|
||||
|
|
|
|||
|
|
@ -379,8 +379,17 @@ body {
|
|||
}
|
||||
|
||||
.italicSmall {
|
||||
margin-top: 10px;
|
||||
margin-top: 24px;
|
||||
margin-bottom: 24px;
|
||||
font-size: 14px;
|
||||
color: #525656;
|
||||
}
|
||||
|
||||
.disclaimerContainerv2 {
|
||||
margin-bottom: 24px;
|
||||
font-size: 14px;
|
||||
color: #525656;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-device-width: 767px) {
|
||||
|
|
|
|||
|
|
@ -341,12 +341,6 @@ describe("cart.vue", () => {
|
|||
expect(wrapper.vm.servicePackageDiscountCartItem).not.toBeNull();
|
||||
expect(wrapper.vm.servicePackageDiscountCartItem.subTotal).toEqual(-70);
|
||||
expect(wrapper.vm.servicePackageDiscountCartItem.salesTax).toEqual(0);
|
||||
|
||||
const found =
|
||||
wrapper.vm.cartItems.findIndex(
|
||||
(cartItem) => cartItem == wrapper.vm.servicePackageDiscountCartItem
|
||||
) >= 0;
|
||||
expect(found).toBe(true);
|
||||
});
|
||||
|
||||
// Other Supporting Items Cart Item
|
||||
|
|
|
|||
|
|
@ -162,10 +162,15 @@ import promoModalQuestion from "@/fmg-components/promo-modal-question/promo-moda
|
|||
|
||||
// Mixins
|
||||
import baseMixin from "@/mixins/base-mixin.js";
|
||||
import experimentMixin from "@/mixins/experiment-mixin.js";
|
||||
|
||||
// Helpers
|
||||
import { deepClone } from "@/helpers/object-helper";
|
||||
import { getHighestFullySatisfiedTier, getPackageContents } from "@/helpers/service-package-helper";
|
||||
import {
|
||||
getHighestFullySatisfiedTier,
|
||||
getPackageContents,
|
||||
getDiscountPackageName,
|
||||
} from "@/helpers/service-package-helper";
|
||||
import { getPromoCodeWithoutBundleIdentifier } from "@/helpers/promotions-helper";
|
||||
import { storeActions } from "@/constants/store-actions";
|
||||
|
||||
|
|
@ -174,6 +179,7 @@ import { partTypeStrings } from "@/constants/part-type-strings";
|
|||
import { cartItemCategories } from "@/constants/cart-item-categories";
|
||||
import { cartItemTypes } from "@/constants/cart-item-types";
|
||||
import { coverageStatus, cartItemTypesCoveredByInsurance } from "@/constants/insurance";
|
||||
import { experimentSettings } from "@/constants/experiments";
|
||||
|
||||
export default {
|
||||
name: "cart",
|
||||
|
|
@ -424,7 +430,10 @@ export default {
|
|||
cartItems.push(this.mobileFeeCartItem);
|
||||
}
|
||||
|
||||
if (this.servicePackageDiscountCartItem) {
|
||||
if (
|
||||
this.servicePackageDiscountCartItem &&
|
||||
this.discountPackageNames == this.packageLevel
|
||||
) {
|
||||
cartItems.push(this.servicePackageDiscountCartItem);
|
||||
}
|
||||
|
||||
|
|
@ -441,6 +450,12 @@ export default {
|
|||
return cartItems;
|
||||
},
|
||||
},
|
||||
discountPackageNames() {
|
||||
const discountServicePackage = experimentMixin.methods.getSettingValue(
|
||||
experimentSettings.PROMO_ON_PACKAGE
|
||||
);
|
||||
return getDiscountPackageName(discountServicePackage);
|
||||
},
|
||||
servicePackageTitleWidget() {
|
||||
const servicePackageNames = this.getCmsContent(
|
||||
this.servicePackageOptionsCmsName,
|
||||
|
|
|
|||
|
|
@ -294,8 +294,8 @@ export default {
|
|||
margin: 0 0 0 7px;
|
||||
color: #1574a1;
|
||||
vertical-align: middle;
|
||||
font-weight: 500;
|
||||
font-family: "Roboto";
|
||||
font-weight: 600;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.add-to-calendar button {
|
||||
border: 0;
|
||||
|
|
@ -307,7 +307,8 @@ export default {
|
|||
margin: 0 auto;
|
||||
}
|
||||
.calendar-section .add-to-calendar {
|
||||
padding-top: 15px;
|
||||
padding: 1rem 0;
|
||||
text-align: center;
|
||||
}
|
||||
.calendar-section .add-to-calendar .add-to-calendar-span {
|
||||
cursor: pointer;
|
||||
|
|
|
|||
|
|
@ -36,7 +36,7 @@
|
|||
:scheduleStartTime="ScheduleStartTime"
|
||||
:scheduleEndTime="ScheduleEndTime" />
|
||||
|
||||
<div class="appoinmenttext" v-html="AppointmentWordingText"></div>
|
||||
<div class="appointment-text" v-html="AppointmentWordingText"></div>
|
||||
|
||||
<textBlock
|
||||
:customText="AppointmentDuration"
|
||||
|
|
@ -344,7 +344,9 @@ export default {
|
|||
}
|
||||
if (this.AppointmentType == AppointmentTypeStrings.DROP_OFF) {
|
||||
if (
|
||||
this.submittedOrder?.schedule?.routeCode.includes(RouteCodeFlags.OVERNIGHT_DROP_OFF)
|
||||
this.submittedOrder?.schedule?.routeCode.includes(
|
||||
RouteCodeFlags.OVERNIGHT_DROP_OFF
|
||||
)
|
||||
) {
|
||||
return `Drop off before 5:30 PM`;
|
||||
} else {
|
||||
|
|
@ -486,41 +488,7 @@ export default {
|
|||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
.calendar-section[data-v-8004c52c] {
|
||||
display: table;
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.calendar-section .add-to-calendar {
|
||||
padding: 1rem 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.add-to-calendar button {
|
||||
border: 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.appoinmenttext p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.calendar-section .add-to-calendar .add-to-calendar-span {
|
||||
cursor: pointer;
|
||||
}
|
||||
.calendar-section .add-to-calendar .add-to-calendar-img {
|
||||
display: inline;
|
||||
width: 20px;
|
||||
}
|
||||
.add-to-calendar-text {
|
||||
margin: 0 0 0 7px;
|
||||
color: #0070d1;
|
||||
vertical-align: middle;
|
||||
font-weight: 500;
|
||||
font-family: "Roboto";
|
||||
text-decoration: underline;
|
||||
}
|
||||
.header-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -540,8 +508,13 @@ export default {
|
|||
}
|
||||
}
|
||||
|
||||
.appoinmenttext strong {
|
||||
color: $black;
|
||||
.appointment-text {
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
strong {
|
||||
color: $black;
|
||||
}
|
||||
}
|
||||
|
||||
.emailtext {
|
||||
|
|
|
|||
|
|
@ -533,11 +533,23 @@ export default {
|
|||
false
|
||||
);
|
||||
}
|
||||
this.dispatchStoreAction(
|
||||
this.storeActions.SAVE_SUPPORTING_ITEMS,
|
||||
this.lineItems.supportingItems,
|
||||
false
|
||||
);
|
||||
if (this.isInsuranceSelected && this.isServicePackageDiscountOnOrder) {
|
||||
let supportingItems = this.lineItems.supportingItems;
|
||||
supportingItems = supportingItems.filter((item) => {
|
||||
return item.partType != this.servicePackageDiscountParts[0].partType;
|
||||
});
|
||||
this.dispatchStoreAction(
|
||||
this.storeActions.SAVE_SUPPORTING_ITEMS,
|
||||
supportingItems,
|
||||
false
|
||||
);
|
||||
} else {
|
||||
this.dispatchStoreAction(
|
||||
this.storeActions.SAVE_SUPPORTING_ITEMS,
|
||||
this.lineItems.supportingItems,
|
||||
false
|
||||
);
|
||||
}
|
||||
this.dispatchStoreAction(this.storeActions.SAVE_VAPS, this.lineItems.vaps, false);
|
||||
this.dispatchStoreAction(
|
||||
storeActions.SAVE_ACTIVE_AND_OR_INACTIVE_PROMOS,
|
||||
|
|
|
|||
|
|
@ -939,7 +939,7 @@ export const getters = {
|
|||
.reduce((r, c) => Object.assign(r, c), {}) ?? {},
|
||||
|
||||
isVerifiedAndDeductibleZeroConfirmed: (state) => {
|
||||
// used as a CMS variable on /payment-method, needed for FunnelSubHeaderWidget on cart pages
|
||||
// used in CMS on /payment-method in Header Sub Text, for FunnelSubHeaderWidget on cart pages
|
||||
if (
|
||||
state.order.policy.currentDeductible === 0 &&
|
||||
getters.coverageIsVerified(state) &&
|
||||
|
|
@ -949,6 +949,14 @@ export const getters = {
|
|||
}
|
||||
return false;
|
||||
},
|
||||
isItacOrNoComp: (state) => {
|
||||
// used in CMS on /payment-method in Header Sub Text, for FunnelSubHeaderWidget on cart pages
|
||||
if (state.order.policy.isNoComp || state.order.policy.isItac) {
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
},
|
||||
requiresVerifiedRedirecting: (state) => {
|
||||
return state.order?.referralNumber?.length === 6;
|
||||
},
|
||||
|
|
|
|||
Loading…
Reference in a new issue