@propelauth/react/src/hooks/additionalHooks.ts

A React library for managing authentication, backed by PropelAuth

import { AccessHelper, OrgHelper } from "@propelauth/javascript"
import { useAuthInfo } from "./useAuthInfo"

export type UseOrgHelperLoading = {
    loading: true
    orgHelper: null
}

export type UseOrgHelperLoaded = {
    loading: false
    orgHelper: OrgHelper | null
}

export type UseOrgHelper = UseOrgHelperLoading | UseOrgHelperLoaded

export function useOrgHelper(): UseOrgHelper {
    const authInfo = useAuthInfo()

    if (authInfo.loading) {
        return {
            loading: true,
            orgHelper: null,
        }
    } else if (authInfo.isLoggedIn) {
        return {
            loading: false,
            orgHelper: authInfo.orgHelper,
        }
    } else {
        return {
            loading: false,
            orgHelper: null,
        }
    }
}

export type UseAccessHelperLoading = {
    loading: true
    accessHelper: null
}

export type UseAccessHelperLoaded = {
    loading: false
    accessHelper: AccessHelper | null
}

export type UseAccessHelper = UseAccessHelperLoading | UseAccessHelperLoaded

export function useAccessHelper(): UseAccessHelper {
    const authInfo = useAuthInfo()

    if (authInfo.loading) {
        return {
            loading: true,
            accessHelper: null,
        }
    } else if (authInfo.isLoggedIn) {
        return {
            loading: false,
            accessHelper: authInfo.accessHelper,
        }
    } else {
        return {
            loading: false,
            accessHelper: null,
        }
    }
}