Revert "feat(relay): Managed Relay for all (front-end) (#98688)"

This reverts commit a9454bc.

Co-authored-by: tobias-wilfert <[email protected]>

Author: getsentry-bot

static/app/types/hooks.tsx

@@ -268,6 +268,7 @@ export type FeatureDisabledHooks = {
   'feature-disabled:project-selector-all-projects': FeatureDisabledHook;
   'feature-disabled:project-selector-checkbox': FeatureDisabledHook;
   'feature-disabled:rate-limits': FeatureDisabledHook;
+  'feature-disabled:relay': FeatureDisabledHook;
   'feature-disabled:replay-sidebar-item': FeatureDisabledHook;
   'feature-disabled:sso-basic': FeatureDisabledHook;
   'feature-disabled:sso-saml2': FeatureDisabledHook;

static/app/views/settings/organizationRelay/index.tsx

@@ -1,7 +1,34 @@
+import Feature from 'sentry/components/acl/feature';
+import FeatureDisabled from 'sentry/components/acl/featureDisabled';
+import Panel from 'sentry/components/panels/panel';
+import PanelBody from 'sentry/components/panels/panelBody';
+import {t} from 'sentry/locale';
+import useOrganization from 'sentry/utils/useOrganization';
+
 import {RelayWrapper} from './relayWrapper';
 
 function OrganizationRelay() {
-  return <RelayWrapper />;
+  const organization = useOrganization();
+  return (
+    <Feature
+      organization={organization}
+      features="relay"
+      hookName="feature-disabled:relay"
+      renderDisabled={p => (
+        <Panel>
+          <PanelBody withPadding>
+            <FeatureDisabled
+              features={p.features}
+              hideHelpToggle
+              featureName={t('Relay')}
+            />
+          </PanelBody>
+        </Panel>
+      )}
+    >
+      <RelayWrapper />
+    </Feature>
+  );
 }
 
 export default OrganizationRelay;

static/gsApp/components/features/disabledRelay.tsx

@@ -0,0 +1,82 @@
+import styled from '@emotion/styled';
+
+import {Button} from 'sentry/components/core/button';
+import EmptyMessage from 'sentry/components/emptyMessage';
+import Panel from 'sentry/components/panels/panel';
+import {IconBroadcast, IconBusiness} from 'sentry/icons';
+import {t, tct} from 'sentry/locale';
+import {space} from 'sentry/styles/space';
+import type {Organization} from 'sentry/types/organization';
+
+import {openUpsellModal} from 'getsentry/actionCreators/modal';
+import LearnMoreButton from 'getsentry/components/features/learnMoreButton';
+import PlanFeature from 'getsentry/components/features/planFeature';
+import {displayPlanName} from 'getsentry/utils/billing';
+
+type Props = {
+  features: string[];
+  organization: Organization;
+};
+
+function DisabledRelay({organization, features}: Props) {
+  return (
+    <PlanFeature {...{organization, features}}>
+      {({plan}) => (
+        <Panel dashedBorder data-test-id="disabled-relay">
+          <EmptyMessage
+            size="large"
+            icon={<IconBroadcast size="xl" />}
+            title={t('Protect your private data and more by running a local Relay')}
+            description={tct(
+              '[strong: Sentry Relay] offers enterprise-grade data security by providing a standalone service that acts as a middle layer between your application and sentry.io. This feature [planRequirement] or above.',
+
+              {
+                strong: <strong />,
+                planRequirement: (
+                  <strong>{t('requires a %s Plan', displayPlanName(plan))}</strong>
+                ),
+              }
+            )}
+            action={
+              <ButtonBar>
+                <StyledButton
+                  priority="primary"
+                  icon={<IconBusiness />}
+                  onClick={() => openUpsellModal({organization, source: 'feature.relay'})}
+                >
+                  {t('Learn More')}
+                </StyledButton>
+                <StyledLearnMoreButton
+                  organization={organization}
+                  source="feature.relay"
+                  href="https://docs.sentry.io/product/relay/"
+                  external
+                >
+                  {t('Documentation')}
+                </StyledLearnMoreButton>
+              </ButtonBar>
+            }
+          />
+        </Panel>
+      )}
+    </PlanFeature>
+  );
+}
+
+export default DisabledRelay;
+
+const ButtonBar = styled('div')`
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  margin: -${space(0.75)};
+`;
+
+const StyledButton = styled(Button)`
+  margin: ${space(0.75)};
+`;
+
+const StyledLearnMoreButton = styled(LearnMoreButton)`
+  margin: ${space(0.75)};
+`;

static/gsApp/components/labelWithPowerIcon.tsx

@@ -11,6 +11,7 @@ import type {Subscription} from 'getsentry/types';
 import {isEnterprise} from 'getsentry/utils/billing';
 
 const SSO = 'sso';
+const RELAY = 'relay';
 const ALLOCATIONS = 'allocations-upsell';
 const TEAM_ROLES = 'team-roles-upsell';
 
@@ -36,6 +37,11 @@ const POWER_FEATURE_CONFIG = [
     features: ['sso-saml2'],
     partial: true,
   },
+  {
+    id: RELAY,
+    features: ['relay'],
+    partial: false,
+  },
   {
     id: ALLOCATIONS,
     features: ['spend-allocations'],

static/gsApp/registerHooks.tsx

@@ -19,6 +19,7 @@ import DisabledDataForwarding from 'getsentry/components/features/disabledDataFo
 import DisabledDateRange from 'getsentry/components/features/disabledDateRange';
 import DisabledDiscardGroup from 'getsentry/components/features/disabledDiscardGroup';
 import DisabledRateLimits from 'getsentry/components/features/disabledRateLimits';
+import DisabledRelay from 'getsentry/components/features/disabledRelay';
 import DisabledSelectorItems from 'getsentry/components/features/disabledSelectorItems';
 import ExploreDateRangeQueryLimitFooter from 'getsentry/components/features/exploreDateRangeQueryLimitFooter';
 import InsightsDateRangeQueryLimitFooter from 'getsentry/components/features/insightsDateRangeQueryLimitFooter';
@@ -254,6 +255,7 @@ const GETSENTRY_HOOKS: Partial<Hooks> = {
 
   'feature-disabled:discard-groups': p => <DisabledDiscardGroup {...p} />,
   'feature-disabled:data-forwarding': p => <DisabledDataForwarding {...p} />,
+  'feature-disabled:relay': p => <DisabledRelay {...p} />,
   'feature-disabled:rate-limits': p => <DisabledRateLimits {...p} />,
   'feature-disabled:sso-basic': p => <DisabledAuthProvider {...p} />,
   'feature-disabled:sso-saml2': p => <DisabledAuthProvider {...p} />,

tests/js/getsentry-test/fixtures/featureList.ts

@@ -92,6 +92,11 @@ export function FeatureListFixture(): Record<string, Feature> {
       description:
         'Configure custom Symbol Servers, Amazon S3 buckets, or GCS buckets for debug files.',
     },
+    relay: {
+      name: 'Relay',
+      description:
+        'Use Relay as middle layer for on premise data scrubbing before sending data to Sentry.',
+    },
     'app-store-connect-multiple': {
       name: 'Multiple App Store Connect apps',
       description: 'Add multiple Apple App Store Connect apps per project',