SSR-1117. Order Confirmation page: Add Customer Portal integration (#598)

azure-pipelines.yml

@@ -84,6 +84,7 @@ stages:
                     appDeployVariables:
                       __VUE_APP_CONSUMER_CF_DISTRO__: $(__VUE_APP_CONSUMER_CF_DISTRO__)
                       __VUE_APP_CURRENT_ENVIRONMENT__: $(__VUE_APP_CURRENT_ENVIRONMENT__)
+                      __VUE_APP_CUSTOMER_PORTAL_URL__: $(__VUE_APP_CUSTOMER_PORTAL_URL__)
                       __VUE_APP_GOOGLE_PLACES_API_KEY__: $(__VUE_APP_GOOGLE_PLACES_API_KEY__)
                       __VUE_APP_SAFELITE_HOP__: $(__VUE_APP_SAFELITE_HOP__)
                     indexDeployVariables:
@@ -135,6 +136,7 @@ stages:
                       appDeployVariables:
                         __VUE_APP_CONSUMER_CF_DISTRO__: $(__VUE_APP_CONSUMER_CF_DISTRO__)
                         __VUE_APP_CURRENT_ENVIRONMENT__: $(__VUE_APP_CURRENT_ENVIRONMENT__)
+                        __VUE_APP_CUSTOMER_PORTAL_URL__: $(__VUE_APP_CUSTOMER_PORTAL_URL__)
                         __VUE_APP_GOOGLE_PLACES_API_KEY__: $(__VUE_APP_GOOGLE_PLACES_API_KEY__)
                         __VUE_APP_SAFELITE_HOP__: $(__VUE_APP_SAFELITE_HOP__)
                       indexDeployVariables:
@@ -186,6 +188,7 @@ stages:
                       appDeployVariables:
                         __VUE_APP_CONSUMER_CF_DISTRO__: $(__VUE_APP_CONSUMER_CF_DISTRO__)
                         __VUE_APP_CURRENT_ENVIRONMENT__: $(__VUE_APP_CURRENT_ENVIRONMENT__)
+                        __VUE_APP_CUSTOMER_PORTAL_URL__: $(__VUE_APP_CUSTOMER_PORTAL_URL__)
                         __VUE_APP_GOOGLE_PLACES_API_KEY__: $(__VUE_APP_GOOGLE_PLACES_API_KEY__)
                         __VUE_APP_SAFELITE_HOP__: $(__VUE_APP_SAFELITE_HOP__)
                       indexDeployVariables:
@@ -237,6 +240,7 @@ stages:
                       appDeployVariables:
                         __VUE_APP_CONSUMER_CF_DISTRO__: $(__VUE_APP_CONSUMER_CF_DISTRO__)
                         __VUE_APP_CURRENT_ENVIRONMENT__: $(__VUE_APP_CURRENT_ENVIRONMENT__)
+                        __VUE_APP_CUSTOMER_PORTAL_URL__: $(__VUE_APP_CUSTOMER_PORTAL_URL__)
                         __VUE_APP_GOOGLE_PLACES_API_KEY__: $(__VUE_APP_GOOGLE_PLACES_API_KEY__)
                         __VUE_APP_SAFELITE_HOP__: $(__VUE_APP_SAFELITE_HOP__)
                       indexDeployVariables:
@@ -255,4 +259,3 @@ stages:
             userName: SafeliteAzureDevops
             userEmail: githubazuredevops@safelite.com
 
-                

src/constants/application-config.js

@@ -6,6 +6,7 @@
 const applicationConfig = Object.freeze({
     CURRENT_ENVIRONMENT: process.env.VUE_APP_CURRENT_ENVIRONMENT, // "Localhost", "Dev", "QA", and "Prod"
     CONSUMER_CF_DISTRO: process.env.VUE_APP_CONSUMER_CF_DISTRO,
+    CUSTOMER_PORTAL_URL: process.env.VUE_APP_CUSTOMER_PORTAL_URL,
     ANALYTICS_SESSION_TIMEOUT_MINUTES: 30,
     SAVED_SESSION_TIMEOUT_DAYS: 45,
     COOKIE_PATH: '/',

src/layouts/order-confirmation/order-confirmation.vue

@@ -81,6 +81,7 @@ import { get12HourTimeFormat,
     getDisplayTextForDurationLength } from '@/helpers/date-helper.js';
 import { toTitleCase } from '@/helpers/text-helper.js';
 import { AppointmentTypeStrings } from '@/constants/schedule-constants';
+import applicationConfig from '@/constants/application-config';
 
 export default {
     name: 'order-confirmation',
@@ -123,6 +124,8 @@ export default {
         },
         confirmationEmailText() {
             return this.getCmsContent('EmailConfirmationWordingWidget', 'BodyText')
+                ?.replaceAll('{custom:CUSTOMER_PORTAL_URL}', applicationConfig.CUSTOMER_PORTAL_URL)
+                ?.replaceAll('{custom:CUSTOMER_PORTAL_LOGIN_TOKEN}', this.submittedOrder.customerPortalLoginToken)
                 ?.replaceAll('&lt;', '<')
                 ?.replaceAll('&gt;', '>');
         },

src/store/index.js

@@ -197,6 +197,7 @@ const getDefaultState = () => ({
         referralSequenceNumber: null,
         eon: null,
         workOrderNumber: null,
+        customerPortalLoginToken: null,
         originalDeductible: null,
         currentDeductible: null,
         carrierPhoneNumber: null,
@@ -1142,6 +1143,7 @@ export const useMainStore = defineStore({
             this.order.referralCorrelationId = response.referralCorrelationId;
             this.order.eon = response.eon;
             this.order.workOrderNumber = response.workOrderNumber;
+            this.order.customerPortalLoginToken = response.customerPortalLoginToken;
             this.applicationUser.savedSessionId = response.savedSessionId;
             this.applicationUser.crmCustomerId = response.crmCustomerId.toString();
         },

vue.config.js

@@ -1,6 +1,7 @@
 /* eslint-disable max-len */
 process.env.VUE_APP_CONSUMER_CF_DISTRO = 'https://digitalapi.dev.safelite.io';
 process.env.VUE_APP_CURRENT_ENVIRONMENT = 'Localhost';
+process.env.VUE_APP_CUSTOMER_PORTAL_URL = 'https://myaccountdev.safelite.com/';
 process.env.VUE_APP_GOOGLE_PLACES_API_KEY = 'AIzaSyCuLhQcDdZTTb4JzpUFms1OCch2dk5lHF0';
 process.env.VUE_APP_SAFELITE_HOP = 'https://iss-hop-sys.glassclaim.com/fmgCheckoutEmbedded.aspx';
 

vue.release.config.js

@@ -1,5 +1,6 @@
 process.env.VUE_APP_CONSUMER_CF_DISTRO = "__VUE_APP_CONSUMER_CF_DISTRO__";
 process.env.VUE_APP_CURRENT_ENVIRONMENT = "__VUE_APP_CURRENT_ENVIRONMENT__";
+process.env.VUE_APP_CUSTOMER_PORTAL_URL = '__VUE_APP_CUSTOMER_PORTAL_URL__';
 process.env.VUE_APP_GOOGLE_PLACES_API_KEY = "__VUE_APP_GOOGLE_PLACES_API_KEY__";
 process.env.VUE_APP_SAFELITE_HOP = "__VUE_APP_SAFELITE_HOP__";