(Chat) 누락된 타입 export 및 props 추가

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

@@ -13,7 +13,7 @@ import {
 import { ProductBubble } from './product'
 import AlteredBubble from './altered'
 import { ALTERNATIVE_TEXT_MESSAGE } from './constants'
-import { ParentMessageUIProp } from './parent/parent-ui'
+import { ParentMessageUIProp } from './parent'
 
 export const BubbleTypeArray = ['text', 'images', 'rich', 'product'] as const
 
@@ -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/bubble.tsx

@@ -4,7 +4,7 @@ import { useLongPress } from 'use-long-press'
 import { Text } from '@titicaca/tds-ui'
 
 import { BubbleCSSProp, BubbleProp } from './type'
-import ParentMessageUI, { ParentMessageUIProp } from './parent/parent-ui'
+import ParentMessageUI, { ParentMessageUIProp } from './parent'
 
 const StyledBubble = styled(Text).attrs({
   textAlign: 'left',

packages/tds-widget/src/chat/bubble/parent/index.ts

@@ -0,0 +1,2 @@
+export { default } from './parent-ui'
+export type { ParentMessageUIProp } from './parent-ui'

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

@@ -13,14 +13,14 @@ interface ParentMessageInterface {
   id: string
   sender: UserInterface
 }
-export interface TextParentMessage extends ParentMessageInterface {
+interface TextParentMessage extends ParentMessageInterface {
   type: 'text'
   value: {
     message: string
   }
 }
 
-export interface ImageParentMessage extends ParentMessageInterface {
+interface ImageParentMessage extends ParentMessageInterface {
   type: 'image'
   value: {
     images: MetaDataInterface[]

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

@@ -4,7 +4,7 @@ import { CSSProp } from 'styled-components'
 
 import { MetaDataInterface } from '../types'
 
-import { ParentMessageUIProp } from './parent/parent-ui'
+import { ParentMessageUIProp } from './parent'
 
 type CustomerBookingStatus =
   | 'BOOKED'
@@ -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