feat(governance): Add governance feature

apps/wallet-mobile/.env

@@ -16,4 +16,6 @@ WALLET_2_MNEMONIC=abandon abandon abandon abandon abandon abandon abandon abando
 BANXA_TEST_WALLET=addr1qyfuspldlchc5kechfe5jzdrr9jms2s9w0tq4hggy9zgkhxssydveuc8xyx4zh27fwcmr62mraeezjwf24hzkyejwfmq7yptmd
 
 FRONTEND_FEE_ADDRESS_MAINNET=addr1q9ry6jfdgm0lcrtfpgwrgxg7qfahv80jlghhrthy6w8hmyjuw9ngccy937pm7yw0jjnxasm7hzxjrf8rzkqcj26788lqws5fke
-FRONTEND_FEE_ADDRESS_PREPROD=addr_test1qrgpjmyy8zk9nuza24a0f4e7mgp9gd6h3uayp0rqnjnkl54v4dlyj0kwfs0x4e38a7047lymzp37tx0y42glslcdtzhqzp57km
+FRONTEND_FEE_ADDRESS_PREPROD=addr_test1qrgpjmyy8zk9nuza24a0f4e7mgp9gd6h3uayp0rqnjnkl54v4dlyj0kwfs0x4e38a7047lymzp37tx0y42glslcdtzhqzp57km
+
+GOVERNANCE_CENTRE_ENABLED=true

apps/wallet-mobile/.env.nightly

@@ -7,4 +7,6 @@ DISABLE_LOGBOX=true
 BANXA_TEST_WALLET=addr1qyfuspldlchc5kechfe5jzdrr9jms2s9w0tq4hggy9zgkhxssydveuc8xyx4zh27fwcmr62mraeezjwf24hzkyejwfmq7yptmd
 
 FRONTEND_FEE_ADDRESS_MAINNET=addr1q9ry6jfdgm0lcrtfpgwrgxg7qfahv80jlghhrthy6w8hmyjuw9ngccy937pm7yw0jjnxasm7hzxjrf8rzkqcj26788lqws5fke
-FRONTEND_FEE_ADDRESS_PREPROD=addr_test1qrgpjmyy8zk9nuza24a0f4e7mgp9gd6h3uayp0rqnjnkl54v4dlyj0kwfs0x4e38a7047lymzp37tx0y42glslcdtzhqzp57km
+FRONTEND_FEE_ADDRESS_PREPROD=addr_test1qrgpjmyy8zk9nuza24a0f4e7mgp9gd6h3uayp0rqnjnkl54v4dlyj0kwfs0x4e38a7047lymzp37tx0y42glslcdtzhqzp57km
+
+GOVERNANCE_CENTRE_ENABLED=false

apps/wallet-mobile/.env.production

@@ -4,4 +4,6 @@ BUILD_VARIANT=PROD
 SENTRY_DSN=https://7f7c6cb60a6f429facd34f491dfc5133@o1138840.ingest.sentry.io/6783228
 
 FRONTEND_FEE_ADDRESS_MAINNET=addr1q9ry6jfdgm0lcrtfpgwrgxg7qfahv80jlghhrthy6w8hmyjuw9ngccy937pm7yw0jjnxasm7hzxjrf8rzkqcj26788lqws5fke
-FRONTEND_FEE_ADDRESS_PREPROD=addr_test1qrgpjmyy8zk9nuza24a0f4e7mgp9gd6h3uayp0rqnjnkl54v4dlyj0kwfs0x4e38a7047lymzp37tx0y42glslcdtzhqzp57km
+FRONTEND_FEE_ADDRESS_PREPROD=addr_test1qrgpjmyy8zk9nuza24a0f4e7mgp9gd6h3uayp0rqnjnkl54v4dlyj0kwfs0x4e38a7047lymzp37tx0y42glslcdtzhqzp57km
+
+GOVERNANCE_CENTRE_ENABLED=false

apps/wallet-mobile/.env.staging

@@ -16,4 +16,6 @@ WALLET_2_MNEMONIC=abandon abandon abandon abandon abandon abandon abandon abando
 BANXA_TEST_WALLET=addr1qyfuspldlchc5kechfe5jzdrr9jms2s9w0tq4hggy9zgkhxssydveuc8xyx4zh27fwcmr62mraeezjwf24hzkyejwfmq7yptmd
 
 FRONTEND_FEE_ADDRESS_MAINNET=addr1q9ry6jfdgm0lcrtfpgwrgxg7qfahv80jlghhrthy6w8hmyjuw9ngccy937pm7yw0jjnxasm7hzxjrf8rzkqcj26788lqws5fke
-FRONTEND_FEE_ADDRESS_PREPROD=addr_test1qrgpjmyy8zk9nuza24a0f4e7mgp9gd6h3uayp0rqnjnkl54v4dlyj0kwfs0x4e38a7047lymzp37tx0y42glslcdtzhqzp57km
+FRONTEND_FEE_ADDRESS_PREPROD=addr_test1qrgpjmyy8zk9nuza24a0f4e7mgp9gd6h3uayp0rqnjnkl54v4dlyj0kwfs0x4e38a7047lymzp37tx0y42glslcdtzhqzp57km
+
+GOVERNANCE_CENTRE_ENABLED=false

apps/wallet-mobile/package.json

@@ -94,12 +94,12 @@
     "@cardano-foundation/ledgerjs-hw-app-cardano": "^6.0.0",
     "@emurgo/cip14-js": "^3.0.1",
     "@emurgo/cip4-js": "1.0.7",
-    "@emurgo/cross-csl-core": "^3.1.0",
-    "@emurgo/cross-csl-mobile": "^3.1.0",
-    "@emurgo/csl-mobile-bridge": "5.1.3",
+    "@emurgo/cross-csl-core": "^4.0.0-alpha.1",
+    "@emurgo/cross-csl-mobile": "^4.0.0-alpha.1",
+    "@emurgo/csl-mobile-bridge": "6.0.0-alpha.2",
     "@emurgo/react-native-blockies-svg": "^0.0.2",
     "@emurgo/react-native-hid": "^5.15.6",
-    "@emurgo/yoroi-lib": "^0.11.0",
+    "@emurgo/yoroi-lib": "^0.14.1",
     "@formatjs/intl-datetimeformat": "^6.7.0",
     "@formatjs/intl-getcanonicallocales": "^2.1.0",
     "@formatjs/intl-locale": "^3.2.1",
@@ -125,6 +125,7 @@
     "@yoroi/banxa": "1.3.0",
     "@yoroi/common": "1.3.0",
     "@yoroi/links": "1.3.0",
+    "@yoroi/staking": "1.0.0",
     "@yoroi/swap": "1.3.0",
     "add": "2.0.6",
     "assert": "^2.0.0",
@@ -202,7 +203,7 @@
     "@babel/preset-react": "^7.16.7",
     "@babel/runtime": "^7.20.0",
     "@emurgo/cardano-serialization-lib-nodejs": "^9.1.4",
-    "@emurgo/cross-csl-nodejs": "^3.1.0",
+    "@emurgo/cross-csl-nodejs": "^4.0.0-alpha.1",
     "@formatjs/cli": "^6.1.0",
     "@formatjs/ts-transformer": "^3.13.0",
     "@react-navigation/devtools": "^6.0.13",

apps/wallet-mobile/src/Catalyst/VotingBanner.tsx

@@ -1,3 +1,4 @@
+import {catalystManagerMaker} from '@yoroi/staking'
 import React, {useEffect, useState} from 'react'
 import {defineMessages, useIntl} from 'react-intl'
 import {StyleSheet, TouchableOpacity, View} from 'react-native'
@@ -8,7 +9,6 @@ import globalMessages, {confirmationMessages} from '../i18n/global-messages'
 import {isNightly} from '../legacy/config'
 import {Logger} from '../legacy/logging'
 import {COLORS} from '../theme'
-import {isRegistrationOpen} from '../yoroi-wallets/cardano/catalyst/catalystUtils'
 import {useCanVote} from './hooks'
 import {InsufficientFundsModal} from './InsufficientFundsModal'
 
@@ -42,7 +42,9 @@ export const VotingBanner = ({onPress, disabled}: Props) => {
         }
       }
 
-      setShowCatalystBanner((canVote && isRegistrationOpen(fundInfo)) || isNightly() || __DEV__)
+      const catalyst = catalystManagerMaker()
+
+      setShowCatalystBanner((canVote && catalyst.isRegistrationOpen(fundInfo)) || isNightly() || __DEV__)
     }
 
     checkCatalystFundInfo()

apps/wallet-mobile/src/Dashboard/Dashboard.tsx

@@ -5,16 +5,22 @@ import React from 'react'
 import {defineMessages, useIntl} from 'react-intl'
 import {ActivityIndicator, RefreshControl, ScrollView, StyleSheet, View, ViewProps} from 'react-native'
 
-import {Banner, Button, StatusBar} from '../components'
+import {Banner, Button, StatusBar, useModal} from '../components'
+import {
+  useGovernanceStrings,
+  useIsParticipatingInGovernance,
+  WithdrawWarningModal,
+} from '../features/Staking/Governance'
 import globalMessages from '../i18n/global-messages'
+import {CONFIG} from '../legacy/config'
 import {Modal} from '../legacy/Modal'
 import {useWalletNavigation} from '../navigation'
 import {useSelectedWallet} from '../SelectedWallet'
 import {isEmptyString} from '../utils/utils'
 import {getCardanoNetworkConfigById} from '../yoroi-wallets/cardano/networks'
 import {getCardanoBaseConfig} from '../yoroi-wallets/cardano/utils'
 import {useBalances, useIsOnline, useSync} from '../yoroi-wallets/hooks'
-import {Amounts} from '../yoroi-wallets/utils'
+import {Amounts, isSanchoNetworkId} from '../yoroi-wallets/utils'
 import {
   genCurrentEpochLength,
   genCurrentSlotLength,
@@ -30,10 +36,12 @@ import {WithdrawStakingRewards} from './WithdrawStakingRewards'
 export const Dashboard = () => {
   const intl = useIntl()
   const navigateTo = useNavigateTo()
+  const governanceStrings = useGovernanceStrings()
 
   const wallet = useSelectedWallet()
   const {isLoading: isSyncing, sync} = useSync(wallet)
   const isOnline = useIsOnline(wallet)
+  const {openModal} = useModal()
 
   const balances = useBalances(wallet)
   const primaryAmount = Amounts.getAmount(balances, '')
@@ -43,6 +51,24 @@ export const Dashboard = () => {
 
   const {resetToTxHistory} = useWalletNavigation()
 
+  const isParticipatingInGovernance = useIsParticipatingInGovernance(wallet)
+  const walletNavigateTo = useWalletNavigation()
+
+  const onParticipatePress = () => {
+    walletNavigateTo.navigateToGovernanceCentre({navigateToStakingOnSuccess: true})
+  }
+
+  const onWithdraw = () => {
+    if (CONFIG.GOVERNANCE_CENTRE_ENABLED && isSanchoNetworkId(wallet.networkId) && !isParticipatingInGovernance) {
+      openModal(
+        governanceStrings.withdrawWarningTitle,
+        <WithdrawWarningModal onParticipatePress={onParticipatePress} />,
+      )
+      return
+    }
+    setShowWithdrawalDialog(true)
+  }
+
   return (
     <View style={styles.root}>
       <StatusBar type="dark" />
@@ -77,15 +103,15 @@ export const Dashboard = () => {
                 totalAdaSum={!isEmptyString(primaryAmount.quantity) ? new BigNumber(primaryAmount.quantity) : null}
                 totalRewards={new BigNumber(stakingInfo.rewards)}
                 totalDelegated={new BigNumber(stakingInfo.amount)}
-                onWithdraw={() => setShowWithdrawalDialog(true)}
+                onWithdraw={onWithdraw}
                 disableWithdraw={wallet.isReadOnly}
               />
             ) : (
               <UserSummary
                 totalAdaSum={!isEmptyString(primaryAmount.quantity) ? new BigNumber(primaryAmount.quantity) : null}
                 totalRewards={null}
                 totalDelegated={null}
-                onWithdraw={() => setShowWithdrawalDialog(true)}
+                onWithdraw={onWithdraw}
                 disableWithdraw
               />
             )}

apps/wallet-mobile/src/Dashboard/DashboardNavigator.tsx

@@ -1,6 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
+import AsyncStorage from '@react-native-async-storage/async-storage'
 import {createStackNavigator} from '@react-navigation/stack'
-import React from 'react'
+import {governanceApiMaker, governanceManagerMaker, GovernanceProvider} from '@yoroi/staking'
+import React, {useMemo} from 'react'
 import {defineMessages, useIntl} from 'react-intl'
 
 import {SettingsButton} from '../components/Button'
@@ -9,6 +11,7 @@ import {useSelectedWallet} from '../SelectedWallet'
 import {DelegationConfirmation} from '../Staking'
 import {StakingCenter} from '../Staking/StakingCenter'
 import {useWalletName} from '../yoroi-wallets/hooks'
+import {CardanoMobile} from '../yoroi-wallets/wallets'
 import {Dashboard} from './Dashboard'
 
 const Stack = createStackNavigator<DashboardRoutes>()
@@ -17,34 +20,49 @@ export const DashboardNavigator = () => {
   const walletName = useWalletName(wallet)
   const strings = useStrings()
 
+  const {networkId} = useSelectedWallet()
+  const manager = useMemo(
+    () =>
+      governanceManagerMaker({
+        walletId: wallet.id,
+        networkId,
+        api: governanceApiMaker({networkId}),
+        cardano: CardanoMobile,
+        storage: AsyncStorage,
+      }),
+    [networkId, wallet.id],
+  )
+
   return (
-    <Stack.Navigator
-      screenOptions={{
-        ...defaultStackNavigationOptions,
-        detachPreviousScreen: false /* https://github.com/react-navigation/react-navigation/issues/9883 */,
-      }}
-    >
-      <Stack.Screen
-        name="staking-dashboard-main"
-        component={Dashboard}
-        options={{
-          title: walletName,
-          headerRight: () => <HeaderRight />,
+    <GovernanceProvider manager={manager}>
+      <Stack.Navigator
+        screenOptions={{
+          ...defaultStackNavigationOptions,
+          detachPreviousScreen: false /* https://github.com/react-navigation/react-navigation/issues/9883 */,
         }}
-      />
+      >
+        <Stack.Screen
+          name="staking-dashboard-main"
+          component={Dashboard}
+          options={{
+            title: walletName,
+            headerRight: () => <HeaderRight />,
+          }}
+        />
 
-      <Stack.Screen //
-        name="staking-center"
-        component={StakingCenter}
-        options={{title: strings.title}}
-      />
+        <Stack.Screen //
+          name="staking-center"
+          component={StakingCenter}
+          options={{title: strings.title}}
+        />
 
-      <Stack.Screen
-        name="delegation-confirmation"
-        component={DelegationConfirmation}
-        options={{title: strings.title}}
-      />
-    </Stack.Navigator>
+        <Stack.Screen
+          name="delegation-confirmation"
+          component={DelegationConfirmation}
+          options={{title: strings.title}}
+        />
+      </Stack.Navigator>
+    </GovernanceProvider>
   )
 }
 

apps/wallet-mobile/src/SelectedWallet/WalletSelection/WalletSelectionScreen.tsx

@@ -15,6 +15,7 @@ import {useWalletNavigation} from '../../navigation'
 import {COLORS} from '../../theme'
 import {useWalletManager} from '../../WalletManager'
 import * as HASKELL_SHELLEY from '../../yoroi-wallets/cardano/constants/mainnet/constants'
+import * as SANCHONET from '../../yoroi-wallets/cardano/constants/sanchonet/constants'
 import * as HASKELL_SHELLEY_TESTNET from '../../yoroi-wallets/cardano/constants/testnet/constants'
 import {InvalidState, NetworkError} from '../../yoroi-wallets/cardano/errors'
 import {isJormungandr} from '../../yoroi-wallets/cardano/networks'
@@ -89,6 +90,8 @@ export const WalletSelectionScreen = () => {
 
       <OnlyNightlyShelleyTestnetButton />
 
+      <OnlyNightlyShelleySanchonetButton />
+
       <OnlyDevButton />
 
       <PleaseWaitModal title={strings.loadingWallet} spinnerText={strings.pleaseWait} visible={isLoading} />
@@ -197,6 +200,25 @@ const OnlyNightlyShelleyTestnetButton = () => {
   )
 }
 
+const OnlyNightlyShelleySanchonetButton = () => {
+  const navigation = useNavigation()
+  const strings = useStrings()
+
+  if (!isNightly() && !__DEV__) return null
+
+  const onPress = () => {
+    navigation.navigate('new-wallet', {
+      screen: 'choose-create-restore',
+      params: {
+        networkId: SANCHONET.NETWORK_ID,
+        walletImplementationId: SANCHONET.WALLET_IMPLEMENTATION_ID,
+      },
+    })
+  }
+
+  return <Button onPress={onPress} title={`${strings.addWalletButton} (sanchonet)`} style={styles.button} />
+}
+
 const OnlyDevButton = () => {
   const navigation = useNavigation()
 

apps/wallet-mobile/src/TxHistory/ActionsBanner.tsx

@@ -15,6 +15,7 @@ import {TxHistoryRouteNavigation} from '../navigation'
 import {useSelectedWallet} from '../SelectedWallet'
 import {COLORS} from '../theme'
 import {useTokenInfo} from '../yoroi-wallets/hooks'
+import {isMainnetNetworkId} from '../yoroi-wallets/utils'
 
 const ACTION_PROPS = {
   size: 32,
@@ -62,7 +63,7 @@ export const ActionsBanner = ({disabled = false}: {disabled: boolean}) => {
             track.walletPageExchangeBottomSheetClicked()
             // banxa doesn't support testnet for the sandbox it needs a mainnet address
             const sandboxWallet = env.getString('BANXA_TEST_WALLET')
-            const isMainnet = wallet.networkId !== 300
+            const isMainnet = isMainnetNetworkId(wallet.networkId)
             const walletAddress = isMainnet ? wallet.externalAddresses[0] : sandboxWallet
             const moduleOptions = {isProduction: isMainnet, partner: 'yoroi'} as const
             const urlOptions = {