import React, {
  useReducer,
  createContext,
  FunctionComponent,
  useEffect,
  useContext,
} from 'react';
import { NativeEventEmitter, LogBox, Platform, Linking } from 'react-native';
import { initialRowndState, rowndReducer } from '../reducer/rowndReducer';

import * as NativeRowndModules from '../utils/nativeModule';
import { Rownd, IOSRowndEventEmitter } from '../utils/nativeModule';
import type { ContextProps, GlobalState } from './GlobalContext.types';
import type { TAction } from '../constants/action';
import { ActionType } from '../constants/action';

LogBox.ignoreLogs(['Sending `update_state` with no listeners registered.']);
LogBox.ignoreLogs(['YellowBox has been replaced with LogBox.']);

export const GlobalContext = createContext<
  { state: GlobalState; dispatch: React.Dispatch<TAction> } | undefined
>(undefined);

const eventEmitter = new NativeEventEmitter(IOSRowndEventEmitter || Rownd);

const RowndProvider: FunctionComponent<ContextProps> = ({
  children,
  config,
  customizations,
}) => {
  const [state, dispatch] = useReducer(rowndReducer, initialRowndState);
  const value = { state, dispatch };

  useEffect(() => {
    NativeRowndModules.configure(config);
    if (customizations) {
      NativeRowndModules.customizations(customizations);
    }
  }, [config, customizations]);

  useEffect(() => {
    const onSessionConnect = (event: any) => {
      dispatch({
        type: ActionType.UPDATE_STATE,
        payload: Platform.OS === 'android' ? JSON.parse(event.state) : event,
      });
    };
    const subscription = eventEmitter.addListener(
      'update_state',
      onSessionConnect
    );

    if (!subscription) return;

    return () => {
      subscription.remove();
    };
  }, []);

  // Handle deep linking
  useEffect(() => {
    if (Platform.OS !== 'ios') {
      return;
    }

    Linking.addEventListener('url', (event) =>
      NativeRowndModules.handleSignInLink(event.url)
    );

    (async () => {
      const initialUrl = await Linking.getInitialURL();
      if (initialUrl) {
        NativeRowndModules.handleSignInLink(initialUrl);
      }
    })();
  }, []);

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

function useRowndContext() {
  const context = useContext(GlobalContext);

  if (context === undefined) {
    throw new Error(
      'useGlobalContext must be used within a GlobalContext Provider'
    );
  }

  return context;
}

export { RowndProvider, useRowndContext };