feat: add required routing after cancellation (#3063)

Co-authored-by: Subir Jolly <subirjolly@Subirs-MacBook-Pro.local>

Author: subirjolly

src/billing/components/PayAsYouGo/CancelServiceContext.tsx

@@ -18,6 +18,12 @@ export enum VariableItems {
   OTHER_REASON = 'Other reason',
 }
 
+const RedirectLocations = {
+  SWITCHING_ORGANIZATION: '/org_cancel',
+  RE_SIGNUP: '/cancel',
+}
+const DEFAULT_REDIRECT_LOCATION = '/mkt_cancel'
+
 export interface CancelServiceContextType {
   shortSuggestion: string
   isShortSuggestionEnabled: boolean
@@ -29,6 +35,7 @@ export interface CancelServiceContextType {
   setReason: (_: string) => void
   canContactForFeedback: boolean
   toggleCanContactForFeedback: () => void
+  getRedirectLocation: () => string
 }
 
 export const DEFAULT_CANCEL_SERVICE_CONTEXT: CancelServiceContextType = {
@@ -42,6 +49,7 @@ export const DEFAULT_CANCEL_SERVICE_CONTEXT: CancelServiceContextType = {
   setReason: (_: string) => null,
   canContactForFeedback: false,
   toggleCanContactForFeedback: () => null,
+  getRedirectLocation: () => DEFAULT_REDIRECT_LOCATION,
 }
 
 export const CancelServiceContext = createContext<CancelServiceContextType>(
@@ -67,6 +75,12 @@ const CancelServiceProvider: FC<Props> = ({children}) => {
     setCanContactForFeedback(prev => !prev)
   }
 
+  const getRedirectLocation = () => {
+    const uri = RedirectLocations[reason] ?? '/mkt_cancel'
+
+    return `https://www.influxdata.com${uri}`
+  }
+
   return (
     <CancelServiceContext.Provider
       value={{
@@ -80,6 +94,7 @@ const CancelServiceProvider: FC<Props> = ({children}) => {
         setReason,
         canContactForFeedback,
         toggleCanContactForFeedback,
+        getRedirectLocation,
       }}
     >
       {children}

src/billing/components/PayAsYouGo/CancellationOverlay.tsx

@@ -21,6 +21,7 @@ import {useSelector} from 'react-redux'
 import {getQuartzMe} from 'src/me/selectors'
 import {getOrg} from 'src/organizations/selectors'
 import {isFlagEnabled} from 'src/shared/utils/featureFlag'
+import {postSignout} from 'src/client'
 
 interface Props {
   onHideOverlay: () => void
@@ -35,6 +36,7 @@ const CancellationOverlay: FC<Props> = ({onHideOverlay}) => {
     canContactForFeedback,
     suggestions,
     shortSuggestion,
+    getRedirectLocation,
   } = useContext(CancelServiceContext)
   const quartzMe = useSelector(getQuartzMe)
   const org = useSelector(getOrg)
@@ -64,6 +66,13 @@ const CancellationOverlay: FC<Props> = ({onHideOverlay}) => {
     }
 
     handleCancelAccount()
+
+    if (isFlagEnabled('trackCancellations')) {
+      postSignout({}).then(() => {
+        window.location.href = getRedirectLocation()
+      })
+    }
+
     event('Cancel Service Executed', payload)
   }
 

src/billing/context/billing.tsx

@@ -46,6 +46,7 @@ import {
 } from 'src/types'
 import {CreditCardParams} from 'src/types/billing'
 import {getErrorMessage} from 'src/utils/api'
+import {isFlagEnabled} from 'src/shared/utils/featureFlag'
 
 export type Props = {
   children: JSX.Element
@@ -185,7 +186,9 @@ export const BillingProvider: FC<Props> = React.memo(({children}) => {
         throw new Error(resp.data.message)
       }
 
-      history.push(`/logout`)
+      if (!isFlagEnabled('trackCancellations')) {
+        history.push(`/logout`)
+      }
     } catch (error) {
       const message = getErrorMessage(error)
       console.error({error})