fix: fullTextView 관련 프롭스 추가

Author: dia-triple

packages/tds-widget/src/chat/bubble/bubble-ui.tsx

@@ -81,9 +81,15 @@ export type BubbleUIProps = (
   mediaUrlBase?: string
   hasArrow?: boolean
   alteredTextColor?: string
-  fullTextViewAvailable?: boolean
+
   onOpenMenu?: () => void
-}
+} & Pick<
+    TextBubbleProp,
+    | 'fullTextViewAvailable'
+    | 'isFullTextViewOpen'
+    | 'openFullTextView'
+    | 'closeFullTextView'
+  >
 
 export default function BubbleUI({
   type,
@@ -109,6 +115,9 @@ export default function BubbleUI({
   hasArrow,
   alteredTextColor,
   fullTextViewAvailable = false,
+  isFullTextViewOpen,
+  openFullTextView,
+  closeFullTextView,
   onOpenMenu,
   ...props
 }: BubbleUIProps) {
@@ -145,6 +154,9 @@ export default function BubbleUI({
           onOpenMenu={onOpenMenu}
           hasArrow={hasArrow}
           fullTextViewAvailable={fullTextViewAvailable}
+          isFullTextViewOpen={isFullTextViewOpen}
+          openFullTextView={openFullTextView}
+          closeFullTextView={closeFullTextView}
           onParentMessageClick={onParentMessageClick}
           {...props}
         />

packages/tds-widget/src/chat/bubble/text.tsx

@@ -39,7 +39,9 @@ export function TextBubble({
 }: TextBubbleProp) {
   const aTagNavigator = useATagNavigator(onLinkClick)
   const isEllipsis =
-    fullTextViewAvailable && message.length > MAX_VIEWABLE_TEXT_LENGTH
+    fullTextViewAvailable &&
+    openFullTextView &&
+    message.length > MAX_VIEWABLE_TEXT_LENGTH
 
   return (
     <>
@@ -64,7 +66,7 @@ export function TextBubble({
           onClick={(e) => aTagNavigator(e)}
         />
         {isEllipsis ? (
-          <FullTextViewButton my={my} onClick={openFullTextView}>
+          <FullTextViewButton my={my} onClick={() => openFullTextView?.(id)}>
             전체보기
             <ArrowRight
               color={my ? 'var(--color-white900)' : 'var(--color-gray500)'}
@@ -74,7 +76,9 @@ export function TextBubble({
         ) : null}
       </Bubble>
 
-      {isFullTextViewOpen && closeFullTextView ? (
+      {fullTextViewAvailable &&
+      closeFullTextView &&
+      isFullTextViewOpen?.(id) ? (
         <FullTextMessageView
           open
           onClose={closeFullTextView}

packages/tds-widget/src/chat/bubble/type.ts

@@ -75,8 +75,8 @@ export type TextBubbleProp = {
   created?: boolean
   fullTextViewAvailable?: boolean
   onOpenMenu?: () => void
-  isFullTextViewOpen?: boolean
-  openFullTextView?: () => void
+  isFullTextViewOpen?: (id: string) => boolean
+  openFullTextView?: (id: string) => void
   closeFullTextView?: () => void
   onParentMessageClick?: (id: string) => void
   onLinkClick?: (href: string) => void