feat(wallet): Implement NFT management v2 (Uplift to 1.59.x) (#20297)

* feat(wallet): Implement NFT management v2 (#20204)

* Added group selector

* WIP

* Design implement + strings

* Format

* Fix storybook

* implement feedback

* Update components/brave_wallet/browser/brave_wallet_constants.h

Co-authored-by: Josh Leonard <[email protected]>

* Move account lookup to the component

* Fix string spelling

---------

Co-authored-by: Josh Leonard <[email protected]>

* Fix API slice errors

* Fix storybook

---------

Co-authored-by: Josh Leonard <[email protected]>

Author: muliswilliam

components/brave_wallet/browser/brave_wallet_constants.h

@@ -1296,8 +1296,21 @@ constexpr webui::LocalizedString kLocalizedStrings[] = {
     {"braveNftsTabHide", IDS_BRAVE_WALLET_NFTS_TAB_HIDE},
     {"braveNftsTabUnhide", IDS_BRAVE_WALLET_NFTS_TAB_UNHIDE},
     {"braveNftsTabEdit", IDS_BRAVE_WALLET_NFTS_TAB_EDIT},
+    {"braveWalletNftUnspam", IDS_BRAVE_WALLET_NFT_UNSPAM},
+    {"braveWalletNftJunk", IDS_BRAVE_WALLET_NFT_JUNK},
+    {"braveWalletRemoveNftModalHeader",
+     IDS_BRAVE_WALLET_REMOVE_NFT_MODAL_HEADER},
+    {"braveWalletRemoveNftModalDescription",
+     IDS_BRAVE_WALLET_REMOVE_NFT_MODAL_DESCRIPTION},
+    {"braveWalletRemoveNftModalCancel",
+     IDS_BRAVE_WALLET_REMOVE_NFT_MODAL_CANCEL},
+    {"braveWalletRemoveNftModalConfirm",
+     IDS_BRAVE_WALLET_REMOVE_NFT_MODAL_CONFIRM},
+    {"braveWalletNftMoveToSpam", IDS_BRAVE_WALLET_NFT_MOVE_TO_SPAM},
     {"braveNftsTab", IDS_BRAVE_WALLET_NFTS_TAB},
     {"braveNftsTabHidden", IDS_BRAVE_WALLET_NFTS_TAB_HIDDEN},
+    {"braveNftsTabCollected", IDS_BRAVE_WALLET_NFTS_TAB_COLLECTED},
+    {"braveNftsTabRemove", IDS_BRAVE_WALLET_NFTS_TAB_REMOVE},
     {"braveWalletImportNftModalTitle", IDS_BRAVE_WALLET_IMPORT_NFT_MODAL_TITLE},
     {"braveWalletEditNftModalTitle", IDS_BRAVE_WALLET_EDIT_NFT_MODAL_TITLE},
     {"braveWalletEnableNftAutoDiscoveryModalHeader",

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

@@ -44,11 +44,14 @@ export function createWalletApiBase () {
       'BraveRewards-RewardsBalance',
       'BraveRewards-ExternalWallet',
       'NFTPinningStatus',
+      'NFTSPinningStatus',
       'AutoPinEnabled',
       'OnRampAssets',
       'OffRampAssets',
       'CoingeckoId',
-      'TokenSuggestionRequests'
+      'TokenSuggestionRequests',
+      'SimpleHashSpamNFTs',
+      'LocalIPFSNodeStatus'
     ],
     endpoints: ({ mutation, query }) => ({})
   })

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

@@ -2885,6 +2885,7 @@ export const {
   useGetRewardsEnabledQuery,
   useGetSelectedAccountIdQuery,
   useGetSelectedChainQuery,
+  useGetSimpleHashSpamNftsQuery,
   useGetSolanaEstimatedFeeQuery,
   useGetSolanaTransactionSimulationQuery,
   useGetSwapSupportedNetworkIdsQuery,
@@ -2947,11 +2948,13 @@ export const {
   useSpeedupTransactionMutation,
   useTransactionStatusChangedMutation,
   useUnapprovedTxUpdatedMutation,
+  useUpdateNftSpamStatusMutation,
+  useUpdateNftsPinningStatusMutation,
   useUpdateUnapprovedTransactionGasFieldsMutation,
   useUpdateUnapprovedTransactionNonceMutation,
   useUpdateUnapprovedTransactionSpendAllowanceMutation,
   useUpdateUserAssetVisibleMutation,
-  useUpdateUserTokenMutation,
+  useUpdateUserTokenMutation
 } = walletApi
 
 // Derived Data Queries