Sync Sprint 22 deploy to Stage

blocks/header-paid/header-paid.js

@@ -27,10 +27,18 @@ function instrumentTrackingEvents(header) {
 }
 
 export default async function decorate(block) {
+  // default paid header
   let baseHeaderUrl = '/fragments/us/header-paid';
   if (isCanada) {
     baseHeaderUrl = '/fragments/ca/header-paid';
   }
+  // paid blog page header
+  if (document.body.className.includes('paid-blog-page')) {
+    baseHeaderUrl = '/fragments/us/header-paid-blog';
+    if (isCanada) {
+      baseHeaderUrl = '/fragments/ca/header-paid-blog';
+    }
+  }
 
   const headerPaidContent = await loadFragment(baseHeaderUrl);
 

blocks/plans-quote/form.js

@@ -4,6 +4,7 @@ import Loader from './loader.js';
 import APIClient from '../../scripts/24petwatch-api.js';
 import {
   COOKIE_NAME_SAVED_OWNER_ID,
+  SS_KEY_FORM_ENTRY_URL,
   EMAIL_REGEX,
   MICROCHIP_REGEX,
   PET_PLANS_LPM_URL,
@@ -691,6 +692,7 @@ export default function formDecoration(block, apiBaseUrl) {
 
     // remember the critical information for future steps
     setCookie(COOKIE_NAME_SAVED_OWNER_ID, formData.ownerId);
+    sessionStorage.setItem(SS_KEY_FORM_ENTRY_URL, window.location.href);
     window.location.href = `.${PET_PLANS_SUMMARY_QUOTE_URL}`; // ex: './summary-quote'
   }
 

blocks/plans-quote/summary-quote.js

@@ -4,17 +4,21 @@ import Loader from './loader.js';
 import formDecoration from './form.js';
 import {
   COOKIE_NAME_SAVED_OWNER_ID,
+  SS_KEY_FORM_ENTRY_URL,
   getCookie,
   getSelectedProductAdditionalInfo,
   getItemInfoFragment,
 } from '../../scripts/24petwatch-utils.js';
+import { getConfigValue } from '../../scripts/configs.js';
 
 export default async function decorateSummaryQuote(block, apiBaseUrl) {
   // initialize form based on results from the previous step
   const APIClientObj = new APIClient(apiBaseUrl);
   Loader.addLoader();
 
+  const salesforceProxyEndpoint = await getConfigValue('salesforce-proxy');
   const ownerId = getCookie(COOKIE_NAME_SAVED_OWNER_ID);
+  const entryURL = sessionStorage.getItem(SS_KEY_FORM_ENTRY_URL);
 
   let ownerData = [];
   let petsList = [];
@@ -73,8 +77,68 @@ export default async function decorateSummaryQuote(block, apiBaseUrl) {
       console.log('Failed to get the purchase summary for owner:', ownerData.id, ' status:', status);
     }
   }
+
   Loader.hideLoader();
 
+  async function sendDataToSalesforce(owner, products, pets) {
+    Loader.showLoader();
+    if (!owner || !owner.email || !owner.id) {
+      // eslint-disable-next-line no-console
+      console.error('invalid owner data');
+    }
+
+    if (!products || !products[0] || !products[0].petID) {
+      // eslint-disable-next-line no-console
+      console.error('Invalid selected products data');
+    }
+
+    if (!pets || !pets[0] || !pets[0].petName || !pets[0].speciesId === undefined) {
+      // eslint-disable-next-line no-console
+      console.error('Invalid pets list data');
+    }
+
+    if (!entryURL) {
+      // eslint-disable-next-line no-console
+      console.error('Invalid entry URL');
+    }
+
+    const payload = {
+      payload: {
+        Data: {
+          ContactKey: ownerData.email,
+          EmailAddress: ownerData.email,
+          OrderCompleted: false,
+          OwnerId: ownerData.id,
+          PetId: selectedProducts[0].petID,
+          PetName: petsList[0].petName,
+          SiteURL: entryURL,
+          Species: petsList[0].speciesId === 1 ? 'Dog' : 'Cat',
+        },
+        EventDefinitionKey: 'APIEvent-6723a35b-b066-640c-1d7b-222f98caa9e1',
+        ContactKey: ownerData.email,
+      },
+    };
+
+    const options = {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(payload),
+    };
+    await fetch(salesforceProxyEndpoint, options);
+
+    Loader.hideLoader();
+  }
+
+  // Send data for abandoned cart journey
+  try {
+    await sendDataToSalesforce(ownerData, selectedProducts, petsList);
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.error('There was an error sending the data to Salesforce', error);
+  }
+
   function getSelectedProduct(petId) {
     return selectedProducts.find((item) => item.petID === petId);
   }

blocks/thank-you/thank-you.js

@@ -2,17 +2,22 @@ import APIClient, { getAPIBaseUrl } from '../../scripts/24petwatch-api.js';
 import {
   COOKIE_NAME_SAVED_OWNER_ID,
   deleteCookie,
+  SS_KEY_FORM_ENTRY_URL,
   CURRENCY_CANADA,
   CURRENCY_US,
 } from '../../scripts/24petwatch-utils.js';
 import { isCanada } from '../../scripts/lib-franklin.js';
 import { trackGTMEvent } from '../../scripts/lib-analytics.js';
+import { getConfigValue } from '../../scripts/configs.js';
 
 // prep for API calls
 const apiBaseUrl = await getAPIBaseUrl();
 
 const APIClientObj = new APIClient(apiBaseUrl);
 
+// salesforce proxy
+const salesforceProxyEndpoint = await getConfigValue('salesforce-proxy');
+
 // Sequence of steps to get the owner info from the API
 
 // Step 1 - get the paymentPortalCustomerId from the UUID (aka paymentProcessorId)
@@ -89,6 +94,8 @@ async function getTransaction(paymentProcessorId) {
 export default async function decorate() {
   // delete cookie with customer id
   deleteCookie(COOKIE_NAME_SAVED_OWNER_ID);
+  // unset sessionStorage form entry URL
+  sessionStorage.removeItem(SS_KEY_FORM_ENTRY_URL);
 
   const urlParams = new URLSearchParams(window.location.search);
   const paymentProcessorId = urlParams.get('PaymentProcessorCustomerId');
@@ -180,6 +187,35 @@ export default async function decorate() {
   // send the GTM event
   trackGTMEvent('purchase', trackingData);
 
+  // Salesforce Upsert
+  async function setUpsertToSalesforce(email) {
+    const payload = {
+      payload: {
+        Data: {
+          OrderCompleted: true,
+        },
+        ContactKey: email,
+      },
+    };
+
+    const options = {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(payload),
+    };
+    await fetch(salesforceProxyEndpoint, options);
+  }
+
+  // Send data for abandoned cart journey
+  try {
+    await setUpsertToSalesforce(getOwnerDetails.email);
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.error('There was an error sending the data to Salesforce', error);
+  }
+
   const printButton = document.createElement('button');
   printButton.classList.add('button');
   printButton.innerHTML = 'Print <span class="visually-hidden">this page</span>';

scripts/24petwatch-utils.js

@@ -19,6 +19,9 @@ export function getQueryParam(param, defaultValue = null) {
   return urlParams.has(param) ? urlParams.get(param) : defaultValue;
 }
 
+// ----- sessionStorage / localStorage helpers -----
+export const SS_KEY_FORM_ENTRY_URL = 'formEntryURL';
+
 // ----- cookie helpers -----
 export const COOKIE_NAME_FOR_PET_TAGS = 'ph.PetTagQuote';
 export const COOKIE_NAME_FOR_PET_PLANS = 'ph.PetPlanQuote';