Chore/disable more sections 05 (supabase#38091)

* Add flags for policies, third party auth, and manual linking + providers in sign in page

* Add flag for rate limitm page

* Add UnknownInterface components

* Update comment

* Flip flags to true

* Add flags for realtime policies and reports page

* Temp

* Add flag for sign in providers page

* Add flag for stripe wrapper

* Add flag for custom domains

* Add flag for dedicated ipv4 address addon

* Add empty state for realtime policies

* Add empty state for reports page

* Add flag for disable legacy JWT keys section

* Add flag for legacy jwt keys

* nit

* Remove ConnectionStringMoved call out

* Add flag for project settings log drains

* Add flag for subscription link in project settings

* Deprecate settings/auth page and redirect directly to auth page

* Flip back flags

* Add flags for account preferences analytics marketing and account deleetion

* Remove 'table_editor:enable_rls_toggle' flag and revert UI changes

* Remove 'authentication:policies' flag and revert UI changes

* Add flags for cmd K routes

* Add flags for instance size in infra settings

* Small refactor to DisplayApiSettings, decouple ToggleLegacyApiKeysPanel from it

* Have project_connection:javascript_example toggle code example title to TS

* add flag for templates dropdown in logs explorer

* UsesOverview only show link to providers page if providers is enabled

* API Docs UserManagement to only include docs on third party auth if providers is enabled

* Hide instance size on project card if flag is off

* Remove links to billing under org usage if billing:all is off

* Fix

Author: joshenlim

apps/studio/components/interfaces/Organization/Usage/Compute.tsx

@@ -8,6 +8,7 @@ import { DataPoint } from 'data/analytics/constants'
 import { useOrgDailyComputeStatsQuery } from 'data/analytics/org-daily-compute-stats-query'
 import { ComputeUsageMetric, computeUsageMetricLabel } from 'data/analytics/org-daily-stats-query'
 import type { OrgSubscription } from 'data/subscriptions/types'
+import { useIsFeatureEnabled } from 'hooks/misc/useIsFeatureEnabled'
 import SectionContent from './SectionContent'
 import { Attribute, AttributeColor } from './Usage.constants'
 import UsageBarChart from './UsageBarChart'
@@ -34,6 +35,8 @@ const Compute = ({ orgSlug, projectRef, startDate, endDate }: ComputeProps) => {
     endDate,
   })
 
+  const { billingAll } = useIsFeatureEnabled(['billing:all'])
+
   const chartData: DataPoint[] = egressData?.data ?? []
 
   const COMPUTE_TO_COLOR: Record<ComputeUsageMetric, AttributeColor> = {
@@ -79,16 +82,18 @@ const Compute = ({ orgSlug, projectRef, startDate, endDate }: ComputeProps) => {
           name: 'Compute Hours',
           description:
             'Amount of hours your projects were active. Each project is a dedicated server and database.\nPaid plans come with $10 in Compute Credits to cover one project running on Micro Compute or parts of any compute add-on.\nBilling is based on the sum of Compute Hours used. Paused projects do not count towards usage.',
-          links: [
-            {
-              name: 'Compute Add-ons',
-              url: 'https://supabase.com/docs/guides/platform/compute-add-ons',
-            },
-            {
-              name: 'Usage-billing for Compute',
-              url: 'https://supabase.com/docs/guides/platform/manage-your-usage/compute',
-            },
-          ],
+          links: billingAll
+            ? [
+                {
+                  name: 'Compute Add-ons',
+                  url: 'https://supabase.com/docs/guides/platform/compute-add-ons',
+                },
+                {
+                  name: 'Usage-billing for Compute',
+                  url: 'https://supabase.com/docs/guides/platform/manage-your-usage/compute',
+                },
+              ]
+            : [],
         }}
       >
         {isLoading && <GenericSkeletonLoader />}

apps/studio/components/interfaces/Organization/Usage/TotalUsage.tsx

@@ -9,6 +9,7 @@ import {
 } from 'data/analytics/org-daily-stats-query'
 import type { OrgSubscription } from 'data/subscriptions/types'
 import { useOrgUsageQuery } from 'data/usage/org-usage-query'
+import { useIsFeatureEnabled } from 'hooks/misc/useIsFeatureEnabled'
 import { cn } from 'ui'
 import { BILLING_BREAKDOWN_METRICS } from '../BillingSettings/BillingBreakdown/BillingBreakdown.constants'
 import BillingMetric from '../BillingSettings/BillingBreakdown/BillingMetric'
@@ -32,7 +33,7 @@ const METRICS_TO_HIDE_WITH_NO_USAGE: PricingMetric[] = [
   PricingMetric.DISK_THROUGHPUT_GP3,
 ]
 
-const TotalUsage = ({
+export const TotalUsage = ({
   orgSlug,
   projectRef,
   subscription,
@@ -41,6 +42,7 @@ const TotalUsage = ({
   currentBillingCycleSelected,
 }: ComputeProps) => {
   const isUsageBillingEnabled = subscription?.usage_billing_enabled
+  const { billingAll } = useIsFeatureEnabled(['billing:all'])
 
   const {
     data: usage,
@@ -117,16 +119,18 @@ const TotalUsage = ({
           description: isUsageBillingEnabled
             ? `Your plan includes a limited amount of usage. If exceeded, you will be charged for the overages. It may take up to 1 hour to refresh.`
             : `Your plan includes a limited amount of usage. If exceeded, you may experience restrictions, as you are currently not billed for overages. It may take up to 1 hour to refresh.`,
-          links: [
-            {
-              name: 'How billing works',
-              url: 'https://supabase.com/docs/guides/platform/billing-on-supabase',
-            },
-            {
-              name: 'Supabase Plans',
-              url: 'https://supabase.com/pricing',
-            },
-          ],
+          links: billingAll
+            ? [
+                {
+                  name: 'How billing works',
+                  url: 'https://supabase.com/docs/guides/platform/billing-on-supabase',
+                },
+                {
+                  name: 'Supabase Plans',
+                  url: 'https://supabase.com/pricing',
+                },
+              ]
+            : [],
         }}
       >
         {isLoadingUsage && (
@@ -234,5 +238,3 @@ const TotalUsage = ({
     </div>
   )
 }
-
-export default TotalUsage

apps/studio/components/interfaces/Organization/Usage/Usage.tsx

@@ -22,10 +22,10 @@ import { cn, Listbox } from 'ui'
 import { Admonition } from 'ui-patterns'
 import { Restriction } from '../BillingSettings/Restriction'
 import Activity from './Activity'
-import Egress from './Egress'
 import Compute from './Compute'
+import Egress from './Egress'
 import SizeAndCounts from './SizeAndCounts'
-import TotalUsage from './TotalUsage'
+import { TotalUsage } from './TotalUsage'
 
 const Usage = () => {
   const { slug, projectRef } = useParams()

apps/studio/components/interfaces/ProjectAPIDocs/Content/UserManagement.tsx

@@ -1,8 +1,12 @@
+import { useIsFeatureEnabled } from 'hooks/misc/useIsFeatureEnabled'
 import ContentSnippet from '../ContentSnippet'
 import { DOCS_CONTENT } from '../ProjectAPIDocs.constants'
 import type { ContentProps } from './Content.types'
 
 const UserManagement = ({ language, apikey, endpoint }: ContentProps) => {
+  const { authenticationSignInProviders } = useIsFeatureEnabled([
+    'authentication:sign_in_providers',
+  ])
   return (
     <>
       <ContentSnippet selectedLanguage={language} snippet={DOCS_CONTENT.userManagement} />
@@ -42,12 +46,14 @@ const UserManagement = ({ language, apikey, endpoint }: ContentProps) => {
         endpoint={endpoint}
         snippet={DOCS_CONTENT.smsVerify}
       />
-      <ContentSnippet
-        selectedLanguage={language}
-        apikey={apikey}
-        endpoint={endpoint}
-        snippet={DOCS_CONTENT.oauthLogin}
-      />
+      {authenticationSignInProviders && (
+        <ContentSnippet
+          selectedLanguage={language}
+          apikey={apikey}
+          endpoint={endpoint}
+          snippet={DOCS_CONTENT.oauthLogin}
+        />
+      )}
       <ContentSnippet
         selectedLanguage={language}
         apikey={apikey}