import {type StyleProp, View, type ViewStyle} from 'react-native' import {getShapeStyle} from '#/lib/shapes' import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons' import { type ChatInvitePreview, isKnownJoinLinkPreview, } from '#/state/queries/join-links' import {atoms as a, useTheme} from '#/alf' import * as ChatInvite from '#/components/dms/ChatInvite' const JOIN_REQUEST_EMBED_HEIGHT = 140 /** * The "join request" presentation of a chat invite, used as a post embed (in * feeds and the post composer). Composes the headless `ChatInvite` primitive: * pass either a `code` to fetch by, or an already-resolved `preview` as the * initial data to avoid a loading flash. */ export function JoinRequestEmbed({ code, preview, style, onOpen, }: { code?: string preview?: ChatInvitePreview style?: StyleProp onOpen?: () => void }) { const resolvedCode = code ?? (isKnownJoinLinkPreview(preview) ? preview.code : undefined) if (!resolvedCode) return null return ( ) } /** * The context-consuming presentation (loading / no-longer-available / card + * join button). Exported so surfaces that own their own `ChatInvite.Root` (e.g. * to add an error fallback) can render it without nesting another Root. */ export function JoinRequestEmbedBody({ style, onOpen, }: { style?: StyleProp onOpen?: () => void }) { const t = useTheme() const shapePreference = useEnableSquareButtons() const {status} = ChatInvite.useChatInvite() const box = [ a.border, getShapeStyle(shapePreference, a.rounded_lg, a.rounded_lg), t.atoms.border_contrast_low, {height: JOIN_REQUEST_EMBED_HEIGHT}, ] if (status === 'loading') { return } if (status !== 'available') { return ( ) } return ( ) }