// src/hooks/txTrackingHooks.tsx
import { createBoundedUseStore, createPulsarStore } from '@tuwaio/pulsar-core';
import { evmAdapter } from '@tuwaio/pulsar-evm';

import { appChains, config } from '@/configs/wagmiConfig';

const storageName = 'transactions-tracking-storage';

export enum TxType {
  example = 'example',
}

type ExampleTx = Transaction & {
        type: TxType.example;
        payload: {
        value: number;
    };
};

export type TransactionUnion = ExampleTx;

export const usePulsarStore = createBoundedUseStore(
    createPulsarStore<TransactionUnion>({
        name: storageName,
        adapter: evmAdapter(config, appChains),
    }),
);

// src/providers/NovaTransactionsProvider.tsx
import { NovaTransactionsProvider as NP } from '@tuwaio/nova-transactions/providers';
import { TransactionAdapter } from '@tuwaio/pulsar-core';
import { useInitializeTransactionsPool } from '@tuwaio/pulsar-react';
import { useAccount } from 'wagmi';

import { usePulsarStore } from '@/hooks/txTrackingHooks';

export function NovaTransactionsProvider() {
const transactionsPool = usePulsarStore((state) => state.transactionsPool);
const initialTx = usePulsarStore((state) => state.initialTx);
const closeTxTrackedModal = usePulsarStore((state) => state.closeTxTrackedModal);
const handleTransaction = usePulsarStore((state) => state.handleTransaction);
const initializeTransactionsPool = usePulsarStore((state) => state.initializeTransactionsPool);
const getAdapter = usePulsarStore((state) => state.getAdapter);

useInitializeTransactionsPool({ initializeTransactionsPool });

const { address } = useAccount();

return (
    <NP
        transactionsPool={transactionsPool}
        initialTx={initialTx}
        closeTxTrackedModal={closeTxTrackedModal}
        handleTransaction={handleTransaction}
        connectedWalletAddress={address}
        connectedAdapterType={TransactionAdapter.EVM}
        adapter={getAdapter()}
    />
  );
}

// src/providers/index.tsx
import { RainbowKitProvider } from '@rainbow-me/rainbowkit';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { ReactNode } from 'react';
import { WagmiProvider } from 'wagmi';

import { config } from '@/configs/wagmiConfig';

import { NovaTransactionsProvider } from './NovaTransactionsProvider';

const queryClient = new QueryClient();

export function Providers({ children }: { children: ReactNode }) {
    return (
        <WagmiProvider config={config}>
            <QueryClientProvider client={queryClient}>
                <RainbowKitProvider>
                    <NovaTransactionsProvider />
                    {children}
                </RainbowKitProvider>
            </QueryClientProvider>
        </WagmiProvider>
    );
}