@mysten/dapp-kit
Version:
A collection of React hooks and components for interacting with the Sui blockchain and wallets.
80 lines (74 loc) • 2.23 kB
JavaScript
// src/hooks/wallet/useWalletPropertiesChanged.ts
import { useEffect } from "react";
// src/hooks/wallet/useWalletStore.ts
import { useContext } from "react";
import { useStore } from "zustand";
// src/contexts/walletContext.ts
import { createContext } from "react";
var WalletContext = createContext(null);
// src/hooks/wallet/useWalletStore.ts
function useWalletStore(selector) {
const store = useContext(WalletContext);
if (!store) {
throw new Error(
"Could not find WalletContext. Ensure that you have set up the WalletProvider."
);
}
return useStore(store, selector);
}
// src/hooks/wallet/useCurrentWallet.ts
function useCurrentWallet() {
const currentWallet = useWalletStore((state) => state.currentWallet);
const connectionStatus = useWalletStore((state) => state.connectionStatus);
const supportedIntents = useWalletStore((state) => state.supportedIntents);
switch (connectionStatus) {
case "connecting":
return {
connectionStatus,
currentWallet: null,
isDisconnected: false,
isConnecting: true,
isConnected: false,
supportedIntents: []
};
case "disconnected":
return {
connectionStatus,
currentWallet: null,
isDisconnected: true,
isConnecting: false,
isConnected: false,
supportedIntents: []
};
case "connected": {
return {
connectionStatus,
currentWallet,
isDisconnected: false,
isConnecting: false,
isConnected: true,
supportedIntents
};
}
}
}
// src/hooks/wallet/useWalletPropertiesChanged.ts
function useWalletPropertiesChanged() {
const { currentWallet } = useCurrentWallet();
const updateWalletAccounts = useWalletStore((state) => state.updateWalletAccounts);
useEffect(() => {
const unsubscribeFromEvents = currentWallet?.features["standard:events"].on(
"change",
({ accounts }) => {
if (accounts) {
updateWalletAccounts(accounts);
}
}
);
return unsubscribeFromEvents;
}, [currentWallet?.features, updateWalletAccounts]);
}
export {
useWalletPropertiesChanged
};
//# sourceMappingURL=useWalletPropertiesChanged.js.map