chore: Upgrade form TS Conversion (#3505)

src/layouts/BaseLayout/InstallationHelpBanner/InstallationHelpBanner.jsx

@@ -2,7 +2,7 @@ import { useParams } from 'react-router-dom'
 
 import { useLocationParams } from 'services/navigation'
 import { useResyncUser } from 'services/user'
-import { providerToName } from 'shared/utils'
+import { providerToName } from 'shared/utils/provider'
 import Icon from 'ui/Icon'
 import Spinner from 'ui/Spinner'
 import TopBanner from 'ui/TopBanner'

src/pages/CommitDetailPage/CommitCoverage/BotErrorBanner/BotErrorBanner.jsx

@@ -2,7 +2,7 @@ import PropType from 'prop-types'
 import { useParams } from 'react-router-dom'
 
 import { useAccountDetails } from 'services/account'
-import { providerToName } from 'shared/utils'
+import { providerToName } from 'shared/utils/provider'
 import A from 'ui/A'
 import Banner from 'ui/Banner'
 import BannerContent from 'ui/Banner/BannerContent'

src/pages/CommitDetailPage/Header/HeaderDefault/HeaderDefault.jsx

@@ -1,7 +1,7 @@
 import { useParams } from 'react-router-dom'
 
-import { getProviderCommitURL, getProviderPullURL } from 'shared/utils'
 import { formatTimeToNow } from 'shared/utils/dates'
+import { getProviderCommitURL, getProviderPullURL } from 'shared/utils/provider'
 import A from 'ui/A'
 import CIStatusLabel from 'ui/CIStatus'
 import Icon from 'ui/Icon'

src/pages/CommitDetailPage/Header/HeaderTeam/HeaderTeam.jsx

@@ -1,7 +1,7 @@
 import { useParams } from 'react-router-dom'
 
-import { getProviderCommitURL, getProviderPullURL } from 'shared/utils'
 import { formatTimeToNow } from 'shared/utils/dates'
+import { getProviderCommitURL, getProviderPullURL } from 'shared/utils/provider'
 import A from 'ui/A'
 import CIStatusLabel from 'ui/CIStatus'
 import Icon from 'ui/Icon'

src/pages/CommitDetailPage/Header/PullLabel/PullLabel.jsx

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types'
 
-import { providerToName } from 'shared/utils'
+import { providerToName } from 'shared/utils/provider'
 import A from 'ui/A'
 import Icon from 'ui/Icon'
 

src/pages/DefaultOrgSelector/GitHubHelpBanner/GitHubHelpBanner.tsx

@@ -4,7 +4,7 @@ import { useParams } from 'react-router-dom'
 import { useResyncUser } from 'services/user'
 import { Provider } from 'shared/api/helpers'
 import AppInstallModal from 'shared/AppInstallModal'
-import { providerToName } from 'shared/utils'
+import { providerToName } from 'shared/utils/provider'
 import A from 'ui/A'
 import Banner from 'ui/Banner'
 import BannerContent from 'ui/Banner/BannerContent'

src/pages/PlanPage/subRoutes/UpgradePlanPage/UpgradeDetails/ProPlanDetails/ProPlanDetails.jsx

@@ -53,7 +53,7 @@ function ProPlanDetails() {
         {scheduledPhase && (
           <ScheduledPlanDetails scheduledPhase={scheduledPhase} />
         )}
-        {shouldRenderCancelLink(cancelAtPeriodEnd, plan, trialStatus) && (
+        {shouldRenderCancelLink({ cancelAtPeriodEnd, plan, trialStatus }) && (
           <A
             to={{ pageName: 'cancelOrgPlan' }}
             variant="black"

src/pages/PlanPage/subRoutes/UpgradePlanPage/UpgradeDetails/SentryPlanDetails/SentryPlanDetails.jsx

@@ -50,7 +50,7 @@ function SentryPlanDetails() {
         </div>
         {/* TODO_UPGRADE_FORM: Note that there never was schedules shown here like it is in the pro plan details page. This
         is a bug imo and needs to be here in a future ticket */}
-        {shouldRenderCancelLink(cancelAtPeriodEnd, plan, trialStatus) && (
+        {shouldRenderCancelLink({ cancelAtPeriodEnd, plan, trialStatus }) && (
           <A
             to={{ pageName: 'cancelOrgPlan' }}
             variant="black"

src/pages/PlanPage/subRoutes/UpgradePlanPage/UpgradeDetails/TeamPlanDetails/TeamPlanDetails.jsx

@@ -53,7 +53,7 @@ function TeamPlanDetails() {
         {scheduledPhase && (
           <ScheduledPlanDetails scheduledPhase={scheduledPhase} />
         )}
-        {shouldRenderCancelLink(cancelAtPeriodEnd, plan, trialStatus) && (
+        {shouldRenderCancelLink({ cancelAtPeriodEnd, plan, trialStatus }) && (
           <A
             to={{ pageName: 'cancelOrgPlan' }}
             variant="black"

src/pages/PullRequestPage/PullCoverage/Summary/CompareSummary/CompareSummary.jsx

@@ -2,9 +2,9 @@ import PropTypes from 'prop-types'
 import qs from 'qs'
 import { useLocation, useParams } from 'react-router-dom'
 
-import { getProviderCommitURL } from 'shared/utils'
 import { deleteDuplicateCFFUploads } from 'shared/utils/extractUploads'
 import { mapEdges } from 'shared/utils/graphql'
+import { getProviderCommitURL } from 'shared/utils/provider'
 import A from 'ui/A'
 import Icon from 'ui/Icon'
 import Summary from 'ui/Summary'

src/pages/RepoPage/CoverageOnboarding/NewRepoTab.tsx

@@ -12,7 +12,7 @@ import { useNavLinks } from 'services/navigation'
 import { useRepo } from 'services/repo'
 import { Provider } from 'shared/api/helpers'
 import { useRedirect } from 'shared/useRedirect'
-import { providerToName } from 'shared/utils'
+import { providerToName } from 'shared/utils/provider'
 import A from 'ui/A'
 import { Card } from 'ui/Card'
 import { RadioTileGroup } from 'ui/RadioTileGroup'

src/services/account/usePlanData.ts

@@ -11,6 +11,8 @@ export const TrialStatuses = {
   CANNOT_TRIAL: 'CANNOT_TRIAL',
 } as const
 
+export type TrialStatus = (typeof TrialStatuses)[keyof typeof TrialStatuses]
+
 const PlanSchema = z.object({
   baseUnitPrice: z.number(),
   benefits: z.array(z.string()),

src/services/charts/useSunburstCoverage.ts

@@ -2,7 +2,7 @@ import { useQuery } from '@tanstack/react-query'
 
 import Api from 'shared/api'
 import { Provider } from 'shared/api/helpers'
-import { providerToInternalProvider } from 'shared/utils'
+import { providerToInternalProvider } from 'shared/utils/provider'
 
 interface SunburstCoverageArgs {
   provider: Provider

src/services/repo/useUpdateRepo.js

@@ -2,7 +2,7 @@ import { useMutation, useQueryClient } from '@tanstack/react-query'
 import { useParams } from 'react-router-dom'
 
 import Api from 'shared/api'
-import { providerToInternalProvider } from 'shared/utils'
+import { providerToInternalProvider } from 'shared/utils/provider'
 
 function getRepoPath({ provider, owner, repo }) {
   return `/${provider}/${owner}/repos/${repo}/`

src/shared/GlobalTopBanners/RequestInstallBanner/RequestInstallBanner.tsx

@@ -6,7 +6,7 @@ import config from 'config'
 import { useLocationParams } from 'services/navigation'
 import { Provider } from 'shared/api/helpers'
 import AppInstallModal from 'shared/AppInstallModal'
-import { providerToName } from 'shared/utils'
+import { providerToName } from 'shared/utils/provider'
 import Button from 'ui/Button'
 import Icon from 'ui/Icon'
 import TopBanner, { saveToLocalStorage } from 'ui/TopBanner'