DS Boyce
106 lines
3.0 KiB
TypeScript
106 lines
3.0 KiB
TypeScript
import {
|
|
createContext,
|
|
useContext,
|
|
useEffect,
|
|
useMemo,
|
|
useRef,
|
|
useState,
|
|
} from 'react'
|
|
|
|
import {usePrefetchJoinLinkPreviews} from '#/state/queries/join-links'
|
|
import {useSession} from '#/state/session'
|
|
import {
|
|
useActiveGroupChatJoinRequest,
|
|
useSetActiveLanding,
|
|
} from '#/state/shell/landing'
|
|
import * as Dialog from '#/components/Dialog'
|
|
import {type DialogControlProps} from '#/components/Dialog'
|
|
import {GroupChatJoinDialog} from '#/components/intents/GroupChatJoinDialog'
|
|
import {VerifyEmailIntentDialog} from '#/components/intents/VerifyEmailIntentDialog'
|
|
|
|
interface Context {
|
|
verifyEmailDialogControl: DialogControlProps
|
|
verifyEmailState: {code: string} | undefined
|
|
setVerifyEmailState: (state: {code: string} | undefined) => void
|
|
groupChatJoinDialogControl: DialogControlProps
|
|
groupChatJoinState: {code: string} | undefined
|
|
setGroupChatJoinState: (state: {code: string} | undefined) => void
|
|
}
|
|
|
|
const Context = createContext({} as Context)
|
|
Context.displayName = 'IntentDialogsContext'
|
|
export const useIntentDialogs = () => useContext(Context)
|
|
|
|
export function Provider({children}: {children: React.ReactNode}) {
|
|
const verifyEmailDialogControl = Dialog.useDialogControl()
|
|
const [verifyEmailState, setVerifyEmailState] = useState<
|
|
{code: string} | undefined
|
|
>()
|
|
const groupChatJoinDialogControl = Dialog.useDialogControl()
|
|
const [groupChatJoinState, setGroupChatJoinState] = useState<
|
|
{code: string} | undefined
|
|
>()
|
|
|
|
const {hasSession} = useSession()
|
|
const groupChatLanding = useActiveGroupChatJoinRequest()
|
|
const setActiveLanding = useSetActiveLanding()
|
|
const prefetchJoinLinkPreviews = usePrefetchJoinLinkPreviews()
|
|
const landingHandledRef = useRef(false)
|
|
|
|
useEffect(() => {
|
|
if (hasSession && groupChatLanding && !landingHandledRef.current) {
|
|
landingHandledRef.current = true
|
|
const code = groupChatLanding.code
|
|
setActiveLanding(undefined)
|
|
const prefetch = prefetchJoinLinkPreviews({
|
|
codes: [code],
|
|
hasSession: true,
|
|
})
|
|
void Promise.race([
|
|
prefetch,
|
|
new Promise(res => setTimeout(res, 200)),
|
|
]).finally(() => {
|
|
setGroupChatJoinState({code})
|
|
groupChatJoinDialogControl.open()
|
|
})
|
|
}
|
|
if (!groupChatLanding) {
|
|
landingHandledRef.current = false
|
|
}
|
|
}, [
|
|
hasSession,
|
|
groupChatLanding,
|
|
setActiveLanding,
|
|
setGroupChatJoinState,
|
|
prefetchJoinLinkPreviews,
|
|
groupChatJoinDialogControl,
|
|
])
|
|
|
|
const value = useMemo(
|
|
() => ({
|
|
verifyEmailDialogControl,
|
|
verifyEmailState,
|
|
setVerifyEmailState,
|
|
groupChatJoinDialogControl,
|
|
groupChatJoinState,
|
|
setGroupChatJoinState,
|
|
}),
|
|
[
|
|
verifyEmailDialogControl,
|
|
verifyEmailState,
|
|
setVerifyEmailState,
|
|
groupChatJoinDialogControl,
|
|
groupChatJoinState,
|
|
setGroupChatJoinState,
|
|
],
|
|
)
|
|
|
|
return (
|
|
<Context.Provider value={value}>
|
|
{children}
|
|
<VerifyEmailIntentDialog />
|
|
<GroupChatJoinDialog />
|
|
</Context.Provider>
|
|
)
|
|
}
|