From 2006fbbe9b96a20a48906c645a73d9adfdbd982b Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Wed, 1 Nov 2023 10:03:23 -0400
Subject: [PATCH] Format code.

---
 src/layouts/payment/payment.vue | 350 ++++++++++++++++----------------
 1 file changed, 175 insertions(+), 175 deletions(-)

diff --git a/src/layouts/payment/payment.vue b/src/layouts/payment/payment.vue
index 3c4bedce4..fc43af443 100644
--- a/src/layouts/payment/payment.vue
+++ b/src/layouts/payment/payment.vue
@@ -12,179 +12,179 @@
                 <div class="col-md-6 col-xl-4 p-0">
                     <div id="card-container">
                         <iframe
-                        v-resize
-                        ref="paymentFrame"
-                        class="hop-iframe payment-iframe"
-                        name="card-frame"
-                        id="card-frame"
-                        seamless
-                        scrolling="no">
-                    </iframe>
+                            v-resize
+                            ref="paymentFrame"
+                            class="hop-iframe payment-iframe"
+                            name="card-frame"
+                            id="card-frame"
+                            seamless
+                            scrolling="no">
+                        </iframe>
+                    </div>
+                    <div>{{ switchPaymentText }}</div>
+                    <div>
+                        <button
+                            v-if="paymentType !== 'cc'"
+                            ref="switchToCCButton"
+                            type="button"
+                            @mousedown="switchPIAMethod('cc')"
+                            aria-label="Switch to Credit Card">
+                            Switch to Credit Card
+                        </button>
+                    </div>
+                    <div v-if="paymentType !== 'cc'">or</div>
+                    <div>
+                        <button
+                            v-if="paymentType !== 'pp'"
+                            ref="switchToPPButton"
+                            type="button"
+                            @mousedown="switchPIAMethod('pp')"
+                            aria-label="Switch to PayPal">
+                            Switch to PayPal
+                        </button>
+                    </div>
+                    <div v-if="paymentType === 'cc'">or</div>
+                    <div>
+                        <button
+                            v-if="paymentType !== 'ap'"
+                            ref="switchToAPButton"
+                            type="button"
+                            @mousedown="switchPIAMethod('ap')"
+                            aria-label="Switch to Afterpay">
+                            Switch to Afterpay
+                        </button>
+                    </div>
+                    <navbar
+                        cmsWidgetName="FunnelFooterWidget"
+                        isForwardActionDisabled="true"
+                        :isBackButtonHidden="shouldHideBackButton"
+                        isSubmitHidden="true"
+                        @back-clicked="backButtonAction" />
                 </div>
-                <div>{{ switchPaymentText }}</div>
-                <div>
-                    <button
-                    v-if="paymentType !== 'cc'"
-                    ref="switchToCCButton"
-                    type="button"
-                    @mousedown="switchPIAMethod('cc')"
-                    aria-label="Switch to Credit Card">
-                    Switch to Credit Card
-                </button>
             </div>
-            <div v-if="paymentType !== 'cc'">or</div>
-            <div>
-                <button
-                v-if="paymentType !== 'pp'"
-                ref="switchToPPButton"
-                type="button"
-                @mousedown="switchPIAMethod('pp')"
-                aria-label="Switch to PayPal">
-                Switch to PayPal
-            </button>
         </div>
-        <div v-if="paymentType === 'cc'">or</div>
-        <div>
-            <button
-            v-if="paymentType !== 'ap'"
-            ref="switchToAPButton"
-            type="button"
-            @mousedown="switchPIAMethod('ap')"
-            aria-label="Switch to Afterpay">
-            Switch to Afterpay
-        </button>
-    </div>
-    <navbar
-    cmsWidgetName="FunnelFooterWidget"
-    isForwardActionDisabled="true"
-    :isBackButtonHidden="shouldHideBackButton"
-    isSubmitHidden="true"
-    @back-clicked="backButtonAction" />
-</div>
-</div>
-</div>
-</Form>
+    </Form>
 
-<form
-ref="hopForm"
-id="card-data"
-:target="paypalPayment ? '_top' : 'card-frame'"
-method="POST"
-:action="checkoutUrl">
-<input type="hidden" name="paymentType" :value="paymentType" />
-<input type="hidden" name="sgSessionId" :value="authToken" />
-<input type="hidden" name="sgAuthToken" :value="authToken" />
-<input type="hidden" name="sgSignaturePublic" :value="authSignature" />
-<input type="hidden" name="sgSignatureStartDate" :value="authSignatureStart" />
-<input type="hidden" name="referralSeqNum" :value="referralSequenceNumber" />
+    <form
+        ref="hopForm"
+        id="card-data"
+        :target="paypalPayment ? '_top' : 'card-frame'"
+        method="POST"
+        :action="checkoutUrl">
+        <input type="hidden" name="paymentType" :value="paymentType" />
+        <input type="hidden" name="sgSessionId" :value="authToken" />
+        <input type="hidden" name="sgAuthToken" :value="authToken" />
+        <input type="hidden" name="sgSignaturePublic" :value="authSignature" />
+        <input type="hidden" name="sgSignatureStartDate" :value="authSignatureStart" />
+        <input type="hidden" name="referralSeqNum" :value="referralSequenceNumber" />
 
-<input type="hidden" name="sge_commerce_indicator_isinternet" value="true" />
-<input type="hidden" name="sghopsource" value="Safelite.com" />
-<input type="hidden" name="sgHtmlStyle" value="ResourceSafeliteHtml" />
-<input type="hidden" name="sgErrorMessagesEmbedded" value="true" />
+        <input type="hidden" name="sge_commerce_indicator_isinternet" value="true" />
+        <input type="hidden" name="sghopsource" value="Safelite.com" />
+        <input type="hidden" name="sgHtmlStyle" value="ResourceSafeliteHtml" />
+        <input type="hidden" name="sgErrorMessagesEmbedded" value="true" />
 
-<input type="hidden" name="sgNoKeystrokeProcessing" value="false" />
+        <input type="hidden" name="sgNoKeystrokeProcessing" value="false" />
 
-<input type="hidden" name="maskCharacter" value="*" />
-<input type="hidden" name="styleSheetCode" :value="dynamicCSSUrl" />
-<input type="hidden" name="styleSheetCode2" :value="dynamicHopCSSUrl" />
+        <input type="hidden" name="maskCharacter" value="*" />
+        <input type="hidden" name="styleSheetCode" :value="dynamicCSSUrl" />
+        <input type="hidden" name="styleSheetCode2" :value="dynamicHopCSSUrl" />
 
-<input type="hidden" name="sgReceiptResponseURL" :value="piaResponseUrl" />
-<input type="hidden" name="sgDeclineResponseURL" :value="piaResponseUrl" />
-<input type="hidden" name="sgErrorResponseURL" :value="piaResponseUrl" />
+        <input type="hidden" name="sgReceiptResponseURL" :value="piaResponseUrl" />
+        <input type="hidden" name="sgDeclineResponseURL" :value="piaResponseUrl" />
+        <input type="hidden" name="sgErrorResponseURL" :value="piaResponseUrl" />
 
-<input type="hidden" name="sgheaderline1" :value="getHeaderLine1" />
-<input type="hidden" name="sgHeader1subtitle" value="" />
-<input type="hidden" name="sgheaderline2" :value="getHeaderLine2" />
-<input type="hidden" name="sgheaderline3" value="" />
-<input type="hidden" name="sgheaderline4" value="" />
-<input type="hidden" name="sgheaderline5" value="*Required information" />
+        <input type="hidden" name="sgheaderline1" :value="getHeaderLine1" />
+        <input type="hidden" name="sgHeader1subtitle" value="" />
+        <input type="hidden" name="sgheaderline2" :value="getHeaderLine2" />
+        <input type="hidden" name="sgheaderline3" value="" />
+        <input type="hidden" name="sgheaderline4" value="" />
+        <input type="hidden" name="sgheaderline5" value="*Required information" />
 
-<input type="hidden" name="billTo_firstName" :value="firstName" />
-<input type="hidden" name="billTo_firstNameShow" value="true" />
-<input type="hidden" name="sghopmiddleInitialShow" value="false" />
-<input type="hidden" name="billTo_lastName" :value="lastName" />
-<input type="hidden" name="billTo_lastNameShow" value="true" />
+        <input type="hidden" name="billTo_firstName" :value="firstName" />
+        <input type="hidden" name="billTo_firstNameShow" value="true" />
+        <input type="hidden" name="sghopmiddleInitialShow" value="false" />
+        <input type="hidden" name="billTo_lastName" :value="lastName" />
+        <input type="hidden" name="billTo_lastNameShow" value="true" />
 
-<input type="hidden" name="billTo_street1" value="" />
-<input type="hidden" name="billTo_street2" value="" />
-<input type="hidden" name="billTo_city" value="" />
-<input type="hidden" name="billTo_state" value="" />
+        <input type="hidden" name="billTo_street1" value="" />
+        <input type="hidden" name="billTo_street2" value="" />
+        <input type="hidden" name="billTo_city" value="" />
+        <input type="hidden" name="billTo_state" value="" />
 
-<input type="hidden" name="billTo_postalCode" value="" />
-<input type="hidden" name="billTo_postalCodeShow" value="true" />
-<input type="hidden" name="billTo_postalCodeEnable" value="true" />
-<input type="hidden" name="sgLabelPostalCode" value="Billing ZIP" />
+        <input type="hidden" name="billTo_postalCode" value="" />
+        <input type="hidden" name="billTo_postalCodeShow" value="true" />
+        <input type="hidden" name="billTo_postalCodeEnable" value="true" />
+        <input type="hidden" name="sgLabelPostalCode" value="Billing ZIP" />
 
-<input type="hidden" name="sgtotalamount" :value="displayAmount" />
-<input type="hidden" name="totalAmountDecimal" :value="totalAmount" />
-<input type="hidden" name="lineItems" :value="piaLineItems" />
+        <input type="hidden" name="sgtotalamount" :value="displayAmount" />
+        <input type="hidden" name="totalAmountDecimal" :value="totalAmount" />
+        <input type="hidden" name="lineItems" :value="piaLineItems" />
 
-<input type="hidden" name="sgdiscountstrikethruamount" value="" />
+        <input type="hidden" name="sgdiscountstrikethruamount" value="" />
 
-<input type="hidden" name="callerDisplayText" value="" />
+        <input type="hidden" name="callerDisplayText" value="" />
 
-<input
-type="hidden"
-name="sgtermsofusedisplaytext"
-value="By selecting submit, I agree to Safelite's" />
-<input type="hidden" name="sgtermsofuseurl" value="http://www.safelite.com/terms-of-use/" />
-<input type="hidden" name="sgtermsofuselinkdisplaytext" value="terms of use" />
-<input type="hidden" name="sgtermsofcancelrefunddisplaytext" value="and" />
-<input
-type="hidden"
-name="sgtermsofcancelrefundlinkdisplaytext"
-value="cancellation and refund policy" />
-<input
-type="hidden"
-name="sgtermsofcancelrefundurl"
-value="http://www.safelite.com/cancellation-refund-policy" />
+        <input
+            type="hidden"
+            name="sgtermsofusedisplaytext"
+            value="By selecting submit, I agree to Safelite's" />
+        <input type="hidden" name="sgtermsofuseurl" value="http://www.safelite.com/terms-of-use/" />
+        <input type="hidden" name="sgtermsofuselinkdisplaytext" value="terms of use" />
+        <input type="hidden" name="sgtermsofcancelrefunddisplaytext" value="and" />
+        <input
+            type="hidden"
+            name="sgtermsofcancelrefundlinkdisplaytext"
+            value="cancellation and refund policy" />
+        <input
+            type="hidden"
+            name="sgtermsofcancelrefundurl"
+            value="http://www.safelite.com/cancellation-refund-policy" />
 
-<input
-type="hidden"
-name="sgErrorMessageCardVerification"
-value="Credit card could not be processed" />
-<input
-type="hidden"
-name="sgErrorMessageTimeOut"
-value="For your security, this transaction has been timed out." />
+        <input
+            type="hidden"
+            name="sgErrorMessageCardVerification"
+            value="Credit card could not be processed" />
+        <input
+            type="hidden"
+            name="sgErrorMessageTimeOut"
+            value="For your security, this transaction has been timed out." />
 
-<input type="hidden" name="sgLabelCardNumber" value="" />
-<input type="hidden" name="sgLabelAddressLine1" :value="address1" />
-<input type="hidden" name="sgLabelAddressLine2" :value="address2" />
-<input type="hidden" name="sgLabelCity" :value="city" />
-<input type="hidden" name="sgLabelState" :value="state" />
+        <input type="hidden" name="sgLabelCardNumber" value="" />
+        <input type="hidden" name="sgLabelAddressLine1" :value="address1" />
+        <input type="hidden" name="sgLabelAddressLine2" :value="address2" />
+        <input type="hidden" name="sgLabelCity" :value="city" />
+        <input type="hidden" name="sgLabelState" :value="state" />
 
-<input type="hidden" name="sgCtu" :value="ctu" />
-<input type="hidden" name="sgWorkOrder" :value="workOrderNumber" />
-<input type="hidden" name="sgEmailAddress" :value="emailAddress" />
-<input type="hidden" name="paypalInvoiceNumber" :value="invoiceNumber" />
-<input type="hidden" name="paypalSuccessUrl" :value="piaResponseUrl" />
-<input type="hidden" name="paypalCancelUrl" :value="piaCancelUrl" />
+        <input type="hidden" name="sgCtu" :value="ctu" />
+        <input type="hidden" name="sgWorkOrder" :value="workOrderNumber" />
+        <input type="hidden" name="sgEmailAddress" :value="emailAddress" />
+        <input type="hidden" name="paypalInvoiceNumber" :value="invoiceNumber" />
+        <input type="hidden" name="paypalSuccessUrl" :value="piaResponseUrl" />
+        <input type="hidden" name="paypalCancelUrl" :value="piaCancelUrl" />
 
-<input type="hidden" name="sgCCDeclineURL" :value="piaCancelUrl" />
-<input type="hidden" name="sgCCTimeoutURL" :value="piaCancelUrl" />
+        <input type="hidden" name="sgCCDeclineURL" :value="piaCancelUrl" />
+        <input type="hidden" name="sgCCTimeoutURL" :value="piaCancelUrl" />
 
-<input type="hidden" name="sgTransactionType" value="authorization" />
-<input type="hidden" name="amount" :value="totalAmount" />
-<input type="hidden" name="ctu" :value="ctu" />
-<input type="hidden" name="orderNumber" :value="workOrderNumber" />
+        <input type="hidden" name="sgTransactionType" value="authorization" />
+        <input type="hidden" name="amount" :value="totalAmount" />
+        <input type="hidden" name="ctu" :value="ctu" />
+        <input type="hidden" name="orderNumber" :value="workOrderNumber" />
 
-<input type="hidden" name="billTo_email" :value="emailAddress" />
-<input type="hidden" name="useDecisionManager" value="True" />
-<input type="hidden" name="correlationId" :value="referralCorrelationId" />
-<input type="hidden" name="sgErrorMessageCard_CVN" value="Please enter a valid CVV" />
+        <input type="hidden" name="billTo_email" :value="emailAddress" />
+        <input type="hidden" name="useDecisionManager" value="True" />
+        <input type="hidden" name="correlationId" :value="referralCorrelationId" />
+        <input type="hidden" name="sgErrorMessageCard_CVN" value="Please enter a valid CVV" />
 
-<input type="hidden" name="ship_to_address_line1" :value="address1" />
-<input type="hidden" name="ship_to_address_line2" :value="address2" />
-<input type="hidden" name="ship_to_address_city" :value="city" />
-<input type="hidden" name="ship_to_address_state" :value="state" />
-<input type="hidden" name="ship_to_address_country" value="US" />
-<input type="hidden" name="ship_to_address_postal_code" :value="zipCode" />
-<input type="hidden" name="ship_to_phone" :value="phoneNumber" />
+        <input type="hidden" name="ship_to_address_line1" :value="address1" />
+        <input type="hidden" name="ship_to_address_line2" :value="address2" />
+        <input type="hidden" name="ship_to_address_city" :value="city" />
+        <input type="hidden" name="ship_to_address_state" :value="state" />
+        <input type="hidden" name="ship_to_address_country" value="US" />
+        <input type="hidden" name="ship_to_address_postal_code" :value="zipCode" />
+        <input type="hidden" name="ship_to_phone" :value="phoneNumber" />
 
-<input type="hidden" name="calling_application" value="NextGen" />
-</form>
+        <input type="hidden" name="calling_application" value="NextGen" />
+    </form>
 </template>
 
 <script>
@@ -237,16 +237,16 @@ export default {
         };
     },
     directives: {
-        resize:{
-            mounted: function(el) {
-              el.addEventListener('load', () => {
-                  iframeResize({ checkOrigin: false }, el);
-              });
-          },
+        resize: {
+            mounted: function (el) {
+                el.addEventListener("load", () => {
+                    iframeResize({ checkOrigin: false }, el);
+                });
+            },
             unmounted: function (el) {
-              el.iFrameResizer.removeListeners();
-            }
-        }
+                el.iFrameResizer.removeListeners();
+            },
+        },
     },
     async beforeRouteEnter(to, from, next) {
         // Call APIs
@@ -329,7 +329,7 @@ export default {
             const isMobile = serviceLocation.appointmentType === AppointmentTypeStrings.MOBILE;
 
             const serviceLocationReqs =
-            (isMobile && mobileReqs) || (!isMobile && dropOffInshopReqs);
+                (isMobile && mobileReqs) || (!isMobile && dropOffInshopReqs);
 
             // Insurance
             const isInsuranceSet = store.getters.order.payment.isInsurance !== null;
@@ -354,8 +354,8 @@ export default {
             );
 
             const paymentMethodReqs =
-            store.getters.order.payment.isPia !== null &&
-            (store.getters.order.payment.isPia || !!store.getters.order.payment.piaType);
+                store.getters.order.payment.isPia !== null &&
+                (store.getters.order.payment.isPia || !!store.getters.order.payment.piaType);
 
             return (
                 packageReqs &&
@@ -383,39 +383,39 @@ export default {
         },
         getAddress1() {
             return store.getters.order.serviceLocation.address
-            ? store.getters.order.serviceLocation.address
-            : store.getters.order.serviceLocation.provider.address.streetAddress;
+                ? store.getters.order.serviceLocation.address
+                : store.getters.order.serviceLocation.provider.address.streetAddress;
         },
         getAddress2() {
             return store.getters.order.serviceLocation.address2
-            ? store.getters.order.serviceLocation.address2
-            : null;
+                ? store.getters.order.serviceLocation.address2
+                : null;
         },
         getCity() {
             return store.getters.order.serviceLocation.city
-            ? store.getters.order.serviceLocation.city
-            : store.getters.order.serviceLocation.provider.address.city;
+                ? store.getters.order.serviceLocation.city
+                : store.getters.order.serviceLocation.provider.address.city;
         },
         getState() {
             return store.getters.order.serviceLocation.state
-            ? store.getters.order.serviceLocation.state
-            : store.getters.order.serviceLocation.provider.address.state;
+                ? store.getters.order.serviceLocation.state
+                : store.getters.order.serviceLocation.provider.address.state;
         },
         getZipCode() {
             return store.getters.order.serviceLocation.zipCode
-            ? store.getters.order.serviceLocation.zipCode
-            : store.getters.order.serviceLocation.provider.address.zipCode;
+                ? store.getters.order.serviceLocation.zipCode
+                : store.getters.order.serviceLocation.provider.address.zipCode;
         },
         getPaymentType() {
             switch (store.getters.order.payment.piaType) {
                 case paymentMethods.AFTERPAY:
-                return "ap";
+                    return "ap";
                 case paymentMethods.CREDIT_CARD:
-                return "cc";
+                    return "cc";
                 case paymentMethods.PAYPAL:
-                return "pp";
+                    return "pp";
                 default:
-                return store.getters.payment.piaType;
+                    return store.getters.payment.piaType;
             }
         },
         getPiaLineItems() {