/*
 *  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 *  SPDX-License-Identifier: Apache-2.0
 */

import React, { ComponentType, ComponentPropsWithRef, FunctionComponent } from "react";
import { Auth, appendToCognitoUserAgent } from "@aws-amplify/auth";
import {
    AmplifyContainer,
    AmplifyAuthenticator,
    AmplifySignIn,
    AmplifyFederatedButtons,
    AmplifyButton,
} from "@aws-amplify/ui-react";
import { onAuthUIStateChange, AuthState } from "@aws-amplify/ui-components";
import { Logger } from "@aws-amplify/core";
import { samlConfig } from "../amplify-config";
import EnvConfig from "../services/EnvConfig";
import { useTranslation } from "react-i18next";

const logger = new Logger("withAuthenticator");

export function withSAMLAuthenticator(
    Component: ComponentType,
    authenticatorProps?: ComponentPropsWithRef<typeof AmplifyAuthenticator>,
) {
    const AppWithSAMLAuthenticator: FunctionComponent = (props) => {
        const [signedIn, setSignedIn] = React.useState(false);
        const { t } = useTranslation();

        React.useEffect(() => {
            appendToCognitoUserAgent("withAuthenticator");

            // checkUser returns an "unsubscribe" function to stop side-effects
            return checkUser();
        }, []);

        function checkUser() {
            setUser();

            return onAuthUIStateChange((authState) => {
                if (authState === AuthState.SignedIn) {
                    setSignedIn(true);
                } else if (authState === AuthState.SignedOut) {
                    setSignedIn(false);
                }
            });
        }

        async function setUser() {
            try {
                const user = await Auth.currentAuthenticatedUser();
                if (user) setSignedIn(true);
            } catch (err) {
                logger.debug(err);
            }
        }

        function signInWithSAML(event: any) {
            event.preventDefault();
            if (EnvConfig.samlProvider) {
                Auth.federatedSignIn({
                    customProvider: EnvConfig.samlProvider,
                });
            } else {
                Auth.federatedSignIn();
            }
        }

        if (!signedIn) {
            return (
                <AmplifyContainer>
                    <AmplifyAuthenticator {...authenticatorProps} {...props}>
                        {EnvConfig.samlProvider ? (
                            <AmplifySignIn federated={samlConfig} hideSignUp={true} slot="sign-in">
                                <AmplifyFederatedButtons federated={samlConfig} />
                                <div slot="federated-buttons">
                                    <AmplifyButton
                                        handleButtonClick={(event) => signInWithSAML(event)}
                                    >
                                        <span className="content">
                                            {EnvConfig.enterpriseLoginLabel
                                                ? EnvConfig.enterpriseLoginLabel
                                                : t("EnterpriseSignIn")}
                                        </span>
                                    </AmplifyButton>
                                    <style></style>
                                </div>
                            </AmplifySignIn>
                        ) : (
                            <AmplifySignIn hideSignUp={true} slot="sign-in"></AmplifySignIn>
                        )}
                    </AmplifyAuthenticator>
                </AmplifyContainer>
            );
        }
        return <Component />;
    };

    return AppWithSAMLAuthenticator;
}

export default withSAMLAuthenticator;