feat(chat): add promotional external entry flow

src/app/chat/components/chat-area.tsx

@@ -36,6 +36,7 @@ export interface ChatAreaProps {
   unlockingMessageId?: string | null;
   onUnlockPrivateMessage?: (messageId: string) => void;
   onUnlockVoiceMessage?: (messageId: string) => void;
+  onUnlockImageMessage?: (messageId: string) => void;
   onOpenImage?: (messageId: string) => void;
 }
 
@@ -46,6 +47,7 @@ export function ChatArea({
   unlockingMessageId,
   onUnlockPrivateMessage,
   onUnlockVoiceMessage,
+  onUnlockImageMessage,
   onOpenImage,
 }: ChatAreaProps) {
   const scrollRef = useRef<HTMLDivElement>(null);
@@ -98,6 +100,7 @@ export function ChatArea({
         unlockingMessageId,
         onUnlockPrivateMessage,
         onUnlockVoiceMessage,
+        onUnlockImageMessage,
         onOpenImage,
       )}
 
@@ -120,6 +123,7 @@ function renderMessagesWithDateHeaders(
   unlockingMessageId?: string | null,
   onUnlockPrivateMessage?: (messageId: string) => void,
   onUnlockVoiceMessage?: (messageId: string) => void,
+  onUnlockImageMessage?: (messageId: string) => void,
   onOpenImage?: (messageId: string) => void,
 ) {
   return buildChatRenderItems(messages, getMessageKey).map((item) =>
@@ -144,6 +148,7 @@ function renderMessagesWithDateHeaders(
         }
         onUnlockPrivateMessage={onUnlockPrivateMessage}
         onUnlockVoiceMessage={onUnlockVoiceMessage}
+        onUnlockImageMessage={onUnlockImageMessage}
         onOpenImage={onOpenImage}
       />
     ),