chore: replace MakerX's Use-Wallet fork with TxnLab's ENG-350

src/xgov-dapp/.storybook/preview.tsx

@@ -4,7 +4,7 @@ import { withThemeFromJSXProvider } from '@storybook/addon-themes'
 import { lightTheme, darkTheme } from '../src/themes'
 import type { Preview } from '@storybook/react'
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'
-import { WalletProvider} from '@makerx/use-wallet'
+import { WalletProvider} from '@txnlab/use-wallet'
 import { LocalizationProvider } from '@mui/x-date-pickers'
 import { useAlgoWallet } from '../src/utils/useAlgoWalletProvider'
 import { RecoilRoot } from 'recoil'

src/xgov-dapp/package.json

@@ -26,7 +26,7 @@
     "@headlessui/react": "^1.7.13",
     "@heroicons/react": "^2.0.16",
     "@makerx/forms-mui": "^1.1.0",
-    "@makerx/use-wallet": "^3.0.0",
+    "@txnlab/use-wallet": "^2.8.2",
     "@mui/icons-material": "^5.11.11",
     "@mui/material": "^5.11.13",
     "@mui/x-date-pickers": "^6.0.2",

src/xgov-dapp/src/components/siteHeader.tsx

@@ -1,5 +1,5 @@
 import { Disclosure, Popover } from '@headlessui/react'
-import { useWallet } from '@makerx/use-wallet'
+import { useWallet } from '@txnlab/use-wallet'
 import { Typography } from '@mui/material'
 import clsx from 'clsx'
 import { Link } from 'react-router-dom'

src/xgov-dapp/src/features/rounds/VotingRoundTile.tsx

@@ -1,4 +1,4 @@
-import { useWallet } from '@makerx/use-wallet'
+import { useWallet } from '@txnlab/use-wallet'
 import { Box, Button, Skeleton, Typography } from '@mui/material'
 import dayjs from 'dayjs'
 import relativeTime from 'dayjs/plugin/relativeTime'

src/xgov-dapp/src/features/rounds/index.tsx

@@ -1,4 +1,4 @@
-import { useWallet } from '@makerx/use-wallet'
+import { useWallet } from '@txnlab/use-wallet'
 import LaunchIcon from '@mui/icons-material/Launch'
 import { Alert, Box, Button, Skeleton, Typography, Link as MuiLink } from '@mui/material'
 import sortBy from 'lodash.sortby'
@@ -69,7 +69,7 @@
     <div className="container">
       <div className="flex flex-col items-end">
         <Box className="bg-white flex rounded-xl px-4 py-2 items-center">
           <MuiLink className="no-underline hover:underline" href="https://forum.algorand.org/t/xgov-guide-post-alpha-pilot/12153" target="_blank">
             xGov Guide
             <LaunchIcon className="ml-2 text-grey-light align-bottom" />
           </MuiLink>

src/xgov-dapp/src/features/status/VotingSessionsTable.tsx

@@ -1,4 +1,4 @@
-import { useWallet } from '@makerx/use-wallet'
+import { useWallet } from '@txnlab/use-wallet'
 import { Alert, Button, Skeleton, Typography } from '@mui/material'
 import clsx from 'clsx'
 import dayjs from 'dayjs'

src/xgov-dapp/src/features/status/index.tsx

@@ -3,7 +3,7 @@
 import { Link } from 'react-router-dom'
 import { VotingRoundGlobalState } from '../../../../dapp/src/shared/VotingRoundContract'
 
-import { useWallet } from '@makerx/use-wallet'
+import { useWallet } from '@txnlab/use-wallet'
 import { useEffect, useState } from 'react'
 import { fetchVotingRoundGlobalStatesByCreators } from '../../../../dapp/src/shared/VotingRoundContract'
 import { GovenorTermPoolData, TermPool, fetchGovenorData, fetchTermPools } from '../../shared/xGovApi'
@@ -145,7 +145,7 @@
         </div>
         <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
           <Box className="bg-white flex rounded-xl px-4 py-2 items-center">
             <MuiLink className="no-underline hover:underline" href="https://forum.algorand.org/t/xgov-guide-post-alpha-pilot/12153" target="_blank">
               xGov Guide
               <LaunchIcon className="ml-2 text-grey-light align-bottom" />
             </MuiLink>

src/xgov-dapp/src/features/vote-creation/review/index.tsx

@@ -18,7 +18,7 @@ import {
 } from '../state'
 import { ConfirmationDialog } from './ConfirmationDialog'
 
-import { useWallet } from '@makerx/use-wallet'
+import { useWallet } from '@txnlab/use-wallet'
 import Papa from 'papaparse'
 import { VotingRoundGlobalState } from '../../../../../dapp/src/shared/VotingRoundContract'
 import { VoteType } from '../../../../../dapp/src/shared/types'

src/xgov-dapp/src/features/vote/index.tsx

@@ -1,5 +1,5 @@
 import { HandThumbUpIcon } from '@heroicons/react/24/solid'
-import { useWallet } from '@makerx/use-wallet'
+import { useWallet } from '@txnlab/use-wallet'
 import ArrowDownwardIcon from '@mui/icons-material/ArrowDownward'
 import ArrowUpwardIcon from '@mui/icons-material/ArrowUpward'
 import CancelIcon from '@mui/icons-material/Cancel'

src/xgov-dapp/src/features/wallet/ConnectWallet.tsx

@@ -1,5 +1,5 @@
 import { CheckCircleIcon } from '@heroicons/react/24/outline'
-import { PROVIDER_ID, useWallet } from '@makerx/use-wallet'
+import { PROVIDER_ID, useWallet } from '@txnlab/use-wallet'
 import { Button, Dialog, DialogActions, DialogContent, DialogTitle, Stack, Typography } from '@mui/material'
 import { useEffect, useMemo, useState } from 'react'
 import api from '../../shared/api'

src/xgov-dapp/src/features/wallet/ManualWallet.tsx

@@ -1,5 +1,5 @@
 import { ValidatedForm, zfd } from '@makerx/forms-mui'
-import { custom } from '@makerx/use-wallet'
+import { custom } from '@txnlab/use-wallet'
 import { Button, Dialog, DialogActions, DialogContent, DialogTitle, Stack, Typography } from '@mui/material'
 import { useRef } from 'react'
 import { UseFormReturn } from 'react-hook-form'

src/xgov-dapp/src/features/wallet/manualSigningProvider.ts

@@ -1,5 +1,5 @@
 import { Buffer } from 'buffer'
-import { CustomProvider, Metadata, PROVIDER_ID } from '@makerx/use-wallet'
+import { CustomProvider, Metadata, PROVIDER_ID } from '@txnlab/use-wallet'
 import type _algosdk from 'algosdk'
 import { atom, DefaultValue, selector, SetterOrUpdater, useRecoilValue, useSetRecoilState } from 'recoil'
 

src/xgov-dapp/src/hooks/use-voter-votes-query.ts

@@ -1,4 +1,4 @@
-import { useWallet } from '@makerx/use-wallet'
+import { useWallet } from '@txnlab/use-wallet'
 import { useQuery, UseQueryOptions } from '@tanstack/react-query'
 import { UseXGovQueryOptions } from './index'
 import { fetchVoterVotes } from '../../../dapp/src/shared/VotingRoundContract'

src/xgov-dapp/src/hooks/use-x-gov.ts

@@ -3,7 +3,7 @@ import { QueryObserverResult, RefetchOptions, RefetchQueryFilters, UseQueryResul
 import type { TallyCounts, VotingRoundGlobalState } from '../../../dapp/src/shared/VotingRoundContract'
 import type { VoteGatingSnapshot, VotingRoundMetadata } from '../../../dapp/src/shared/IPFSGateway'
 import api from '../shared/api'
-import { useWallet } from '@makerx/use-wallet'
+import { useWallet } from '@txnlab/use-wallet'
 import { getHasVoteEnded, getHasVoteStarted } from '../shared/vote'
 import useGlobalStateQuery from './use-global-state-query'
 import useMetadataQuery from './use-metadata-query'

src/xgov-dapp/src/root.tsx

@@ -1,4 +1,4 @@
-import { WalletProvider, custom } from '@makerx/use-wallet'
+import { WalletProvider, custom } from '@txnlab/use-wallet'
 import { LocalizationProvider } from '@mui/x-date-pickers'
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'
 import { PropsWithChildren } from 'react'

src/xgov-dapp/src/stories/Root.tsx

@@ -1,7 +1,7 @@
 import SiteHeader from '../components/siteHeader'
 import ConnectWallet from '../features/wallet/ConnectWallet'
 import ManualWallet from '../features/wallet/ManualWallet'
-import { custom } from '@makerx/use-wallet'
+import { custom } from '@txnlab/use-wallet'
 import SiteFooter from '../components/siteFooter'
 import ScrollToTop from '../shared/router/ScrollToTop'
 import { PropsWithChildren } from 'react'

src/xgov-dapp/src/stories/withRoute.tsx

@@ -1,6 +1,6 @@
 import { ComponentType, useEffect } from 'react'
 import { MemoryRouter, Route, Routes } from 'react-router-dom'
-import { useWallet } from '@makerx/use-wallet'
+import { useWallet } from '@txnlab/use-wallet'
 import Root from './Root'
 
 export type WithRouterOptions = {

src/xgov-dapp/src/utils/useAlgoWalletProvider.ts

@@ -9,7 +9,7 @@ import {
   PROVIDER_ID,
   ProvidersArray,
   useInitializeProviders,
-} from '@makerx/use-wallet'
+} from '@txnlab/use-wallet'
 import { PeraWalletConnect } from '@perawallet/connect'
 import { WalletConnectModalSign } from '@walletconnect/modal-sign-html'
 import type _algosdk from 'algosdk'