[Chat] Add chat invite as message embed type (#10728)

src/components/Post/Embed/ChatInviteEmbed.tsx

@@ -1,12 +1,16 @@
 import {type StyleProp, type ViewStyle} from 'react-native'
 import {type AppBskyEmbedExternal} from '@atproto/api'
 
-import {useJoinLinkPreviewsQuery} from '#/state/queries/join-links'
-import {useSession} from '#/state/session'
 import {atoms as a} from '#/alf'
+import * as ChatInvite from '#/components/dms/ChatInvite'
 import {ExternalEmbed} from '#/components/Post/Embed/ExternalEmbed'
-import {JoinRequestEmbed} from '#/components/Post/Embed/JoinRequestEmbed'
+import {JoinRequestEmbedBody} from '#/components/Post/Embed/JoinRequestEmbed'
 
+/**
+ * Renders a chat invite link found in an `app.bsky.embed.external` embed (e.g.
+ * a `bsky.app/c/<code>` link posted to the feed) as a join request card,
+ * falling back to a plain external embed if the invite can't be resolved.
+ */
 export function ChatInviteEmbed({
   code,
   link,
@@ -18,24 +22,27 @@ export function ChatInviteEmbed({
   onOpen?: () => void
   style?: StyleProp<ViewStyle>
 }) {
-  const {hasSession} = useSession()
-  const {data, error, isPending} = useJoinLinkPreviewsQuery({
-    codes: [code],
-    hasSession,
-  })
+  return (
+    <ChatInvite.Root code={code}>
+      <ChatInviteEmbedBody link={link} onOpen={onOpen} style={style} />
+    </ChatInvite.Root>
+  )
+}
 
-  const preview = data?.joinLinkPreviews[0]
+function ChatInviteEmbedBody({
+  link,
+  onOpen,
+  style,
+}: {
+  link: AppBskyEmbedExternal.ViewExternal
+  onOpen?: () => void
+  style?: StyleProp<ViewStyle>
+}) {
+  const {error} = ChatInvite.useChatInvite()
 
   if (error) {
     return <ExternalEmbed link={link} onOpen={onOpen} style={style} />
   }
 
-  return (
-    <JoinRequestEmbed
-      loading={isPending}
-      preview={preview}
-      style={[a.mt_sm, style]}
-      onOpen={onOpen}
-    />
-  )
+  return <JoinRequestEmbedBody style={[a.mt_sm, style]} onOpen={onOpen} />
 }