From 18093c18852fa8e888c70a4f23f4d0e772a945ee Mon Sep 17 00:00:00 2001
From: Katie Kroell <Katie.Kroell@safelite.com>
Date: Mon, 26 Feb 2024 11:33:14 -0500
Subject: [PATCH 1/5] carrier phone number on frontend

---
 src/constants/endpoints.js                        | 4 ++++
 src/layouts/tpa-confirmation/tpa-confirmation.vue | 5 +++--
 src/store/index.js                                | 7 +++++++
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/constants/endpoints.js b/src/constants/endpoints.js
index 60ef3ba8..de544f57 100644
--- a/src/constants/endpoints.js
+++ b/src/constants/endpoints.js
@@ -99,6 +99,10 @@ const endpoints = Object.freeze({
         url: '/vehicle/api/v1/vehicle/lookup',
         method: 'GET'
     },
+    GetAccountInfo: {
+        url: '/account/api/v1/account/',
+        method: 'GET'
+    },
     LogExperimentExposureIfAssigned: {
         url: '/experiments/api/v1/experiments/log-exposure',
         method: 'POST'
diff --git a/src/layouts/tpa-confirmation/tpa-confirmation.vue b/src/layouts/tpa-confirmation/tpa-confirmation.vue
index 3741f4b8..f4c94be6 100644
--- a/src/layouts/tpa-confirmation/tpa-confirmation.vue
+++ b/src/layouts/tpa-confirmation/tpa-confirmation.vue
@@ -161,9 +161,10 @@ export default {
         isVerified() {
             return useMainStore().order.payment.insuranceCoverage.isVerified;
         },
-        // TODO: Replace with actual carrier number when account service is ready
         carrierPhoneNumber() {
-            return '800-000-0000';
+            const accountInfo = useMainStore().getClientAccountInfo();
+            const { phoneNumber } = accountInfo;
+            return phoneNumber;
         },
         carrierName() {
             return this.mainStore.issConfig.clientName;
diff --git a/src/store/index.js b/src/store/index.js
index 2b35d46d..fa1e57e9 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -925,6 +925,13 @@ export const useMainStore = defineStore({
             });
         },
 
+        getClientAccountInfo() {
+            return globalMethods.callHttpClient({
+                method: endpoints.GetAccountInfo.method,
+                endpoint: endpoints.GetAccountInfo.url + this.issConfig.parentAccountNumber
+            });
+        },
+
         async getSupportingItems() {
             const glassPartsArray = this.order.lineItems.glassParts ?? [];
             const { carId } = this.order.vehicle;

From ca10097f4011351b7ac732bd5334e03a735c0e33 Mon Sep 17 00:00:00 2001
From: Katie Kroell <Katie.Kroell@safelite.com>
Date: Mon, 26 Feb 2024 12:01:38 -0500
Subject: [PATCH 2/5] final changes

---
 src/layouts/tpa-confirmation/tpa-confirmation.vue | 9 ++++-----
 src/store/index.js                                | 9 ++++++---
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/layouts/tpa-confirmation/tpa-confirmation.vue b/src/layouts/tpa-confirmation/tpa-confirmation.vue
index f4c94be6..83776523 100644
--- a/src/layouts/tpa-confirmation/tpa-confirmation.vue
+++ b/src/layouts/tpa-confirmation/tpa-confirmation.vue
@@ -161,22 +161,21 @@ export default {
         isVerified() {
             return useMainStore().order.payment.insuranceCoverage.isVerified;
         },
-        carrierPhoneNumber() {
-            const accountInfo = useMainStore().getClientAccountInfo();
-            const { phoneNumber } = accountInfo;
-            return phoneNumber;
-        },
         carrierName() {
             return this.mainStore.issConfig.clientName;
         },
         carrierUrl() {
             return this.mainStore.issConfig.successReturnURL;
+        },
+        carrierPhoneNumber() {
+            return this.toDisplayPhoneNumber(useMainStore().order.carrierPhoneNumber);
         }
     },
     mounted() {
         if (this.carrierUrl) {
             this.$refs.siteFooter.updateButtonText(`Go back to ${this.carrierName}`);
         }
+        useMainStore().getCarrierAccountInfo();
     },
     methods:
         {
diff --git a/src/store/index.js b/src/store/index.js
index 06da1c35..f3d4336d 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -175,7 +175,8 @@ const getDefaultState = () => ({
         eon: null,
         workOrderNumber: null,
         originalDeductible: null,
-        currentDeductible: null
+        currentDeductible: null,
+        carrierPhoneNumber: null
     },
     applicationUser: {
         experiments: [],
@@ -925,11 +926,13 @@ export const useMainStore = defineStore({
             });
         },
 
-        getClientAccountInfo() {
-            return globalMethods.callHttpClient({
+        async getCarrierAccountInfo() {
+            const response = await globalMethods.callHttpClient({
                 method: endpoints.GetAccountInfo.method,
                 endpoint: endpoints.GetAccountInfo.url + this.issConfig.parentAccountNumber
             });
+            this.order.carrierPhoneNumber = response.data.phoneNumber;
+            return response;
         },
 
         async getSupportingItems() {

From 85ee04ab9040e868f92fb49c3a84ca3ced9ada9f Mon Sep 17 00:00:00 2001
From: Katie Kroell <Katie.Kroell@safelite.com>
Date: Mon, 26 Feb 2024 14:10:40 -0500
Subject: [PATCH 3/5] PR feedback changes

---
 src/layouts/tpa-confirmation/tpa-confirmation.vue | 11 ++++++++---
 src/store/index.js                                | 15 +++++++++------
 2 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/src/layouts/tpa-confirmation/tpa-confirmation.vue b/src/layouts/tpa-confirmation/tpa-confirmation.vue
index 83776523..135d47ab 100644
--- a/src/layouts/tpa-confirmation/tpa-confirmation.vue
+++ b/src/layouts/tpa-confirmation/tpa-confirmation.vue
@@ -99,13 +99,19 @@ export default {
     async beforeRouteEnter(to, from, next) {
         // Call APIs
         const cmsContentPromise = fetchCmsContentForPage(to.query.issPage);
+        const accountInfoPromise = useMainStore().getCarrierAccountInfo();
         // Settle promises and get results
         const promiseResultMap = [
             {
                 resultKey: 'cmsContent',
                 promise: cmsContentPromise
-            }];
-            // use resultMap to populate layout content.
+            },
+            {
+                resultKey: 'accountInfo',
+                promise: accountInfoPromise
+            }
+        ];
+        // use resultMap to populate layout content.
         const resultMap = await settleAllPromises(promiseResultMap);
         next((vm) => {
             vm.setCmsContent(resultMap.cmsContent);
@@ -175,7 +181,6 @@ export default {
         if (this.carrierUrl) {
             this.$refs.siteFooter.updateButtonText(`Go back to ${this.carrierName}`);
         }
-        useMainStore().getCarrierAccountInfo();
     },
     methods:
         {
diff --git a/src/store/index.js b/src/store/index.js
index f3d4336d..9dd4e7ce 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -926,13 +926,16 @@ export const useMainStore = defineStore({
             });
         },
 
-        async getCarrierAccountInfo() {
-            const response = await globalMethods.callHttpClient({
-                method: endpoints.GetAccountInfo.method,
-                endpoint: endpoints.GetAccountInfo.url + this.issConfig.parentAccountNumber
+        getCarrierAccountInfo() {
+            return new Promise((resolve, reject) => {
+                globalMethods.callHttpClient({
+                    method: endpoints.GetAccountInfo.method,
+                    endpoint: endpoints.GetAccountInfo.url + this.issConfig.parentAccountNumber
+                }).then((response) => {
+                    this.order.carrierPhoneNumber = response.data.phoneNumber;
+                    return resolve(response.data);
+                }).catch((error) => reject(error));
             });
-            this.order.carrierPhoneNumber = response.data.phoneNumber;
-            return response;
         },
 
         async getSupportingItems() {

From 16b8691d42c7a19cdc11e19f662bc7864e5636bd Mon Sep 17 00:00:00 2001
From: Bill Richardson <william.richardson@safelite.com>
Date: Tue, 27 Feb 2024 10:33:30 -0500
Subject: [PATCH 4/5] auto-save formatting only

to prevent un needed compare in the actual PR later.
---
 src/layouts/payment-page/payment-page.vue | 386 ++++++++++++++++------
 1 file changed, 293 insertions(+), 93 deletions(-)

diff --git a/src/layouts/payment-page/payment-page.vue b/src/layouts/payment-page/payment-page.vue
index 36f072c6..c37fde79 100644
--- a/src/layouts/payment-page/payment-page.vue
+++ b/src/layouts/payment-page/payment-page.vue
@@ -38,71 +38,192 @@
     </Form>
 
     <form
-        ref="hopForm"
         id="card-data"
+        ref="hopForm"
         :target="isPaypal ? '_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="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="sgReceiptResponseURL" :value="payInAdvanceResponseUrl" />
-        <input type="hidden" name="sgDeclineResponseURL" :value="payInAdvanceResponseUrl" />
-        <input type="hidden" name="sgErrorResponseURL" :value="payInAdvanceResponseUrl" />
-
-        <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_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="sgtotalamount" :value="displayAmount" />
-        <input type="hidden" name="totalAmountDecimal" :value="totalAmount" />
-        <input type="hidden" name="lineItems" :value="payInAdvanceLineItems" />
-
-        <input type="hidden" name="sgdiscountstrikethruamount" value="" />
-
-        <input type="hidden" name="callerDisplayText" value="" />
+        <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="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="sgReceiptResponseURL"
+            :value="payInAdvanceResponseUrl" />
+        <input
+            type="hidden"
+            name="sgDeclineResponseURL"
+            :value="payInAdvanceResponseUrl" />
+        <input
+            type="hidden"
+            name="sgErrorResponseURL"
+            :value="payInAdvanceResponseUrl" />
+        <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_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="sgtotalamount"
+            :value="displayAmount" />
+        <input
+            type="hidden"
+            name="totalAmountDecimal"
+            :value="totalAmount" />
+        <input
+            type="hidden"
+            name="lineItems"
+            :value="payInAdvanceLineItems" />
+        <input
+            type="hidden"
+            name="sgdiscountstrikethruamount"
+            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="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"
@@ -111,7 +232,6 @@
             type="hidden"
             name="sgtermsofcancelrefundurl"
             value="http://www.safelite.com/cancellation-refund-policy" />
-
         <input
             type="hidden"
             name="sgErrorMessageCardVerification"
@@ -120,42 +240,122 @@
             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="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="payInAdvanceResponseUrl" />
-        <input type="hidden" name="paypalCancelUrl" :value="payInAdvanceCancelUrl" />
-
-        <input type="hidden" name="sgCCDeclineURL" :value="payInAdvanceCancelUrl" />
-        <input type="hidden" name="sgCCTimeoutURL" :value="payInAdvanceCancelUrl" />
-
-        <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="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="ISSNextGen" />
+        <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="payInAdvanceResponseUrl" />
+        <input
+            type="hidden"
+            name="paypalCancelUrl"
+            :value="payInAdvanceCancelUrl" />
+        <input
+            type="hidden"
+            name="sgCCDeclineURL"
+            :value="payInAdvanceCancelUrl" />
+        <input
+            type="hidden"
+            name="sgCCTimeoutURL"
+            :value="payInAdvanceCancelUrl" />
+        <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="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="ISSNextGen" />
     </form>
 </template>
 <script>

From e5dba2268baca60f9ae73b84f81727eca2c365f3 Mon Sep 17 00:00:00 2001
From: Bill Richardson <william.richardson@safelite.com>
Date: Tue, 27 Feb 2024 10:35:54 -0500
Subject: [PATCH 5/5] remove empty line

---
 src/layouts/payment-page/payment-page.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/layouts/payment-page/payment-page.vue b/src/layouts/payment-page/payment-page.vue
index c37fde79..0d09e654 100644
--- a/src/layouts/payment-page/payment-page.vue
+++ b/src/layouts/payment-page/payment-page.vue
@@ -87,7 +87,6 @@
             type="hidden"
             name="sgNoKeystrokeProcessing"
             value="false" />
-
         <input
             type="hidden"
             name="maskCharacter"