import { useLifecycleStatus } from '@/internal/hooks/useLifecycleStatus';
import { useValue } from '@/internal/hooks/useValue';
import { createContext, useContext, useEffect } from 'react';
import type {
  LifecycleStatus,
  NFTLifecycleContextType,
  NFTLifecycleProviderProps,
} from '../types';

const emptyContext = {} as NFTLifecycleContextType;

export const NFTLifecycleContext =
  createContext<NFTLifecycleContextType>(emptyContext);

export function useNFTLifecycleContext() {
  const context = useContext(NFTLifecycleContext);
  if (context === emptyContext) {
    throw new Error(
      'useNFTLifecycleContext must be used within an NFTView or NFTMint component',
    );
  }
  return context;
}

export function NFTLifecycleProvider({
  type,
  onStatus,
  onError,
  onSuccess,
  children,
}: NFTLifecycleProviderProps) {
  const [lifecycleStatus, updateLifecycleStatus] =
    useLifecycleStatus<LifecycleStatus>({
      statusName: 'init',
      statusData: null,
    }); // Component lifecycle

  // Component lifecycle emitters
  useEffect(() => {
    // Error
    if (lifecycleStatus.statusName === 'error') {
      onError?.(lifecycleStatus.statusData);
    }
    // Success
    if (lifecycleStatus.statusName === 'success') {
      onSuccess?.(lifecycleStatus.statusData?.transactionReceipts?.[0]);
    }
    // Emit Status
    onStatus?.(lifecycleStatus);
  }, [
    onError,
    onStatus,
    onSuccess,
    lifecycleStatus,
    lifecycleStatus.statusData, // Keep statusData, so that the effect runs when it changes
    lifecycleStatus.statusName, // Keep statusName, so that the effect runs when it changes
  ]);

  const value = useValue({
    lifecycleStatus,
    type,
    updateLifecycleStatus,
  });

  return (
    <NFTLifecycleContext.Provider value={value}>
      {children}
    </NFTLifecycleContext.Provider>
  );
}