Tech review changes

src/fmg-components/cart/cart.vue

@@ -3,15 +3,15 @@
         <div class="px-0">
             <div
                 class="row vin-toggle flex align-items-center"
-                :class="[isActive ? 'active' : '']"
-                @click="toggleClass()">
+                :class="[isExpanded ? 'expanded' : '']"
+                @click="toggleIsExpanded()">
                 <div class="col d-flex justify-content-between">
                     <span class="label">{{ amountDueText }}</span
                     ><span class="label amount-due">{{ currencyFormatter.format(amountDue) }}</span>
                 </div>
             </div>
             <div class="price-table">
-                <div class="service-type" :class="{ packageWithVAPS: packageWithVAPS }">
+                <div class="service-type">
                     <textBlock :cmsWidgetName="servicePackageTitleWidget" /><span>{{
                         currencyFormatter.format(packagePrice)
                     }}</span>
@@ -106,8 +106,7 @@ export default {
     },
     data() {
         return {
-            isActive: false,
-            packageWithVAPS: false,
+            isExpanded: false,
             currencyFormatter: new Intl.NumberFormat("en-US", {
                 style: "currency",
                 currency: "USD",
@@ -119,8 +118,8 @@ export default {
         openModal(modalName) {
             this.$refs[modalName].openModal();
         },
-        toggleClass: function (event) {
-            this.isActive = !this.isActive;
+        toggleIsExpanded() {
+            this.isExpanded = !this.isExpanded;
         },
         getVapsPrice(packageName) {
             const vapsItems = this.getVapsCartItemsForSelectedPackage(packageName);
@@ -308,14 +307,6 @@ export default {
             const nonpackageCartItems = [];
 
             this.cartItems.forEach((cartItem) => {
-                // if (
-                //     cartItem == this.recycleFeeCartItem ||
-                //     cartItem == this.mobileFeeCartItem ||
-                //     cartItem == this.premiumAppointmentDiscountCartItem
-                // ) {
-                //     return;
-                // }
-
                 if (!this.packageCartItems.find((packageCartItem) => packageCartItem == cartItem)) {
                     if (cartItem.isDisplayed) {
                         nonpackageCartItems.push(cartItem);
@@ -476,7 +467,7 @@ export default {
             let cartItem = null;
 
             const recycleFeeLineItem = this.supportingItems.find(
-                (supportingItem) => supportingItem.partNumber == partTypeStrings.RECYCLE_FEE
+                (supportingItem) => supportingItem.partType == partTypeStrings.RECYCLE_FEE
             );
 
             if (recycleFeeLineItem) {
@@ -784,10 +775,10 @@ export default {
             margin: 1rem 0 1rem 1rem;
             cursor: pointer;
         }
-        &.active:after {
+        &.expanded:after {
             transform: rotate(180deg);
         }
-        &.active + .price-table {
+        &.expanded + .price-table {
             max-height: 650px;
             transition: all 350ms ease-in;
             overflow: hidden;