feat(governance): add drep script id support to staking package (#3589)

Signed-off-by: Juliano Lazzarotto <[email protected]>
Co-authored-by: Juliano Lazzarotto <[email protected]>

apps/wallet-mobile/src/features/Staking/Governance/common/strings.ts

@@ -66,6 +66,7 @@ export const useStrings = () => {
     goToStaking: intl.formatMessage(messages.goToStaking),
     readyToCollectRewards: intl.formatMessage(messages.readyToCollectRewards),
     notSupportedVersionButton: intl.formatMessage(messages.notSupportedVersionButton),
+    scriptNotSupported: intl.formatMessage(messages.scriptNotSupported),
   }
 }
 
@@ -143,7 +144,7 @@ const messages = defineMessages({
   },
   drepID: {
     id: 'components.governance.drepID',
-    defaultMessage: '!!!Drep ID',
+    defaultMessage: '!!!Drep ID (fingerprint)',
   },
   thankYouForParticipating: {
     id: 'components.governance.thankYouForParticipating',
@@ -280,4 +281,8 @@ const messages = defineMessages({
     id: 'components.governance.notSupportedVersionButton',
     defaultMessage: '!!!Go to main wallet page',
   },
+  scriptNotSupported: {
+    id: 'components.governance.scriptNotSupported',
+    defaultMessage: '!!!Script DReps ids will be supported soon.',
+  },
 })

apps/wallet-mobile/src/features/Staking/Governance/useCases/EnterDrepIdModal/EnterDrepIdModal.tsx

@@ -2,7 +2,7 @@ import {isNonNullable} from '@yoroi/common'
 import {parseDrepId, useIsValidDRepID} from '@yoroi/staking'
 import {useTheme} from '@yoroi/theme'
 import React from 'react'
-import {Linking, StyleSheet, View} from 'react-native'
+import {Alert, Linking, StyleSheet, View} from 'react-native'
 
 import {Button, Spacer, Text, TextInput} from '../../../../../components'
 import {CardanoMobile} from '../../../../../yoroi-wallets/wallets'
@@ -22,7 +22,14 @@ export const EnterDrepIdModal = ({onSubmit}: Props) => {
   const {error, isFetched, isFetching} = useIsValidDRepID(drepId, {retry: false, enabled: drepId.length > 0})
 
   const handleOnPress = () => {
-    parseDrepId(drepId, CardanoMobile).then((parsedId) => onSubmit?.(parsedId))
+    parseDrepId(drepId, CardanoMobile).then(({type, hash}) => {
+      if (type === 'key') {
+        onSubmit?.(hash)
+        return
+      }
+
+      Alert.alert(strings.error, strings.scriptNotSupported)
+    })
   }
 
   const handleOnLinkPress = () => {

apps/wallet-mobile/src/kernel/i18n/locales/en-US.json

@@ -149,7 +149,7 @@
   "components.governance.confirmTxTitle": "Confirm transaction",
   "components.governance.delegateVotingToDRep": "Delegate voting to\n{drepID}",
   "components.governance.delegatingToADRep": "Delegating to a DRep",
-  "components.governance.drepID": "Drep ID",
+  "components.governance.drepID": "Drep ID (fingerprint)",
   "components.governance.drepKey": "DRep Key",
   "components.governance.enterADrepIDAndPassword": "Enter a Drep ID and password to sign this transaction",
   "components.governance.enterDRepID": "Choose your Drep",
@@ -187,6 +187,7 @@
   "components.governance.notSupportedVersionTitle": "Error",
   "components.governance.notSupportedVersionDescription": "To be able to vote you need to update your Cardano ADA app to 7.",
   "components.governance.notSupportedVersionButton": "Go to main wallet page",
+  "components.governance.scriptNotSupported": "Script DReps ids will be supported soon",
   "components.initialization.acepttermsofservicescreen.aggreeClause": "I agree with the Terms of Service",
   "components.initialization.acepttermsofservicescreen.continueButton": "Accept",
   "components.initialization.acepttermsofservicescreen.savingConsentModalTitle": "Initializing",