mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-12 15:42:24 -05:00
aa480a2663
[web] migrate from window attributes to getMeta GitOrigin-RevId: 3dcf1ab6b01155e5e4abeb3e78d0fa9053e055bc
92 lines
2.3 KiB
TypeScript
92 lines
2.3 KiB
TypeScript
import {
|
|
createContext,
|
|
useCallback,
|
|
useContext,
|
|
useState,
|
|
useMemo,
|
|
ReactNode,
|
|
} from 'react'
|
|
import { postJSON } from '../../../infrastructure/fetch-json'
|
|
import useIsMounted from '../../../shared/hooks/use-is-mounted'
|
|
import { set, cloneDeep } from 'lodash'
|
|
import getMeta from '../../../utils/meta'
|
|
import type { OAuthProvider } from '../../../../../types/oauth-providers'
|
|
|
|
export type SSOSubscription = {
|
|
providerId: string
|
|
provider: OAuthProvider
|
|
linked: boolean
|
|
}
|
|
|
|
type SSOContextValue = {
|
|
subscriptions: Record<string, SSOSubscription>
|
|
unlink: (id: string, signal?: AbortSignal) => Promise<void>
|
|
}
|
|
|
|
export const SSOContext = createContext<SSOContextValue | undefined>(undefined)
|
|
|
|
type SSOProviderProps = {
|
|
children: ReactNode
|
|
}
|
|
|
|
export function SSOProvider({ children }: SSOProviderProps) {
|
|
const isMounted = useIsMounted()
|
|
const oauthProviders = getMeta('ol-oauthProviders') || {}
|
|
const thirdPartyIds = getMeta('ol-thirdPartyIds')
|
|
|
|
const [subscriptions, setSubscriptions] = useState<
|
|
Record<string, SSOSubscription>
|
|
>(() => {
|
|
const initialSubscriptions: Record<string, SSOSubscription> = {}
|
|
for (const [id, provider] of Object.entries(oauthProviders)) {
|
|
const linked = !!thirdPartyIds[id]
|
|
if (!provider.hideWhenNotLinked || linked) {
|
|
initialSubscriptions[id] = {
|
|
providerId: id,
|
|
provider,
|
|
linked,
|
|
}
|
|
}
|
|
}
|
|
return initialSubscriptions
|
|
})
|
|
|
|
const unlink = useCallback(
|
|
(providerId: string, signal?: AbortSignal) => {
|
|
if (!subscriptions[providerId].linked) {
|
|
return Promise.resolve()
|
|
}
|
|
const body = {
|
|
link: false,
|
|
providerId,
|
|
}
|
|
|
|
return postJSON('/user/oauth-unlink', { body, signal }).then(() => {
|
|
if (isMounted.current) {
|
|
setSubscriptions(subs =>
|
|
set(cloneDeep(subs), `${providerId}.linked`, false)
|
|
)
|
|
}
|
|
})
|
|
},
|
|
[isMounted, subscriptions]
|
|
)
|
|
|
|
const value = useMemo<SSOContextValue>(
|
|
() => ({
|
|
subscriptions,
|
|
unlink,
|
|
}),
|
|
[subscriptions, unlink]
|
|
)
|
|
|
|
return <SSOContext.Provider value={value}>{children}</SSOContext.Provider>
|
|
}
|
|
|
|
export function useSSOContext() {
|
|
const context = useContext(SSOContext)
|
|
if (!context) {
|
|
throw new Error('SSOContext is only available inside SSOProvider')
|
|
}
|
|
return context
|
|
}
|