zignal-stencil-library 1.1.110 → 1.1.112

package/dist/components/{p-COFzcZWg.js.map → p-Bvoo3LWo.js.map}

@@ -1 +1 @@
-{"file":"p-COFzcZWg.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/utils/regex.ts","src/components/internal-component/z-text-with-link.tsx","src/components/message-content/message-content.css?tag=message-content","src/components/message-content/message-content.tsx"],"sourcesContent":["export const REGEX_HYPERLINK = /(https?:\\/\\/[^\\s]+)/g\n","import { h, FunctionalComponent } from '@stencil/core';\nimport { REGEX_HYPERLINK } from '../../utils/regex';\n\ninterface ZTextWithLinkProps {\n  text: string;\n}\n\nexport const ZTextWithLink: FunctionalComponent<ZTextWithLinkProps> = ({ text }) => {\n  const parts = text.split(REGEX_HYPERLINK)\n\n  return (\n    <div>\n      {parts.map((part, index) => {\n        if (REGEX_HYPERLINK.test(part)) {\n          return (\n            <a key={index} href={part} target=\"_blank\" class=\"z-text-with-link\">\n              {part}\n            </a>\n          )\n        }\n        return (\n          <span key={index}>\n            {part}\n          </span>\n        )\n      })}\n    </div>\n  );\n};\n",":host {\n  display: block;\n}\n\n.message-content-reply {\n  @apply px-3 pt-2 pb-5 text-sm rounded-xl shadow-sm\n}\n\n.message-content {\n  @apply text-sm rounded-xl shadow-sm relative focus:ring-2 focus:ring-blue-300\n}\n\n.message-content-user {\n  @apply bg-gray-200 text-black rounded-bl-[0]\n}\n\n.message-content-admin {\n  @apply bg-primary text-white rounded-br-[0]\n}\n\n.message-content-reply-wrapper {\n  @apply rounded-md px-2 py-1 mx-[-4px] flex flex-row mb-1 cursor-pointer\n}\n\n.message-content-reply-spacer {\n  @apply rounded-sm !w-2 pt-[auto] ml-[-4px] mr-1\n}\n\n.message-content-reply-text {\n  @apply whitespace-pre-line line-clamp-3\n}\n\n.message-content-reply-quick {\n  @apply mr-2 flex shrink-0 items-center gap-2 text-xs font-medium;\n}\n\n.message-content-reply-quick-label {\n  @apply truncate;\n}\n\n.message-content-text-wrapper {\n  @apply flex flex-col\n}\n\n.message-content-text {\n  @apply text-sm whitespace-pre-line\n}\n\n.message-content-translate-wrapper {\n  @apply text-xs flex items-center cursor-pointer\n}\n\n.message-content-clamp-wrapper {\n  @apply mt-2 border-t mx-[-12px] px-3 text-xs cursor-pointer underline\n}\n\n.message-content-buttons {\n  @apply mt-3 flex flex-col gap-2\n}\n\n.message-content-action-button {\n  @apply flex w-full flex-col items-center gap-1 rounded-xl border border-slate-200 bg-white px-3 py-2 text-sm font-medium text-slate-900 shadow-sm transition-colors hover:brightness-105 no-underline\n}\n\n.message-content-action-button-label {\n  @apply w-full text-center leading-tight\n}\n\n.message-content-action-button-action {\n  @apply w-full break-all text-center text-xs font-normal opacity-75\n}\n\n.message-content-action-button-compact {\n  @apply px-2 py-1.5 text-xs\n}\n\n.message-content-action-button-compact .message-content-action-button-label {\n  @apply text-xs\n}\n\n.message-content-action-button-compact .message-content-action-button-action {\n  @apply text-[11px]\n}\n\n.message-content-menu-list {\n  @apply mt-3 flex gap-3 overflow-x-auto pb-1\n}\n\n.message-content-menu-card {\n  @apply flex w-60 shrink-0 flex-col overflow-hidden rounded-[18px] border border-slate-200 bg-white shadow-sm\n}\n\n.message-content-menu-card-media {\n  @apply h-40 w-full overflow-hidden\n}\n\n.message-content-menu-card-image {\n  @apply h-full w-full object-cover\n}\n\n.message-content-menu-card-placeholder {\n  @apply flex h-full w-full items-center justify-center bg-slate-100 text-slate-400\n}\n\n.message-content-menu-card-body {\n  @apply flex flex-col gap-2 px-4 py-4\n}\n\n.message-content-menu-card-title {\n  @apply text-sm font-semibold leading-snug text-slate-900\n}\n\n.message-content-menu-card-description {\n  @apply text-xs leading-snug text-slate-600\n}\n\n.message-content-menu-card-buttons {\n  @apply flex flex-col gap-2\n}\n","import { Component, Host, Prop, State, h, Event, EventEmitter } from '@stencil/core';\nimport { configStore, responsiveStore } from '../../store/store';\nimport { ChatMessageItem } from '../../store/type';\nimport { Icon } from '../internal-component/icon';\nimport { useTranslation } from '../../utils/utils';\nimport { ZTextWithLink } from '../internal-component/z-text-with-link';\n\nconst INTERACTIVE_MESSAGE_TYPES: Array<ChatMessageItem['type']> = ['image', 'video', 'audio', 'file', 'location', 'sticker', 'attachments'];\ntype MessageButton = NonNullable<ChatMessageItem['buttons']>[number];\n\n@Component({\n  tag: 'message-content',\n  styleUrl: 'message-content.css',\n})\nexport class MessageContent {\n  @Prop() item: ChatMessageItem;\n  @Prop() isReply?: boolean = false;\n\n  @Event() jumpChat: EventEmitter<void>;\n\n  @State() seeTranslate = false;\n  @State() isClamped = false;\n  @State() showMore = false;\n\n  private contentEl?: HTMLDivElement;\n\n  private checkClamped = () => {\n    if (!this.contentEl) return;\n\n    this.contentEl.classList.remove('line-clamp-3');\n    const fullHeight = this.contentEl.scrollHeight;\n\n    this.contentEl.classList.add('line-clamp-3');\n    const clampedHeight = this.contentEl.clientHeight;\n\n    this.isClamped = fullHeight > clampedHeight + 1;\n  };\n\n  componentDidLoad() {\n    this.checkClamped();\n    window.addEventListener('resize', this.checkClamped);\n  }\n\n  async componentWillLoad() {\n    if (this.item.translatedText) {\n      this.seeTranslate = true;\n    }\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.checkClamped);\n  }\n\n  handleJumpChat = () => {\n    this.jumpChat.emit();\n  };\n\n  private renderReplyQuickMessage(replyMessage: ChatMessageItem | null | undefined, isUser: boolean, t: (key: string) => string) {\n    if (!replyMessage?.type) return null;\n\n    const iconClass = `size-4 ${isUser ? 'text-black' : 'text-white'}`;\n\n    const isMenuList = replyMessage.attachments?.some((attachment) => attachment.payload?.template_type === 'generic') || replyMessage.template?.type === 'carousel';\n    const isButton = replyMessage.attachments?.some((attachment) => attachment.payload?.template_type === 'button') || replyMessage.template?.type === 'buttons';\n\n    if (isMenuList) {\n      return (\n        <div class=\"message-content-reply-quick\">\n          <Icon name=\"SquareMenu\" addClass={iconClass} />\n          <span class=\"message-content-reply-quick-label\">{t('quick_message.menu_list')}</span>\n        </div>\n      );\n    }\n\n    if (isButton) {\n      return (\n        <div class=\"message-content-reply-quick\">\n          <Icon name=\"Touchpad\" addClass={iconClass} />\n          <span class=\"message-content-reply-quick-label\">{t('quick_message.button')}</span>\n        </div>\n      );\n    }\n\n    return null;\n  }\n\n  private renderActionButton(button: MessageButton | undefined, key: string, isUser: boolean, extraClasses = '') {\n    if (!button) return null;\n\n    const className = ['message-content-action-button', extraClasses].filter(Boolean).join(' ');\n    const borderStyle = isUser ? undefined : { borderColor: 'rgba(255, 255, 255, 0.4)' };\n    const actionValue = button.action?.trim();\n\n    if (button.action_type === 'url' && actionValue) {\n      return (\n        <a key={key} href={actionValue} target=\"_blank\" rel=\"noopener noreferrer\" class={className} style={borderStyle}>\n          <span class=\"message-content-action-button-label\">{button.text || '-'}</span>\n          <span class=\"message-content-action-button-action\">{actionValue}</span>\n        </a>\n      );\n    }\n\n    if (button.action_type === 'tel' && actionValue) {\n      const telHref = actionValue.startsWith('tel:') ? actionValue : `tel:${actionValue}`;\n      return (\n        <a key={key} href={telHref} class={className} style={borderStyle}>\n          <span class=\"message-content-action-button-label\">{button.text || '-'}</span>\n          <span class=\"message-content-action-button-action\">{actionValue}</span>\n        </a>\n      );\n    }\n\n    return (\n      <div key={key} class={className} style={borderStyle}>\n        <span class=\"message-content-action-button-label\">{button.text || '-'}</span>\n        <span class=\"message-content-action-button-action\">{actionValue || '-'}</span>\n      </div>\n    );\n  }\n\n  private renderButtons(isUser: boolean) {\n    if (this.item.type !== 'button') return null;\n    const buttons = this.item.isSending ? this.item.buttons || [] : this.item.buttons || [];\n    if (buttons.length === 0) return null;\n\n    return <div class=\"message-content-buttons\">{buttons.map((button, index) => this.renderActionButton(button, button?.id ?? `${index}`, isUser))}</div>;\n  }\n\n  private renderMenuList(isUser: boolean) {\n    if (this.item.type !== 'menu_list') return null;\n    const menus = this.item.menu_list || [];\n    if (menus.length === 0) return null;\n\n    return (\n      <div class=\"message-content-menu-list\">\n        {menus.map((menu, menuIndex) => (\n          <div class=\"message-content-menu-card\" key={menu?.id ?? `${menuIndex}`}>\n            <div class=\"message-content-menu-card-media\">\n              {menu?.file_url ? (\n                <img src={menu.file_url} alt={menu.title || 'menu-item'} class=\"message-content-menu-card-image\" loading=\"lazy\" />\n              ) : (\n                <div class=\"message-content-menu-card-placeholder\">\n                  <Icon name=\"Image\" addClass=\"size-8\" />\n                </div>\n              )}\n            </div>\n            <div class=\"message-content-menu-card-body\">\n              {menu?.title && <div class=\"message-content-menu-card-title\">{menu.title}</div>}\n              {menu?.description && <div class=\"message-content-menu-card-description\">{menu.description}</div>}\n              {menu?.buttons && menu.buttons.length > 0 && (\n                <div class=\"message-content-menu-card-buttons\">\n                  {menu.buttons.map((button, buttonIndex) =>\n                    this.renderActionButton(button, `${menu?.id ?? menuIndex}-${button?.id ?? buttonIndex}`, isUser, 'message-content-action-button-compact')\n                  )}\n                </div>\n              )}\n            </div>\n          </div>\n        ))}\n      </div>\n    );\n  }\n\n  render() {\n    const t = useTranslation();\n    const { sender, type, text, translatedText, reply_message } = this.item;\n    const theme = configStore.get('theme');\n    const isMobile = responsiveStore.get('isMobile');\n    const isUser = sender.type === 'user';\n    const isInteractiveType = type ? INTERACTIVE_MESSAGE_TYPES.includes(type) : false;\n    const bubblePadding =\n      type === 'menu_list' ? 'p-3' : type === 'button' || type === 'text' || !type ? 'px-3 py-2' : 'p-2';\n    const classBox = this.isReply\n      ? `message-content-reply z-paper-${theme} z-text-gray-${theme} ${!isUser ? 'rounded-bl-[0]' : 'rounded-br-[0]'} ${isInteractiveType ? 'cursor-pointer' : ''} ${isMobile ? 'max-w-3xs' : 'max-w-sm'\n      }`\n      : `message-content ${bubblePadding} ${isUser ? 'message-content-user' : 'message-content-admin'} ${isInteractiveType ? 'cursor-pointer' : ''} ${isMobile ? 'max-w-3xs' : 'max-w-sm'\n      }`;\n    const replyQuickPreview = this.renderReplyQuickMessage(reply_message, isUser, t);\n    const buttonsContent = this.renderButtons(isUser);\n    const menuListContent = this.renderMenuList(isUser);\n\n    return (\n      <Host>\n        <div id={`message-content-${this.item.id}`} tabIndex={-1} class={classBox}>\n          {/* Reply Text */}\n          {reply_message && (\n            <div\n              class=\"message-content-reply-wrapper\"\n              style={{ backgroundColor: isUser ? 'rgba(0, 0, 0, 0.3)' : 'rgba(255, 255, 255, 0.3)' }}\n              onClick={() => this.handleJumpChat()}\n            >\n              <div class={`message-content-reply-spacer ${isUser ? 'bg-black' : 'bg-white'}`}>&nbsp;&nbsp;</div>\n\n              {reply_message.text && <div class=\"message-content-reply-text\">{reply_message.text}</div>}\n\n              {replyQuickPreview ?? <message-media item={reply_message} />}\n            </div>\n          )}\n\n          {/* Text */}\n          <div class=\"message-content-text-wrapper\">\n            {(type === 'text' || text) && (\n              <p ref={el => (this.contentEl = el as HTMLDivElement)} class={`message-content-text ${this.showMore ? '' : 'line-clamp-3'}`}>\n                <ZTextWithLink text={this.seeTranslate ? translatedText : text} />\n              </p>\n            )}\n\n            {translatedText && text !== translatedText && (\n              <p class=\"message-content-translate-wrapper\" onClick={() => (this.seeTranslate = !this.seeTranslate)}>\n                <Icon name=\"Languages\" addClass={`size-3 ${isUser ? `z-text-primary-${theme}` : 'text-white'}`} />\n                &nbsp;\n                <span class={`underline ${isUser ? `z-text-primary-${theme}` : 'text-white'}`}>\n                  {this.seeTranslate ? t(isUser ? 'chat_tab.see_original' : 'chat_tab.see_send_text') : t(isUser ? 'chat_tab.see_translated' : 'chat_tab.see_original')}\n                </span>\n              </p>\n            )}\n\n            {this.isClamped && (\n              <div class=\"message-content-clamp-wrapper\" onClick={() => (this.showMore = !this.showMore)}>\n                <div class=\"mt-1\">{this.showMore ? t('chat_tab.hide') : t('chat_tab.see_all_text')}</div>\n              </div>\n            )}\n\n            {buttonsContent}\n            {menuListContent}\n\n            <message-media item={this.item} />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-Bvoo3LWo.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/utils/regex.ts","src/components/internal-component/z-text-with-link.tsx","src/components/message-content/message-content.css?tag=message-content","src/components/message-content/message-content.tsx"],"sourcesContent":["export const REGEX_HYPERLINK = /(https?:\\/\\/[^\\s]+)/g\n","import { h, FunctionalComponent } from '@stencil/core';\nimport { REGEX_HYPERLINK } from '../../utils/regex';\n\ninterface ZTextWithLinkProps {\n  text: string;\n}\n\nexport const ZTextWithLink: FunctionalComponent<ZTextWithLinkProps> = ({ text }) => {\n  const parts = text.split(REGEX_HYPERLINK)\n\n  return (\n    <div>\n      {parts.map((part, index) => {\n        if (REGEX_HYPERLINK.test(part)) {\n          return (\n            <a key={index} href={part} target=\"_blank\" class=\"z-text-with-link\">\n              {part}\n            </a>\n          )\n        }\n        return (\n          <span key={index}>\n            {part}\n          </span>\n        )\n      })}\n    </div>\n  );\n};\n",":host {\n  display: block;\n}\n\n.message-content-reply {\n  @apply px-3 pt-2 pb-5 text-sm rounded-xl shadow-sm\n}\n\n.message-content {\n  @apply text-sm rounded-xl shadow-sm relative focus:ring-2 focus:ring-blue-300\n}\n\n.message-content-user {\n  @apply bg-gray-200 text-black rounded-bl-[0]\n}\n\n.message-content-admin {\n  @apply bg-primary text-white rounded-br-[0]\n}\n\n.message-content-reply-wrapper {\n  @apply rounded-md px-2 py-1 mx-[-4px] flex flex-row mb-1 cursor-pointer\n}\n\n.message-content-reply-spacer {\n  @apply rounded-sm !w-2 pt-[auto] ml-[-4px] mr-1\n}\n\n.message-content-reply-text {\n  @apply whitespace-pre-line line-clamp-3\n}\n\n.message-content-reply-quick {\n  @apply mr-2 flex shrink-0 items-center gap-2 text-xs font-medium;\n}\n\n.message-content-reply-quick-label {\n  @apply truncate;\n}\n\n.message-content-text-wrapper {\n  @apply flex flex-col\n}\n\n.message-content-text {\n  @apply text-sm whitespace-pre-line\n}\n\n.message-content-translate-wrapper {\n  @apply text-xs flex items-center cursor-pointer\n}\n\n.message-content-clamp-wrapper {\n  @apply mt-2 border-t mx-[-12px] px-3 text-xs cursor-pointer underline\n}\n\n.message-content-buttons {\n  @apply mt-3 flex flex-col gap-2\n}\n\n.message-content-action-button {\n  @apply flex w-full flex-col items-center gap-1 rounded-xl border border-slate-200 bg-white px-3 py-2 text-sm font-medium text-slate-900 shadow-sm transition-colors hover:brightness-105 no-underline\n}\n\n.message-content-action-button-label {\n  @apply w-full text-center leading-tight\n}\n\n.message-content-action-button-action {\n  @apply w-full break-all text-center text-xs font-normal opacity-75\n}\n\n.message-content-action-button-compact {\n  @apply px-2 py-1.5 text-xs\n}\n\n.message-content-action-button-compact .message-content-action-button-label {\n  @apply text-xs\n}\n\n.message-content-action-button-compact .message-content-action-button-action {\n  @apply text-[11px]\n}\n\n.message-content-menu-list {\n  @apply mt-3 flex gap-3 overflow-x-auto pb-1\n}\n\n.message-content-menu-card {\n  @apply flex w-60 shrink-0 flex-col overflow-hidden rounded-[18px] border border-slate-200 bg-white shadow-sm\n}\n\n.message-content-menu-card-media {\n  @apply h-40 w-full overflow-hidden\n}\n\n.message-content-menu-card-image {\n  @apply h-full w-full object-cover\n}\n\n.message-content-menu-card-placeholder {\n  @apply flex h-full w-full items-center justify-center bg-slate-100 text-slate-400\n}\n\n.message-content-menu-card-body {\n  @apply flex flex-col gap-2 px-4 py-4\n}\n\n.message-content-menu-card-title {\n  @apply text-sm font-semibold leading-snug text-slate-900\n}\n\n.message-content-menu-card-description {\n  @apply text-xs leading-snug text-slate-600\n}\n\n.message-content-menu-card-buttons {\n  @apply flex flex-col gap-2\n}\n","import { Component, Host, Prop, State, h, Event, EventEmitter } from '@stencil/core';\nimport { configStore, responsiveStore } from '../../store/store';\nimport { ChatMessageItem } from '../../store/type';\nimport { Icon } from '../internal-component/icon';\nimport { useTranslation } from '../../utils/utils';\nimport { ZTextWithLink } from '../internal-component/z-text-with-link';\n\nconst INTERACTIVE_MESSAGE_TYPES: Array<ChatMessageItem['type']> = ['image', 'video', 'audio', 'file', 'location', 'sticker', 'attachments'];\ntype MessageButton = NonNullable<ChatMessageItem['buttons']>[number];\n\n@Component({\n  tag: 'message-content',\n  styleUrl: 'message-content.css',\n})\nexport class MessageContent {\n  @Prop() item: ChatMessageItem;\n  @Prop() isReply?: boolean = false;\n\n  @Event() jumpChat: EventEmitter<void>;\n\n  @State() seeTranslate = false;\n  @State() isClamped = false;\n  @State() showMore = false;\n\n  private contentEl?: HTMLDivElement;\n\n  private checkClamped = () => {\n    if (!this.contentEl) return;\n\n    this.contentEl.classList.remove('line-clamp-3');\n    const fullHeight = this.contentEl.scrollHeight;\n\n    this.contentEl.classList.add('line-clamp-3');\n    const clampedHeight = this.contentEl.clientHeight;\n\n    this.isClamped = fullHeight > clampedHeight + 1;\n  };\n\n  componentDidLoad() {\n    this.checkClamped();\n    window.addEventListener('resize', this.checkClamped);\n  }\n\n  async componentWillLoad() {\n    if (this.item.translatedText) {\n      this.seeTranslate = true;\n    }\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.checkClamped);\n  }\n\n  handleJumpChat = () => {\n    this.jumpChat.emit();\n  };\n\n  private renderReplyQuickMessage(replyMessage: ChatMessageItem | null | undefined, isUser: boolean, t: (key: string) => string) {\n    if (!replyMessage?.type) return null;\n\n    const iconClass = `size-4 ${isUser ? 'text-black' : 'text-white'}`;\n\n    const isMenuList = replyMessage.attachments?.some((attachment) => attachment.payload?.template_type === 'generic') || replyMessage.template?.type === 'carousel';\n    const isButton = replyMessage.attachments?.some((attachment) => attachment.payload?.template_type === 'button') || replyMessage.template?.type === 'buttons';\n\n    if (isMenuList) {\n      return (\n        <div class=\"message-content-reply-quick\">\n          <Icon name=\"SquareMenu\" addClass={iconClass} />\n          <span class=\"message-content-reply-quick-label\">{t('quick_message.menu_list')}</span>\n        </div>\n      );\n    }\n\n    if (isButton) {\n      return (\n        <div class=\"message-content-reply-quick\">\n          <Icon name=\"Touchpad\" addClass={iconClass} />\n          <span class=\"message-content-reply-quick-label\">{t('quick_message.button')}</span>\n        </div>\n      );\n    }\n\n    return null;\n  }\n\n  private renderActionButton(button: MessageButton | undefined, key: string, isUser: boolean, extraClasses = '') {\n    if (!button) return null;\n\n    const className = ['message-content-action-button', extraClasses].filter(Boolean).join(' ');\n    const borderStyle = isUser ? undefined : { borderColor: 'rgba(255, 255, 255, 0.4)' };\n    const actionValue = button.action?.trim();\n\n    if (button.action_type === 'url' && actionValue) {\n      return (\n        <a key={key} href={actionValue} target=\"_blank\" rel=\"noopener noreferrer\" class={className} style={borderStyle}>\n          <span class=\"message-content-action-button-label\">{button.text || '-'}</span>\n          <span class=\"message-content-action-button-action\">{actionValue}</span>\n        </a>\n      );\n    }\n\n    if (button.action_type === 'tel' && actionValue) {\n      const telHref = actionValue.startsWith('tel:') ? actionValue : `tel:${actionValue}`;\n      return (\n        <a key={key} href={telHref} class={className} style={borderStyle}>\n          <span class=\"message-content-action-button-label\">{button.text || '-'}</span>\n          <span class=\"message-content-action-button-action\">{actionValue}</span>\n        </a>\n      );\n    }\n\n    return (\n      <div key={key} class={className} style={borderStyle}>\n        <span class=\"message-content-action-button-label\">{button.text || '-'}</span>\n        <span class=\"message-content-action-button-action\">{actionValue || '-'}</span>\n      </div>\n    );\n  }\n\n  private renderButtons(isUser: boolean) {\n    if (this.item.type !== 'button') return null;\n    const buttons = this.item.isSending ? this.item.buttons || [] : this.item.buttons || [];\n    if (buttons.length === 0) return null;\n\n    return <div class=\"message-content-buttons\">{buttons.map((button, index) => this.renderActionButton(button, button?.id ?? `${index}`, isUser))}</div>;\n  }\n\n  private renderMenuList(isUser: boolean) {\n    if (this.item.type !== 'menu_list') return null;\n    const menus = this.item.menu_list || [];\n    if (menus.length === 0) return null;\n\n    return (\n      <div class=\"message-content-menu-list\">\n        {menus.map((menu, menuIndex) => (\n          <div class=\"message-content-menu-card\" key={menu?.id ?? `${menuIndex}`}>\n            <div class=\"message-content-menu-card-media\">\n              {menu?.file_url ? (\n                <img src={menu.file_url} alt={menu.title || 'menu-item'} class=\"message-content-menu-card-image\" loading=\"lazy\" />\n              ) : (\n                <div class=\"message-content-menu-card-placeholder\">\n                  <Icon name=\"Image\" addClass=\"size-8\" />\n                </div>\n              )}\n            </div>\n            <div class=\"message-content-menu-card-body\">\n              {menu?.title && <div class=\"message-content-menu-card-title\">{menu.title}</div>}\n              {menu?.description && <div class=\"message-content-menu-card-description\">{menu.description}</div>}\n              {menu?.buttons && menu.buttons.length > 0 && (\n                <div class=\"message-content-menu-card-buttons\">\n                  {menu.buttons.map((button, buttonIndex) =>\n                    this.renderActionButton(button, `${menu?.id ?? menuIndex}-${button?.id ?? buttonIndex}`, isUser, 'message-content-action-button-compact')\n                  )}\n                </div>\n              )}\n            </div>\n          </div>\n        ))}\n      </div>\n    );\n  }\n\n  render() {\n    const t = useTranslation();\n    const { sender, type, text, translatedText, reply_message } = this.item;\n    const theme = configStore.get('theme');\n    const isMobile = responsiveStore.get('isMobile');\n    const isUser = sender.type === 'user';\n    const isInteractiveType = type ? INTERACTIVE_MESSAGE_TYPES.includes(type) : false;\n    const bubblePadding =\n      type === 'menu_list' ? 'p-3' : type === 'button' || type === 'text' || !type ? 'px-3 py-2' : 'p-2';\n    const classBox = this.isReply\n      ? `message-content-reply z-paper-${theme} z-text-gray-${theme} ${!isUser ? 'rounded-bl-[0]' : 'rounded-br-[0]'} ${isInteractiveType ? 'cursor-pointer' : ''} ${isMobile ? 'max-w-3xs' : 'max-w-sm'\n      }`\n      : `message-content ${bubblePadding} ${isUser ? 'message-content-user' : 'message-content-admin'} ${isInteractiveType ? 'cursor-pointer' : ''} ${isMobile ? 'max-w-3xs' : 'max-w-sm'\n      }`;\n    const replyQuickPreview = this.renderReplyQuickMessage(reply_message, isUser, t);\n    const buttonsContent = this.renderButtons(isUser);\n    const menuListContent = this.renderMenuList(isUser);\n\n    return (\n      <Host>\n        <div id={`message-content-${this.item.id}`} tabIndex={-1} class={classBox}>\n          {/* Reply Text */}\n          {reply_message && (\n            <div\n              class=\"message-content-reply-wrapper\"\n              style={{ backgroundColor: isUser ? 'rgba(0, 0, 0, 0.3)' : 'rgba(255, 255, 255, 0.3)' }}\n              onClick={() => this.handleJumpChat()}\n            >\n              <div class={`message-content-reply-spacer ${isUser ? 'bg-black' : 'bg-white'}`}>&nbsp;&nbsp;</div>\n\n              {reply_message.text && <div class=\"message-content-reply-text\">{reply_message.text}</div>}\n\n              {replyQuickPreview ?? <message-media item={reply_message} />}\n            </div>\n          )}\n\n          {/* Text */}\n          <div class=\"message-content-text-wrapper\">\n            {(type === 'text' || text) && (\n              <p ref={el => (this.contentEl = el as HTMLDivElement)} class={`message-content-text ${this.showMore ? '' : 'line-clamp-3'}`}>\n                <ZTextWithLink text={this.seeTranslate ? translatedText : text} />\n              </p>\n            )}\n\n            {translatedText && text !== translatedText && (\n              <p class=\"message-content-translate-wrapper\" onClick={() => (this.seeTranslate = !this.seeTranslate)}>\n                <Icon name=\"Languages\" addClass={`size-3 ${isUser ? `z-text-primary-${theme}` : 'text-white'}`} />\n                &nbsp;\n                <span class={`underline ${isUser ? `z-text-primary-${theme}` : 'text-white'}`}>\n                  {this.seeTranslate ? t(isUser ? 'chat_tab.see_original' : 'chat_tab.see_send_text') : t(isUser ? 'chat_tab.see_translated' : 'chat_tab.see_original')}\n                </span>\n              </p>\n            )}\n\n            {this.isClamped && (\n              <div class=\"message-content-clamp-wrapper\" onClick={() => (this.showMore = !this.showMore)}>\n                <div class=\"mt-1\">{this.showMore ? t('chat_tab.hide') : t('chat_tab.see_all_text')}</div>\n              </div>\n            )}\n\n            {buttonsContent}\n            {menuListContent}\n\n            <message-media item={this.item} />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-C0an_Y-_.js → p-C-YLmbpA.js}

@@ -1,5 +1,5 @@
-import { B as BASE_URL } from './p-DKrfS1S5.js';
-import { c as configStore } from './p-LsQYRhK6.js';
+import { B as BASE_URL } from './p-DwRMNFnU.js';
+import { c as configStore } from './p-x8gJGTdZ.js';
 
 const PACKET_TYPES = Object.create(null); // no Map = no polyfill
 PACKET_TYPES["open"] = "0";
@@ -4081,6 +4081,6 @@ function leaveRoom(room) {
 }
 
 export { disconnectSocket as d, initSocket as i, joinRoom as j, leaveRoom as l };
-//# sourceMappingURL=p-C0an_Y-_.js.map
+//# sourceMappingURL=p-C-YLmbpA.js.map
 
-//# sourceMappingURL=p-C0an_Y-_.js.map
+//# sourceMappingURL=p-C-YLmbpA.js.map