@puzzlehq/sdk/dist/src/hooks/utils/useInjectedSubscription.js

Your portal to privacy

import { useEffect } from 'react';
import { hasInjectedConnection, } from '@puzzlehq/sdk-core';
import { useIsConnected } from '../../provider/connectionProvider.js';
const useInjectedSubscriptions = ({ configs, }) => {
    const { isConnected } = useIsConnected();
    useEffect(() => {
        if (!hasInjectedConnection()) {
            return;
        }
        const subscriptions = configs.map(({ subscriptionName, condition, onData: _onData, onError: _onError }) => {
            try {
                const subscription = window.aleo.puzzleWalletClient[subscriptionName].subscribe({ method: subscriptionName }, {
                    onData(data) {
                        if (condition(data)) {
                            _onData(data);
                        }
                    },
                    onError(e) {
                        if (isConnected) {
                            console.error(`${subscriptionName} tRPC subscription error:`, e);
                            _onError(e);
                        }
                    },
                });
                return subscription;
            }
            catch (e) {
                isConnected && console.error(e);
            }
        });
        // Cleanup on unmount or when dependencies change
        return () => {
            subscriptions.forEach((subscription) => {
                subscription?.unsubscribe();
            });
        };
    }, [...configs.flatMap((config) => config.dependencies), isConnected]);
};
export default useInjectedSubscriptions;