refactor(console): infer RegionResponse type locally (#8037)

infer RegionResponse type locally

Author: simeng-li

packages/console/src/cloud/types/router.ts

@@ -65,4 +65,8 @@ export type TenantMemberResponse = GetArrayElementType<
 export type TenantInvitationResponse = GetArrayElementType<
   GuardedResponse<GetTenantAuthRoutes['/api/tenants/:tenantId/invitations']>
 >;
+
+export type RegionResponse = GetArrayElementType<
+  GuardedResponse<GetRoutes['/api/me/regions']>['regions']
+>;
 // End of the auth routes types

packages/console/src/components/CreateTenantModal/index.tsx

@@ -1,4 +1,3 @@
-import { type RegionResponse as RegionType } from '@logto/cloud/routes';
 import { Theme, TenantTag } from '@logto/schemas';
 import { condArray } from '@silverhand/essentials';
 import { useCallback, useMemo, useState } from 'react';
@@ -10,7 +9,7 @@ import Modal from 'react-modal';
 import CreateTenantHeaderIconDark from '@/assets/icons/create-tenant-header-dark.svg?react';
 import CreateTenantHeaderIcon from '@/assets/icons/create-tenant-header.svg?react';
 import { useCloudApi } from '@/cloud/hooks/use-cloud-api';
-import { type TenantResponse } from '@/cloud/types/router';
+import { type TenantResponse, type RegionResponse as RegionType } from '@/cloud/types/router';
 import Region, {
   defaultRegionName,
   logtoDropdownItem,

packages/console/src/components/Region/index.tsx

@@ -1,9 +1,10 @@
-import { type RegionResponse as RegionType } from '@logto/cloud/routes';
 import { TenantTag } from '@logto/schemas';
 import classNames from 'classnames';
 import { useMemo, type FunctionComponent } from 'react';
 import { useTranslation } from 'react-i18next';
 
+import { type RegionResponse as RegionType } from '@/cloud/types/router';
+
 import auFlag from './assets/au.svg?react';
 import euFlag from './assets/eu.svg?react';
 import jpFlag from './assets/jp.svg?react';

packages/console/src/hooks/use-available-regions.ts

@@ -1,8 +1,8 @@
-import { type RegionResponse as RegionType } from '@logto/cloud/routes';
 import { useCallback } from 'react';
 import useSWRImmutable from 'swr/immutable';
 
 import { useCloudApi } from '@/cloud/hooks/use-cloud-api';
+import { type RegionResponse as RegionType } from '@/cloud/types/router';
 
 /** Checks if a region is a development-only region based on its name. */
 export const isDevOnlyRegion = (regionName?: string): boolean =>