ref(ui): Change dynamic imports to use `sentry` alias (#30196)

Part of refactoring from `app` import alias to `sentry`.

See https://github.com/getsentry/sentry/pull/30178

static/app/actionCreators/modal.tsx

@@ -52,7 +52,7 @@ type inviteMembersModalOptions = {
 };
 
 export async function openSudo({onClose, ...args}: OpenSudoModalOptions = {}) {
-  const mod = await import('app/components/modals/sudoModal');
+  const mod = await import('sentry/components/modals/sudoModal');
   const {default: Modal} = mod;
 
   openModal(deps => <Modal {...deps} {...args} />, {onClose});
@@ -62,7 +62,7 @@ export async function openEmailVerification({
   onClose,
   ...args
 }: emailVerificationModalOptions = {}) {
-  const mod = await import('app/components/modals/emailVerificationModal');
+  const mod = await import('sentry/components/modals/emailVerificationModal');
   const {default: Modal} = mod;
 
   openModal(deps => <Modal {...deps} {...args} />, {onClose});
@@ -78,7 +78,7 @@ type OpenDiffModalOptions = {
 };
 
 export async function openDiffModal(options: OpenDiffModalOptions) {
-  const mod = await import('app/components/modals/diffModal');
+  const mod = await import('sentry/components/modals/diffModal');
   const {default: Modal, modalCss} = mod;
 
   openModal(deps => <Modal {...deps} {...options} />, {modalCss});
@@ -97,7 +97,7 @@ type CreateTeamModalOptions = {
 };
 
 export async function openCreateTeamModal(options: CreateTeamModalOptions) {
-  const mod = await import('app/components/modals/createTeamModal');
+  const mod = await import('sentry/components/modals/createTeamModal');
   const {default: Modal} = mod;
 
   openModal(deps => <Modal {...deps} {...options} />);
@@ -123,21 +123,21 @@ export type EditOwnershipRulesModalOptions = {
 };
 
 export async function openCreateOwnershipRule(options: CreateOwnershipRuleModalOptions) {
-  const mod = await import('app/components/modals/createOwnershipRuleModal');
+  const mod = await import('sentry/components/modals/createOwnershipRuleModal');
   const {default: Modal, modalCss} = mod;
 
   openModal(deps => <Modal {...deps} {...options} />, {modalCss});
 }
 
 export async function openEditOwnershipRules(options: EditOwnershipRulesModalOptions) {
-  const mod = await import('app/components/modals/editOwnershipRulesModal');
+  const mod = await import('sentry/components/modals/editOwnershipRulesModal');
   const {default: Modal, modalCss} = mod;
 
   openModal(deps => <Modal {...deps} {...options} />, {backdrop: 'static', modalCss});
 }
 
 export async function openCommandPalette(options: ModalOptions = {}) {
-  const mod = await import('app/components/modals/commandPalette');
+  const mod = await import('sentry/components/modals/commandPalette');
   const {default: Modal, modalCss} = mod;
 
   openModal(deps => <Modal {...deps} {...options} />, {modalCss});
@@ -148,7 +148,7 @@ type RecoveryModalOptions = {
 };
 
 export async function openRecoveryOptions(options: RecoveryModalOptions) {
-  const mod = await import('app/components/modals/recoveryOptionsModal');
+  const mod = await import('sentry/components/modals/recoveryOptionsModal');
   const {default: Modal} = mod;
 
   openModal(deps => <Modal {...deps} {...options} />);
@@ -161,14 +161,14 @@ export type TeamAccessRequestModalOptions = {
 };
 
 export async function openTeamAccessRequestModal(options: TeamAccessRequestModalOptions) {
-  const mod = await import('app/components/modals/teamAccessRequestModal');
+  const mod = await import('sentry/components/modals/teamAccessRequestModal');
   const {default: Modal} = mod;
 
   openModal(deps => <Modal {...deps} {...options} />);
 }
 
 export async function redirectToProject(newProjectSlug: string) {
-  const mod = await import('app/components/modals/redirectToProject');
+  const mod = await import('sentry/components/modals/redirectToProject');
   const {default: Modal} = mod;
 
   openModal(deps => <Modal {...deps} slug={newProjectSlug} />, {});
@@ -180,7 +180,7 @@ type HelpSearchModalOptions = {
 };
 
 export async function openHelpSearchModal(options?: HelpSearchModalOptions) {
-  const mod = await import('app/components/modals/helpSearchModal');
+  const mod = await import('sentry/components/modals/helpSearchModal');
   const {default: Modal, modalCss} = mod;
 
   openModal(deps => <Modal {...deps} {...options} />, {modalCss});
@@ -206,9 +206,7 @@ export async function openDebugFileSourceModal({
   onClose,
   ...restOptions
 }: DebugFileSourceModalOptions) {
-  const mod = await import(
-    /* webpackChunkName: "DebugFileCustomRepository" */ 'app/components/modals/debugFileCustomRepository'
-  );
+  const mod = await import('sentry/components/modals/debugFileCustomRepository');
 
   const {default: Modal, modalCss} = mod;
   openModal(deps => <Modal {...deps} {...restOptions} />, {
@@ -221,14 +219,14 @@ export async function openInviteMembersModal({
   onClose,
   ...args
 }: inviteMembersModalOptions = {}) {
-  const mod = await import('app/components/modals/inviteMembersModal');
+  const mod = await import('sentry/components/modals/inviteMembersModal');
   const {default: Modal, modalCss} = mod;
 
   openModal(deps => <Modal {...deps} {...args} />, {modalCss, onClose});
 }
 
 export async function openAddDashboardWidgetModal(options: DashboardWidgetModalOptions) {
-  const mod = await import('app/components/modals/addDashboardWidgetModal');
+  const mod = await import('sentry/components/modals/addDashboardWidgetModal');
   const {default: Modal, modalCss} = mod;
 
   openModal(deps => <Modal {...deps} {...options} />, {backdrop: 'static', modalCss});
@@ -237,7 +235,9 @@ export async function openAddDashboardWidgetModal(options: DashboardWidgetModalO
 export async function openAddDashboardIssueWidgetModal(
   options: DashboardIssueWidgetModalOptions
 ) {
-  const issuesModal = await import('app/components/modals/addDashboardIssueWidgetModal');
+  const issuesModal = await import(
+    'sentry/components/modals/addDashboardIssueWidgetModal'
+  );
   const {default: Modal, modalCss} = issuesModal;
 
   openModal(deps => <Modal {...deps} {...options} />, {backdrop: 'static', modalCss});
@@ -247,7 +247,7 @@ export async function openReprocessEventModal({
   onClose,
   ...options
 }: ReprocessEventModalOptions & {onClose?: () => void}) {
-  const mod = await import('app/components/modals/reprocessEventModal');
+  const mod = await import('sentry/components/modals/reprocessEventModal');
 
   const {default: Modal} = mod;
 
@@ -255,7 +255,7 @@ export async function openReprocessEventModal({
 }
 
 export async function demoSignupModal(options: ModalOptions = {}) {
-  const mod = await import('app/components/modals/demoSignUp');
+  const mod = await import('sentry/components/modals/demoSignUp');
   const {default: Modal, modalCss} = mod;
 
   openModal(deps => <Modal {...deps} {...options} />, {modalCss});
@@ -264,7 +264,7 @@ export async function demoSignupModal(options: ModalOptions = {}) {
 export async function openDashboardWidgetQuerySelectorModal(
   options: DashboardWidgetQuerySelectorModalOptions
 ) {
-  const mod = await import('app/components/modals/dashboardWidgetQuerySelectorModal');
+  const mod = await import('sentry/components/modals/dashboardWidgetQuerySelectorModal');
   const {default: Modal, modalCss} = mod;
 
   openModal(deps => <Modal {...deps} {...options} />, {backdrop: 'static', modalCss});
@@ -273,7 +273,7 @@ export async function openDashboardWidgetQuerySelectorModal(
 export async function openDashboardWidgetLibraryModal(
   options: DashboardWidgetLibraryModalOptions
 ) {
-  const mod = await import('app/components/modals/dashboardWidgetLibraryModal');
+  const mod = await import('sentry/components/modals/dashboardWidgetLibraryModal');
   const {default: Modal, modalCss} = mod;
 
   openModal(deps => <Modal {...deps} {...options} />, {backdrop: 'static', modalCss});

static/app/bootstrap/commonInitialization.tsx

@@ -7,7 +7,7 @@ import {setupColorScheme} from 'app/utils/matchMedia';
 
 export function commonInitialization(config: Config) {
   if (NODE_ENV === 'development') {
-    import(/* webpackMode: "eager" */ 'app/utils/silence-react-unsafe-warnings');
+    import(/* webpackMode: "eager" */ 'sentry/utils/silence-react-unsafe-warnings');
   }
 
   ConfigStore.loadInitialData(config);

static/app/bootstrap/processInitQueue.tsx

@@ -6,13 +6,13 @@ import {renderOnDomReady} from './renderOnDomReady';
 
 const COMPONENT_MAP = {
   [SentryInitRenderReactComponent.INDICATORS]: () =>
-    import(/* webpackChunkName: "Indicators" */ 'app/components/indicators'),
+    import(/* webpackChunkName: "Indicators" */ 'sentry/components/indicators'),
   [SentryInitRenderReactComponent.SYSTEM_ALERTS]: () =>
-    import(/* webpackChunkName: "SystemAlerts" */ 'app/views/app/systemAlerts'),
+    import(/* webpackChunkName: "SystemAlerts" */ 'sentry/views/app/systemAlerts'),
   [SentryInitRenderReactComponent.SETUP_WIZARD]: () =>
-    import(/* webpackChunkName: "SetupWizard" */ 'app/views/setupWizard'),
+    import(/* webpackChunkName: "SetupWizard" */ 'sentry/views/setupWizard'),
   [SentryInitRenderReactComponent.U2F_SIGN]: () =>
-    import(/* webpackChunkName: "U2fSign" */ 'app/components/u2f/u2fsign'),
+    import(/* webpackChunkName: "U2fSign" */ 'sentry/components/u2f/u2fsign'),
 };
 
 async function processItem(initConfig: OnSentryInitConfiguration) {
@@ -29,7 +29,7 @@ async function processItem(initConfig: OnSentryInitConfiguration) {
     }
 
     const passwordStrength = await import(
-      /* webpackChunkName: "PasswordStrength" */ 'app/components/passwordStrength'
+      /* webpackChunkName: "PasswordStrength" */ 'sentry/components/passwordStrength'
     );
 
     passwordStrength.attachTo({

static/app/components/charts/worldMapChart.tsx

@@ -54,8 +54,8 @@ class WorldMapChart extends React.Component<Props, State> {
 
   async componentDidMount() {
     const [countryToCodeMap, worldMap] = await Promise.all([
-      import('app/data/countryCodesMap'),
-      import('app/data/world.json'),
+      import('sentry/data/countryCodesMap'),
+      import('sentry/data/world.json'),
     ]);
 
     echarts.registerMap('sentryWorld', worldMap.default);

static/app/components/events/interfaces/debugMeta-v2/index.tsx

@@ -232,7 +232,7 @@ class DebugMeta extends React.PureComponent<Props, State> {
         : undefined;
 
     const mod = await import(
-      'app/components/events/interfaces/debugMeta-v2/debugImageDetails'
+      'sentry/components/events/interfaces/debugMeta-v2/debugImageDetails'
     );
 
     const {default: Modal, modalCss} = mod;

static/app/components/tooltip.tsx

@@ -122,7 +122,7 @@ class Tooltip extends React.Component<Props, State> {
 
   async componentDidMount() {
     if (IS_ACCEPTANCE_TEST) {
-      const TooltipStore = (await import('app/stores/tooltipStore')).default;
+      const TooltipStore = (await import('sentry/stores/tooltipStore')).default;
       TooltipStore.addTooltip(this);
     }
   }
@@ -131,7 +131,7 @@ class Tooltip extends React.Component<Props, State> {
     const {usesGlobalPortal} = this.state;
 
     if (IS_ACCEPTANCE_TEST) {
-      const TooltipStore = (await import('app/stores/tooltipStore')).default;
+      const TooltipStore = (await import('sentry/stores/tooltipStore')).default;
       TooltipStore.removeTooltip(this);
     }
     if (!usesGlobalPortal) {

static/app/index.tsx

@@ -73,8 +73,8 @@
 async function app() {
   // We won't need initalizeMainImport until we complete bootstrapping.
   // Initaite the fetch, just don't await it until we need it.
-  const initalizeMainImport = import('app/bootstrap/initializeMain');
-  const bootstrapImport = import('app/bootstrap');
+  const initalizeMainImport = import('sentry/bootstrap/initializeMain');
+  const bootstrapImport = import('sentry/bootstrap');
 
   const {bootstrap} = await bootstrapImport;
   const config = await bootstrap();

static/app/views/app/index.tsx

@@ -33,8 +33,8 @@ type Props = {
   children: React.ReactNode;
 };
 
-const InstallWizard = lazy(() => import('app/views/admin/installWizard'));
-const NewsletterConsent = lazy(() => import('app/views/newsletterConsent'));
+const InstallWizard = lazy(() => import('sentry/views/admin/installWizard'));
+const NewsletterConsent = lazy(() => import('sentry/views/newsletterConsent'));
 
 /**
  * App is the root level container for all uathenticated routes.

static/app/views/issueList/noGroupsHandler/index.tsx

@@ -116,7 +116,7 @@ class NoGroupsHandler extends React.Component<Props, State> {
     const project = projects && projects.length > 0 ? projects[0] : undefined;
     const sampleIssueId = groupIds.length > 0 ? groupIds[0] : undefined;
 
-    const ErrorRobot = React.lazy(() => import('app/components/errorRobot'));
+    const ErrorRobot = React.lazy(() => import('sentry/components/errorRobot'));
 
     return (
       <React.Suspense fallback={<Placeholder height="260px" />}>