chore-mobile: use mobile path aliases

packages/mobile/App.svelte

@@ -14,8 +14,8 @@
         shouldBeDarkMode,
     } from '@core/app'
     import { onboardingProfile } from '@contexts/onboarding'
-    import { ToastContainer } from './components'
-    import { isKeyboardOpen, keyboardHeight } from './lib/auxiliary/keyboard'
+    import { ToastContainer } from '@components'
+    import { isKeyboardOpen, keyboardHeight } from '@/auxiliary/keyboard'
     import {
         appRoute,
         AppRoute,
@@ -25,8 +25,8 @@
         initialiseRouters,
         resetRouterForAppContext,
         resetRouters,
-    } from './lib/routers'
-    import { DashboardView, LoginRouter, OnboardingRouter } from './views'
+    } from '@/routers'
+    import { DashboardView, LoginRouter, OnboardingRouter } from '@views'
 
     appStage.set(AppStage[process.env.STAGE.toUpperCase()] ?? AppStage.ALPHA)
 

packages/mobile/components/ActivityList.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
     import { activityFilter, queriedActivities } from '@core/wallet/stores'
     import VirtualList from '@sveltejs/svelte-virtual-list'
-    import { FontWeight, Text } from 'shared/components'
-    import { ActivityTile, Filter, SearchInput } from '../../mobile/components'
-    import { FilterType } from '../lib/routers/routers/dashboard'
+    import { FontWeight, Text } from '@ui'
+    import { ActivityTile, Filter, SearchInput } from '@components'
+    import { FilterType } from '@/routers/routers/dashboard'
     import { time } from '@core/app'
     import { getGroupSeparator, localize } from '@core/i18n'
     import { getMonthYear } from '@core/utils'

packages/mobile/components/ActivityTile.svelte

@@ -7,8 +7,8 @@
         NftActivityTileContent,
         TimelockActivityTileFooter,
         TransactionActivityTileContent,
-    } from 'shared/components'
-    import { AsyncActivityTileFooter } from '../components'
+    } from '@ui'
+    import { AsyncActivityTileFooter } from '@components'
 
     export let activity: Activity
     export let onClick: () => unknown = () => {}

packages/mobile/components/AssetList.svelte

@@ -5,8 +5,8 @@
     import { isVisibleAsset } from '@core/wallet/utils/isVisibleAsset'
     import VirtualList from '@sveltejs/svelte-virtual-list'
     import { AssetTile, Text } from '@ui'
-    import { Filter, SearchInput } from '../components'
-    import { FilterType } from '../lib/routers/routers'
+    import { Filter, SearchInput } from '@components'
+    import { FilterType } from '@/routers/routers/dashboard'
 
     export let assets: IAccountAssets
     export let onAssetTileClick: (asset: IAsset) => unknown = () => {}

packages/mobile/components/AsyncActivityTileFooter.svelte

@@ -1,18 +1,10 @@
 <script lang="ts">
     import features from '@features/features'
     import { ActivityAsyncStatus, ActivityDirection, getTimeDifference, Activity } from '@core/wallet'
-    import {
-        ActivityAsyncStatusPill,
-        TooltipIcon,
-        Text,
-        Button,
-        TileFooter,
-        FontWeight,
-        ButtonSize,
-    } from 'shared/components'
+    import { ActivityAsyncStatusPill, TooltipIcon, Text, Button, TileFooter, FontWeight, ButtonSize } from '@ui'
     import { time } from '@core/app'
     import { Icon as IconEnum } from '@lib/auxiliary/icon'
-    import { Position } from 'shared/components/enums'
+    import { Position } from '@ui/enums'
     import { localize } from '@core/i18n'
 
     export let onClaim: () => unknown = () => {}

packages/mobile/components/ColorPicker.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
     import { AccountColors } from '@core/account'
     import { localize } from '@core/i18n'
-    import { Icon, Text } from 'shared/components'
+    import { Icon, Text } from '@ui'
     import { isBright } from '@core/utils'
 
     export let active: string

packages/mobile/components/Confirmation.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { localize } from '@core/i18n'
-    import { Button, ButtonVariant, Text, TextHint } from 'shared/components'
+    import { Button, ButtonVariant, Text, TextHint } from '@ui'
 
     export let description: string = ''
     export let hint: string = ''

packages/mobile/components/Drawer.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
     import { Icon as IconEnum } from '@lib/auxiliary/icon'
-    import { Icon, Text, TextType } from 'shared/components'
+    import { Icon, Text, TextType } from '@ui'
     import { fade, fly } from 'svelte/transition'
-    import { DRAWER_IN_ANIMATION_DURATION_MS, DRAWER_OUT_ANIMATION_DURATION_MS } from '../lib/contexts/dashboard'
+    import { DRAWER_IN_ANIMATION_DURATION_MS, DRAWER_OUT_ANIMATION_DURATION_MS } from '@/contexts/dashboard'
 
     export let onClose: () => unknown = () => {}
     export let onBackClick: () => unknown = () => {}

packages/mobile/components/ExpirationTimePicker.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { formatDate, localize } from '@core/i18n'
-    import { Icon, Text } from 'shared/components'
+    import { Icon, Text } from '@ui'
 
     export let value: Date = undefined
     export let disabled: boolean = false

packages/mobile/components/NodeListTable.svelte

@@ -2,7 +2,7 @@
     import { localize } from '@core/i18n'
     import { getOfficialNodes, INode, isOfficialNetwork } from '@core/network'
     import { activeProfile } from '@core/profile'
-    import { Pill, Text } from 'shared/components'
+    import { Pill, Text } from '@ui'
 
     export let onNodeClick: (node: INode) => void
 

packages/mobile/components/OnboardingLayout.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-    import { Animation, Icon, Text, TextType } from 'shared/components'
-    import { isKeyboardOpen, keyboardHeight } from '../lib/auxiliary/keyboard'
+    import { Animation, Icon, Text, TextType } from '@ui'
+    import { isKeyboardOpen, keyboardHeight } from '@/auxiliary/keyboard'
 
     export let allowBack = true
     export let animation = ''

packages/mobile/components/QRScanner.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { Icon } from '@ui'
-    import { showCameraScanner, stopScanner } from '../lib/auxiliary/scanner'
+    import { showCameraScanner, stopScanner } from '@/auxiliary/scanner'
 </script>
 
 {#if $showCameraScanner}

packages/mobile/components/StrongholdUnlock.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
     import { localize } from '@core/i18n'
     import { unlockStronghold } from '@core/profile'
-    import { Button, HTMLButtonType, PasswordInput, Text, TextType } from 'shared/components'
+    import { Button, HTMLButtonType, PasswordInput, Text, TextType } from '@ui'
 
     export let busyMessage: string = ''
 

packages/mobile/components/ToastContainer.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-    import { Alert, Toast } from 'shared/components'
+    import { Alert, Toast } from '@ui'
     import { notifications } from '@auxiliary/notification/stores'
     import { fade } from 'svelte/transition'
-    import { Swiper } from '../components'
+    import { Swiper } from '@components'
 
     $: toasts = $notifications.map((notification) => ({
         type: notification.type,

packages/mobile/components/TokenWithMax.svelte

@@ -2,7 +2,7 @@
     import { localize } from '@core/i18n'
     import { truncateString } from '@core/utils'
     import { formatTokenAmountBestMatch, IAsset } from '@core/wallet'
-    import { AssetIcon, Button, ButtonSize, FontWeight, Text, TextType } from 'shared/components'
+    import { AssetIcon, Button, ButtonSize, FontWeight, Text, TextType } from '@ui'
 
     export let asset: IAsset
     export let onMaxClick: () => unknown

packages/mobile/components/buttons/AccountActionsButton.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-    import { MeatballMenuButton } from 'shared/components'
-    import { DashboardRoute, dashboardRouter } from '../../lib/routers'
+    import { MeatballMenuButton } from '@ui'
+    import { DashboardRoute, dashboardRouter } from '@/routers'
 </script>
 
 <MeatballMenuButton

packages/mobile/components/buttons/AccountSwitcherButton.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
     import { Icon as IconEnum } from '@auxiliary/icon'
     import { selectedAccount } from '@core/account'
-    import { Icon } from 'shared/components'
-    import { AccountLabel } from 'shared/components/atoms/'
-    import { DashboardRoute, dashboardRoute, dashboardRouter } from '../../lib/routers'
+    import { Icon } from '@ui'
+    import { AccountLabel } from '@ui/atoms/'
+    import { DashboardRoute, dashboardRoute, dashboardRouter } from '@/routers'
 
     $: isDrawerOpen = $dashboardRoute === DashboardRoute.AccountSwitcher
 </script>

packages/mobile/components/buttons/DashboardProfileButton.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
     import { activeProfile } from '@core/profile'
     import { getInitials } from '@core/utils'
-    import { DashboardRoute, dashboardRouter } from '../../lib/routers'
+    import { DashboardRoute, dashboardRouter } from '@/routers'
 
     // @TODO fix the linting error that profileInitial isn't used
     /* eslint-disable @typescript-eslint/no-unused-vars */

packages/mobile/components/buttons/NetworkStatusButton.svelte

@@ -8,7 +8,7 @@
         nodeInfo,
     } from '@core/network'
     import { Icon as IconTypes } from '@lib/auxiliary/icon'
-    import { ProfileActionButton } from '../../components/'
+    import { ProfileActionButton } from '@components'
 
     export let onClick: () => unknown
 

packages/mobile/components/buttons/ProfileActionButton.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { Icon as IconEnum } from '@lib/auxiliary/icon'
-    import { FontWeight, Icon, Text, TextType } from 'shared/components'
+    import { FontWeight, Icon, Text, TextType } from '@ui'
 
     export let primaryText: string = ''
     export let secondaryText: string = ''

packages/mobile/components/buttons/ProfileButton.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { appSettings } from '@core/app'
-    import { Icon, NetworkIcon, Text, FontWeight, TextType } from 'shared/components'
+    import { Icon, NetworkIcon, Text, FontWeight, TextType } from '@ui'
     import { getInitials as _getInitials } from '@core/utils'
     import { NetworkProtocol, NetworkType } from '@core/network'
 

packages/mobile/components/buttons/ProfileLockButton.svelte

@@ -2,7 +2,7 @@
     import { localize } from '@core/i18n'
     import { activeProfile } from '@core/profile'
     import { Icon as IconEnum } from '@lib/auxiliary/icon'
-    import { FontWeight, Icon, Text, TextType, Toggle } from 'shared/components'
+    import { FontWeight, Icon, Text, TextType, Toggle } from '@ui'
 
     const { isStrongholdLocked } = $activeProfile
 

packages/mobile/components/filters/Filter.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-    import { TogglableButton } from 'shared/components'
-    import { DashboardRoute, dashboardRoute, filterRouter, FilterType } from '../../lib/routers'
+    import { TogglableButton } from '@ui'
+    import { DashboardRoute, dashboardRoute, filterRouter, FilterType } from '@/routers'
     import type { Filter } from '@core/utils/types'
-    import { selectedFilter } from '../../lib/contexts/dashboard'
+    import { selectedFilter } from '@/contexts/dashboard'
     import { activeProfileId } from '@core/profile'
 
     export let filterStoreValue: Filter

packages/mobile/components/inputs/SearchInput.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { Icon } from 'shared/components'
+    import { Icon } from '@ui'
     import { localize } from '@core/i18n'
     import { debounce } from '@core/utils'
     import { Icon as IconEnum } from '@lib/auxiliary/icon'

packages/mobile/components/labels/TogglableAssetBalanceLabel.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { Text, FontWeight, TextType } from 'shared/components'
+    import { Text, FontWeight, TextType } from '@ui'
     import { formatTokenAmountBestMatch, IAsset } from '@core/wallet'
     import { formatCurrency, localize } from '@core/i18n'
     import { getMarketAmountFromAssetValue } from '@core/market/utils'

packages/mobile/components/molecules/ShimmerClaimingAccountList.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { ShimmerClaimingAccountTile } from 'shared/components'
+    import { ShimmerClaimingAccountTile } from '@ui'
     import { IShimmerClaimingAccount } from '@contexts/onboarding'
 
     export let shimmerClaimingAccounts: IShimmerClaimingAccount[]

packages/mobile/components/molecules/menu-items/AccountSwitcherMenuItem.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-    import { Text, TextType } from 'shared/components'
-    import { AccountLabel } from 'shared/components/atoms'
+    import { Text, TextType } from '@ui'
+    import { AccountLabel } from '@ui/atoms'
     import { IAccountState, selectedAccount, setSelectedAccount } from '@core/account'
     import { BASE_TOKEN } from '@core/network'
     import { activeProfile } from '@core/profile'

packages/mobile/lib/contexts/dashboard/constants/dashboard-tab-component.constant.ts

@@ -1,4 +1,4 @@
-import { ActivityTab, TokensTab } from '../../../../views/dashboard/tabs'
+import { ActivityTab, TokensTab } from '@views/dashboard/tabs'
 import { DashboardTab } from '../enums'
 
 export const DASHBOARD_TAB_COMPONENT = {

packages/mobile/lib/contexts/settings/constants/settings-route-meta.constant.ts

@@ -1,6 +1,6 @@
 import { DISCORD_URL, DOCUMENTATION_URL, FAQ_URL, ISSUE_REPORT_URL } from '@contexts/settings'
 import { SETTINGS_ICON_SVG } from '@lib/auxiliary/icon'
-import features from '../../../../features/features'
+import features from '@features/features'
 import {
     AppLockView,
     ChangePasswordView,
@@ -15,8 +15,8 @@ import {
     NetworkConfigurationRouter,
     ThemeView,
     WalletFinderView,
-} from '../../../../views/dashboard/drawers/profile/views/settings'
-import { SettingsRoute } from '../../../routers'
+} from '@views/dashboard/drawers/profile/views/settings'
+import { SettingsRoute } from '@/routers'
 import { SettingsCategory } from '../enums'
 
 const { general, security, advanced, helpAndInfo } = features.settings

packages/mobile/lib/routers/routers/dashboard/account-actions-router.ts

@@ -2,7 +2,7 @@ import { get, writable, Writable } from 'svelte/store'
 
 import { Subrouter } from '@core/router'
 
-import { AccountAction } from '../../../../lib/contexts/dashboard'
+import { AccountAction } from '@/contexts/dashboard'
 import { AccountActionsRoute } from '../../enums'
 import { IAccountActionsRouterEvent } from '../../interfaces'
 import { dashboardRouter } from '../dashboard-router'

packages/mobile/lib/routers/routers/dashboard/activity-router.ts

@@ -3,7 +3,7 @@ import { get, writable } from 'svelte/store'
 import { Subrouter } from '@core/router'
 import { ActivityType, claimActivity, getAssetById, NotVerifiedStatus, rejectActivity } from '@core/wallet'
 
-import { ActivityAction, selectedActivity } from '../../../../lib/contexts/dashboard'
+import { ActivityAction, selectedActivity } from '@/contexts/dashboard'
 import { ActivityRoute } from '../../enums'
 import { IActivityRouterEvent } from '../../interfaces'
 import { dashboardRouter, tokenRouter } from '../../routers'

packages/mobile/lib/routers/routers/dashboard/filter-router.ts

@@ -8,8 +8,8 @@ import { dashboardRouter } from '../'
 import { FilterRoute } from '../../enums'
 import { IFilterRouterEvent } from '../../interfaces'
 import { resetRouterWithDrawerDelay } from '../../utils'
-import { selectedFilter } from '../../../contexts/dashboard/stores'
-import { FilterAction } from '../../../contexts/dashboard/enums'
+import { selectedFilter } from '@/contexts/dashboard/stores'
+import { FilterAction } from '@/contexts/dashboard/enums'
 import { Filter } from '@core/utils/types'
 
 import { activityFilter, assetFilter } from '@core/wallet/stores'

packages/mobile/lib/routers/routers/dashboard/token-router.ts

@@ -11,7 +11,7 @@ import {
     getAssetById,
 } from '@core/wallet'
 
-import { selectedActivity, selectedAsset, TokenAction } from '../../../contexts/dashboard'
+import { selectedActivity, selectedAsset, TokenAction } from '@/contexts/dashboard'
 import { activityRouter, dashboardRouter, sendRouter } from '../'
 
 import { TokenRoute, DashboardRoute } from '../../enums'

packages/mobile/lib/routers/routers/settings/network-configuration-settings-router.ts

@@ -5,7 +5,7 @@ import { INode } from '@core/network'
 import { Subrouter } from '@core/router'
 
 import { settingsRouter } from '..'
-import { NetworkConfigurationSettingsAction } from '../../../contexts/settings'
+import { NetworkConfigurationSettingsAction } from '@/contexts/settings'
 import { NetworkConfigurationSettingsRoute } from '../../enums'
 
 export const networkConfigurationSettingsRoute = writable<NetworkConfigurationSettingsRoute>(null)

packages/mobile/tsconfig.json

@@ -7,15 +7,16 @@
         "importsNotUsedAsValues": "remove",
         "lib": ["DOM", "ESNext"],
         "paths": {
-            "@auxiliary/*": ["./lib/auxiliary/*"],
+            "@auxiliary/*": ["../shared/lib/auxiliary/*"],
             "@contexts/*": ["../shared/lib/contexts/*"],
             "@components": ["./components"],
             "@core/*": ["../shared/lib/core/*"],
             "@features/*": ["./features/*"],
             "@lib/*": ["../shared/lib/*"],
             "@ui": ["../shared/components"],
             "@ui/*": ["../shared/components/*"],
-            "@views": ["./views"]
+            "@views": ["./views"],
+            "@/*": ["./lib/*"]
         }
     },
     "include": ["./capacitor"]

packages/mobile/views/dashboard/DashboardRouter.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import features from '@features/features'
-    import { selectedActivity, selectedAsset, selectedFilter } from '../../lib/contexts/dashboard'
+    import { selectedActivity, selectedAsset, selectedFilter } from '@/contexts/dashboard'
     import {
         accountActionsRouter,
         accountSwitcherRouter,
@@ -14,7 +14,7 @@
         sendRouter,
         settingsRouter,
         tokenRouter,
-    } from '../../lib/routers'
+    } from '@/routers'
     import {
         AccountActionsDrawer,
         AccountSwitcherDrawer,

packages/mobile/views/dashboard/DashboardView.svelte

@@ -4,11 +4,11 @@
     import { BASE_TOKEN } from '@core/network'
     import { activeProfile, hasStrongholdLocked, reflectLockedStronghold, saveActiveProfile } from '@core/profile'
     import { selectedAccountAssets } from '@core/wallet'
-    import { Button } from 'shared/components'
-    import { TabPane, TogglableAssetBalanceLabel, TopBar } from '../../components'
+    import { Button } from '@ui'
+    import { TabPane, TogglableAssetBalanceLabel, TopBar } from '@components'
     import features from '@features/features'
-    import { activeDashboardTab, DASHBOARD_TAB_COMPONENT } from '../../lib/contexts/dashboard'
-    import { DashboardRoute, dashboardRouter } from '../../lib/routers'
+    import { activeDashboardTab, DASHBOARD_TAB_COMPONENT } from '@/contexts/dashboard'
+    import { DashboardRoute, dashboardRouter } from '@/routers'
     import DashboardRouter from './DashboardRouter.svelte'
     import { TabNavigator } from './tabs'