@0xsequence/connect
Version:
Connect package for Sequence Web SDK
45 lines • 1.64 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.useOpenConnectModal = void 0;
const ConnectModal_js_1 = require("../contexts/ConnectModal.js");
/**
* Hook to manage the Connect modal that allows users to connect their wallets to your application.
*
* This hook provides a method to open and close the connect modal, and access its current open state.
* The Connect modal provides various wallet connection options including Sequence wallet and external wallets.
*
* @see {@link https://docs.sequence.xyz/sdk/web/hooks/useOpenConnectModal} for more detailed documentation.
*
* @returns An object containing function to control the Connect modal and its state {@link UseOpenConnectModalReturnType}
*
* @example
* ```tsx
* import { useOpenConnectModal } from '@0xsequence/connect'
*
* const YourComponent = () => {
* const { setOpenConnectModal, openConnectModalState } = useOpenConnectModal()
*
* const handleConnect = () => {
* setOpenConnectModal(true) // Open the connect modal
* }
*
* return (
* <>
* <button onClick={handleConnect}>
* Connect Wallet
* </button>
*
* {openConnectModalState && (
* <div>Connect modal is open!</div>
* )}
* </>
* )
* }
* ```
*/
const useOpenConnectModal = () => {
const { isConnectModalOpen, setOpenConnectModal, openConnectModalState } = (0, ConnectModal_js_1.useConnectModalContext)();
return { isConnectModalOpen, setOpenConnectModal, openConnectModalState };
};
exports.useOpenConnectModal = useOpenConnectModal;
//# sourceMappingURL=useOpenConnectModal.js.map