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:
@@ -91,13 +92,13 @@ stages:
                       __VUE_APP_GOOGLE_TAG_MANAGER_NOSCRIPT_FRAME_SRC__: $(__VUE_APP_GOOGLE_TAG_MANAGER_NOSCRIPT_FRAME_SRC__)
                       __VUE_APP_GOOGLE_MAPS_API_SCRIPT__: $(__VUE_APP_GOOGLE_MAPS_API_SCRIPT__)
                 - template: templates/digital/invalidate-cloudfront-cache.yml@AzureDevOps
-                  parameters: 
+                  parameters:
                     awsCliContainer: awscli
                     distributionId: $(cfDistributionId)
                     paths: /*
                     awsProfile: $(devDeploymentProfile)
 
-    # Test Build/Deploy                      
+    # Test Build/Deploy
     - stage: Test
       condition: eq(variables['Build.SourceBranch'], variables['test-branch'] )
       variables:
@@ -133,8 +134,9 @@ stages:
                           deployFolder: ""
                           region: us-east-2
                       appDeployVariables:
-                        __VUE_APP_CONSUMER_CF_DISTRO__: $(__VUE_APP_CONSUMER_CF_DISTRO__)                          
+                        __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:
@@ -142,12 +144,12 @@ stages:
                         __VUE_APP_GOOGLE_TAG_MANAGER_NOSCRIPT_FRAME_SRC__: $(__VUE_APP_GOOGLE_TAG_MANAGER_NOSCRIPT_FRAME_SRC__)
                         __VUE_APP_GOOGLE_MAPS_API_SCRIPT__: $(__VUE_APP_GOOGLE_MAPS_API_SCRIPT__)
                   - template: templates/digital/invalidate-cloudfront-cache.yml@AzureDevOps
-                    parameters: 
+                    parameters:
                       awsCliContainer: awscli
                       distributionId: $(cfDistributionId)
                       paths: /*
                       awsProfile: $(sysDeploymentProfile)
-                
+
     # QA Build/Deploy
     - stage: QA
       condition: eq(variables['Build.SourceBranch'], variables['qa-branch'] )
@@ -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:
@@ -193,7 +196,7 @@ stages:
                         __VUE_APP_GOOGLE_TAG_MANAGER_NOSCRIPT_FRAME_SRC__: $(__VUE_APP_GOOGLE_TAG_MANAGER_NOSCRIPT_FRAME_SRC__)
                         __VUE_APP_GOOGLE_MAPS_API_SCRIPT__: $(__VUE_APP_GOOGLE_MAPS_API_SCRIPT__)
                   - template: templates/digital/invalidate-cloudfront-cache.yml@AzureDevOps
-                    parameters: 
+                    parameters:
                       awsCliContainer: awscli
                       distributionId: $(cfDistributionId)
                       paths: /*
@@ -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:
@@ -244,7 +248,7 @@ stages:
                         __VUE_APP_GOOGLE_TAG_MANAGER_NOSCRIPT_FRAME_SRC__: $(__VUE_APP_GOOGLE_TAG_MANAGER_NOSCRIPT_FRAME_SRC__)
                         __VUE_APP_GOOGLE_MAPS_API_SCRIPT__: $(__VUE_APP_GOOGLE_MAPS_API_SCRIPT__)
                   - template: templates/digital/invalidate-cloudfront-cache.yml@AzureDevOps
-                    parameters: 
+                    parameters:
                       awsCliContainer: awscli
                       distributionId: $(cfDistributionId)
                       paths: /*
@@ -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__";
 
@@ -24,7 +25,7 @@ module.exports = {
         `,
       },
     },
-  },  
+  },
   configureWebpack: {
     devtool: 'source-map'
   },