diff --git a/src/fmg-components/cart/cart.vue b/src/fmg-components/cart/cart.vue index c2f1c0d57..8cc9d4a01 100644 --- a/src/fmg-components/cart/cart.vue +++ b/src/fmg-components/cart/cart.vue @@ -12,35 +12,32 @@
- {{ + {{ currencyFormatter.format(packagePrice) }}
- {{ lineItem.name }} + :class="[this.packageCartItems ? 'vaps' : '']"> + {{ cartItem.name }} + @click-event="removeItem(cartItem)" />
-
- {{ lineItem.name }} +
+ {{ cartItem.name }} - {{ lineItem.price }} + @click-event="removeItem(cartItem)" /> + {{ currencyFormatter.format(cartItem.subTotal) }}
{{ recycleLabel }} { - price += baseMixin.methods.getTotalLineItemPrice(item); + subTotal += item.subTotal; // baseMixin.methods.getTotalLineItemPrice(item); }); - return price; + return subTotal; }, - getAmountDue() { - return baseMixin.methods.getDisplayAmountDue(this.storeLineItems); + removeItem(cartItem) { + this.lineItems[cartItem.category] = this.lineItems[cartItem.category].filter(lineItem => lineItem.partType != cartItem.cartItemType); }, - removeItem(item) { - this.$emit("cart-remove", item); - }, - getVapsLineItemsForSelectedPackage(packageName) { + getVapsCartItemsForSelectedPackage(packageName) { const packageContentTypes = getPackageContents( this.glassToReplace, this.availableLineItems, @@ -122,19 +116,73 @@ export default { packageName ); - let vapsLineItemsForSelectedPackage = []; + let vapsCartItemsForSelectedPackage = []; - packageContentTypes.forEach((vapType) => { - vapsLineItemsForSelectedPackage.push( - ...findLineItemsWithPartType(vapType, this.availableLineItems) - ); - }); + this.cartItems.forEach((cartItem) => { + packageContentTypes.forEach((vapType) => { + if (vapType == cartItem.cartItemType) { + vapsCartItemsForSelectedPackage.push(cartItem); + } + }) + }) - return vapsLineItemsForSelectedPackage; + return vapsCartItemsForSelectedPackage; }, + getCmsContentForVapsType(vapsType) { + const vapsItemDescriptions = this.getCmsContent( + "VapsItemDescriptions", + "Answers" + ); + + if (!vapsItemDescriptions) { + return ""; + } + + const vapsTypeName = vapsItemDescriptions.find( + (entry) => entry.Name === vapsType + ); + + return vapsTypeName.Text; + } }, computed: { - packageNameWidget() { + lineItems: { + get: function () { + return this.modelValue; + }, + set: function (newValue) { + this.$emit("update:modelValue", newValue); + }, + }, + cartItems: { + get: function () { + let cartItems = []; + + if (this.frontWipersCartItem) { + cartItems.push(this.frontWipersCartItem); + } + + if (this.rearWipersCartItem) { + cartItems.push(this.rearWipersCartItem); + } + + if (this.rainDefenseCartItem) { + cartItems.push(this.rainDefenseCartItem); + } + + if (this.glassPartsCartItem) { + cartItems.push(this.glassPartsCartItem); + } + + if (this.supportingItemsCartItem) { + cartItems.push(this.supportingItemsCartItem); + } + + return cartItems; + }, + set: function (newValue) {}, + }, + servicePackageTitleWidget() { const servicePackageNames = this.getCmsContent( this.servicePackageOptionsCmsName, "Answers" @@ -171,35 +219,36 @@ export default { return packagePrice; }, - allLineItems() { - return this.lineItemUtilities.getArrayOfAllLineItems(this.lineItems); - }, - flattenedLineItems() { - return this.lineItemUtilities.getFlattenedArrayOfLineItemsWithChildParts( - this.allLineItems - ); + vaps() { + const vaps = this.lineItems?.vaps; + return vaps?.length > 0 ? vaps : []; }, frontWipersCartItem() { let cartItem = null; - let frontWipers = this.vaps.filter( + + const frontWiperLineItems = this.vaps.filter( (vapsLineItem) => vapsLineItem.partType == "FRONT WIPER" ); - if (frontWipers.length > 0) { + + if (frontWiperLineItems.length > 0) { cartItem = { - name: "Front Wipers", // TODO: Get from CMS - partNumber: "Multiple", - partType: "Multiple", // TODO: Get from CMS - laborAmount: 0, - sellingPrice: 0, - kitPrice: 0, + name: this.getCmsContentForVapsType("FRONT WIPER"), //"Front Wipers", // TODO: Get from CMS + category: "vaps", + cartItemType: "FRONT WIPER", + subTotal: 0, salesTax: 0, + lineItems: [], }; - frontWipers.forEach((lineItem) => { - cartItem.kitPrice += lineItem.kitPrice ?? 0; - cartItem.laborAmount += lineItem.laborAmount ?? 0; - cartItem.sellingPrice += lineItem.sellingPrice ?? 0; - cartItem.salesTax += lineItem.salesTax ?? 0; + frontWiperLineItems.forEach((lineItem) => { + cartItem.lineItems.push(lineItem); + + cartItem.subTotal += + (lineItem.kitPrice ?? 0) + + (lineItem.laborAmount ?? 0) + + (lineItem.sellingPrice ?? 0); + + cartItem.salesTax += lineItem.salesTax ?? 0; }); } @@ -208,124 +257,152 @@ export default { rearWipersCartItem() { let cartItem = null; - let rearWipers = this.vaps.filter( + const rearWiperLineItems = this.vaps.filter( (vapsLineItem) => vapsLineItem.partType == "REAR WIPER" ); - if (rearWipers.length > 0) { + + if (rearWiperLineItems.length > 0) { cartItem = { - name: "Rear Wipers", // TODO: Get from CMS - partNumber: "Multiple", - partType: "Multiple", // TODO: Get from CMS - laborAmount: 0, - sellingPrice: 0, - kitPrice: 0, + name: this.getCmsContentForVapsType("REAR WIPER"), // TODO: Get from CMS + category: "vaps", + cartItemType: "REAR WIPER", + subTotal: 0, salesTax: 0, + lineItems: [], }; - rearWipers.forEach((lineItem) => { - cartItem.kitPrice += lineItem.kitPrice ?? 0; - cartItem.laborAmount += lineItem.laborAmount ?? 0; - cartItem.sellingPrice += lineItem.sellingPrice ?? 0; - cartItem.salesTax += lineItem.salesTax ?? 0; + rearWiperLineItems.forEach((lineItem) => { + cartItem.lineItems.push(lineItem); + + cartItem.subTotal += + (lineItem.kitPrice ?? 0) + + (lineItem.laborAmount ?? 0) + + (lineItem.sellingPrice ?? 0); + + cartItem.salesTax += lineItem.salesTax ?? 0; }); } return cartItem; }, - cartItems: { - get: function () { - const cartItems = []; + rainDefenseCartItem() { + let cartItem = null; - if (this.frontWipersCartItem) { - cartItems.push(this.frontWipersCartItem); - } + const rainDefenseLineItems = this.vaps.filter( + (vapsLineItem) => vapsLineItem.partType == "RAIN DEFENSE" + ); - if (this.rearWipersCartItem) { - cartItems.push(this.rearWipersCartItem); - } + if (rainDefenseLineItems.length > 0) { + cartItem = { + name: this.getCmsContentForVapsType("RAIN DEFENSE"), // TODO: Get from CMS + category: "vaps", + cartItemType: "RAIN DEFENSE", + subTotal: 0, + salesTax: 0, + lineItems: [], + }; - const otherVapsLineItems = this.vaps.filter( - (vapsLineItem) => - vapsLineItem.partType != "FRONT WIPER" && - vapsLineItem.partType != "REAR WIPER" - ); - otherVapsLineItems.forEach((lineItem) => { - const cartItem = lineItem; - cartItems.push(cartItem); + rainDefenseLineItems.forEach((lineItem) => { + cartItem.lineItems.push(lineItem); + + cartItem.subTotal += + (lineItem.kitPrice ?? 0) + + (lineItem.laborAmount ?? 0) + + (lineItem.sellingPrice ?? 0); + + cartItem.salesTax += lineItem.salesTax ?? 0; }); + } - console.log(this.lineItems); - console.log(this.lineItems.glassParts); - - const glassPartsLineItems = - this.lineItemUtilities.getFlattenedArrayOfLineItemsWithChildParts( - this.lineItems.glassParts - ); - - console.log(this.glassPartsLineItems); - glassPartsLineItems.forEach((lineItem) => { - const cartItem = lineItem; - cartItems.push(cartItem); - }); - - console.log(cartItems); - - return cartItems; - }, - set: function (newValue) {}, + return cartItem; }, - packageLineItems() { - const packageLineItems = []; - return packageLineItems; + glassPartsCartItem() { + let cartItem = null; + + const flattenedGlassPartsLineItems = this.lineItemUtilities.getFlattenedArrayOfLineItemsWithChildParts( + this.lineItems.glassParts); + + if (flattenedGlassPartsLineItems.length > 0) { + cartItem = { + name: "Glass Parts", // TODO: Get from CMS + category: "glassParts", + cartItemType: "GLASS PARTS", + subTotal: 0, + salesTax: 0, + lineItems: [], + }; + + flattenedGlassPartsLineItems.forEach((lineItem) => { + cartItem.lineItems.push(lineItem); + + cartItem.subTotal += + (lineItem.kitPrice ?? 0) + + (lineItem.laborAmount ?? 0) + + (lineItem.sellingPrice ?? 0); + + cartItem.salesTax += lineItem.salesTax ?? 0; + }); + } + + return cartItem; }, - displayedNonPackageLineItems() { - const displayedNonPackageLineItems = []; - const possibleLineItems = [...this.vaps, ...this.supportingItems]; - possibleLineItems?.forEach((item) => { - let price = item.sellingPrice + item.kitPrice + item.laborAmount; + supportingItemsCartItem() { + let cartItem = null; - const isAllowed = this.allowableLineItems?.findIndex((lineItem) => { - return lineItem.partType === item.partType; + if (this.supportingItems.length > 0) { + cartItem = { + name: "Supporting Items", // TODO: Get from CMS + category: "supportingItems", + cartItemType: "SUPPORTING ITEMS", + subTotal: 0, + salesTax: 0, + lineItems: [], + }; + + this.supportingItems.forEach((lineItem) => { + cartItem.lineItems.push(lineItem); + + cartItem.subTotal += + (lineItem.kitPrice ?? 0) + + (lineItem.laborAmount ?? 0) + + (lineItem.sellingPrice ?? 0); + + cartItem.salesTax += lineItem.salesTax ?? 0; }); + } - const indexFound = this.displayedPackageLineItems?.findIndex((packageLineItem) => { - return packageLineItem.partType === item.partType; - }); + return cartItem; + }, + packageCartItems() { + if (this.packageLevel == "TierThree") { + return this.cartItems.filter(cartItem => cartItem.category == "vaps"); + } else if (this.packageLevel == "TierTwo") { + return this.cartItems.filter(cartItem => cartItem.cartItemType == "FRONT WIPER" || cartItem.cartItemType == "REAR WIPER"); + } - const isInPackage = this.displayedPackageLineItems?.findIndex((packageLineItem) => { - return packageLineItem.partType === item.partType; - }); + return []; + }, + nonpackageCartItems() { + if (this.packageLevel == "TierOne" && this.rainDefenseCartItem) { + return this.cartItems.filter(cartItem => cartItem.cartItemType == "RAIN DEFENSE"); + } - if (isInPackage === -1 && isAllowed > -1) { - const nonPackageLineItem = { - name: item.partType, - price: "$" + parseFloat(price).toFixed(2), - partType: item.partType, - isRemovable: item.isRemovable, - }; - - displayedNonPackageLineItems.push(nonPackageLineItem); - } - }); - - return displayedNonPackageLineItems; + return []; }, glassToReplace() { if (!this.damage) { return; } + return this.damage.glassToReplace; }, isRepair() { if (!this.damage) { return; } + return this.damage.isRepair; }, - vaps() { - const vaps = this.lineItems?.vaps; - return vaps?.length > 0 ? vaps : []; - }, supportingItems() { const supportingItems = this.lineItems?.supportingItems; return supportingItems?.length > 0 ? supportingItems : []; @@ -351,19 +428,17 @@ export default { subTotal() { let subTotal = 0; - this.cartItems.forEach((lineItem) => { - subTotal += - (lineItem.kitPrice ?? 0) + - (lineItem.laborAmount ?? 0) + - (lineItem.sellingPrice ?? 0); + this.cartItems.forEach((cartItem) => { + subTotal += cartItem.subTotal; }); return subTotal; }, salesTax() { let salesTax = 0; - this.cartItems.forEach((lineItem) => { - salesTax += lineItem.salesTax ?? 0; + this.cartItems.forEach((cartItem) => { + console.log(cartItem.salesTax) + salesTax += cartItem.salesTax ?? 0; }); return salesTax; diff --git a/src/layouts/payment-method/payment-method.vue b/src/layouts/payment-method/payment-method.vue index c47dd253e..56e753cd1 100644 --- a/src/layouts/payment-method/payment-method.vue +++ b/src/layouts/payment-method/payment-method.vue @@ -27,7 +27,7 @@ @@ -90,6 +90,7 @@ import { defineRule } from "vee-validate"; import { required } from "@/helpers/validation-rules"; import { errorMessages } from "@/constants/error-messages"; import { AppointmentTypeStrings } from "@/constants/schedule-constants"; +import { deepClone } from "@/helpers/object-helper"; defineRule("option-required", required(errorMessages.OPTION_REQUIRED)); @@ -137,7 +138,7 @@ export default { ]; const resultMap = await settleAllPromises(promiseResultMap); - + console.log(resultMap.cmsContent) const glassParts = store.getters.order.lineItems.glassParts ?? []; const availableLineItems = [ @@ -147,6 +148,7 @@ export default { ...glassParts, ]; + const lineItems = store.getters.order.lineItems; const pricingResults = await baseMixin.methods.dispatchStoreActionWithLogging( storeActions.PRICE_ORDER_ITEMS_AND_SAVE_SERVER_DATA, { @@ -164,7 +166,7 @@ export default { appointmentType: store.getters.order.serviceLocation.appointmentType, serviceLocationState: store.getters.order.serviceLocation.state, serviceLocationZipCode: store.getters.order.serviceLocation.zipCode, - pricedAvailableLineItems: pricingResults, + pricedAvailableLineItems: availableLineItems, }, "payment-method", false @@ -174,13 +176,12 @@ export default { next((vm) => { vm.setCmsContent(resultMap.cmsContent); vm.availableLineItems = taxingResults; - vm.lineItems = store.getters.order.lineItems; + vm.lineItems = deepClone(lineItems); }); }, data() { return { lineItems: [], - taxedLineItems: [], // temporary, for use by cart.vue availableLineItems: [], paymentMethodInternalModel: this.getPaymentMethodFromStore(), displayPiaAlert: this.getPiaAlert(), @@ -258,18 +259,6 @@ export default { return paymentMethods.LATER; } }, - cartRemove(item) { - const matchedIndices = []; - this.cartItems.forEach((cartItem, i) => { - if (cartItem.partType === item.partType) { - // console.log("adding this to matchedIndices: ", i); - matchedIndices.push(i); - } - }); - this.cartItems = this.cartItems.filter((cartItem, index) => { - return cartItem.partType !== item.partType; - }); - }, backButtonAction() { this.dispatchStoreAction(storeActions.SAVE_PIA_ERROR_CODE, null, false); this.$router.navigateWithoutSaving(this.navigationScenarios.CLICKED_BACK, this.$route); @@ -367,7 +356,7 @@ export default { customCtaCopy(newValue) { this.$refs.navbar.updateButtonText(newValue); }, - }, + }, components: { funnelHeader, navbar, diff --git a/src/store/index.js b/src/store/index.js index c0cabc371..013d1cdbd 100644 --- a/src/store/index.js +++ b/src/store/index.js @@ -2598,7 +2598,7 @@ function getFlattenedArrayOfLineItemsWithChildParts(lineItems) { ]; } }); - console.log(flattenedArray); + return flattenedArray; }