feat: support middleware CDP changes

Author: miles-grant-ibigroup

i18n/en-US.yml

@@ -233,7 +233,7 @@ components:
     stopsTo: "Towards"
     selectADirection: "Select a direction..."
   RouteRow:
-    operatorLogoAltText: '{operatorName} logo'
+    operatorLogoAltText: "{operatorName} logo"
   RouteViewer:
     agencyFilter: Agency Filter
     allAgencies: All Agencies
@@ -295,6 +295,10 @@ components:
     termsOfStorageStatement: >
       Optional: I consent to the Trip Planner storing my historical planned trips in order to
       improve transit services in my area. <termsOfStorageLink>More info...</termsOfStorageLink>
+    confirmDeletionPrompt: >
+      Removing your consent to storage of historical trips will cause all data tied to you to be deleted. 
+      All your other saved locations, trips, and notifications will also be deleted permanently.
+      Are you sure you want to continue?
   TransitVehicleOverlay:
     # keys designed to match API output
     incoming_at: "approaching {stop}"
@@ -404,7 +408,6 @@ components:
       to verify your email address before finishing your account setup.
     instructions2: Once you're verified, click the button below to continue.
     resendVerification: Resend verification email
- 
 
 # Common messages that appear in multiple components and modules
 # are grouped below by topic.
@@ -491,4 +494,3 @@ common:
           other {{hours, number} hr {minutes, number} min}}
     # If trip is less than one hour only display the minutes.
     tripDurationFormatZeroHours: "{minutes, number} min"
-    

lib/actions/api.js

@@ -125,7 +125,7 @@ export function routingQuery (searchId = null, updateSearchInReducer = false) {
     return Promise.all(iterations.map((injectedParams, i) => {
       const requestId = randId()
       // fetch a realtime route
-      const url = constructRoutingQuery(state, false, injectedParams)
+      const url = constructRoutingQuery(state, false, { batchId: searchId, ...injectedParams })
       const realTimeFetch = fetch(url, getOtpFetchOptions(state))
         .then(getJsonAndCheckResponse)
         .then(json => {
@@ -185,7 +185,7 @@ export function routingQuery (searchId = null, updateSearchInReducer = false) {
         user.loggedInUser.storeTripHistory
 
       const nonRealtimeFetch = fetch(
-        constructRoutingQuery(state, true),
+        constructRoutingQuery(state, true, { batchId: searchId }),
         getOtpFetchOptions(state, storeTripHistory)
       )
         .then(getJsonAndCheckResponse)

lib/components/user/terms-of-use-pane.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { connect } from 'react-redux'
 import { Checkbox, ControlLabel, FormGroup } from 'react-bootstrap'
-import { FormattedMessage } from 'react-intl'
+import { FormattedMessage, useIntl } from 'react-intl'
 
 import { TERMS_OF_SERVICE_PATH, TERMS_OF_STORAGE_PATH } from '../../util/constants'
 
@@ -15,6 +15,7 @@ const TermsOfUsePane = ({
   termsOfStorageSet,
   values: userData
 }) => {
+  const intl = useIntl()
   const {
     hasConsentedToTerms,
     storeTripHistory
@@ -48,7 +49,17 @@ const TermsOfUsePane = ({
           checked={storeTripHistory}
           name='storeTripHistory'
           onBlur={handleBlur}
-          onChange={handleChange}
+          onChange={(e) => {
+            // Show alert when user is unchecking the checkbox
+            if (storeTripHistory) {
+              // Do nothing if the user hits cancel
+              if (!confirm(intl.formatMessage({id: 'components.TermsOfUsePane.confirmDeletionPrompt'}))) {
+                return
+              }
+            }
+
+            handleChange(e)
+          }}
         >
           <FormattedMessage
             id='components.TermsOfUsePane.termsOfStorageStatement'