refactor: Remove Account debris (#7909)

* refactor(2.0): Dynamic password

* refactor(2.0): Remove Profile Manager (wip)

* clean up and fix

* clean up

* clean up more code

* clean up

* adapt and remove for profile-manager related code

* clean up more code

* fmt

* more cleanup

* more cleanup

* small tweaks

* more cleanup

* format

* update

* clean up

* https://api.testnet.shimmer.network

* revert Wallet.svelte

* clean up

* remove account debris

* clean up

* fix

---------

Co-authored-by: Begoña Álvarez de la Cruz <[email protected]>

Author: marc2332

packages/desktop/components/AccountActivity.svelte renamed to packages/desktop/components/WalletActivity.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { AccountActionsButton } from '@components'
+    import { WalletActionsButton } from '@components'
     import { Text, TogglableAssetBalanceLabel } from '@ui'
     import { TextType } from '@ui/enums'
 
@@ -16,14 +16,14 @@
     $: ({ baseCoin } = $selectedWalletAssets[$activeProfile?.network.id])
 </script>
 
-<account-summary class="block relative space-y-4">
+<wallet-summary class="block relative space-y-4">
     <div class="flex flex-row items-center justify-between">
         <Text type={TextType.h5} classes="text-left">
             {localize('general.balanceWithNetwork', { values: { network: fomattedNetworkName } })}
         </Text>
-        <AccountActionsButton />
+        <WalletActionsButton />
     </div>
     <div class="flex flex-col flex-wrap items-start space-y-1">
         <TogglableAssetBalanceLabel asset={baseCoin} />
     </div>
-</account-summary>
+</wallet-summary>

packages/desktop/components/AccountSummary.svelte renamed to packages/desktop/components/WalletSummary.svelte

@@ -5,7 +5,7 @@
     let modal: Modal
 </script>
 
-<account-actions-button class="block relative">
+<wallet-actions-button class="block relative">
     <MeatballMenuButton onClick={modal?.toggle} />
     <WalletActionsMenu bind:modal position={{ right: '0' }} classes="mt-1.5" />
-</account-actions-button>
+</wallet-actions-button>

packages/desktop/components/buttons/menu-buttons/AccountActionsButton.svelte renamed to packages/desktop/components/buttons/menu-buttons/WalletActionsButton.svelte

@@ -1 +1 @@
-export { default as AccountActionsButton } from './AccountActionsButton.svelte'
+export { default as WalletActionsButton } from './WalletActionsButton.svelte'

packages/desktop/components/buttons/menu-buttons/index.js

@@ -2,14 +2,14 @@
     import { OnboardingButton } from '@ui'
 
     import { localize } from '@core/i18n'
-    import { refreshAccountAssetsForActiveProfile } from '@core/wallet'
+    import { refreshWalletAssetsForActiveProfile } from '@core/wallet'
 
     import { showAppNotification } from '@auxiliary/notification'
     import { closePopup, openPopup, PopupId } from '@auxiliary/popup'
     import { TextHintVariant } from 'shared/components/enums'
 
     function refreshTokenMetadata(): void {
-        refreshAccountAssetsForActiveProfile(true)
+        refreshWalletAssetsForActiveProfile(true)
         showAppNotification({
             type: 'success',
             message: localize('notifications.refreshTokenMetadata.success'),

packages/desktop/components/buttons/popup-buttons/RefreshTokenMetadataButton.svelte

@@ -5,8 +5,8 @@ export * from './modals'
 export * from './panes'
 export * from './popups'
 
-export { default as AccountActivity } from './AccountActivity.svelte'
-export { default as AccountSummary } from './AccountSummary.svelte'
+export { default as WalletActivity } from './WalletActivity.svelte'
+export { default as WalletSummary } from './WalletSummary.svelte'
 export { default as WalletSwitcher } from './WalletSwitcher.svelte'
 export { default as OnboardingLayout } from './OnboardingLayout.svelte'
 export { default as Proposals } from './Proposals.svelte'

packages/desktop/components/index.js

@@ -14,11 +14,11 @@
 </script>
 
 <Modal bind:this={modal} {...$$restProps}>
-    <account-actions-menu class="flex flex-col">
+    <vesting-modal class="flex flex-col">
         <MenuItem
             icon={Icon.Search}
             title={localize('actions.viewVestingRewardsFinder')}
             onClick={onVestingFinderClick}
         />
-    </account-actions-menu>
+    </vesting-modal>
 </Modal>

packages/desktop/components/modals/VestingModal.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { MenuItem, MenuItemVariant, Modal, ToggleHiddenAccountMenuItem } from '@ui'
+    import { MenuItem, MenuItemVariant, Modal, ToggleHiddenWalletMenuItem } from '@ui'
 
     import { localize } from '@core/i18n'
     import { activeProfile, isActiveLedgerProfile } from '@core/profile/stores'
@@ -16,10 +16,10 @@
 
     export let modal: Modal = undefined
 
-    const showDeleteAccount = false // TODO(2.0) It doesn't make sense to allow removing
+    const showDeleteWallet = false // TODO(2.0) It doesn't make sense to allow removing
     // the wallet as there is only one for each profile at the moment
 
-    function onCustomiseAccountClick(): void {
+    function onCustomiseWalletClick(): void {
         openPopup({ id: PopupId.ManageWallet })
         modal?.close()
     }
@@ -60,11 +60,11 @@
         })
     }
 
-    function onDeleteAccountClick(): void {
+    function onDeleteWalletClick(): void {
         openPopup({
-            id: PopupId.DeleteAccount,
+            id: PopupId.DeleteWallet,
             props: {
-                account: selectedWallet,
+                wallet: selectedWallet,
                 deleteWallet,
             },
         })
@@ -73,7 +73,7 @@
 </script>
 
 <Modal bind:this={modal} {...$$restProps}>
-    <account-actions-menu class="flex flex-col">
+    <wallet-actions-menu class="flex flex-col">
         <MenuItem icon={Icon.Doc} title={localize('actions.viewBalanceBreakdown')} onClick={onViewBalanceClick} />
         {#if $activeProfile?.network?.id === NetworkId.Iota || $activeProfile?.network?.id === NetworkId.IotaAlphanet}
             <MenuItem
@@ -82,23 +82,23 @@
                 onClick={onViewAddressHistoryClick}
             />
         {/if}
-        <MenuItem icon={Icon.Customize} title={localize('actions.customizeAcount')} onClick={onCustomiseAccountClick} />
+        <MenuItem icon={Icon.Customize} title={localize('actions.customizeAcount')} onClick={onCustomiseWalletClick} />
         {#if $isActiveLedgerProfile}
             <MenuItem
                 icon={Icon.Ledger}
                 title={localize('actions.verifyDepositAddress')}
                 onClick={onVerifyAddressClick}
             />
         {/if}
-        <ToggleHiddenAccountMenuItem onClick={modal?.close} />
+        <ToggleHiddenWalletMenuItem onClick={modal?.close} />
         <hr />
-        {#if showDeleteAccount}
+        {#if showDeleteWallet}
             <MenuItem
                 icon={Icon.Delete}
-                title={localize('actions.deleteAccount')}
-                onClick={onDeleteAccountClick}
+                title={localize('actions.showDeleteWallet')}
+                onClick={onDeleteWalletClick}
                 variant={MenuItemVariant.Error}
             />
         {/if}
-    </account-actions-menu>
+    </wallet-actions-menu>
 </Modal>

packages/desktop/components/modals/WalletActionsMenu.svelte

@@ -17,7 +17,7 @@
 
     async function scrollToSelectedWallet(): Promise<void> {
         await tick()
-        const element = document.getElementById(`account-${$selectedWallet.id}`)
+        const element = document.getElementById(`wallet-${$selectedWallet.id}`)
         element?.scrollIntoView({ behavior: 'auto' })
     }
 
@@ -34,13 +34,13 @@
     size="large"
     position={{ top: '30px', left: '50%' }}
 >
-    <account-list-container class="block p-4">
-        <account-list class="flex flex-col space-y-1 max-h-96 scrollable-y">
+    <wallet-list-container class="block p-4">
+        <wallet-list class="flex flex-col space-y-1 max-h-96 scrollable-y">
             {#each $visibleActiveWallets as wallet}
-                <WalletSwitcherMenuItem id="account-{wallet.id}" {wallet} onClick={modal?.close} />
+                <WalletSwitcherMenuItem id="wallet-{wallet.id}" {wallet} onClick={modal?.close} />
             {/each}
-        </account-list>
-    </account-list-container>
+        </wallet-list>
+    </wallet-list-container>
     <hr />
     <button
         type="button"

packages/desktop/components/modals/WalletSwitcherModal.svelte

@@ -139,7 +139,7 @@
             label={localize('views.governance.details.proposalInformation.eventId')}
         />
         {#if !isEditMode}
-            <Checkbox label={localize('popups.addProposal.addToAllAccounts')} bind:checked={isAddingForAllWallets} />
+            <Checkbox label={localize('popups.addProposal.addToAllWallets')} bind:checked={isAddingForAllWallets} />
         {/if}
     </div>
     <div class="flex w-full space-x-4 mt-6">