refactor(console): card selector (#3968)

packages/console/src/onboarding/pages/About/index.tsx

@@ -14,8 +14,8 @@ import TextInput from '@/components/TextInput';
 import useUserOnboardingData from '@/onboarding/hooks/use-user-onboarding-data';
 import * as pageLayout from '@/onboarding/scss/layout.module.scss';
 
+import { CardSelector, MultiCardSelector } from '../../../components/CardSelector';
 import ActionBar from '../../components/ActionBar';
-import { CardSelector, MultiCardSelector } from '../../components/CardSelector';
 import type { Questionnaire } from '../../types';
 import { OnboardingPage } from '../../types';
 import { getOnboardingPage } from '../../utils';

packages/console/src/onboarding/pages/About/options.tsx

@@ -1,7 +1,4 @@
-import type {
-  CardSelectorOption,
-  MultiCardSelectorOption,
-} from '@/onboarding/components/CardSelector';
+import type { CardSelectorOption, MultiCardSelectorOption } from '@/components/CardSelector';
 
 import { CompanySize, Reason, Title } from '../../types';
 

packages/console/src/onboarding/pages/SignInExperience/components/SocialSelector/index.tsx

@@ -1,11 +1,11 @@
 import { ConnectorType } from '@logto/schemas';
 
+import type { MultiCardSelectorOption } from '@/components/CardSelector';
+import { MultiCardSelector } from '@/components/CardSelector';
 import ConnectorLogo from '@/components/ConnectorLogo';
 import DangerousRaw from '@/components/DangerousRaw';
 import UnnamedTrans from '@/components/UnnamedTrans';
 import useConnectorGroups from '@/hooks/use-connector-groups';
-import type { MultiCardSelectorOption } from '@/onboarding/components/CardSelector';
-import { MultiCardSelector } from '@/onboarding/components/CardSelector';
 
 import { fakeSocialTargetOptions } from '../../options';
 

packages/console/src/onboarding/pages/SignInExperience/index.tsx

@@ -10,6 +10,7 @@ import useSWR from 'swr';
 
 import Tools from '@/assets/images/tools.svg';
 import Button from '@/components/Button';
+import { CardSelector, MultiCardSelector } from '@/components/CardSelector';
 import ColorPicker from '@/components/ColorPicker';
 import FormField from '@/components/FormField';
 import OverlayScrollbar from '@/components/OverlayScrollbar';
@@ -20,7 +21,6 @@ import useApi from '@/hooks/use-api';
 import type { RequestError } from '@/hooks/use-api';
 import useUserAssetsService from '@/hooks/use-user-assets-service';
 import ActionBar from '@/onboarding/components/ActionBar';
-import { CardSelector, MultiCardSelector } from '@/onboarding/components/CardSelector';
 import * as pageLayout from '@/onboarding/scss/layout.module.scss';
 import type { OnboardingSieConfig } from '@/onboarding/types';
 import { Authentication, OnboardingPage } from '@/onboarding/types';

packages/console/src/onboarding/pages/SignInExperience/options.tsx

@@ -5,11 +5,8 @@ import Keyboard from '@/assets/images/keyboard.svg';
 import Label from '@/assets/images/label.svg';
 import Lock from '@/assets/images/lock.svg';
 import Mobile from '@/assets/images/mobile.svg';
+import type { MultiCardSelectorOption, CardSelectorOption } from '@/components/CardSelector';
 import DangerousRaw from '@/components/DangerousRaw';
-import type {
-  MultiCardSelectorOption,
-  CardSelectorOption,
-} from '@/onboarding/components/CardSelector';
 import { Authentication } from '@/onboarding/types';
 
 import Apple from '../../assets/images/social-apple.svg';

packages/console/src/onboarding/pages/Welcome/index.tsx

@@ -7,11 +7,11 @@ import { useNavigate } from 'react-router-dom';
 
 import WelcomeImage from '@/assets/images/sign-in-experience-welcome.svg';
 import Button from '@/components/Button';
+import { CardSelector } from '@/components/CardSelector';
 import FormField from '@/components/FormField';
 import OverlayScrollbar from '@/components/OverlayScrollbar';
 import PageMeta from '@/components/PageMeta';
 import ActionBar from '@/onboarding/components/ActionBar';
-import { CardSelector } from '@/onboarding/components/CardSelector';
 import useUserOnboardingData from '@/onboarding/hooks/use-user-onboarding-data';
 import * as pageLayout from '@/onboarding/scss/layout.module.scss';
 

packages/console/src/onboarding/pages/Welcome/options.tsx

@@ -2,7 +2,7 @@ import Building from '@/assets/images/building.svg';
 import Cloud from '@/assets/images/cloud.svg';
 import Database from '@/assets/images/database.svg';
 import Pizza from '@/assets/images/pizza.svg';
-import type { CardSelectorOption } from '@/onboarding/components/CardSelector';
+import type { CardSelectorOption } from '@/components/CardSelector';
 
 import { DeploymentType, Project } from '../../types';