feat: Migrate isEnterprisePlan to GQL Field (#3576)

Author: ajay-sentry

src/pages/AccountSettings/AccountSettings.jsx

@@ -8,7 +8,6 @@ import { SentryRoute } from 'sentry'
 import SidebarLayout from 'layouts/SidebarLayout'
 import { usePlanData } from 'services/account'
 import { useIsCurrentUserAnAdmin, useUser } from 'services/user'
-import { isEnterprisePlan } from 'shared/utils/billing'
 import LoadingLogo from 'ui/LoadingLogo'
 
 import AccountSettingsSideMenu from './AccountSettingsSideMenu'
@@ -34,7 +33,7 @@ function AccountSettings() {
   const { data: currentUser } = useUser()
 
   const { data } = usePlanData({ provider, owner })
-  const viewOktaAccess = isEnterprisePlan(data?.plan?.value)
+  const viewOktaAccess = data?.plan?.isEnterprisePlan
 
   const isViewingPersonalSettings =
     currentUser?.user?.username?.toLowerCase() === owner?.toLowerCase()

src/pages/AccountSettings/AccountSettings.test.jsx

@@ -161,6 +161,7 @@ describe('AccountSettings', () => {
               plan: {
                 ...mockPlanData,
                 value: planValue,
+                isEnterprisePlan: planValue === Plans.USERS_ENTERPRISEM,
               },
             },
           },

src/pages/AccountSettings/AccountSettingsSideMenu.jsx

@@ -4,7 +4,6 @@ import config from 'config'
 
 import { usePlanData } from 'services/account'
 import { useIsCurrentUserAnAdmin, useUser } from 'services/user'
-import { isEnterprisePlan } from 'shared/utils/billing'
 import Sidemenu from 'ui/Sidemenu'
 
 function defaultLinks({ internalAccessTab, viewOktaAccess }) {
@@ -66,7 +65,7 @@ function AccountSettingsSideMenu() {
     currentUser?.user?.username?.toLowerCase() === owner?.toLowerCase()
 
   const { data } = usePlanData({ provider, owner })
-  const viewOktaAccess = isEnterprisePlan(data?.plan?.value)
+  const viewOktaAccess = data?.plan?.isEnterprisePlan
 
   const links = generateLinks({
     isAdmin,

src/pages/AccountSettings/AccountSettingsSideMenu.test.jsx

@@ -149,6 +149,7 @@ describe('AccountSettingsSideMenu', () => {
               plan: {
                 ...mockPlanData,
                 value: planValue,
+                isEnterprisePlan: planValue === Plans.USERS_ENTERPRISEM,
               },
             },
           },

src/pages/DefaultOrgSelector/DefaultOrgSelector.test.jsx

@@ -212,6 +212,7 @@ describe('DefaultOrgSelector', () => {
               hasPrivateRepos: privateRepos,
               plan: {
                 ...mockTrialData,
+                isEnterprisePlan: false,
                 trialStatus,
                 value,
               },

src/pages/MembersPage/MembersActivation/Activation/Activation.jsx

@@ -74,7 +74,12 @@ function Activation() {
         activated members of{' '}
         <span className="text-lg font-semibold">{planQuantity}</span> available
         seats{' '}
-        {accountDetails && <ChangePlanLink accountDetails={accountDetails} />}
+        {accountDetails && (
+          <ChangePlanLink
+            accountDetails={accountDetails}
+            plan={planData?.plan}
+          />
+        )}
       </p>
       {/* TODO: new feature https://www.figma.com/file/iNTJAiBYGem3A4LmI4gvKX/Plan-and-members?node-id=103%3A1696 */}
     </div>

src/pages/MembersPage/MembersActivation/Activation/Activation.test.jsx

@@ -26,6 +26,7 @@ const mockedAccountDetails = {
 }
 
 const mockPlanData = {
+  isEnterprisePlan: false,
   baseUnitPrice: 10,
   benefits: [],
   billingRate: 'monthly',

src/pages/MembersPage/MembersActivation/Activation/ChangePlanLink/ChangePlanLink.jsx

@@ -2,16 +2,15 @@ import PropType from 'prop-types'
 
 import config from 'config'
 
-import { CollectionMethods, isEnterprisePlan } from 'shared/utils/billing'
+import { CollectionMethods } from 'shared/utils/billing'
 import A from 'ui/A'
 
-function ChangePlanLink({ accountDetails }) {
+function ChangePlanLink({ accountDetails, plan }) {
   const isInvoicedCustomer =
     accountDetails?.subscriptionDetail?.collectionMethod ===
     CollectionMethods.INVOICED_CUSTOMER_METHOD
-  const plan = accountDetails?.plan?.value
 
-  if (config.IS_SELF_HOSTED || isInvoicedCustomer || isEnterprisePlan(plan)) {
+  if (config.IS_SELF_HOSTED || isInvoicedCustomer || plan?.isEnterprisePlan) {
     return null
   }
 
@@ -27,8 +26,8 @@ function ChangePlanLink({ accountDetails }) {
 ChangePlanLink.propTypes = {
   accountDetails: PropType.shape({
     subscriptionDetail: PropType.shape({ collectionMethod: PropType.string }),
-    plan: PropType.shape({ value: PropType.string }),
   }).isRequired,
+  plan: PropType.object,
 }
 
 export default ChangePlanLink

src/pages/MembersPage/MembersActivation/MembersActivation.test.jsx

@@ -40,6 +40,7 @@ const mockPlanData = {
   pretrialUsersCount: 0,
   planUserCount: 1,
   hasSeatsLeft: true,
+  isEnterprisePlan: false,
 }
 
 const server = setupServer()

src/pages/OwnerPage/HeaderBanners/ExceededUploadsAlert/ExceededUploadsAlert.test.jsx

@@ -37,6 +37,7 @@ const mockPlanDataResponse = {
   pretrialUsersCount: 0,
   planUserCount: 1,
   hasSeatsLeft: true,
+  isEnterprisePlan: false,
 }
 
 beforeAll(() => {