From 064851798f87a1ee91e6989362280054f3c824e6 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Fri, 28 Jun 2024 14:21:59 -0400
Subject: [PATCH] WIP

---
 public/css/README.md                          |  2 +-
 .../checkbox-question/checkbox-question.vue   |  1 -
 src/fmg-components/cart/cart.vue              |  3 ++-
 src/layouts/payment-method/payment-method.vue | 23 ++++++++-----------
 4 files changed, 13 insertions(+), 16 deletions(-)

diff --git a/public/css/README.md b/public/css/README.md
index 74cd82e39..a228213b2 100644
--- a/public/css/README.md
+++ b/public/css/README.md
@@ -6,7 +6,7 @@ This public/css folder uses a standalone .scss > .css setup.
 From a Terminal window, run the Sass Watch command from the public folder only:
 
 ```bash
-sass --no-source-map --watch scss:css
+sass --watch scss:css
 ```
 This will compile and output .css files (into the public/css folder) that can be consumed by the Payment page.
 
diff --git a/src/digital-components/checkbox-question/checkbox-question.vue b/src/digital-components/checkbox-question/checkbox-question.vue
index c256fd0aa..8eac68a87 100644
--- a/src/digital-components/checkbox-question/checkbox-question.vue
+++ b/src/digital-components/checkbox-question/checkbox-question.vue
@@ -21,7 +21,6 @@
 </template>
 
 <script>
-
 import { useField, validate } from "vee-validate";
 import { v4 as uuidv4 } from "uuid";
 
diff --git a/src/fmg-components/cart/cart.vue b/src/fmg-components/cart/cart.vue
index ca7037d4f..f268e7831 100644
--- a/src/fmg-components/cart/cart.vue
+++ b/src/fmg-components/cart/cart.vue
@@ -1,9 +1,10 @@
 <template>
     <div class="cart">
         <div class="px-0">
+            <!-- set class to 'expaned' on line 7 so cart is open on page load. This may be temporary -->
             <div
                 class="row vin-toggle flex align-items-center pt-4"
-                :class="[isExpanded ? 'expanded' : '']"
+                :class="[isExpanded ? '' : 'expanded']"
                 @click="toggleIsExpanded()">
                 <a
                     aria-label="expand cart"
diff --git a/src/layouts/payment-method/payment-method.vue b/src/layouts/payment-method/payment-method.vue
index 27ad8d39a..2f3973a60 100644
--- a/src/layouts/payment-method/payment-method.vue
+++ b/src/layouts/payment-method/payment-method.vue
@@ -55,7 +55,7 @@
                         <div class="d-flex flex-row checkbox-group">
                             <checkboxQuestion
                                 class="mb-5"
-                                isRequired=true
+                                isRequired="true"
                                 v-model="isRecalAckOptIn"
                                 validationRules="recal-ack-required" />
                             <textBlock
@@ -116,10 +116,11 @@ import baseMixin from "@/mixins/base-mixin.js";
 import { settleAllPromises } from "@/helpers/layout-helper";
 import { storeActions } from "@/constants/store-actions";
 import store from "@/store";
-import { fetchCmsContentForPage,
-        doesCopyContainRouterLink,
-        getRouterLinkRouteFromCopy }
-from "@/helpers/cms-content-helper";
+import {
+    fetchCmsContentForPage,
+    doesCopyContainRouterLink,
+    getRouterLinkRouteFromCopy,
+} from "@/helpers/cms-content-helper";
 import { paymentMethods } from "@/constants/payment-method-constants";
 import { experimentSettings } from "@/constants/experiments";
 import {
@@ -494,14 +495,12 @@ export default {
             //     this.paymentMethod,
             //     false
             // );
-
             // // save lineitems as they now have salestax added
             // await this.dispatchStoreAction(
             //     storeActions.SAVE_GLASS_PARTS_SUPPRESSING_STATE_RESETTING,
             //     this.lineItems.glassParts,
             //     false
             // );
-
             // await this.dispatchStoreAction(
             //     storeActions.SAVE_SUPPORTING_ITEMS_SUPPRESSING_STATE_RESETTING,
             //     this.lineItems.supportingItems,
@@ -516,7 +515,6 @@ export default {
             //     },
             //     false
             // );
-
             // if (this.paymentMethod == paymentMethods.LATER) {
             //     // this creates the final work order
             //     await submitWorkOrder({ pageNameToLog: "payment-method", submitAfterSave: true });
@@ -715,14 +713,13 @@ export default {
 };
 </script>
 
-<style>
-    
-</style>
+<style></style>
 
 <style lang="scss" scoped>
+
 .checkbox-group {
     align-items: start;
-    >* {
+    > * {
         margin-top: 0;
     }
 }
@@ -748,7 +745,7 @@ export default {
                 order: 1;
             }
             p {
-                order: 3
+                order: 3;
             }
             img {
                 order: 2;