From 0723d58f7ed387cab31ecb3ea56a631da8675711 Mon Sep 17 00:00:00 2001
From: John Oshalusi <john.oshalusi@iohk.io>
Date: Tue, 10 Dec 2024 12:46:07 +0100
Subject: [PATCH] fix: remove old onboarding components

---
 .../MnemonicWordsConfirmInput.module.scss     |  16 --
 .../WalletSetup/MnemonicWordsConfirmInput.tsx |  38 -----
 .../WalletSetup/SocialLink.module.scss        |  49 -------
 .../ui/components/WalletSetup/SocialLink.tsx  |  23 ---
 ...SetupConnectHardwareWalletStep.module.scss |  65 ---------
 .../WalletSetupConnectHardwareWalletStep.tsx  |  93 ------------
 .../WalletSetupFinalStep.module.scss          |  34 -----
 .../WalletSetup/WalletSetupFinalStep.tsx      |  70 ---------
 .../WalletSetupMnemonicIntroStep.tsx          |  57 --------
 .../WalletSetupModeStep.module.scss           |  32 ----
 .../WalletSetup/WalletSetupModeStep.tsx       | 109 --------------
 .../WalletSetupNamePasswordStep.tsx           | 137 ------------------
 .../WalletSetupNamePasswordStep/index.ts      |   1 -
 .../WalletSetupNamePasswordStep/types.ts      |   4 -
 .../WalletSetupPasswordStep.module.scss       |  49 -------
 .../WalletSetup/WalletSetupPasswordStep.tsx   | 115 ---------------
 ...tSetupRecoveryPhraseLengthStep.module.scss |   7 -
 .../WalletSetupRecoveryPhraseLengthStep.tsx   |  53 -------
 .../WalletSetupRegisterStep.module.scss       |  75 ----------
 .../WalletSetup/WalletSetupRegisterStep.tsx   |  82 -----------
 .../WalletSetupSelectAccountsStep.module.scss |  72 ---------
 .../WalletSetupSelectAccountsStep.tsx         |  63 --------
 .../WalletSetup/WalletSetupWalletNameStep.tsx |  75 ----------
 .../src/ui/components/WalletSetup/index.ts    |  11 --
 .../WalletSetup/wallet-steps.common.ts        |  16 --
 .../ui/components/WalletSetup/wallet-steps.ts |  10 --
 26 files changed, 1356 deletions(-)
 delete mode 100644 packages/core/src/ui/components/WalletSetup/MnemonicWordsConfirmInput.module.scss
 delete mode 100644 packages/core/src/ui/components/WalletSetup/MnemonicWordsConfirmInput.tsx
 delete mode 100644 packages/core/src/ui/components/WalletSetup/SocialLink.module.scss
 delete mode 100644 packages/core/src/ui/components/WalletSetup/SocialLink.tsx
 delete mode 100644 packages/core/src/ui/components/WalletSetup/WalletSetupConnectHardwareWalletStep.module.scss
 delete mode 100644 packages/core/src/ui/components/WalletSetup/WalletSetupConnectHardwareWalletStep.tsx
 delete mode 100644 packages/core/src/ui/components/WalletSetup/WalletSetupFinalStep.module.scss
 delete mode 100644 packages/core/src/ui/components/WalletSetup/WalletSetupFinalStep.tsx
 delete mode 100644 packages/core/src/ui/components/WalletSetup/WalletSetupMnemonicIntroStep.tsx
 delete mode 100644 packages/core/src/ui/components/WalletSetup/WalletSetupModeStep.module.scss
 delete mode 100644 packages/core/src/ui/components/WalletSetup/WalletSetupModeStep.tsx
 delete mode 100644 packages/core/src/ui/components/WalletSetup/WalletSetupNamePasswordStep/WalletSetupNamePasswordStep.tsx
 delete mode 100644 packages/core/src/ui/components/WalletSetup/WalletSetupPasswordStep.module.scss
 delete mode 100644 packages/core/src/ui/components/WalletSetup/WalletSetupPasswordStep.tsx
 delete mode 100644 packages/core/src/ui/components/WalletSetup/WalletSetupRecoveryPhraseLengthStep.module.scss
 delete mode 100644 packages/core/src/ui/components/WalletSetup/WalletSetupRecoveryPhraseLengthStep.tsx
 delete mode 100644 packages/core/src/ui/components/WalletSetup/WalletSetupRegisterStep.module.scss
 delete mode 100644 packages/core/src/ui/components/WalletSetup/WalletSetupRegisterStep.tsx
 delete mode 100644 packages/core/src/ui/components/WalletSetup/WalletSetupSelectAccountsStep.module.scss
 delete mode 100644 packages/core/src/ui/components/WalletSetup/WalletSetupSelectAccountsStep.tsx
 delete mode 100644 packages/core/src/ui/components/WalletSetup/WalletSetupWalletNameStep.tsx
 delete mode 100644 packages/core/src/ui/components/WalletSetup/wallet-steps.common.ts
 delete mode 100644 packages/core/src/ui/components/WalletSetup/wallet-steps.ts

diff --git a/packages/core/src/ui/components/WalletSetup/MnemonicWordsConfirmInput.module.scss b/packages/core/src/ui/components/WalletSetup/MnemonicWordsConfirmInput.module.scss
deleted file mode 100644
index 786ba1bcba..0000000000
--- a/packages/core/src/ui/components/WalletSetup/MnemonicWordsConfirmInput.module.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-@import '../../styles/theme.scss';
-
-.mnemonicWordsConfirm {
-  flex-wrap: wrap;
-  display: grid;
-  grid-template-rows: 1fr;
-  grid-template-columns: 190px 190px;
-  row-gap: size_unit(2);
-  column-gap: size_unit(3);
-
-  input {
-    border: none;
-    background: transparent;
-    outline: none;
-  }
-}
diff --git a/packages/core/src/ui/components/WalletSetup/MnemonicWordsConfirmInput.tsx b/packages/core/src/ui/components/WalletSetup/MnemonicWordsConfirmInput.tsx
deleted file mode 100644
index 73cea60ad1..0000000000
--- a/packages/core/src/ui/components/WalletSetup/MnemonicWordsConfirmInput.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import React from 'react';
-import styles from './MnemonicWordsConfirmInput.module.scss';
-import { MnemonicWordsAutoComplete } from '../MnemonicWordsAutoComplete';
-
-export interface MnemonicWordsConfirmInputProps {
-  firstWordNumber: number;
-  words: string[];
-  onChange: (words: string[]) => void;
-  onDropdownVisibleChange?: (open: boolean) => void;
-  suggestionList?: Array<string>;
-  focus?: boolean;
-}
-
-export const MnemonicWordsConfirmInput = ({
-  firstWordNumber,
-  words,
-  onChange,
-  onDropdownVisibleChange,
-  suggestionList
-}: MnemonicWordsConfirmInputProps): React.ReactElement => (
-  <div className={styles.mnemonicWordsConfirm}>
-    {words.map((word, index) => (
-      <MnemonicWordsAutoComplete
-        value={word}
-        onChange={(value) => {
-          const newWords = [...words];
-          newWords[index] = value;
-          onChange(newWords);
-        }}
-        onDropdownVisibleChange={onDropdownVisibleChange}
-        idx={index + firstWordNumber}
-        key={index}
-        wordList={suggestionList}
-        focus={index + firstWordNumber === firstWordNumber}
-      />
-    ))}
-  </div>
-);
diff --git a/packages/core/src/ui/components/WalletSetup/SocialLink.module.scss b/packages/core/src/ui/components/WalletSetup/SocialLink.module.scss
deleted file mode 100644
index 95d4df4e8c..0000000000
--- a/packages/core/src/ui/components/WalletSetup/SocialLink.module.scss
+++ /dev/null
@@ -1,49 +0,0 @@
-@import '../../styles/theme.scss';
-
-.socialLink {
-  width: 100%;
-  background: var(--light-mode-light-grey, var(--dark-mode-grey));
-  border-radius: 100px;
-
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: size_unit(2) size_unit(3) size_unit(2) size_unit(2);
-
-  outline: none;
-  font-weight: 600;
-  font-size: var(--body);
-  line-height: size_unit(3);
-  color: var(--text-color-primary);
-
-  &:hover {
-    background: var(--light-mode-light-grey-plus-56, var(--dark-mode-mid-grey));
-  }
-
-  &:active,
-  &:focus {
-    background: var(--light-mode-light-grey, var(--dark-mode-dark-grey));
-  }
-
-  .logo {
-    width: size_unit(6);
-    height: size_unit(6);
-    border-radius: 100px;
-    background: var(--light-mode-black, #ffffff);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: var(--subHeading);
-    color: var(--bg-color-body, #ffffff);
-  }
-
-  .content {
-    display: flex;
-    align-items: center;
-    gap: size_unit(2);
-  }
-
-  .arrow {
-    color: var(--light-mode-dark-grey, var(--dark-mode-light-grey));
-  }
-}
diff --git a/packages/core/src/ui/components/WalletSetup/SocialLink.tsx b/packages/core/src/ui/components/WalletSetup/SocialLink.tsx
deleted file mode 100644
index 5d9502ab66..0000000000
--- a/packages/core/src/ui/components/WalletSetup/SocialLink.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import React from 'react';
-import styles from './SocialLink.module.scss';
-import { ReactComponent as ArrowRight } from '../../assets/icons/chevron-right.component.svg';
-
-export interface SocialLinkProps {
-  icon?: React.ReactNode;
-  text: string;
-  to: string;
-  testId: string;
-}
-
-// eslint-disable-next-line unicorn/no-null
-export const SocialLink = ({ icon = null, text, to, testId }: SocialLinkProps): React.ReactElement => (
-  <a target="_blank" rel="noopener noreferrer" href={to} className={styles.socialLink} data-tesid={`${testId}-link`}>
-    <div className={styles.content}>
-      <div className={styles.logo} data-testid={`${testId}-link-icon`}>
-        {icon}
-      </div>
-      <p data-testid={`${testId}-link-text`}>{text}</p>
-    </div>
-    <ArrowRight className={styles.arrow} height="12px" />
-  </a>
-);
diff --git a/packages/core/src/ui/components/WalletSetup/WalletSetupConnectHardwareWalletStep.module.scss b/packages/core/src/ui/components/WalletSetup/WalletSetupConnectHardwareWalletStep.module.scss
deleted file mode 100644
index 42f55f80ec..0000000000
--- a/packages/core/src/ui/components/WalletSetup/WalletSetupConnectHardwareWalletStep.module.scss
+++ /dev/null
@@ -1,65 +0,0 @@
-@import '../../styles/theme.scss';
-@import '../../../../../common/src/ui/styles/abstracts/typography';
-$btn-gradient-border: 2px solid transparent;
-$btn-gradient-bg: var(--light-mode-light-grey, var(--dark-mode-mid-grey));
-$btn-gradient-bg-hover: var(--light-mode-light-grey-plus, var(--dark-mode-mid-grey));
-
-.hdWalletsWrapper {
-  display: flex;
-  flex-direction: column;
-  gap: size_unit(2);
-  margin-bottom: size_unit(9);
-  margin-top: size_unit(8);
-}
-
-.hdWallets {
-  align-items: center;
-  display: flex;
-  gap: size_unit(2);
-  justify-content: center;
-  width: 100%;
-
-  .hdWallet {
-    flex: 1;
-    height: 104px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: var(--light-mode-light-grey, var(--dark-mode-grey));
-    box-sizing: border-box;
-    border-radius: size_unit(2);
-    cursor: pointer;
-    padding: 0;
-    border: none;
-
-    &:hover {
-      background: var(--light-mode-light-grey-plus-56, var(--dark-mode-mid-grey));
-    }
-
-    &Active {
-      background-color: $btn-gradient-bg;
-      background: linear-gradient($btn-gradient-bg, $btn-gradient-bg) padding-box, var(--lace-gradient) border-box;
-      border: $btn-gradient-border;
-      &:hover {
-        background-color: $btn-gradient-bg-hover;
-        background: linear-gradient($btn-gradient-bg-hover, $btn-gradient-bg-hover) padding-box, var(--lace-gradient) border-box;
-        border: $btn-gradient-border;
-      }
-    }
-  }
-}
-
-.subTitle {
-  @include text-body-regular;
-  color: var(--text-color-primary) !important;
-}
-
-.text {
-  @include text-bodySmall-medium;
-  color: var(--text-color-secondary) !important;
-}
-
-.logo {
-  font-size: 100px;
-  color: var(--text-color-primary) !important;
-}
diff --git a/packages/core/src/ui/components/WalletSetup/WalletSetupConnectHardwareWalletStep.tsx b/packages/core/src/ui/components/WalletSetup/WalletSetupConnectHardwareWalletStep.tsx
deleted file mode 100644
index 00eda1abf4..0000000000
--- a/packages/core/src/ui/components/WalletSetup/WalletSetupConnectHardwareWalletStep.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-import React, { useState } from 'react';
-import { WalletSetupStepLayout, WalletTimelineSteps } from './WalletSetupStepLayout';
-import styles from './WalletSetupConnectHardwareWalletStep.module.scss';
-import Icon from '@ant-design/icons';
-import { ReactComponent as LedgerLogo } from '../../assets/icons/ledger-wallet.component.svg';
-import { ReactComponent as TrezorLogo } from '../../assets/icons/trezor-wallet.component.svg';
-import { Typography } from 'antd';
-import { TranslationsFor } from '@ui/utils/types';
-import classnames from 'classnames';
-
-const { Text } = Typography;
-
-const logoMap = {
-  Ledger: LedgerLogo,
-  Trezor: TrezorLogo
-};
-
-export interface WalletSetupConnectHardwareWalletStepProps {
-  wallets: string[];
-  onBack: () => void;
-  onNext: () => void;
-  onConnect: (model: string) => Promise<void>;
-  isNextEnable: boolean;
-  translations: TranslationsFor<'title' | 'subTitle' | 'supportedDevices' | 'connectDevice'>;
-  isHardwareWallet?: boolean;
-}
-
-export const WalletSetupConnectHardwareWalletStep = ({
-  wallets,
-  onBack,
-  onNext,
-  onConnect,
-  isNextEnable,
-  translations,
-  isHardwareWallet = false
-}: WalletSetupConnectHardwareWalletStepProps): React.ReactElement => {
-  const [walletModel, setWalletModel] = useState<string | null>();
-  const [isConnecting, setIsConnecting] = useState(false);
-  const isButtonActive = (model: string) => model === walletModel;
-
-  const handleConnect = async (model: string) => {
-    setIsConnecting(true);
-    setWalletModel(model);
-    try {
-      await onConnect(model);
-    } finally {
-      setIsConnecting(false);
-    }
-  };
-
-  return (
-    <WalletSetupStepLayout
-      onBack={onBack}
-      onNext={onNext}
-      title={translations.title}
-      isNextEnabled={isNextEnable}
-      isNextLoading={isConnecting}
-      currentTimelineStep={WalletTimelineSteps.CONNECT_WALLET}
-      isHardwareWallet={isHardwareWallet}
-    >
-      <Text className={styles.subTitle} data-testid="connect-hardware-wallet-subtitle">
-        {translations.subTitle}
-      </Text>
-      <div className={styles.hdWalletsWrapper}>
-        <div className={styles.hdWallets}>
-          {wallets.map((wallet: string) => (
-            <button
-              key={wallet}
-              onClick={() => handleConnect(wallet)}
-              className={classnames({
-                [styles.hdWallet]: true,
-                [styles.hdWalletActive]: isButtonActive(wallet)
-              })}
-              data-testid={`connect-hardware-wallet-button-${wallet.toLowerCase()}`}
-            >
-              {wallet in logoMap ? (
-                <Icon className={styles.logo} component={logoMap[wallet as keyof typeof logoMap]} />
-              ) : (
-                wallet
-              )}
-            </button>
-          ))}
-        </div>
-        <Text className={styles.text} data-testid="connect-hardware-wallet-supported-devices-text">
-          {translations.supportedDevices}
-        </Text>
-      </div>
-      <Text className={styles.text} data-testid="connect-hardware-wallet-connect-device-text">
-        {translations.connectDevice}
-      </Text>
-    </WalletSetupStepLayout>
-  );
-};
diff --git a/packages/core/src/ui/components/WalletSetup/WalletSetupFinalStep.module.scss b/packages/core/src/ui/components/WalletSetup/WalletSetupFinalStep.module.scss
deleted file mode 100644
index 615109ad50..0000000000
--- a/packages/core/src/ui/components/WalletSetup/WalletSetupFinalStep.module.scss
+++ /dev/null
@@ -1,34 +0,0 @@
-@import '../../styles/theme.scss';
-
-.walletSetupFinalStep {
-  display: flex;
-  flex-direction: column;
-  gap: size_unit(2);
-
-  p {
-    font-size: var(--body);
-    line-height: size_unit(3);
-    color: var(--text-color-primary);
-  }
-}
-
-@keyframes rotating {
-  from {
-    transform: translateX(-50%) rotate(0deg);
-  }
-  to {
-    transform: translateX(-50%) rotate(360deg);
-  }
-}
-
-.walletCreationStep {
-  align-items: center;
-  height: 100%;
-  justify-content: center;
-}
-
-.loader {
-  animation: rotating 2s linear infinite;
-  height: 126px;
-  width: 126px;
-}
diff --git a/packages/core/src/ui/components/WalletSetup/WalletSetupFinalStep.tsx b/packages/core/src/ui/components/WalletSetup/WalletSetupFinalStep.tsx
deleted file mode 100644
index b0083278c2..0000000000
--- a/packages/core/src/ui/components/WalletSetup/WalletSetupFinalStep.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import React, { useEffect } from 'react';
-import { WalletSetupStepLayout, WalletTimelineSteps } from './WalletSetupStepLayout';
-import { SocialLink } from './SocialLink';
-import styles from './WalletSetupFinalStep.module.scss';
-import { ReactComponent as TwitterLogo } from '../../assets/icons/twitter-logo.component.svg';
-import { ReactComponent as YoutubeLogo } from '../../assets/icons/youtube-logo.component.svg';
-import { ReactComponent as DiscordLogo } from '../../assets/icons/discord-logo.component.svg';
-import { TranslationsFor } from '@ui/utils/types';
-
-type TranslationKeys = 'title' | 'description' | 'close' | 'followTwitter' | 'followYoutube' | 'followDiscord';
-export interface WalletSetupFinalStepProps {
-  onFinish: () => void;
-  onRender?: () => void;
-  translations: TranslationsFor<TranslationKeys>;
-  isHardwareWallet?: boolean;
-}
-
-const TWITTER = 'Twitter';
-const YOUTUBE = 'Youtube';
-const DISCORD = 'Discord';
-
-const iconsMap: { [key: string]: React.ReactNode } = {
-  [TWITTER]: <TwitterLogo />,
-  [YOUTUBE]: <YoutubeLogo />,
-  [DISCORD]: <DiscordLogo />
-};
-
-if (!process.env.TWITTER_URL || !process.env.YOUTUBE_URL || !process.env.DISCORD_URL) {
-  throw new Error('social links not provided');
-}
-
-const links: { url: string; name: keyof typeof iconsMap }[] = [
-  { url: process.env.TWITTER_URL, name: TWITTER },
-  { url: process.env.YOUTUBE_URL, name: YOUTUBE },
-  { url: process.env.DISCORD_URL, name: DISCORD }
-];
-
-export const WalletSetupFinalStep = ({
-  onFinish,
-  onRender,
-  translations,
-  isHardwareWallet = false
-}: WalletSetupFinalStepProps): React.ReactElement => {
-  useEffect(() => {
-    onRender && onRender();
-  }, [onRender]);
-
-  return (
-    <WalletSetupStepLayout
-      title={translations.title}
-      description={translations.description}
-      onNext={onFinish}
-      nextLabel={translations.close}
-      currentTimelineStep={WalletTimelineSteps.ALL_DONE}
-      isHardwareWallet={isHardwareWallet}
-    >
-      <div className={styles.walletSetupFinalStep}>
-        {links.map(({ name, url }) => (
-          <SocialLink
-            key={name}
-            to={url}
-            icon={iconsMap[name]}
-            text={translations[`follow${name}` as TranslationKeys]}
-            testId={(name as string).toLowerCase()}
-          />
-        ))}
-      </div>
-    </WalletSetupStepLayout>
-  );
-};
diff --git a/packages/core/src/ui/components/WalletSetup/WalletSetupMnemonicIntroStep.tsx b/packages/core/src/ui/components/WalletSetup/WalletSetupMnemonicIntroStep.tsx
deleted file mode 100644
index b40eb1dc44..0000000000
--- a/packages/core/src/ui/components/WalletSetup/WalletSetupMnemonicIntroStep.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import React, { useRef, useState } from 'react';
-import { WalletSetupStepLayout, WalletTimelineSteps } from './WalletSetupStepLayout';
-import { TranslationsFor } from '@ui/utils/types';
-import styles from './WalletSetupOption.module.scss';
-
-export interface WalletSetupMnemonicIntroStepProps {
-  onBack: () => void;
-  onNext: () => void;
-  onClickVideo?: () => void;
-  videoSrc?: string;
-  translations: TranslationsFor<'title' | 'description' | 'linkText'>;
-  paperWalletEnabled: boolean;
-}
-
-export const WalletSetupMnemonicIntroStep = ({
-  onBack,
-  onNext,
-  onClickVideo,
-  videoSrc,
-  translations,
-  paperWalletEnabled
-}: WalletSetupMnemonicIntroStepProps): React.ReactElement => {
-  const [overlayVisible, setOverlayVisible] = useState(true);
-  const videoRef = useRef<HTMLIFrameElement>(null);
-
-  return (
-    <WalletSetupStepLayout
-      title={translations.title}
-      description={translations.description}
-      linkText={translations.linkText}
-      onBack={onBack}
-      onNext={onNext}
-      currentTimelineStep={
-        paperWalletEnabled ? WalletTimelineSteps.RECOVERY_DETAILS : WalletTimelineSteps.RECOVERY_PHRASE
-      }
-    >
-      <div
-        className={styles.videoContainer}
-        onClick={() => {
-          setOverlayVisible(false);
-          if (videoRef.current) videoRef.current.src += '&autoplay=1';
-          onClickVideo?.();
-        }}
-      >
-        {overlayVisible && <div className={styles.overlay} />}
-        <iframe
-          ref={videoRef}
-          className={styles.video}
-          src={videoSrc}
-          title="YouTube video player"
-          allow="accelerometer; fullscreen; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-          data-testid="mnemonic-intro-yt-video-frame"
-        />
-      </div>
-    </WalletSetupStepLayout>
-  );
-};
diff --git a/packages/core/src/ui/components/WalletSetup/WalletSetupModeStep.module.scss b/packages/core/src/ui/components/WalletSetup/WalletSetupModeStep.module.scss
deleted file mode 100644
index a9b300b269..0000000000
--- a/packages/core/src/ui/components/WalletSetup/WalletSetupModeStep.module.scss
+++ /dev/null
@@ -1,32 +0,0 @@
-@import '../../styles/theme.scss';
-
-.walletSetupModeStep {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    height: size_unit(28);
-
-    .walletSetupModeText {
-        font-weight: 400;
-        font-size: var(--body);
-        line-height: size_unit(3);
-        color: var(--text-color-primary);
-        margin: 1;
-        text-align: left;
-
-        &.title {
-            font-weight: 600;
-        }
-    }
-
-    .walletSetupModeOption {
-        gap: var(--btn-gap, 20px) !important;
-        border-radius: var(--btn-border-radius, 8px) !important;      
-        justify-content: start !important;    
-    }
-}
-
-
-.fullHeight {
-    height: 100%;
-}
\ No newline at end of file
diff --git a/packages/core/src/ui/components/WalletSetup/WalletSetupModeStep.tsx b/packages/core/src/ui/components/WalletSetup/WalletSetupModeStep.tsx
deleted file mode 100644
index e8604c1ebc..0000000000
--- a/packages/core/src/ui/components/WalletSetup/WalletSetupModeStep.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import React, { useState } from 'react';
-import classnames from 'classnames';
-import { TranslationsFor } from '@ui/utils/types';
-import { Button } from '@lace/common';
-
-import { WalletSetupStepLayout, WalletTimelineSteps } from './WalletSetupStepLayout';
-import styles from './WalletSetupModeStep.module.scss';
-
-import { ReactComponent as LightIcon } from '../../assets/icons/light.component.svg';
-import { ReactComponent as NodeIcon } from '../../assets/icons/node.component.svg';
-import WalletMockup from '../../assets/images/wallet-placeholder.svg';
-
-export interface WalletSetupModeStepProps {
-  onBack: () => void;
-  onNext: () => void;
-  translations: TranslationsFor<
-    | 'title'
-    | 'modes'
-    | 'instructions'
-    | 'lightWalletOption'
-    | 'fullNodeOption'
-    | 'lightWalletDescription'
-    | 'fullNodeWalletDescription'
-  >;
-}
-
-enum Mode {
-  LightWallet = 'light-wallet',
-  FullNode = 'full-node'
-}
-
-export const WalletSetupModeStep = ({ onBack, onNext, translations }: WalletSetupModeStepProps): React.ReactElement => {
-  const [modeSelected, setModeSelected] = useState<Mode>(Mode.LightWallet);
-  const [isSelectionScreen, setIsSelectionScreen] = useState<boolean>(false);
-
-  const onModeSelected = (mode: Mode) => setModeSelected(mode);
-
-  const goBack = () => {
-    if (isSelectionScreen) {
-      setIsSelectionScreen(false);
-    } else {
-      onBack();
-    }
-  };
-
-  const goForward = () => {
-    if (isSelectionScreen) {
-      onNext();
-    } else {
-      setIsSelectionScreen(true);
-    }
-  };
-
-  return (
-    <WalletSetupStepLayout
-      title={isSelectionScreen ? translations.title : translations.modes}
-      onBack={goBack}
-      onNext={goForward}
-      isNextEnabled={!isSelectionScreen || Boolean(modeSelected)}
-      // TODO: review step if this gets brought back
-      currentTimelineStep={WalletTimelineSteps.WALLET_SETUP}
-    >
-      <div
-        className={classnames(styles.walletSetupModeStep, !isSelectionScreen && styles.fullHeight)}
-        data-testid="wallet-setup-mode-text"
-      >
-        {isSelectionScreen ? (
-          <>
-            <p className={styles.walletSetupModeText}>{translations.instructions}</p>
-            <Button
-              color={modeSelected === Mode.LightWallet ? 'gradient' : 'secondary'}
-              variant="outlined"
-              onClick={() => onModeSelected(Mode.LightWallet)}
-              className={styles.walletSetupModeOption}
-            >
-              <LightIcon width={40} height={40} />
-              <div className={styles.walletSetupModeText}>
-                <p className={styles.title}>{translations.lightWalletOption}</p>
-                <p>{translations.lightWalletDescription}</p>
-              </div>
-            </Button>
-            <Button
-              color={modeSelected === Mode.FullNode ? 'gradient' : 'secondary'}
-              variant="outlined"
-              disabled
-              onClick={() => onModeSelected(Mode.FullNode)}
-              className={styles.walletSetupModeOption}
-            >
-              <NodeIcon width={40} height={40} />
-              <div className={styles.walletSetupModeText}>
-                <p className={styles.title}>{translations.fullNodeOption} (coming soon)</p>
-                <p>{translations.fullNodeWalletDescription}</p>
-              </div>
-            </Button>
-          </>
-        ) : (
-          <>
-            <p className={styles.walletSetupModeText}>
-              Augue blandit mattis turpis amet, lorem amet cum. Dui mauris fringilla risus lectus vivamus amet, lectus.
-              Morbi porttitor vitae auctor proin consequat vitae donec convallis dignissim. Felis risus nibh lectus
-              sapien at arcu aliquam.
-            </p>
-            <img src={WalletMockup} alt="choose-wallet" />
-          </>
-        )}
-      </div>
-    </WalletSetupStepLayout>
-  );
-};
diff --git a/packages/core/src/ui/components/WalletSetup/WalletSetupNamePasswordStep/WalletSetupNamePasswordStep.tsx b/packages/core/src/ui/components/WalletSetup/WalletSetupNamePasswordStep/WalletSetupNamePasswordStep.tsx
deleted file mode 100644
index 162d53730a..0000000000
--- a/packages/core/src/ui/components/WalletSetup/WalletSetupNamePasswordStep/WalletSetupNamePasswordStep.tsx
+++ /dev/null
@@ -1,137 +0,0 @@
-import React, { useMemo, useState } from 'react';
-import { WalletSetupStepLayout, WalletTimelineSteps } from '../WalletSetupStepLayout';
-import { OnPasswordChange } from '@ui/components/Password';
-import { PasswordVerification } from '@ui/components/PasswordVerification';
-import { passwordComplexity } from '@src/ui/utils/password-complexity';
-import { BarStates, LegacyWalletSetupNamePasswordSubmitParams } from './types';
-import styles from './styles.module.scss';
-import {
-  getComplexityBarStateList,
-  MINIMUM_PASSWORD_LEVEL_REQUIRED,
-  passwordStrengthFeedbackMap,
-  validateNameLength,
-  WALLET_NAME_INPUT_MAX_LENGTH
-} from './utils';
-import { WalletNameInput } from './WalletNameInput';
-import { WalletPasswordConfirmationInput } from './WalletPasswordConfirmationInput';
-import { TranslationsFor } from '@ui/utils/types';
-import { useTranslation } from 'react-i18next';
-
-export interface WalletSetupNamePasswordStepProps {
-  onBack: () => void;
-  onNext: (params: LegacyWalletSetupNamePasswordSubmitParams) => void;
-  initialWalletName?: string;
-  onChange?: (state: { name: string; password: string }) => void;
-  translations: TranslationsFor<
-    | 'title'
-    | 'description'
-    | 'nameInputLabel'
-    | 'passwordInputLabel'
-    | 'confirmPasswordInputLabel'
-    | 'noMatchPassword'
-    | 'nameMaxLength'
-    | 'nameRequiredMessage'
-    | 'confirmButton'
-  >;
-}
-
-const INITIAL_WALLET_NAME = 'Wallet 1';
-
-export const WalletSetupNamePasswordStep = ({
-  onBack,
-  onNext,
-  initialWalletName = INITIAL_WALLET_NAME,
-  onChange,
-  translations
-}: WalletSetupNamePasswordStepProps): React.ReactElement => {
-  const { t } = useTranslation();
-  const [password, setPassword] = useState('');
-  const [passwordConfirmation, setPasswordConfirmation] = useState('');
-  const [passHasBeenValidated, setPassHasBeenValidated] = useState<boolean>(false);
-
-  const [walletName, setWalletName] = useState(initialWalletName);
-  const [shouldShowNameErrorMessage, setShouldShowNameErrorMessage] = useState(false);
-
-  const { score } = useMemo(() => passwordComplexity(password), [password]);
-
-  const complexityBarList: BarStates = useMemo(() => getComplexityBarStateList(score), [score]);
-
-  const passwordConfirmationErrorMessage =
-    passHasBeenValidated && password !== passwordConfirmation ? translations.noMatchPassword : '';
-
-  const walletNameErrorMessage = useMemo(() => {
-    const validationError = validateNameLength(walletName) ? translations.nameMaxLength : '';
-    return walletName ? validationError : translations.nameRequiredMessage;
-  }, [walletName, translations.nameMaxLength, translations.nameRequiredMessage]);
-
-  const isNextButtonEnabled = () => {
-    const hasMinimumLevelRequired = score >= MINIMUM_PASSWORD_LEVEL_REQUIRED;
-    const isNotEmptyPassword = password.length > 0;
-    const isValidPassword = Boolean(
-      passHasBeenValidated && !passwordConfirmationErrorMessage && hasMinimumLevelRequired && isNotEmptyPassword
-    );
-    const isValidName = Boolean(!walletNameErrorMessage);
-
-    return isValidName && isValidPassword;
-  };
-
-  const handleNameChange = ({ target: { value } }: React.ChangeEvent<HTMLInputElement>) => {
-    setWalletName(value);
-    setShouldShowNameErrorMessage(true);
-    onChange?.({ name: value, password });
-  };
-
-  const handlePasswordChange: OnPasswordChange = (target) => {
-    setPassword(target.value);
-    onChange?.({ password: target.value, name: walletName });
-  };
-
-  const handlePasswordConfirmationChange: OnPasswordChange = (target) => {
-    setPassHasBeenValidated(true);
-    setPasswordConfirmation(target.value);
-  };
-
-  const handleNextButtonClick = () => {
-    onNext({ walletName });
-  };
-
-  return (
-    <WalletSetupStepLayout
-      title={translations.title}
-      description={translations.description}
-      onBack={onBack}
-      onNext={handleNextButtonClick}
-      isNextEnabled={isNextButtonEnabled()}
-      currentTimelineStep={WalletTimelineSteps.WALLET_SETUP}
-      nextLabel={translations.confirmButton}
-    >
-      <div className={styles.walletPasswordAndNameContainer}>
-        <WalletNameInput
-          value={walletName}
-          label={translations.nameInputLabel}
-          onChange={handleNameChange}
-          maxLength={WALLET_NAME_INPUT_MAX_LENGTH}
-          shouldShowErrorMessage={shouldShowNameErrorMessage}
-          errorMessage={walletNameErrorMessage}
-        />
-        <PasswordVerification
-          className={styles.input}
-          label={translations.passwordInputLabel}
-          onChange={handlePasswordChange}
-          level={score}
-          feedbacks={passwordStrengthFeedbackMap[score] && [t(passwordStrengthFeedbackMap[score])]}
-          complexityBarList={complexityBarList}
-          data-testid="wallet-password-verification-input"
-          showComplexity={!!password}
-        />
-        <WalletPasswordConfirmationInput
-          isVisible={score >= MINIMUM_PASSWORD_LEVEL_REQUIRED}
-          onChange={handlePasswordConfirmationChange}
-          label={translations.confirmPasswordInputLabel}
-          errorMessage={passwordConfirmationErrorMessage}
-          shouldShowErrorMessage={!!passwordConfirmationErrorMessage}
-        />
-      </div>
-    </WalletSetupStepLayout>
-  );
-};
diff --git a/packages/core/src/ui/components/WalletSetup/WalletSetupNamePasswordStep/index.ts b/packages/core/src/ui/components/WalletSetup/WalletSetupNamePasswordStep/index.ts
index 929361715f..fcb073fefc 100644
--- a/packages/core/src/ui/components/WalletSetup/WalletSetupNamePasswordStep/index.ts
+++ b/packages/core/src/ui/components/WalletSetup/WalletSetupNamePasswordStep/index.ts
@@ -1,2 +1 @@
-export * from './WalletSetupNamePasswordStep';
 export * from './types';
diff --git a/packages/core/src/ui/components/WalletSetup/WalletSetupNamePasswordStep/types.ts b/packages/core/src/ui/components/WalletSetup/WalletSetupNamePasswordStep/types.ts
index 197d64df20..d46942fe7e 100644
--- a/packages/core/src/ui/components/WalletSetup/WalletSetupNamePasswordStep/types.ts
+++ b/packages/core/src/ui/components/WalletSetup/WalletSetupNamePasswordStep/types.ts
@@ -5,7 +5,3 @@ export type BarStates = PasswordVerificationProps['complexityBarList'];
 export interface WalletSetupNamePasswordSubmitParams {
   walletName: string;
 }
-
-export interface LegacyWalletSetupNamePasswordSubmitParams {
-  walletName: string;
-}
diff --git a/packages/core/src/ui/components/WalletSetup/WalletSetupPasswordStep.module.scss b/packages/core/src/ui/components/WalletSetup/WalletSetupPasswordStep.module.scss
deleted file mode 100644
index 8e3c2dfa59..0000000000
--- a/packages/core/src/ui/components/WalletSetup/WalletSetupPasswordStep.module.scss
+++ /dev/null
@@ -1,49 +0,0 @@
-@import '../../styles/theme.scss';
-
-%textCommonStyles {
-  font-size: var(--body) !important;
-  font-weight: 400 !important;
-  line-height: size_unit(3) !important;
-}
-
-.walletSetupPasswordStep {
-  display: flex;
-  flex-direction: column;
-  gap: size_unit(3);
-  margin-top: size_unit(2);
-
-  p {
-    font-size: var(--bodyXS);
-    color: var(--text-color-secondary);
-  }
-
-  .error {
-    font-size: var(--bodyXS);
-    line-height: size_unit(1);
-    color: var(--data-pink);
-    position: absolute;
-    top: size_unit(9);
-    left: size_unit(3);
-  }
-}
-
-.formError {
-  color: var(--data-red);
-  margin-top: size_unit(2);
-}
-
-.subtitle {
-  font-size: var(--body);
-  line-height: size_unit(3);
-  color: var(--text-color-primary);
-  margin-bottom: size_unit(9);
-}
-
-.input {
-  width: 100% !important;
-  max-width: none !important;
-
-  :global(.ant-input-suffix) {
-    margin-left: size_unit(2);
-  }
-}
diff --git a/packages/core/src/ui/components/WalletSetup/WalletSetupPasswordStep.tsx b/packages/core/src/ui/components/WalletSetup/WalletSetupPasswordStep.tsx
deleted file mode 100644
index 1168f21817..0000000000
--- a/packages/core/src/ui/components/WalletSetup/WalletSetupPasswordStep.tsx
+++ /dev/null
@@ -1,115 +0,0 @@
-import React, { useMemo, useState } from 'react';
-import { WalletSetupStepLayout, WalletTimelineSteps } from './WalletSetupStepLayout';
-import styles from './WalletSetupPasswordStep.module.scss';
-import { complexityLevels, PasswordVerification, PasswordVerificationProps } from '@ui/components/PasswordVerification';
-import { OnPasswordChange, Password } from '@ui/components/Password';
-import { TranslationsFor } from '@ui/utils/types';
-import { passwordComplexity } from '@src/ui/utils/password-complexity';
-import { useSecrets } from '@src/ui/hooks';
-
-type BarStates = PasswordVerificationProps['complexityBarList'];
-
-const minimumPassLevelRequired = 3;
-
-const getComplexityBarStateList = (score: number) => [
-  {
-    isActive: true,
-    'data-testid': 'complexity-bar-1'
-  },
-  {
-    isActive: score > complexityLevels.low,
-    'data-testid': 'complexity-bar-2'
-  },
-  {
-    isActive: score > complexityLevels.mid,
-    'data-testid': 'complexity-bar-3'
-  },
-  {
-    isActive: score === complexityLevels.veryHigh,
-    'data-testid': 'complexity-bar-4'
-  }
-];
-interface WalletSetupRegisterSubmitParams {
-  password: string;
-}
-
-export interface WalletSetupPasswordStepProps {
-  onBack: () => void;
-  onNext: (params: WalletSetupRegisterSubmitParams) => void;
-  getFeedbackTranslations: (keys: string[]) => string[];
-  translations: TranslationsFor<
-    'title' | 'description' | 'password' | 'confirmPassword' | 'validationMessage' | 'noMatchPassword'
-  >;
-}
-
-export const WalletSetupPasswordStep = ({
-  onBack,
-  onNext,
-  translations,
-  getFeedbackTranslations
-}: WalletSetupPasswordStepProps): React.ReactElement => {
-  const { password, setPassword, setPasswordConfirmation, passwordConfirmation } = useSecrets();
-  const [passHasBeenValidated, setPassHasBeenValidated] = useState<boolean>(false);
-
-  const { feedbackKeys, score } = passwordComplexity(password.value);
-  const feedbackTranslation = useMemo(
-    () => getFeedbackTranslations(feedbackKeys),
-    [feedbackKeys, getFeedbackTranslations]
-  );
-
-  const passwordConfirmationErrorMessage =
-    passHasBeenValidated && password !== passwordConfirmation ? translations.noMatchPassword : '';
-  const isNextEnabled = Boolean(
-    passHasBeenValidated && !passwordConfirmationErrorMessage && score >= minimumPassLevelRequired && password?.value
-      ? password.value.length > 0
-      : false
-  );
-
-  const complexityBarList: BarStates = useMemo(() => getComplexityBarStateList(score), [score]);
-
-  const handlePasswordConfirmationChange: OnPasswordChange = (target) => {
-    setPassHasBeenValidated(true);
-    setPasswordConfirmation(target);
-  };
-
-  return (
-    <WalletSetupStepLayout
-      title={translations.title}
-      description={translations.description}
-      onBack={onBack}
-      onNext={() => {
-        password.value ? onNext({ password: password.value }) : console.error('Password is undefined');
-      }}
-      isNextEnabled={isNextEnabled}
-      currentTimelineStep={WalletTimelineSteps.WALLET_SETUP}
-    >
-      <div className={styles.walletSetupPasswordStep}>
-        <PasswordVerification
-          className={styles.input}
-          label={translations.password}
-          onChange={setPassword}
-          level={score}
-          feedbacks={feedbackTranslation}
-          complexityBarList={complexityBarList}
-          data-testid="wallet-setup-password-step-password"
-          autoFocus
-          showComplexity={!!password}
-        />
-        <div style={{ position: 'relative' }}>
-          <Password
-            className={styles.input}
-            errorMessage={passwordConfirmationErrorMessage}
-            label={translations.confirmPassword}
-            onChange={handlePasswordConfirmationChange}
-            data-testid="wallet-setup-password-step-confirm-password"
-          />
-          {!!passwordConfirmationErrorMessage && (
-            <p className={styles.error} data-testid="wallet-setup-register-password-conf-error">
-              {passwordConfirmationErrorMessage}
-            </p>
-          )}
-        </div>
-      </div>
-    </WalletSetupStepLayout>
-  );
-};
diff --git a/packages/core/src/ui/components/WalletSetup/WalletSetupRecoveryPhraseLengthStep.module.scss b/packages/core/src/ui/components/WalletSetup/WalletSetupRecoveryPhraseLengthStep.module.scss
deleted file mode 100644
index 8539bf9e54..0000000000
--- a/packages/core/src/ui/components/WalletSetup/WalletSetupRecoveryPhraseLengthStep.module.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-@import '../../styles/theme.scss';
-
-.radioGroup {
-  background-color: transparent !important;
-  border-radius: 0 !important;
-  width: 208px;
-}
diff --git a/packages/core/src/ui/components/WalletSetup/WalletSetupRecoveryPhraseLengthStep.tsx b/packages/core/src/ui/components/WalletSetup/WalletSetupRecoveryPhraseLengthStep.tsx
deleted file mode 100644
index 134e49a007..0000000000
--- a/packages/core/src/ui/components/WalletSetup/WalletSetupRecoveryPhraseLengthStep.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import React from 'react';
-import { WalletSetupStepLayout, WalletTimelineSteps } from '@ui/components/WalletSetup/WalletSetupStepLayout';
-import { RadioChangeEvent } from 'antd';
-import { Radio, RadioGroup } from '@lace/common';
-import styles from './WalletSetupRecoveryPhraseLengthStep.module.scss';
-import { TranslationsFor } from '@ui/utils/types';
-
-export interface WalletSetupRecoveryPhraseLengthStepProps {
-  onBack: () => void;
-  onNext: (params: { recoveryPhraseLength: number }) => void;
-  translations: TranslationsFor<'title' | 'description' | 'wordPassphrase'>;
-  onChange?: (state: number) => void;
-  paperWalletEnabled: boolean;
-}
-
-// eslint-disable-next-line no-magic-numbers
-const RECOVERY_PHRASE_LENGTHS = [12, 15, 24];
-const DEFAULT_RECOVERY_PHRASE_LENGTH = 24;
-
-export const WalletSetupRecoveryPhraseLengthStep = ({
-  onBack,
-  onNext,
-  translations,
-  onChange,
-  paperWalletEnabled
-}: WalletSetupRecoveryPhraseLengthStepProps): React.ReactElement => {
-  const [value, setValue] = React.useState(DEFAULT_RECOVERY_PHRASE_LENGTH);
-
-  const onRadioChange = (e: RadioChangeEvent) => {
-    setValue(e.target.value);
-    onChange?.(e.target.value);
-  };
-
-  return (
-    <WalletSetupStepLayout
-      title={translations.title}
-      description={translations.description}
-      onNext={() => onNext({ recoveryPhraseLength: value })}
-      onBack={onBack}
-      currentTimelineStep={
-        paperWalletEnabled ? WalletTimelineSteps.RECOVERY_DETAILS : WalletTimelineSteps.RECOVERY_PHRASE
-      }
-    >
-      <RadioGroup onChange={onRadioChange} value={value} className={styles.radioGroup}>
-        {RECOVERY_PHRASE_LENGTHS.map((length) => (
-          <Radio value={length} key={length} data-testid={`${length}-word-passphrase-radio-button`}>
-            {`${length}-${translations.wordPassphrase}`}
-          </Radio>
-        ))}
-      </RadioGroup>
-    </WalletSetupStepLayout>
-  );
-};
diff --git a/packages/core/src/ui/components/WalletSetup/WalletSetupRegisterStep.module.scss b/packages/core/src/ui/components/WalletSetup/WalletSetupRegisterStep.module.scss
deleted file mode 100644
index 3beb8b4f02..0000000000
--- a/packages/core/src/ui/components/WalletSetup/WalletSetupRegisterStep.module.scss
+++ /dev/null
@@ -1,75 +0,0 @@
-@import '../../styles/theme.scss';
-@import '../../../../../common/src/ui/styles/abstracts/typography';
-
-%textCommonStyles {
-  font-size: var(--body) !important;
-  font-weight: 400 !important;
-  line-height: size_unit(3) !important;
-}
-
-.walletSetupRegisterStep {
-  display: flex;
-  flex-direction: column;
-  margin-top: size_unit(2);
-
-  * {
-    margin: 0;
-  }
-
-  p {
-    font-size: var(--bodyXS);
-    color: var(--text-color-secondary);
-  }
-
-  .label {
-    @include text-bodySmall-medium;
-    font-size: var(--bodyXS);
-    line-height: size_unit(2);
-    color: var(--text-color-secondary);
-    position: absolute;
-    top: size_unit(9);
-    left: size_unit(3);
-    &.error {
-      color: var(--data-pink) !important;
-    }
-  }
-}
-.inputName:global(.ant-input) {
-  display: flex;
-  align-items: center;
-  background: var(--light-mode-light-grey, var(--dark-mode-dark-grey)) !important;
-  border-radius: 16px !important;
-  box-shadow: none !important;
-  border: none !important;
-  height: size_unit(8) !important;
-  padding-left: size_unit(4) !important;
-  padding-right: size_unit(4) !important;
-  font-size: var(--body) !important;
-  position: relative;
-  &::placeholder {
-    @extend %textCommonStyles;
-    color: var(--text-color-secondary) !important;
-  }
-}
-
-.inputName:global(.ant-input-password > input[type='password']) {
-  font-size: var(--heading) !important;
-  letter-spacing: size_unit(1) !important;
-  color: var(--text-color-primary, var(--text-color-primary)) !important;
-  transition: none !important;
-}
-
-input::placeholder {
-  color: var(--text-color-secondary) !important;
-}
-.formError {
-  color: var(--data-pink);
-  margin-top: size_unit(0.5);
-  margin-left: size_unit(3);
-}
-.subtitle {
-  font-size: var(--body);
-  line-height: size_unit(3);
-  color: var(--text-color-primary);
-  margin-bottom: size_unit(9);
-}
diff --git a/packages/core/src/ui/components/WalletSetup/WalletSetupRegisterStep.tsx b/packages/core/src/ui/components/WalletSetup/WalletSetupRegisterStep.tsx
deleted file mode 100644
index cc9cd0b6e6..0000000000
--- a/packages/core/src/ui/components/WalletSetup/WalletSetupRegisterStep.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-import React, { useMemo, useState } from 'react';
-import cn from 'classnames';
-import { WalletSetupStepLayout, WalletTimelineSteps } from './WalletSetupStepLayout';
-import styles from './WalletSetupRegisterStep.module.scss';
-import { Input } from '@lace/common';
-import { TranslationsFor } from '@ui/utils/types';
-
-interface WalletSetupRegisterSubmitParams {
-  walletName: string;
-}
-
-const nameShouldHaveRightLengthRegex = /^.{1,20}$/;
-
-type validationErrorKeys = 'nameMaxLength';
-
-const validateNameLength = (name: string): validationErrorKeys | '' =>
-  !nameShouldHaveRightLengthRegex.test(name) ? 'nameMaxLength' : '';
-
-const WALLET_NAME_INPUT_MAX_LENGTH = 30;
-
-export interface WalletSetupRegisterStepProps {
-  onBack: () => void;
-  onNext: (params: WalletSetupRegisterSubmitParams) => void;
-  initialWalletName?: string;
-  translations: TranslationsFor<'title' | 'description' | 'nameRequired' | validationErrorKeys | 'walletName'>;
-}
-
-export const WalletSetupRegisterStep = ({
-  onBack,
-  onNext,
-  initialWalletName = '',
-  translations
-}: WalletSetupRegisterStepProps): React.ReactElement => {
-  const [walletName, setWalletName] = useState(initialWalletName);
-  const [shouldShowErrorMessage, setShouldShowErrorMessage] = useState(false);
-
-  const walletNameErrorMessage = useMemo(() => {
-    const validationError = validateNameLength(walletName)
-      ? translations[validateNameLength(walletName) as validationErrorKeys]
-      : '';
-    return walletName ? validationError : translations.nameRequired;
-  }, [translations, walletName]);
-
-  const isFormValid = useMemo(() => Boolean(!walletNameErrorMessage), [walletNameErrorMessage]);
-
-  const handleOnChange = (value: string) => {
-    setWalletName(value);
-    setShouldShowErrorMessage(true);
-  };
-
-  return (
-    <WalletSetupStepLayout
-      title={translations.title}
-      description={translations.description}
-      onBack={onBack}
-      onNext={() => onNext({ walletName })}
-      isNextEnabled={isFormValid}
-      currentTimelineStep={WalletTimelineSteps.WALLET_SETUP}
-    >
-      <div className={styles.walletSetupRegisterStep}>
-        <div style={{ position: 'relative' }}>
-          <Input
-            dataTestId="wallet-setup-register-name-input"
-            value={walletName}
-            label={translations.walletName}
-            onChange={(e) => handleOnChange(e.target.value)}
-            maxLength={WALLET_NAME_INPUT_MAX_LENGTH}
-            autoFocus
-          />
-          {shouldShowErrorMessage && (
-            <p
-              className={cn(styles.label, { [styles.error]: shouldShowErrorMessage })}
-              data-testid="wallet-setup-register-name-error"
-            >
-              {walletNameErrorMessage}
-            </p>
-          )}
-        </div>
-      </div>
-    </WalletSetupStepLayout>
-  );
-};
diff --git a/packages/core/src/ui/components/WalletSetup/WalletSetupSelectAccountsStep.module.scss b/packages/core/src/ui/components/WalletSetup/WalletSetupSelectAccountsStep.module.scss
deleted file mode 100644
index 2c4e79a052..0000000000
--- a/packages/core/src/ui/components/WalletSetup/WalletSetupSelectAccountsStep.module.scss
+++ /dev/null
@@ -1,72 +0,0 @@
-@import '../../styles/theme.scss';
-
-.walletSetupSelectAccountsStep {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  gap: size_unit(1.25);
-
-  .account {
-    display: flex;
-    width: 100%;
-    align-items: center;
-    justify-content: flex-start;
-    gap: size_unit(2);
-    color: var(--text-color-primary);
-    font-weight: 400;
-    font-size: var(--body, 16px);
-    line-height: size_unit(3);
-    cursor: pointer;
-    :global {
-      .ant-radio-inner {
-        width: 19px !important;
-        height: 19px !important;
-        background-color: var(--bg-color-body) !important;
-        border-color: var(--light-mode-dark-grey, var(--dark-mode-light-grey)) !important;
-        border-width: 2px !important;
-      }
-      .ant-radio-checked .ant-radio-inner {
-        border-color: var(--primary-default) !important;
-        background-color: var(--bg-color-container) !important;
-        border-width: 5px !important;
-        &::after {
-          display: none;
-        }
-      }
-      .ant-radio-inner::after {
-        background-color: var(--bg-color-body) !important;
-      }
-      .ant-radio:hover {
-        .ant-radio-inner {
-          border-color: var(--light-mode-dark-grey, var(--dark-mode-light-grey)) !important;
-          background-color: var(--dark-mode-grey, --bg-color-body) !important;
-        }
-        &.ant-radio-checked .ant-radio-inner {
-          background-color: var(--dark-mode-grey, --bg-color-body) !important;
-          border-color: var(--primary-default) !important;
-        }
-      }
-      .ant-radio-input:focus + .ant-radio-inner {
-        box-shadow: none !important;
-      }
-    }
-  }
-  .account p {
-    color: var(--text-color-primary);
-  }
-}
-.subtitle {
-  font-size: var(--body, 16px) !important;
-  line-height: size_unit(3) !important;
-  color: var(--text-color-primary) !important;
-  margin-bottom: size_unit(3);
-}
-
-.footerText {
-  color: var(--text-color-secondary) !important;
-  font-weight: 400;
-  font-size: var(--bodySmall);
-  line-height: size_unit(3);
-  margin-bottom: size_unit(5);
-  padding-left: 44px;
-}
diff --git a/packages/core/src/ui/components/WalletSetup/WalletSetupSelectAccountsStep.tsx b/packages/core/src/ui/components/WalletSetup/WalletSetupSelectAccountsStep.tsx
deleted file mode 100644
index c8132d5d7c..0000000000
--- a/packages/core/src/ui/components/WalletSetup/WalletSetupSelectAccountsStep.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import React, { useState } from 'react';
-import { WalletSetupStepLayout, WalletTimelineSteps } from './WalletSetupStepLayout';
-import styles from './WalletSetupSelectAccountsStep.module.scss';
-import { Radio } from 'antd';
-import { useTranslation } from 'react-i18next';
-
-export interface WalletSetupSelectAccountsStepProps {
-  accounts: number;
-  onBack: () => void;
-  onSubmit: (accountIndex: number) => void;
-  isHardwareWallet?: boolean;
-  wallet?: string;
-}
-
-export const WalletSetupSelectAccountsStep = ({
-  accounts,
-  onBack,
-  onSubmit,
-  wallet
-}: WalletSetupSelectAccountsStepProps): React.ReactElement => {
-  const [selectedAccount, setSelectedAccount] = useState<number | undefined>();
-  const { t } = useTranslation();
-
-  return (
-    <WalletSetupStepLayout
-      title={t('core.walletSetupSelectAccountsStep.selectAccount')}
-      onBack={onBack}
-      onNext={() => {
-        if (selectedAccount !== undefined) onSubmit(selectedAccount);
-      }}
-      isNextEnabled={!!selectedAccount && selectedAccount >= 0}
-      nextLabel={t('core.walletSetupSelectAccountsStep.exportKeys')}
-      description={
-        <div className={styles.subtitle}>{t('core.walletSetupSelectAccountsStep.chooseAccountToExport')}</div>
-      }
-      belowContentText={
-        <p className={styles.footerText}>
-          {t('core.walletSetupSelectAccountsStep.useHWToConfirm', '', {
-            wallet
-          })}
-        </p>
-      }
-      currentTimelineStep={WalletTimelineSteps.CONNECT_WALLET}
-      isHardwareWallet
-    >
-      <div className={styles.walletSetupSelectAccountsStep}>
-        {Array.from({ length: accounts }).map((_, index) => (
-          <div
-            key={index}
-            className={styles.account}
-            onClick={() => setSelectedAccount(index)}
-            data-testid={`select-account-${index}`}
-          >
-            <Radio checked={selectedAccount === index} />
-            <p>
-              {t('core.walletSetupSelectAccountsStep.account')} {index} {index === 0 && '- Default'}
-            </p>
-          </div>
-        ))}
-      </div>
-    </WalletSetupStepLayout>
-  );
-};
diff --git a/packages/core/src/ui/components/WalletSetup/WalletSetupWalletNameStep.tsx b/packages/core/src/ui/components/WalletSetup/WalletSetupWalletNameStep.tsx
deleted file mode 100644
index 3602d62155..0000000000
--- a/packages/core/src/ui/components/WalletSetup/WalletSetupWalletNameStep.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-import React, { ChangeEvent, useMemo, useState } from 'react';
-import { WalletSetupStepLayout, WalletTimelineSteps } from './WalletSetupStepLayout';
-import { Input } from '@lace/common';
-import styles from './WalletSetupRegisterStep.module.scss';
-import { TranslationsFor } from '@ui/utils/types';
-
-const nameShouldHaveRightLengthRegex = /^.{1,20}$/;
-
-const validateName = (name: string) => nameShouldHaveRightLengthRegex.test(name);
-
-export interface WalletSetupWalletNameStepProps {
-  onBack: () => void;
-  onNext: (walletName: string) => void;
-  translations: TranslationsFor<'maxCharacters' | 'nameYourWallet' | 'create' | 'walletName' | 'chooseName'>;
-  isHardwareWallet?: boolean;
-  onChange?: (name: string) => void;
-}
-
-export const WalletSetupWalletNameStep = ({
-  onBack,
-  onNext,
-  translations,
-  isHardwareWallet = false,
-  onChange
-}: WalletSetupWalletNameStepProps): React.ReactElement => {
-  const [isCreating, setIsCreating] = useState(false);
-  const [isDirty, setIsDirty] = useState(false);
-  const [walletName, setWalletName] = useState('');
-  const isNameValid = useMemo(() => validateName(walletName), [walletName]);
-  const validationError = useMemo(
-    () => !isNameValid && translations.maxCharacters,
-    [isNameValid, translations.maxCharacters]
-  );
-
-  const onSubmit = async () => {
-    setIsCreating(true);
-    setIsDirty(true);
-    isNameValid && onNext(walletName);
-    setIsCreating(false);
-  };
-
-  const handleNameChange = (e: ChangeEvent<HTMLInputElement>) => {
-    setIsDirty(true);
-    setWalletName(e.target.value);
-    onChange?.(e.target.value);
-  };
-
-  return (
-    <WalletSetupStepLayout
-      title={translations.nameYourWallet}
-      onBack={onBack}
-      isNextEnabled={!!walletName && !validationError}
-      onNext={onSubmit}
-      nextLabel={translations.create}
-      isNextLoading={isCreating}
-      currentTimelineStep={isHardwareWallet ? WalletTimelineSteps.NAME_WALLET : WalletTimelineSteps.WALLET_SETUP}
-      isHardwareWallet={isHardwareWallet}
-    >
-      <p className={styles.subtitle}>{translations.chooseName}</p>
-      <Input
-        dataTestId="wallet-setup-register-name-input"
-        className={styles.inputName}
-        label={translations.walletName}
-        value={walletName}
-        onChange={handleNameChange}
-        autoFocus
-      />
-      {isDirty && walletName && !isNameValid && (
-        <p className={styles.formError} data-testid="wallet-setup-register-name-error">
-          {validationError}
-        </p>
-      )}
-    </WalletSetupStepLayout>
-  );
-};
diff --git a/packages/core/src/ui/components/WalletSetup/index.ts b/packages/core/src/ui/components/WalletSetup/index.ts
index af3a35f8a0..32b2e2398f 100644
--- a/packages/core/src/ui/components/WalletSetup/index.ts
+++ b/packages/core/src/ui/components/WalletSetup/index.ts
@@ -1,16 +1,5 @@
 export * from './WalletSetupOptionsStep';
 export * from './WalletSetupStepLayout';
-export * from './WalletSetupRegisterStep';
-export * from './WalletSetupMnemonicIntroStep';
-export * from './WalletSetupModeStep';
-export * from './WalletSetupFinalStep';
-export * from './WalletSetupConnectHardwareWalletStep';
-export * from './WalletSetupSelectAccountsStep';
-export * from './WalletSetupWalletNameStep';
-export * from './WalletSetupRecoveryPhraseLengthStep';
-export * from './wallet-steps.common';
-export * from './wallet-steps';
-export * from './WalletSetupPasswordStep';
 export * from './MnemonicWordsWritedown';
 export * from './WalletSetupNamePasswordStep';
 export * from './WalletSetupFlowProvider';
diff --git a/packages/core/src/ui/components/WalletSetup/wallet-steps.common.ts b/packages/core/src/ui/components/WalletSetup/wallet-steps.common.ts
deleted file mode 100644
index f9601e4b42..0000000000
--- a/packages/core/src/ui/components/WalletSetup/wallet-steps.common.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-export enum WalletSetupSteps {
-  Mode = 'mode',
-  Mnemonic = 'mnemonic',
-  Register = 'register',
-  Create = 'create',
-  Finish = 'finish'
-}
-
-type WizardItem = {
-  prev?: WalletSetupSteps;
-  next?: WalletSetupSteps;
-};
-
-export type WalletSetupWizard = {
-  [key in WalletSetupSteps]?: WizardItem;
-};
diff --git a/packages/core/src/ui/components/WalletSetup/wallet-steps.ts b/packages/core/src/ui/components/WalletSetup/wallet-steps.ts
deleted file mode 100644
index d3f2dc493c..0000000000
--- a/packages/core/src/ui/components/WalletSetup/wallet-steps.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { WalletSetupSteps, WalletSetupWizard } from './wallet-steps.common';
-
-export const walletSetupWizard: WalletSetupWizard = {
-  [WalletSetupSteps.Mnemonic]: {
-    next: WalletSetupSteps.Register
-  },
-  [WalletSetupSteps.Register]: {
-    prev: WalletSetupSteps.Mnemonic
-  }
-};