import type { IAuthenticationStep, IJSONObject } from 'types';
import apolloClient from 'graphql/client';
import MUTATIONS from 'graphql/mutations';

enum AuthenticationSteps {
  Mutation = 'mutation',
  OpenWithPopup = 'openWithPopup',
}

const processMutation = async (
  step: IAuthenticationStep,
  variables: IJSONObject
) => {
  const mutation = MUTATIONS[step.name];
  const mutationResponse = await apolloClient.mutate({
    mutation,
    variables: { input: variables },
    context: {
      autoSnackbar: false,
    },
  });
  const responseData = mutationResponse.data[step.name];

  return responseData;
};

const parseUrlSearchParams = (event: any) => {
  const searchParams = new URLSearchParams(event.data.payload.search);
  const hashParams = new URLSearchParams(event.data.payload.hash.substring(1));

  const searchParamsObject = getObjectOfEntries(searchParams.entries());
  const hashParamsObject = getObjectOfEntries(hashParams.entries());

  return {
    ...hashParamsObject,
    ...searchParamsObject,
  };
};

function getObjectOfEntries(iterator: any) {
  const result: any = {};

  for (const [key, value] of iterator) {
    result[key] = value;
  }

  return result;
}

const processOpenWithPopup = (
  step: IAuthenticationStep,
  variables: IJSONObject
) => {
  return new Promise((resolve, reject) => {
    const windowFeatures =
      'toolbar=no, titlebar=no, menubar=no, width=500, height=700, top=100, left=100';
    const url = variables.url;

    const popup = window.open(
      url as string,
      '_blank',
      windowFeatures
    ) as WindowProxy;
    popup?.focus();

    const closeCheckIntervalId = setInterval(() => {
      if (!popup) return;

      if (popup?.closed) {
        clearInterval(closeCheckIntervalId);
        reject({ message: 'Error occured while verifying credentials!' });
      }
    }, 1000);

    const messageHandler = async (event: MessageEvent) => {
      if (event.data.source !== 'automatisch') {
        return;
      }

      const data = parseUrlSearchParams(event);
      window.removeEventListener('message', messageHandler);

      clearInterval(closeCheckIntervalId);
      resolve(data);
    };

    window.addEventListener('message', messageHandler, false);
  });
};

export const processStep = async (
  step: IAuthenticationStep,
  variables: IJSONObject
): Promise<any> => {
  if (step.type === AuthenticationSteps.Mutation) {
    return processMutation(step, variables);
  } else if (step.type === AuthenticationSteps.OpenWithPopup) {
    return processOpenWithPopup(step, variables);
  }
};