ui-for-firebase-authentication/dist/ui_manager/index.js

UI for Firebase Authentication (Firebase UI alternative supporting v9+)

import { createButtonForProvider } from "./createProviderButton";
import { EmailLoginInterface } from "./EmailLoginInterface";
/**
 * Initializes the sign in UI. This will render the sign in options into the target element.
 *
 * @param callbacks
 * @param signInOptions The sign in options to display to the user.
 * @param targetElement The element to render the UI into. This element will be emptied before rendering.
 * */
function Initialize_UI(callbacks, signInOptions, targetElement) {
    if (signInOptions.length === 0) {
        throw new Error("No sign in options provided. ");
    }
    //Clear the target element
    while (targetElement.lastChild) {
        targetElement.lastChild.remove();
    }
    let mainContainer = document.createElement("div");
    mainContainer.classList.add("uiForFirebaseLoginContainer");
    targetElement.appendChild(mainContainer);
    let errorMessage = document.createElement("div");
    errorMessage.classList.add("loginErrorMessage");
    //Create the buttons for sign in.
    for (let signInOption of signInOptions) {
        let button = createButtonForProvider(signInOption);
        mainContainer.appendChild(button);
        button.addEventListener("click", function () {
            if (signInOption.provider === "email") {
                //We will pass this element over to the email login interface.
                //After the email login interface closes, we will recurse and regenerate the UI
                while (mainContainer.lastChild) {
                    mainContainer.lastChild.remove();
                }
                let emailLoginInterface = new EmailLoginInterface(callbacks);
                mainContainer.appendChild(emailLoginInterface.container);
                emailLoginInterface.onClose = function () {
                    Initialize_UI(callbacks, signInOptions, targetElement);
                };
            }
            else {
                errorMessage.innerText = "";
                callbacks.signInWithProvider(signInOption.provider).catch((e) => {
                    console.error(e);
                    errorMessage.innerText = e.message;
                });
            }
        });
    }
    mainContainer.appendChild(errorMessage);
}
export { Initialize_UI };