import React, { useEffect, useState, createContext } from 'react';
import Keycloak from 'keycloak-js';
import { KEYCLOAK, KEYCLOAK_INIT } from 'configs/keycloak';

const keycloakInstance = Keycloak(KEYCLOAK);

const KeycloakContext = createContext<{
  keycloak: Keycloak.KeycloakInstance;
}>({ keycloak: keycloakInstance });

/**
 * @param {Keycloak.KeycloakInstance} kcInstance
 * @param {(_token: string) => void} onToken
 */
function initializeKeycloak(
  kcInstance: Keycloak.KeycloakInstance,
  onToken = (_token) => {},
  onSuccess = (_authenticated) => {}
) {
  kcInstance.onAuthSuccess = () => {
    console.log('Keycloak onAuthSuccess');
    onToken(kcInstance.token);
  };
  kcInstance.onAuthRefreshSuccess = () => {
    console.log('Keycloak onAuthRefreshSuccess');
    onToken(kcInstance.token);
  };
  kcInstance.onAuthError = (error) => {
    console.error('Keycloak onAuthError:', error);
  };
  kcInstance.onAuthRefreshError = () => {
    console.error('Keycloak onAuthRefreshError');
  };

  kcInstance.onTokenExpired = () => {
    console.log('Keycloak token expired.');
    kcInstance
      .updateToken(5)
      .then((refreshed) => {
        if (refreshed) {
          console.log('Token was successfully refreshed');
        } else {
          console.log('Token is still valid');
        }
      })
      .catch(function () {
        console.log('Failed to refresh the token, or the session has expired');
      });
  };

  return kcInstance
    .init({
      ...KEYCLOAK_INIT
    })
    .then((authenticated) => {
      console.log('Keycloak success');
      onSuccess(authenticated);
    })
    .catch((...args) => {
      console.error('Keycloak initialization error:', ...args);
    });
}

/**
 * @param {{onToken: (_token: string) => void}} params
 */
export const KeycloakProvider = ({ children, onToken, LoadingComponent }) => {
  const [loading, setLoading] = useState(true);

  // const onTokenTmp = token => {
  //   // @ts-ignore
  //   const { brand, name } = keycloakInstance.tokenParsed;
  //   console.log(brand);

  //   onToken(token);
  // };

  useEffect(() => {
    initializeKeycloak(keycloakInstance, onToken, (authenticated) => {
      setLoading(false);
    });
  }, []);

  if (LoadingComponent && loading) {
    return LoadingComponent;
  }

  return (
    <KeycloakContext.Provider value={{ keycloak: keycloakInstance }}>
      {children}
    </KeycloakContext.Provider>
  );
};

export { KeycloakContext };