feat: change checkout routing and billing(page) for contract accountType (#3389)

* feat: change checkout routing and billing(page) for contract accountType

* chore: 404 instead of routing to /

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

Author: subirjolly

src/billing/components/BillingPageContents.tsx

@@ -14,7 +14,8 @@ const BillingPageContents: FC = () => {
   const quartzMe = useSelector(getQuartzMe)
 
   if (
-    quartzMe?.accountType === 'pay_as_you_go' &&
+    (quartzMe?.accountType === 'pay_as_you_go' ||
+      quartzMe?.accountType === 'contract') &&
     quartzMe?.billingProvider !== 'zuora'
   ) {
     return <MarketplaceBilling />

src/checkout/CheckoutPage.tsx

@@ -7,19 +7,17 @@ import CheckoutProvider from 'src/checkout/context/checkout'
 import {isFlagEnabled} from 'src/shared/utils/featureFlag'
 import ZuoraOutagePage from 'src/shared/components/zuora/ZuoraOutagePage'
 
-const CheckoutV2: FC = () => {
-  return (
-    <CheckoutProvider>
-      <>
-        <SuccessOverlay />
-        {isFlagEnabled('quartzZuoraDisabled') ? (
-          <ZuoraOutagePage />
-        ) : (
-          <CheckoutForm />
-        )}
-      </>
-    </CheckoutProvider>
-  )
-}
+const CheckoutV2: FC = () => (
+  <CheckoutProvider>
+    <>
+      <SuccessOverlay />
+      {isFlagEnabled('quartzZuoraDisabled') ? (
+        <ZuoraOutagePage />
+      ) : (
+        <CheckoutForm />
+      )}
+    </>
+  </CheckoutProvider>
+)
 
 export default CheckoutV2

src/shared/containers/GetOrganizations.tsx

@@ -34,7 +34,7 @@ const canAccessCheckout = (me: Me): boolean => {
   if (!!me?.isRegionBeta) {
     return false
   }
-  return me?.accountType !== 'pay_as_you_go'
+  return me?.accountType !== 'pay_as_you_go' && me?.accountType !== 'contract'
 }
 
 const GetOrganizations: FunctionComponent = () => {