feat(wallet): Shield ZCash Account Modal

browser/ui/webui/brave_wallet/common_handler/wallet_handler.cc

@@ -39,7 +39,8 @@ void WalletHandler::GetWalletInfo(GetWalletInfoCallback callback) {
       keyring_service->IsWalletCreatedSync(), keyring_service->IsLockedSync(),
       keyring_service->IsWalletBackedUpSync(), IsBitcoinEnabled(),
       IsBitcoinImportEnabled(), IsBitcoinLedgerEnabled(), IsZCashEnabled(),
-      IsAnkrBalancesEnabled(), IsTransactionSimulationsEnabled()));
+      IsAnkrBalancesEnabled(), IsTransactionSimulationsEnabled(),
+      IsZCashShieldedTransactionsEnabled()));
 }
 
 }  // namespace brave_wallet

components/brave_wallet/browser/brave_wallet_constants.h

@@ -1606,7 +1606,15 @@ inline constexpr webui::LocalizedString kLocalizedStrings[] = {
     {"braveWalletFilters", IDS_BRAVE_WALLET_FILTERS},
     {"braveWalletClearFilters", IDS_BRAVE_WALLET_CLEAR_FILTERS},
     {"braveWalletShowMore", IDS_BRAVE_WALLET_SHOW_MORE},
-    {"braveWalletDetails", IDS_BRAVE_WALLET_DETAILS}};
+    {"braveWalletDetails", IDS_BRAVE_WALLET_DETAILS},
+    {"braveWalletSwitchToShieldedAccount",
+     IDS_BRAVE_WALLET_SWITCH_TO_SHIELDED_ACCOUNT},
+    {"braveWalletShieldAccount", IDS_BRAVE_WALLET_SHIELD_ACCOUNT},
+    {"braveWalletAccountNotShieldedDescription",
+     IDS_BRAVE_WALLET_ACCOUNT_NOT_SHIELDED_DESCRIPTION},
+    {"braveWalletAccountShieldedDescription",
+     IDS_BRAVE_WALLET_ACCOUNT_SHIELDED_DESCRIPTION},
+    {"braveWalletShielded", IDS_BRAVE_WALLET_SHIELDED}};
 
 // 0x swap constants
 inline constexpr char kZeroExSepoliaBaseAPIURL[] =

components/brave_wallet/common/brave_wallet.mojom

@@ -981,6 +981,7 @@ struct WalletInfo {
   bool is_z_cash_enabled;
   bool is_ankr_balances_feature_enabled;
   bool is_transaction_simulations_feature_enabled;
+  bool is_z_cash_shielded_transactions_enabled;
 };
 
 // Browser-side handler for common panel / page things

components/brave_wallet_ui/common/async/__mocks__/bridge.ts

@@ -1313,7 +1313,8 @@ export class MockedWalletApiProxy {
           isWalletCreated: true,
           isWalletLocked: false,
           isAnkrBalancesFeatureEnabled: false,
-          isTransactionSimulationsFeatureEnabled: true
+          isTransactionSimulationsFeatureEnabled: true,
+          isZCashShieldedTransactionsEnabled: false
         }
       }
     }

components/brave_wallet_ui/common/selectors/wallet-selectors.ts

@@ -24,6 +24,8 @@ export const isAnkrBalancesFeatureEnabled = ({ wallet }: State) =>
   wallet.isAnkrBalancesFeatureEnabled
 export const isRefreshingNetworksAndTokens = ({ wallet }: State) =>
   wallet.isRefreshingNetworksAndTokens
+export const isZCashShieldedTransactionsEnabled = ({ wallet }: State) =>
+  wallet.isZCashShieldedTransactionsEnabled
 
 // unsafe selectors (will cause re-render if not strictly equal "===") (objects
 // and lists)

components/brave_wallet_ui/common/slices/api-base.slice.ts

@@ -83,7 +83,8 @@ export function createWalletApiBase() {
       'MeldServiceProviders',
       'MeldCryptoQuotes',
       'MeldPaymentMethods',
-      'MeldWidget'
+      'MeldWidget',
+      'ZCashAccountInfo'
     ],
     endpoints: ({ mutation, query }) => ({})
   })

components/brave_wallet_ui/common/slices/api.slice.ts

@@ -50,6 +50,7 @@ import { encryptionEndpoints } from './endpoints/encryption.endpoints'
 import { signingEndpoints } from './endpoints/signing.endpoints'
 import { dappRadarEndpoints } from './endpoints/dapp_radar.endpoints'
 import { meldIntegrationEndpoints } from './endpoints/meld_integration.endpoints'
+import { zcashEndpoints } from './endpoints/zcash.endpoints'
 
 export function createWalletApi() {
   // base to add endpoints to
@@ -160,6 +161,8 @@ export function createWalletApi() {
       .injectEndpoints({ endpoints: dappRadarEndpoints })
       // meld integration endpoints
       .injectEndpoints({ endpoints: meldIntegrationEndpoints })
+      // zcash endpoints
+      .injectEndpoints({ endpoints: zcashEndpoints })
   )
 }
 
@@ -256,6 +259,7 @@ export const {
   useGetTransactionsQuery,
   useGetUserTokensRegistryQuery,
   useGetWalletsToImportQuery,
+  useGetZCashAccountInfoQuery,
   useHideNetworksMutation,
   useImportAccountFromJsonMutation,
   useImportAccountMutation,
@@ -293,7 +297,9 @@ export const {
   useLazyGetTokensRegistryQuery,
   useLazyGetTransactionsQuery,
   useLazyGetUserTokensRegistryQuery,
+  useLazyGetZCashAccountInfoQuery,
   useLockWalletMutation,
+  useMakeAccountShieldedMutation,
   useNewUnapprovedTxAddedMutation,
   useOpenPanelUIMutation,
   usePrefetch,

components/brave_wallet_ui/common/slices/endpoints/zcash.endpoints.ts

@@ -0,0 +1,74 @@
+// Copyright (c) 2024 The Brave Authors. All rights reserved.
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// You can obtain one at https://mozilla.org/MPL/2.0/.
+
+// Types
+import { BraveWallet } from '../../../constants/types'
+
+// Utils
+import { handleEndpointError } from '../../../utils/api-utils'
+import { WalletApiEndpointBuilderParams } from '../api-base.slice'
+
+export const zcashEndpoints = ({
+  query,
+  mutation
+}: WalletApiEndpointBuilderParams) => {
+  return {
+    makeAccountShielded: mutation<true, BraveWallet.AccountId>({
+      queryFn: async (args, { endpoint }, _extraOptions, baseQuery) => {
+        try {
+          const { zcashWalletService } = baseQuery(undefined).data
+
+          const { errorMessage } = await zcashWalletService.makeAccountShielded(
+            args
+          )
+
+          if (errorMessage) {
+            return handleEndpointError(
+              endpoint,
+              'Error making account shielded: ',
+              errorMessage
+            )
+          }
+
+          return {
+            data: true
+          }
+        } catch (error) {
+          return handleEndpointError(
+            endpoint,
+            'Error making account shielded: ',
+            error
+          )
+        }
+      },
+      invalidatesTags: ['ZCashAccountInfo']
+    }),
+    getZCashAccountInfo: query<
+      BraveWallet.ZCashAccountInfo | null,
+      BraveWallet.AccountId
+    >({
+      queryFn: async (args, { endpoint }, _extraOptions, baseQuery) => {
+        try {
+          const { zcashWalletService } = baseQuery(undefined).data
+
+          const { accountInfo } = await zcashWalletService.getZCashAccountInfo(
+            args
+          )
+
+          return {
+            data: accountInfo
+          }
+        } catch (error) {
+          return handleEndpointError(
+            endpoint,
+            'Error getting ZCash account info: ',
+            error
+          )
+        }
+      },
+      providesTags: ['ZCashAccountInfo']
+    })
+  }
+}

components/brave_wallet_ui/common/slices/wallet.slice.ts

@@ -33,7 +33,8 @@ const defaultState: WalletState = {
   passwordAttempts: 0,
   assetAutoDiscoveryCompleted: true,
   isAnkrBalancesFeatureEnabled: false,
-  isRefreshingNetworksAndTokens: false
+  isRefreshingNetworksAndTokens: false,
+  isZCashShieldedTransactionsEnabled: false
 }
 
 // async actions
@@ -81,6 +82,8 @@ export const createWalletSlice = (initialState: WalletState = defaultState) => {
         state.isWalletLocked = payload.walletInfo.isWalletLocked
         state.isAnkrBalancesFeatureEnabled =
           payload.walletInfo.isAnkrBalancesFeatureEnabled
+        state.isZCashShieldedTransactionsEnabled =
+          payload.walletInfo.isZCashShieldedTransactionsEnabled
       },
 
       setAssetAutoDiscoveryCompleted(