@bothub-chat/ui 2.80.13 → 2.80.21-develop-e44c4734-a033-482a-8ea3-b36f8ffb364f

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/dist/components/avatar/index.js +1 -1
  2. package/dist/components/chip/styled.js +1 -1
  3. package/dist/components/color-picker/index.js +1 -1
  4. package/dist/components/developer-key/index.js +1 -1
  5. package/dist/components/file-field/index.js +1 -1
  6. package/dist/components/file-icon/index.js +1 -1
  7. package/dist/components/footer/index.js +1 -1
  8. package/dist/components/footer/mobile/index.js +1 -1
  9. package/dist/components/header/index.js +1 -1
  10. package/dist/components/header/menu-nav/config.js +1 -1
  11. package/dist/components/header/menu-nav/index.js +1 -1
  12. package/dist/components/header/menu-nav/styled.js +1 -1
  13. package/dist/components/header/multi-level-menu/multi-level-menu-accordion/ui/styled.js +1 -1
  14. package/dist/components/header/multi-level-menu/multi-level-menu-first-level/ui/styled.js +1 -1
  15. package/dist/components/header/multi-level-menu/styled.js +1 -1
  16. package/dist/components/input-message/index.js +1 -1
  17. package/dist/components/input-message/input-files.js +1 -1
  18. package/dist/components/input-message/styled.d.ts +588 -0
  19. package/dist/components/input-message/styled.js +2 -2
  20. package/dist/components/lang-switcher/styled.js +1 -1
  21. package/dist/components/menu/index.js +1 -1
  22. package/dist/components/message/actions/index.js +1 -1
  23. package/dist/components/message/components/code/multiline/content/highlight.js +1 -1
  24. package/dist/components/message/components/code/multiline/content/index.js +1 -1
  25. package/dist/components/message/components/code/multiline/copy/index.js +1 -1
  26. package/dist/components/message/index.js +1 -1
  27. package/dist/components/message/markdown/index.js +1 -1
  28. package/dist/components/message/markdown/utils.d.ts +1 -0
  29. package/dist/components/message/markdown/utils.js +1 -0
  30. package/dist/components/message/scroll-button/styled.js +1 -1
  31. package/dist/components/message/search-results/index.js +1 -1
  32. package/dist/components/message/video/index.d.ts +3 -0
  33. package/dist/components/message/video/index.js +1 -1
  34. package/dist/components/message/video/styled.d.ts +3 -0
  35. package/dist/components/message/video/styled.js +3 -3
  36. package/dist/components/message/voice/index.d.ts +3 -0
  37. package/dist/components/message/voice/index.js +1 -1
  38. package/dist/components/notification/styled.js +1 -1
  39. package/dist/components/pagination/styled.js +1 -1
  40. package/dist/components/select-field/select-modal/index.js +1 -1
  41. package/dist/components/select-field/select-modal/option/checkbox-group/styled.js +1 -1
  42. package/dist/components/select-field/select-modal/option/list/index.js +1 -1
  43. package/dist/components/select-field/styled.js +1 -1
  44. package/dist/components/sidebar/chat/index.js +1 -1
  45. package/dist/components/sidebar/chat/styled.d.ts +457 -193
  46. package/dist/components/sidebar/chat/styled.js +2 -2
  47. package/dist/components/sidebar/group/index.js +1 -1
  48. package/dist/components/sidebar/group/styled.js +1 -1
  49. package/dist/components/sidebar/index.js +1 -1
  50. package/dist/components/sidebar/toggle-button/index.js +1 -1
  51. package/dist/components/sidebar/user-info/index.js +1 -1
  52. package/dist/components/sidebar/user-info/skeleton.js +1 -1
  53. package/dist/components/slider/index.js +1 -1
  54. package/dist/components/stepper/styled.js +1 -1
  55. package/dist/components/tariff/card/styled.js +1 -1
  56. package/dist/components/uploaded-file/index.js +1 -1
  57. package/dist/components/uploaded-file/styled.js +1 -1
  58. package/dist/icons/dollar/index.d.ts +1 -0
  59. package/dist/icons/dollar/index.js +1 -0
  60. package/dist/icons/index.d.ts +1 -0
  61. package/dist/index.js +1 -1
  62. package/package.json +1 -1
@@ -1,4 +1,4 @@
1
- import{styled as i,css as o}from"styled-components";import"../../../icons/arrow-down/index.js";import"../../../icons/arrow-narrow-left/index.js";import"../../../icons/arrow-narrow-right/index.js";import"../../../icons/arrow-up/index.js";import"../../../icons/bitcoin/index.js";import"../../../icons/bot-circle/index.js";import"../../../icons/bothub-agg/index.js";import"../../../icons/business-colored/index.js";import"../../../icons/check-circle/index.js";import"../../../icons/close/index.js";import"../../../icons/email-circle/index.js";import"../../../icons/language/index.js";import"../../../icons/lock-circle/index.js";import"../../../icons/menu/index.js";import"../../../icons/medium-circle/index.js";import"../../../icons/tg-circle/index.js";import"../../../icons/tg-colored/index.js";import"../../../icons/youcassa/index.js";import"../../../icons/dashboard/index.js";import"../../../icons/user-profile/index.js";import"../../../icons/logout/index.js";import"tslib";import"react/jsx-runtime";import"../../../icons/habr-2/index.js";import"../../../icons/arrow-2-down/index.js";import"../../../icons/links/index.js";import"../../../icons/free/index.js";import"../../../icons/hotness/index.js";import"../../../icons/checked/index.js";import"../../../icons/ai/index.js";import"../../../icons/bookmarks/index.js";import"../../../icons/bookmarks-big/index.js";import"../../../icons/chat/index.js";import"../../../icons/chats/index.js";import"../../../icons/coder/index.js";import"../../../icons/copy/index.js";import"../../../icons/edit/index.js";import"../../../icons/presets-big/index.js";import"../../../icons/referal/index.js";import"../../../icons/restore/index.js";import"../../../icons/tariff/index.js";import"../../../icons/trash/index.js";import"../../../icons/update/index.js";import"../../../icons/menu-dot/index.js";import"../../../icons/plus-2/index.js";import"../../../icons/plus-1/index.js";import"../../../icons/send/index.js";import"../../../icons/settings/index.js";import"../../../icons/habr/index.js";import"../../../icons/check-small/index.js";import"../../../icons/stop/index.js";import"../../../icons/thumb-up/index.js";import"../../../icons/thumb-down/index.js";import"../../../icons/star/index.js";import"../../../icons/info-big/index.js";import"../../../icons/warning-big/index.js";import"../../../icons/error-big/index.js";import"../../../icons/success-big/index.js";import"../../../icons/mj/index.js";import"../../../icons/card/index.js";import"../../../icons/arrow-narrow-up/index.js";import{ArrowNarrowDownIcon as s}from"../../../icons/arrow-narrow-down/index.js";import"../../../icons/filters/index.js";import"../../../icons/info/index.js";import"../../../icons/search-circle/index.js";import"../../../icons/save/index.js";import"../../../icons/light/index.js";import"../../../icons/dark/index.js";import"../../../icons/email-colored/index.js";import"../../../icons/action-chat/index.js";import"../../../icons/attach/index.js";import"../../../icons/avatar-add/index.js";import"../../../icons/brush/index.js";import"../../../icons/calendar/index.js";import"../../../icons/claude/index.js";import"../../../icons/cookie/index.js";import"../../../icons/dalle/index.js";import"../../../icons/download-img/index.js";import"../../../icons/error/index.js";import"../../../icons/expand/index.js";import"../../../icons/eye/index.js";import"../../../icons/face/index.js";import"../../../icons/gear/index.js";import"../../../icons/gear-min/index.js";import"../../../icons/generation/index.js";import"../../../icons/gpt-3_5/index.js";import"../../../icons/gpt-4/index.js";import"../../../icons/imagine/index.js";import"../../../icons/imagine-2/index.js";import"../../../icons/loader/index.js";import"../../../icons/loader-circular/index.js";import"../../../icons/loader-circular-gradient/index.js";import"../../../icons/loader-circular-gradient-2/index.js";import"../../../icons/minus/index.js";import"../../../icons/mj-white/index.js";import"../../../icons/prompt/index.js";import"../../../icons/rabbit/index.js";import"../../../icons/ratio-1x1/index.js";import"../../../icons/ratio-2x3/index.js";import"../../../icons/ratio-3x2/index.js";import"../../../icons/ratio-4x5/index.js";import"../../../icons/ratio-4x7/index.js";import"../../../icons/ratio-5x4/index.js";import"../../../icons/ratio-7x4/index.js";import"../../../icons/ratio-16x9/index.js";import"../../../icons/ratio-9x16/index.js";import"../../../icons/ratio-21x9/index.js";import"../../../icons/ratio-9x21/index.js";import"../../../icons/refferal-min/index.js";import"../../../icons/search-data/index.js";import"../../../icons/square/index.js";import"../../../icons/turtle/index.js";import"../../../icons/upscale/index.js";import"../../../icons/withdraw/index.js";import"../../../icons/search-plus/index.js";import"../../../icons/lightning/index.js";import"../../../icons/blog-circle/index.js";import"../../../icons/stripe/index.js";import"../../../icons/corporate/index.js";import"../../../icons/public/index.js";import"../../../icons/private/index.js";import"../../../icons/mistral/index.js";import"../../../icons/gemini/index.js";import"../../../icons/search-simple/index.js";import"../../../icons/sad-robot/index.js";import"../../../icons/model/index.js";import"../../../icons/phone-colored/index.js";import"../../../icons/questions/index.js";import"../../../icons/pdf-big/index.js";import"../../../icons/xls-big/index.js";import"../../../icons/word-big/index.js";import"../../../icons/txt-big/index.js";import"../../../icons/pdf/index.js";import"../../../icons/xls/index.js";import"../../../icons/word/index.js";import"../../../icons/txt/index.js";import"../../../icons/bothub-logo-gradient/index.js";import"../../../icons/telegram-logo-gradient/index.js";import"../../../icons/decline-circle/index.js";import"../../../icons/simple-gear-bg/index.js";import"../../../icons/advanced-filter/index.js";import"../../../icons/big-corporate/index.js";import"../../../icons/big-mj/index.js";import"../../../icons/big-models/index.js";import"../../../icons/big-stats/index.js";import"../../../icons/big-success/index.js";import"../../../icons/big-users/index.js";import"../../../icons/optional-presets/index.js";import"../../../icons/wallet-withdraw/index.js";import"../../../icons/big-presets/index.js";import"../../../icons/big-favorite/index.js";import"../../../icons/big-referal/index.js";import"../../../icons/attach-file/index.js";import"../../../icons/attach-file-big/index.js";import"../../../icons/voice/index.js";import"../../../icons/play-button/index.js";import"../../../icons/pause-button/index.js";import"../../../icons/text-read/index.js";import"../../../icons/text-hide/index.js";import"../../../icons/best-chat-bots/index.js";import"../../../icons/upload/index.js";import"../../../icons/enter/index.js";import"../../../icons/discord/index.js";import"../../../icons/discord-circle/index.js";import"../../../icons/black-forest-labs/index.js";import"../../../icons/flux/index.js";import"../../../icons/stable-diffusion/index.js";import"../../../icons/stability-ai/index.js";import"../../../icons/article-generator/index.js";import"../../../icons/success/index.js";import"../../../icons/google/index.js";import"../../../icons/yandex/index.js";import"../../../icons/vk/index.js";import"../../../icons/resend/index.js";import"../../../icons/big-article/index.js";import"../../../icons/add-chat/index.js";import"../../../icons/add-group/index.js";import"../../../icons/drag-dot/index.js";import"../../../icons/add-folder/index.js";import"../../../icons/temp-chat/index.js";import"../../../icons/delete-chat/index.js";import"../../../icons/sidebar-chat/index.js";import"../../../icons/organization/index.js";import"../../../icons/simple-gear/index.js";import"../../../icons/text-bold/index.js";import"../../../icons/text-italic/index.js";import"../../../icons/text-underline/index.js";import"../../../icons/text-strikethrough/index.js";import"../../../icons/refresh/index.js";import"../../../icons/copy-variants/index.js";import"../../../icons/sort-ascending/index.js";import"../../../icons/sort-descending/index.js";import"../../../icons/quote/index.js";import"../../../icons/url-circle/index.js";import"../../../icons/show-ui/index.js";import"../../../icons/hide-ui/index.js";import"../../../icons/sort-user/index.js";import"../../../icons/happy-robot/index.js";import"../../../icons/happy-robot-gradient/index.js";import"../../../icons/min-window/index.js";import"../../../icons/max-window/index.js";import"../../../icons/manage-chat/index.js";import"../../../icons/analyze-urls/index.js";import"../../../icons/web-search/index.js";import"../../../icons/include-context/index.js";import"../../../icons/queue/index.js";import"../../../icons/sort-alphabet-ascending/index.js";import"../../../icons/sort-alphabet-descending/index.js";import"../../../icons/sort-date-ascending/index.js";import"../../../icons/sort-date-descending/index.js";import"../../../icons/cot-r1/index.js";import"../../../icons/news/index.js";import"../../../icons/volume/index.js";import"../../../icons/flag-ru/index.js";import"../../../icons/flag-kz/index.js";import"../../../icons/print/index.js";import"../../../icons/pc-icon-1/index.js";import"../../../icons/pc-icon-2/index.js";import"../../../icons/pc-icon-3/index.js";import"../../../icons/star-unfilled/index.js";import"../../../icons/image-generation/index.js";import"../../../icons/speech-synthesys/index.js";import"../../../icons/transcription/index.js";import"../../../icons/text-rewrite/index.js";import"../../../icons/code-generation/index.js";import"../../../icons/essay-generation/index.js";import"../../../icons/spelling/index.js";import"../../../icons/text-generation/index.js";import"../../../icons/traffic-analisys/index.js";import"../../../icons/fav-profile/index.js";import"../../../icons/exclamation/index.js";import"../../../icons/article/index.js";import"../../../icons/setchel/index.js";import"../../../icons/assembly/index.js";import"../../../icons/data-visualisation/index.js";import"../../../icons/document-analisys/index.js";import"../../../icons/problem-solvment/index.js";import"../../../icons/setting-analisys/index.js";import"../../../icons/translation/index.js";import"../../../icons/stars/index.js";import"../../../icons/academy/index.js";import"../../../icons/articles/index.js";import"../../../icons/blog-post/index.js";import"../../../icons/book/index.js";import"../../../icons/bow-tie/index.js";import"../../../icons/case-study/index.js";import"../../../icons/comments/index.js";import"../../../icons/guide/index.js";import"../../../icons/marketing/index.js";import"../../../icons/post/index.js";import"../../../icons/report/index.js";import"../../../icons/review/index.js";import"../../../icons/scientific-article/index.js";import"../../../icons/selling-text/index.js";import"../../../icons/textbook/index.js";import"../../../icons/wind/index.js";import"../../../icons/grok/index.js";import"../../../icons/deepseek/index.js";import"../../../icons/grid-horizontal/index.js";import"../../../icons/grid-vertical/index.js";import"../../../icons/star-gradient/index.js";import"../../../icons/qwen/index.js";import"../../../icons/sidebar-toggle-left/index.js";import"../../../icons/sidebar-toggle-right/index.js";import"../../../icons/system/index.js";import"../../../icons/selector/index.js";import"../../../icons/video-camera/index.js";import"../../../icons/music-note/index.js";import"../../../icons/add-profile/index.js";import"../../../icons/token-counter/index.js";import"../../../icons/customer-support/index.js";import"../../../icons/sort-alphabet-top-bottom/index.js";import"../../../icons/sort-alphabet-bottom-top/index.js";import"../../../icons/pause/index.js";import"../../../icons/play/index.js";import"../../../icons/restore-2/index.js";import"../../../icons/video-generation/index.js";import"../../../icons/veo-model/index.js";import"../../../icons/runway/index.js";import"../../../icons/queue-select/index.js";import"../../../icons/apple/index.js";import"../../../icons/mail-colored/index.js";import"../../../icons/shield/index.js";import"../../../icons/stars-gradient/index.js";import"../../../icons/fire/index.js";import"../../../icons/brain/index.js";import"../../../icons/mj-purple/index.js";import"../../../icons/claude-black/index.js";import"../../../icons/vk-filled/index.js";import"../../../icons/tg/index.js";import"../../../icons/gift/index.js";import"../../../icons/exchange/index.js";import"../../../icons/time/index.js";import"../../../icons/folder/index.js";import"../../../icons/history/index.js";import"../../../icons/money-plus/index.js";import"../../../icons/money-stack/index.js";import"../../../icons/sort-numeric-bottom/index.js";import"../../../icons/sort-numeric-top/index.js";import"../../../icons/bulb/index.js";import"../../../icons/prompt-queue/index.js";import"../../../icons/image/index.js";import"../../../icons/text/index.js";import"../../../icons/code/index.js";import"../../../icons/blue-grok/index.js";import"../../../icons/double-image/index.js";import"../../../icons/pdf-black/index.js";import"../../../icons/csv/index.js";import"../../../icons/xls-black/index.js";import"../../../icons/word-black/index.js";import"../../../icons/brain-black/index.js";import"../../../icons/txt-black/index.js";import"../../../icons/workspace/index.js";import"../../../icons/chat-doc/index.js";import"../../../icons/money-spend/index.js";import"../../../icons/money-minus/index.js";import"../../../icons/max-logo-gradient/index.js";import"../../../icons/empty-word/index.js";import"../../../icons/music-file/index.js";import"../../../icons/sad-file/index.js";import"../../../icons/happy-file/index.js";import"../../../icons/volume-off/index.js";import"../../../icons/github/index.js";import"../../../icons/erase/index.js";import"../../../icons/arrow-narrow-stars-right/index.js";import"../../../icons/literature-list/index.js";import"../../../icons/bell-dot/index.js";import"../../../icons/bell/index.js";import"../../../icons/kwaivgi/index.js";const n=i.button.withConfig({displayName:"styled__MessageListScrollButton",componentId:"sc-1qkcplr-0"})(["display:flex;position:absolute;justify-content:center;padding:10px;bottom:75px;left:50%;width:38px;height:38px;border-radius:50%;border:2px solid ",";background:",";opacity:0;z-index:",";transform:translateX(-50%);pointer-events:none;cursor:pointer;"," &:hover{background-color:",";cursor:pointer;}transition:all 0.1s linear;"],({theme:i})=>i.colors.grayScale.gray2,({theme:i})=>i.colors.grayScale.gray4,({theme:i})=>i.zIndex.header,({$visible:i})=>i&&o`
1
+ import{styled as i,css as o}from"styled-components";import"../../../icons/arrow-down/index.js";import"../../../icons/arrow-narrow-left/index.js";import"../../../icons/arrow-narrow-right/index.js";import"../../../icons/arrow-up/index.js";import"../../../icons/bitcoin/index.js";import"../../../icons/bot-circle/index.js";import"../../../icons/bothub-agg/index.js";import"../../../icons/business-colored/index.js";import"../../../icons/check-circle/index.js";import"../../../icons/close/index.js";import"../../../icons/email-circle/index.js";import"../../../icons/language/index.js";import"../../../icons/lock-circle/index.js";import"../../../icons/menu/index.js";import"../../../icons/medium-circle/index.js";import"../../../icons/tg-circle/index.js";import"../../../icons/tg-colored/index.js";import"../../../icons/youcassa/index.js";import"../../../icons/dashboard/index.js";import"../../../icons/user-profile/index.js";import"../../../icons/logout/index.js";import"tslib";import"react/jsx-runtime";import"../../../icons/habr-2/index.js";import"../../../icons/arrow-2-down/index.js";import"../../../icons/links/index.js";import"../../../icons/free/index.js";import"../../../icons/hotness/index.js";import"../../../icons/checked/index.js";import"../../../icons/ai/index.js";import"../../../icons/bookmarks/index.js";import"../../../icons/bookmarks-big/index.js";import"../../../icons/chat/index.js";import"../../../icons/chats/index.js";import"../../../icons/coder/index.js";import"../../../icons/copy/index.js";import"../../../icons/edit/index.js";import"../../../icons/presets-big/index.js";import"../../../icons/referal/index.js";import"../../../icons/restore/index.js";import"../../../icons/tariff/index.js";import"../../../icons/trash/index.js";import"../../../icons/update/index.js";import"../../../icons/menu-dot/index.js";import"../../../icons/plus-2/index.js";import"../../../icons/plus-1/index.js";import"../../../icons/send/index.js";import"../../../icons/settings/index.js";import"../../../icons/habr/index.js";import"../../../icons/check-small/index.js";import"../../../icons/stop/index.js";import"../../../icons/thumb-up/index.js";import"../../../icons/thumb-down/index.js";import"../../../icons/star/index.js";import"../../../icons/info-big/index.js";import"../../../icons/warning-big/index.js";import"../../../icons/error-big/index.js";import"../../../icons/success-big/index.js";import"../../../icons/mj/index.js";import"../../../icons/card/index.js";import"../../../icons/arrow-narrow-up/index.js";import{ArrowNarrowDownIcon as s}from"../../../icons/arrow-narrow-down/index.js";import"../../../icons/filters/index.js";import"../../../icons/info/index.js";import"../../../icons/search-circle/index.js";import"../../../icons/save/index.js";import"../../../icons/light/index.js";import"../../../icons/dark/index.js";import"../../../icons/email-colored/index.js";import"../../../icons/action-chat/index.js";import"../../../icons/attach/index.js";import"../../../icons/avatar-add/index.js";import"../../../icons/brush/index.js";import"../../../icons/calendar/index.js";import"../../../icons/claude/index.js";import"../../../icons/cookie/index.js";import"../../../icons/dalle/index.js";import"../../../icons/download-img/index.js";import"../../../icons/error/index.js";import"../../../icons/expand/index.js";import"../../../icons/eye/index.js";import"../../../icons/face/index.js";import"../../../icons/gear/index.js";import"../../../icons/gear-min/index.js";import"../../../icons/generation/index.js";import"../../../icons/gpt-3_5/index.js";import"../../../icons/gpt-4/index.js";import"../../../icons/imagine/index.js";import"../../../icons/imagine-2/index.js";import"../../../icons/loader/index.js";import"../../../icons/loader-circular/index.js";import"../../../icons/loader-circular-gradient/index.js";import"../../../icons/loader-circular-gradient-2/index.js";import"../../../icons/minus/index.js";import"../../../icons/mj-white/index.js";import"../../../icons/prompt/index.js";import"../../../icons/rabbit/index.js";import"../../../icons/ratio-1x1/index.js";import"../../../icons/ratio-2x3/index.js";import"../../../icons/ratio-3x2/index.js";import"../../../icons/ratio-4x5/index.js";import"../../../icons/ratio-4x7/index.js";import"../../../icons/ratio-5x4/index.js";import"../../../icons/ratio-7x4/index.js";import"../../../icons/ratio-16x9/index.js";import"../../../icons/ratio-9x16/index.js";import"../../../icons/ratio-21x9/index.js";import"../../../icons/ratio-9x21/index.js";import"../../../icons/refferal-min/index.js";import"../../../icons/search-data/index.js";import"../../../icons/square/index.js";import"../../../icons/turtle/index.js";import"../../../icons/upscale/index.js";import"../../../icons/withdraw/index.js";import"../../../icons/search-plus/index.js";import"../../../icons/lightning/index.js";import"../../../icons/blog-circle/index.js";import"../../../icons/stripe/index.js";import"../../../icons/corporate/index.js";import"../../../icons/public/index.js";import"../../../icons/private/index.js";import"../../../icons/mistral/index.js";import"../../../icons/gemini/index.js";import"../../../icons/search-simple/index.js";import"../../../icons/sad-robot/index.js";import"../../../icons/model/index.js";import"../../../icons/phone-colored/index.js";import"../../../icons/questions/index.js";import"../../../icons/pdf-big/index.js";import"../../../icons/xls-big/index.js";import"../../../icons/word-big/index.js";import"../../../icons/txt-big/index.js";import"../../../icons/pdf/index.js";import"../../../icons/xls/index.js";import"../../../icons/word/index.js";import"../../../icons/txt/index.js";import"../../../icons/bothub-logo-gradient/index.js";import"../../../icons/telegram-logo-gradient/index.js";import"../../../icons/decline-circle/index.js";import"../../../icons/simple-gear-bg/index.js";import"../../../icons/advanced-filter/index.js";import"../../../icons/big-corporate/index.js";import"../../../icons/big-mj/index.js";import"../../../icons/big-models/index.js";import"../../../icons/big-stats/index.js";import"../../../icons/big-success/index.js";import"../../../icons/big-users/index.js";import"../../../icons/optional-presets/index.js";import"../../../icons/wallet-withdraw/index.js";import"../../../icons/big-presets/index.js";import"../../../icons/big-favorite/index.js";import"../../../icons/big-referal/index.js";import"../../../icons/attach-file/index.js";import"../../../icons/attach-file-big/index.js";import"../../../icons/voice/index.js";import"../../../icons/play-button/index.js";import"../../../icons/pause-button/index.js";import"../../../icons/text-read/index.js";import"../../../icons/text-hide/index.js";import"../../../icons/best-chat-bots/index.js";import"../../../icons/upload/index.js";import"../../../icons/enter/index.js";import"../../../icons/discord/index.js";import"../../../icons/discord-circle/index.js";import"../../../icons/black-forest-labs/index.js";import"../../../icons/flux/index.js";import"../../../icons/stable-diffusion/index.js";import"../../../icons/stability-ai/index.js";import"../../../icons/article-generator/index.js";import"../../../icons/success/index.js";import"../../../icons/google/index.js";import"../../../icons/yandex/index.js";import"../../../icons/vk/index.js";import"../../../icons/resend/index.js";import"../../../icons/big-article/index.js";import"../../../icons/add-chat/index.js";import"../../../icons/add-group/index.js";import"../../../icons/drag-dot/index.js";import"../../../icons/add-folder/index.js";import"../../../icons/temp-chat/index.js";import"../../../icons/delete-chat/index.js";import"../../../icons/sidebar-chat/index.js";import"../../../icons/organization/index.js";import"../../../icons/simple-gear/index.js";import"../../../icons/text-bold/index.js";import"../../../icons/text-italic/index.js";import"../../../icons/text-underline/index.js";import"../../../icons/text-strikethrough/index.js";import"../../../icons/refresh/index.js";import"../../../icons/copy-variants/index.js";import"../../../icons/sort-ascending/index.js";import"../../../icons/sort-descending/index.js";import"../../../icons/quote/index.js";import"../../../icons/url-circle/index.js";import"../../../icons/show-ui/index.js";import"../../../icons/hide-ui/index.js";import"../../../icons/sort-user/index.js";import"../../../icons/happy-robot/index.js";import"../../../icons/happy-robot-gradient/index.js";import"../../../icons/min-window/index.js";import"../../../icons/max-window/index.js";import"../../../icons/manage-chat/index.js";import"../../../icons/analyze-urls/index.js";import"../../../icons/web-search/index.js";import"../../../icons/include-context/index.js";import"../../../icons/queue/index.js";import"../../../icons/sort-alphabet-ascending/index.js";import"../../../icons/sort-alphabet-descending/index.js";import"../../../icons/sort-date-ascending/index.js";import"../../../icons/sort-date-descending/index.js";import"../../../icons/cot-r1/index.js";import"../../../icons/news/index.js";import"../../../icons/volume/index.js";import"../../../icons/flag-ru/index.js";import"../../../icons/flag-kz/index.js";import"../../../icons/print/index.js";import"../../../icons/pc-icon-1/index.js";import"../../../icons/pc-icon-2/index.js";import"../../../icons/pc-icon-3/index.js";import"../../../icons/star-unfilled/index.js";import"../../../icons/image-generation/index.js";import"../../../icons/speech-synthesys/index.js";import"../../../icons/transcription/index.js";import"../../../icons/text-rewrite/index.js";import"../../../icons/code-generation/index.js";import"../../../icons/essay-generation/index.js";import"../../../icons/spelling/index.js";import"../../../icons/text-generation/index.js";import"../../../icons/traffic-analisys/index.js";import"../../../icons/fav-profile/index.js";import"../../../icons/exclamation/index.js";import"../../../icons/article/index.js";import"../../../icons/setchel/index.js";import"../../../icons/assembly/index.js";import"../../../icons/data-visualisation/index.js";import"../../../icons/document-analisys/index.js";import"../../../icons/problem-solvment/index.js";import"../../../icons/setting-analisys/index.js";import"../../../icons/translation/index.js";import"../../../icons/stars/index.js";import"../../../icons/academy/index.js";import"../../../icons/articles/index.js";import"../../../icons/blog-post/index.js";import"../../../icons/book/index.js";import"../../../icons/bow-tie/index.js";import"../../../icons/case-study/index.js";import"../../../icons/comments/index.js";import"../../../icons/guide/index.js";import"../../../icons/marketing/index.js";import"../../../icons/post/index.js";import"../../../icons/report/index.js";import"../../../icons/review/index.js";import"../../../icons/scientific-article/index.js";import"../../../icons/selling-text/index.js";import"../../../icons/textbook/index.js";import"../../../icons/wind/index.js";import"../../../icons/grok/index.js";import"../../../icons/deepseek/index.js";import"../../../icons/grid-horizontal/index.js";import"../../../icons/grid-vertical/index.js";import"../../../icons/star-gradient/index.js";import"../../../icons/qwen/index.js";import"../../../icons/sidebar-toggle-left/index.js";import"../../../icons/sidebar-toggle-right/index.js";import"../../../icons/system/index.js";import"../../../icons/selector/index.js";import"../../../icons/video-camera/index.js";import"../../../icons/music-note/index.js";import"../../../icons/add-profile/index.js";import"../../../icons/token-counter/index.js";import"../../../icons/customer-support/index.js";import"../../../icons/sort-alphabet-top-bottom/index.js";import"../../../icons/sort-alphabet-bottom-top/index.js";import"../../../icons/pause/index.js";import"../../../icons/play/index.js";import"../../../icons/restore-2/index.js";import"../../../icons/video-generation/index.js";import"../../../icons/veo-model/index.js";import"../../../icons/runway/index.js";import"../../../icons/queue-select/index.js";import"../../../icons/apple/index.js";import"../../../icons/mail-colored/index.js";import"../../../icons/shield/index.js";import"../../../icons/stars-gradient/index.js";import"../../../icons/fire/index.js";import"../../../icons/brain/index.js";import"../../../icons/mj-purple/index.js";import"../../../icons/claude-black/index.js";import"../../../icons/vk-filled/index.js";import"../../../icons/tg/index.js";import"../../../icons/gift/index.js";import"../../../icons/exchange/index.js";import"../../../icons/time/index.js";import"../../../icons/folder/index.js";import"../../../icons/history/index.js";import"../../../icons/money-plus/index.js";import"../../../icons/money-stack/index.js";import"../../../icons/sort-numeric-bottom/index.js";import"../../../icons/sort-numeric-top/index.js";import"../../../icons/bulb/index.js";import"../../../icons/prompt-queue/index.js";import"../../../icons/image/index.js";import"../../../icons/text/index.js";import"../../../icons/code/index.js";import"../../../icons/blue-grok/index.js";import"../../../icons/double-image/index.js";import"../../../icons/pdf-black/index.js";import"../../../icons/csv/index.js";import"../../../icons/xls-black/index.js";import"../../../icons/word-black/index.js";import"../../../icons/brain-black/index.js";import"../../../icons/txt-black/index.js";import"../../../icons/workspace/index.js";import"../../../icons/chat-doc/index.js";import"../../../icons/money-spend/index.js";import"../../../icons/money-minus/index.js";import"../../../icons/max-logo-gradient/index.js";import"../../../icons/empty-word/index.js";import"../../../icons/music-file/index.js";import"../../../icons/sad-file/index.js";import"../../../icons/happy-file/index.js";import"../../../icons/volume-off/index.js";import"../../../icons/github/index.js";import"../../../icons/erase/index.js";import"../../../icons/arrow-narrow-stars-right/index.js";import"../../../icons/literature-list/index.js";import"../../../icons/bell-dot/index.js";import"../../../icons/bell/index.js";import"../../../icons/kwaivgi/index.js";import"../../../icons/dollar/index.js";const n=i.button.withConfig({displayName:"styled__MessageListScrollButton",componentId:"sc-1qkcplr-0"})(["display:flex;position:absolute;justify-content:center;padding:10px;bottom:75px;left:50%;width:38px;height:38px;border-radius:50%;border:2px solid ",";background:",";opacity:0;z-index:",";transform:translateX(-50%);pointer-events:none;cursor:pointer;"," &:hover{background-color:",";cursor:pointer;}transition:all 0.1s linear;"],({theme:i})=>i.colors.grayScale.gray2,({theme:i})=>i.colors.grayScale.gray4,({theme:i})=>i.zIndex.header,({$visible:i})=>i&&o`
2
2
  opacity: 1;
3
3
  pointer-events: auto;
4
4
  `,({theme:i})=>i.colors.grayScale.gray2),e=i(s).withConfig({displayName:"styled__MessageListArrowNarrowDownIcon",componentId:"sc-1qkcplr-1"})(["path{fill:",";}"],({theme:i})=>i.colors.base.white);export{e as MessageListArrowNarrowDownIcon,n as MessageListScrollButton};
@@ -1 +1 @@
1
- import{__rest as i}from"tslib";import{jsx as o,jsxs as n}from"react/jsx-runtime";import{memo as s}from"react";import{AnalyzeUrlsIcon as e}from"../../../icons/analyze-urls/index.js";import{Typography as r}from"../../typography/index.js";import{SearchResultsList as t,SearchResultsItemStyled as d,SearchResultsItemLink as c,SearchResultsItemHeader as m,SearchResultsItemName as p,SearchResultsItemNumber as x,SearchResultsItemDownload as j,SearchResultsItemTitle as a,SearchResultsItemContent as l}from"./styled.js";import{MessageMarkdown as g}from"../markdown/index.js";import{useMeasure as u}from"../../../utils/useMeasure.js";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";import"../../../icons/arrow-down/index.js";import"../../../icons/arrow-narrow-left/index.js";import"../../../icons/arrow-narrow-right/index.js";import"../../../icons/arrow-up/index.js";import"../../../icons/bitcoin/index.js";import"../../../icons/bot-circle/index.js";import"../../../icons/bothub-agg/index.js";import"../../../icons/business-colored/index.js";import"../../../icons/check-circle/index.js";import"../../../icons/close/index.js";import"../../../icons/email-circle/index.js";import"../../../icons/language/index.js";import"../../../icons/lock-circle/index.js";import"../../../icons/menu/index.js";import"../../../icons/medium-circle/index.js";import"../../../icons/tg-circle/index.js";import"../../../icons/tg-colored/index.js";import"../../../icons/youcassa/index.js";import"../../../icons/dashboard/index.js";import"../../../icons/user-profile/index.js";import"../../../icons/logout/index.js";import"../../../icons/habr-2/index.js";import"../../../icons/arrow-2-down/index.js";import"../../../icons/links/index.js";import"../../../icons/free/index.js";import"../../../icons/hotness/index.js";import"../../../icons/checked/index.js";import"../../../icons/ai/index.js";import"../../../icons/bookmarks/index.js";import"../../../icons/bookmarks-big/index.js";import"../../../icons/chat/index.js";import"../../../icons/chats/index.js";import"../../../icons/coder/index.js";import"../../../icons/copy/index.js";import"../../../icons/edit/index.js";import"../../../icons/presets-big/index.js";import"../../../icons/referal/index.js";import"../../../icons/restore/index.js";import"../../../icons/tariff/index.js";import"../../../icons/trash/index.js";import"../../../icons/update/index.js";import"../../../icons/menu-dot/index.js";import"../../../icons/plus-2/index.js";import"../../../icons/plus-1/index.js";import"../../../icons/send/index.js";import"../../../icons/settings/index.js";import"../../../icons/habr/index.js";import"../../../icons/check-small/index.js";import"../../../icons/stop/index.js";import"../../../icons/thumb-up/index.js";import"../../../icons/thumb-down/index.js";import"../../../icons/star/index.js";import"../../../icons/info-big/index.js";import"../../../icons/warning-big/index.js";import"../../../icons/error-big/index.js";import"../../../icons/success-big/index.js";import"../../../icons/mj/index.js";import"../../../icons/card/index.js";import"../../../icons/arrow-narrow-up/index.js";import"../../../icons/arrow-narrow-down/index.js";import"../../../icons/filters/index.js";import"../../../icons/info/index.js";import"../../../icons/search-circle/index.js";import"../../../icons/save/index.js";import"../../../icons/light/index.js";import"../../../icons/dark/index.js";import"../../../icons/email-colored/index.js";import"../../../icons/action-chat/index.js";import"../../../icons/attach/index.js";import"../../../icons/avatar-add/index.js";import"../../../icons/brush/index.js";import"../../../icons/calendar/index.js";import"../../../icons/claude/index.js";import"../../../icons/cookie/index.js";import"../../../icons/dalle/index.js";import{DownloadImgIcon as b}from"../../../icons/download-img/index.js";import"../../../icons/error/index.js";import"../../../icons/expand/index.js";import"../../../icons/eye/index.js";import"../../../icons/face/index.js";import"../../../icons/gear/index.js";import"../../../icons/gear-min/index.js";import"../../../icons/generation/index.js";import"../../../icons/gpt-3_5/index.js";import"../../../icons/gpt-4/index.js";import"../../../icons/imagine/index.js";import"../../../icons/imagine-2/index.js";import"../../../icons/loader/index.js";import"../../../icons/loader-circular/index.js";import"../../../icons/loader-circular-gradient/index.js";import"../../../icons/loader-circular-gradient-2/index.js";import"../../../icons/minus/index.js";import"../../../icons/mj-white/index.js";import"../../../icons/prompt/index.js";import"../../../icons/rabbit/index.js";import"../../../icons/ratio-1x1/index.js";import"../../../icons/ratio-2x3/index.js";import"../../../icons/ratio-3x2/index.js";import"../../../icons/ratio-4x5/index.js";import"../../../icons/ratio-4x7/index.js";import"../../../icons/ratio-5x4/index.js";import"../../../icons/ratio-7x4/index.js";import"../../../icons/ratio-16x9/index.js";import"../../../icons/ratio-9x16/index.js";import"../../../icons/ratio-21x9/index.js";import"../../../icons/ratio-9x21/index.js";import"../../../icons/refferal-min/index.js";import"../../../icons/search-data/index.js";import"../../../icons/square/index.js";import"../../../icons/turtle/index.js";import"../../../icons/upscale/index.js";import"../../../icons/withdraw/index.js";import"../../../icons/search-plus/index.js";import"../../../icons/lightning/index.js";import"../../../icons/blog-circle/index.js";import"../../../icons/stripe/index.js";import"../../../icons/corporate/index.js";import"../../../icons/public/index.js";import"../../../icons/private/index.js";import"../../../icons/mistral/index.js";import"../../../icons/gemini/index.js";import"../../../icons/search-simple/index.js";import"../../../icons/sad-robot/index.js";import"../../../icons/model/index.js";import"../../../icons/phone-colored/index.js";import"../../../icons/questions/index.js";import"../../../icons/pdf-big/index.js";import"../../../icons/xls-big/index.js";import"../../../icons/word-big/index.js";import"../../../icons/txt-big/index.js";import"../../../icons/pdf/index.js";import"../../../icons/xls/index.js";import"../../../icons/word/index.js";import"../../../icons/txt/index.js";import"../../../icons/bothub-logo-gradient/index.js";import"../../../icons/telegram-logo-gradient/index.js";import"../../../icons/decline-circle/index.js";import"../../../icons/simple-gear-bg/index.js";import"../../../icons/advanced-filter/index.js";import"../../../icons/big-corporate/index.js";import"../../../icons/big-mj/index.js";import"../../../icons/big-models/index.js";import"../../../icons/big-stats/index.js";import"../../../icons/big-success/index.js";import"../../../icons/big-users/index.js";import"../../../icons/optional-presets/index.js";import"../../../icons/wallet-withdraw/index.js";import"../../../icons/big-presets/index.js";import"../../../icons/big-favorite/index.js";import"../../../icons/big-referal/index.js";import"../../../icons/attach-file/index.js";import"../../../icons/attach-file-big/index.js";import"../../../icons/voice/index.js";import"../../../icons/play-button/index.js";import"../../../icons/pause-button/index.js";import"../../../icons/text-read/index.js";import"../../../icons/text-hide/index.js";import"../../../icons/best-chat-bots/index.js";import"../../../icons/upload/index.js";import"../../../icons/enter/index.js";import"../../../icons/discord/index.js";import"../../../icons/discord-circle/index.js";import"../../../icons/black-forest-labs/index.js";import"../../../icons/flux/index.js";import"../../../icons/stable-diffusion/index.js";import"../../../icons/stability-ai/index.js";import"../../../icons/article-generator/index.js";import"../../../icons/success/index.js";import"../../../icons/google/index.js";import"../../../icons/yandex/index.js";import"../../../icons/vk/index.js";import"../../../icons/resend/index.js";import"../../../icons/big-article/index.js";import"../../../icons/add-chat/index.js";import"../../../icons/add-group/index.js";import"../../../icons/drag-dot/index.js";import"../../../icons/add-folder/index.js";import"../../../icons/temp-chat/index.js";import"../../../icons/delete-chat/index.js";import"../../../icons/sidebar-chat/index.js";import"../../../icons/organization/index.js";import"../../../icons/simple-gear/index.js";import"../../../icons/text-bold/index.js";import"../../../icons/text-italic/index.js";import"../../../icons/text-underline/index.js";import"../../../icons/text-strikethrough/index.js";import"../../../icons/refresh/index.js";import"../../../icons/copy-variants/index.js";import"../../../icons/sort-ascending/index.js";import"../../../icons/sort-descending/index.js";import"../../../icons/quote/index.js";import"../../../icons/url-circle/index.js";import"../../../icons/show-ui/index.js";import"../../../icons/hide-ui/index.js";import"../../../icons/sort-user/index.js";import"../../../icons/happy-robot/index.js";import"../../../icons/happy-robot-gradient/index.js";import"../../../icons/min-window/index.js";import"../../../icons/max-window/index.js";import"../../../icons/manage-chat/index.js";import"../../../icons/web-search/index.js";import"../../../icons/include-context/index.js";import"../../../icons/queue/index.js";import"../../../icons/sort-alphabet-ascending/index.js";import"../../../icons/sort-alphabet-descending/index.js";import"../../../icons/sort-date-ascending/index.js";import"../../../icons/sort-date-descending/index.js";import"../../../icons/cot-r1/index.js";import"../../../icons/news/index.js";import"../../../icons/volume/index.js";import"../../../icons/flag-ru/index.js";import"../../../icons/flag-kz/index.js";import"../../../icons/print/index.js";import"../../../icons/pc-icon-1/index.js";import"../../../icons/pc-icon-2/index.js";import"../../../icons/pc-icon-3/index.js";import"../../../icons/star-unfilled/index.js";import"../../../icons/image-generation/index.js";import"../../../icons/speech-synthesys/index.js";import"../../../icons/transcription/index.js";import"../../../icons/text-rewrite/index.js";import"../../../icons/code-generation/index.js";import"../../../icons/essay-generation/index.js";import"../../../icons/spelling/index.js";import"../../../icons/text-generation/index.js";import"../../../icons/traffic-analisys/index.js";import"../../../icons/fav-profile/index.js";import"../../../icons/exclamation/index.js";import"../../../icons/article/index.js";import"../../../icons/setchel/index.js";import"../../../icons/assembly/index.js";import"../../../icons/data-visualisation/index.js";import"../../../icons/document-analisys/index.js";import"../../../icons/problem-solvment/index.js";import"../../../icons/setting-analisys/index.js";import"../../../icons/translation/index.js";import"../../../icons/stars/index.js";import"../../../icons/academy/index.js";import"../../../icons/articles/index.js";import"../../../icons/blog-post/index.js";import"../../../icons/book/index.js";import"../../../icons/bow-tie/index.js";import"../../../icons/case-study/index.js";import"../../../icons/comments/index.js";import"../../../icons/guide/index.js";import"../../../icons/marketing/index.js";import"../../../icons/post/index.js";import"../../../icons/report/index.js";import"../../../icons/review/index.js";import"../../../icons/scientific-article/index.js";import"../../../icons/selling-text/index.js";import"../../../icons/textbook/index.js";import"../../../icons/wind/index.js";import"../../../icons/grok/index.js";import"../../../icons/deepseek/index.js";import"../../../icons/grid-horizontal/index.js";import"../../../icons/grid-vertical/index.js";import"../../../icons/star-gradient/index.js";import"../../../icons/qwen/index.js";import"../../../icons/sidebar-toggle-left/index.js";import"../../../icons/sidebar-toggle-right/index.js";import"../../../icons/system/index.js";import"../../../icons/selector/index.js";import"../../../icons/video-camera/index.js";import"../../../icons/music-note/index.js";import"../../../icons/add-profile/index.js";import"../../../icons/token-counter/index.js";import"../../../icons/customer-support/index.js";import"../../../icons/sort-alphabet-top-bottom/index.js";import"../../../icons/sort-alphabet-bottom-top/index.js";import"../../../icons/pause/index.js";import"../../../icons/play/index.js";import"../../../icons/restore-2/index.js";import"../../../icons/video-generation/index.js";import"../../../icons/veo-model/index.js";import"../../../icons/runway/index.js";import"../../../icons/queue-select/index.js";import"../../../icons/apple/index.js";import"../../../icons/mail-colored/index.js";import"../../../icons/shield/index.js";import"../../../icons/stars-gradient/index.js";import"../../../icons/fire/index.js";import"../../../icons/brain/index.js";import"../../../icons/mj-purple/index.js";import"../../../icons/claude-black/index.js";import"../../../icons/vk-filled/index.js";import"../../../icons/tg/index.js";import"../../../icons/gift/index.js";import"../../../icons/exchange/index.js";import"../../../icons/time/index.js";import"../../../icons/folder/index.js";import"../../../icons/history/index.js";import"../../../icons/money-plus/index.js";import"../../../icons/money-stack/index.js";import"../../../icons/sort-numeric-bottom/index.js";import"../../../icons/sort-numeric-top/index.js";import"../../../icons/bulb/index.js";import"../../../icons/prompt-queue/index.js";import"../../../icons/image/index.js";import"../../../icons/text/index.js";import"../../../icons/code/index.js";import"../../../icons/blue-grok/index.js";import"../../../icons/double-image/index.js";import"../../../icons/pdf-black/index.js";import"../../../icons/csv/index.js";import"../../../icons/xls-black/index.js";import"../../../icons/word-black/index.js";import"../../../icons/brain-black/index.js";import"../../../icons/txt-black/index.js";import"../../../icons/workspace/index.js";import"../../../icons/chat-doc/index.js";import"../../../icons/money-spend/index.js";import"../../../icons/money-minus/index.js";import"../../../icons/max-logo-gradient/index.js";import"../../../icons/empty-word/index.js";import"../../../icons/music-file/index.js";import"../../../icons/sad-file/index.js";import"../../../icons/happy-file/index.js";import"../../../icons/volume-off/index.js";import"../../../icons/github/index.js";import"../../../icons/erase/index.js";import"../../../icons/arrow-narrow-stars-right/index.js";import"../../../icons/literature-list/index.js";import"../../../icons/bell-dot/index.js";import"../../../icons/bell/index.js";import"../../../icons/kwaivgi/index.js";import{Tooltip as h}from"../../tooltip/index.js";import{reasoningComponentsOverride as f}from"../reasoning-block/markdown-components.js";import{TooltipConsumer as w}from"../../tooltip/context.js";const k=n=>{var{downloadHandler:s,downloadText:e,regexFilterDownloadHandler:r}=n,d=i(n,["downloadHandler","downloadText","regexFilterDownloadHandler"]);return o(t,{children:d.results.map((i,n)=>o(y,Object.assign({result:i,index:n,downloadText:e},(null==r?void 0:r.test(i.url))&&{downloadHandler:()=>null==s?void 0:s(i,n)}),n))})},y=s(({result:i,index:s,downloadHandler:t,downloadText:k})=>{var y;const[T,q]=u(),[H,M]=u(),z=M.height>q.height&&0!==M.height&&0!==q.height;return n(d,{children:[o(c,{target:"_blank",href:i.url,rel:"noreferrer"}),n(m,{children:[o(e,{size:18}),o(p,{component:"span",variant:"body-m-medium","data-source-name":!0,children:i.name}),o(v,{date:i.date}),o(x,{children:o(r,{"data-source-number":s+1,variant:"body-m-medium",children:s+1})}),t&&o(h,{label:k,children:o(w,{children:({handleTooltipMouseEnter:i,handleTooltipMouseLeave:n})=>o(j,{onClick:t,onMouseEnter:i,onMouseLeave:n,children:o(b,{})})})})]}),o(a,{"data-source-title":!0,component:"p",variant:"body-l-semibold",children:i.title}),o(l,{"data-source-content":!0,ref:T,"data-has-overflow":z,children:o(g,{componentsOverride:f,disableTyping:!0,ref:H,children:null!==(y=i.content)&&void 0!==y?y:""})})]})}),v=s(({date:i})=>{const s=new Date(i),e=s.getUTCDate(),t=s.getUTCMonth()+1,d=s.getUTCFullYear();return n(r,{variant:"body-s-regular",children:[o("span",{children:e.toString().padStart(2,"0")}),"/",o("span",{children:t.toString().padStart(2,"0")}),"/",o("span",{children:d})]})});export{k as MessageSearchResults};
1
+ import{__rest as i}from"tslib";import{jsx as o,jsxs as n}from"react/jsx-runtime";import{memo as s}from"react";import{AnalyzeUrlsIcon as e}from"../../../icons/analyze-urls/index.js";import{Typography as r}from"../../typography/index.js";import{SearchResultsList as t,SearchResultsItemStyled as d,SearchResultsItemLink as c,SearchResultsItemHeader as m,SearchResultsItemName as p,SearchResultsItemNumber as x,SearchResultsItemDownload as j,SearchResultsItemTitle as a,SearchResultsItemContent as l}from"./styled.js";import{MessageMarkdown as g}from"../markdown/index.js";import{useMeasure as u}from"../../../utils/useMeasure.js";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";import"../../../icons/arrow-down/index.js";import"../../../icons/arrow-narrow-left/index.js";import"../../../icons/arrow-narrow-right/index.js";import"../../../icons/arrow-up/index.js";import"../../../icons/bitcoin/index.js";import"../../../icons/bot-circle/index.js";import"../../../icons/bothub-agg/index.js";import"../../../icons/business-colored/index.js";import"../../../icons/check-circle/index.js";import"../../../icons/close/index.js";import"../../../icons/email-circle/index.js";import"../../../icons/language/index.js";import"../../../icons/lock-circle/index.js";import"../../../icons/menu/index.js";import"../../../icons/medium-circle/index.js";import"../../../icons/tg-circle/index.js";import"../../../icons/tg-colored/index.js";import"../../../icons/youcassa/index.js";import"../../../icons/dashboard/index.js";import"../../../icons/user-profile/index.js";import"../../../icons/logout/index.js";import"../../../icons/habr-2/index.js";import"../../../icons/arrow-2-down/index.js";import"../../../icons/links/index.js";import"../../../icons/free/index.js";import"../../../icons/hotness/index.js";import"../../../icons/checked/index.js";import"../../../icons/ai/index.js";import"../../../icons/bookmarks/index.js";import"../../../icons/bookmarks-big/index.js";import"../../../icons/chat/index.js";import"../../../icons/chats/index.js";import"../../../icons/coder/index.js";import"../../../icons/copy/index.js";import"../../../icons/edit/index.js";import"../../../icons/presets-big/index.js";import"../../../icons/referal/index.js";import"../../../icons/restore/index.js";import"../../../icons/tariff/index.js";import"../../../icons/trash/index.js";import"../../../icons/update/index.js";import"../../../icons/menu-dot/index.js";import"../../../icons/plus-2/index.js";import"../../../icons/plus-1/index.js";import"../../../icons/send/index.js";import"../../../icons/settings/index.js";import"../../../icons/habr/index.js";import"../../../icons/check-small/index.js";import"../../../icons/stop/index.js";import"../../../icons/thumb-up/index.js";import"../../../icons/thumb-down/index.js";import"../../../icons/star/index.js";import"../../../icons/info-big/index.js";import"../../../icons/warning-big/index.js";import"../../../icons/error-big/index.js";import"../../../icons/success-big/index.js";import"../../../icons/mj/index.js";import"../../../icons/card/index.js";import"../../../icons/arrow-narrow-up/index.js";import"../../../icons/arrow-narrow-down/index.js";import"../../../icons/filters/index.js";import"../../../icons/info/index.js";import"../../../icons/search-circle/index.js";import"../../../icons/save/index.js";import"../../../icons/light/index.js";import"../../../icons/dark/index.js";import"../../../icons/email-colored/index.js";import"../../../icons/action-chat/index.js";import"../../../icons/attach/index.js";import"../../../icons/avatar-add/index.js";import"../../../icons/brush/index.js";import"../../../icons/calendar/index.js";import"../../../icons/claude/index.js";import"../../../icons/cookie/index.js";import"../../../icons/dalle/index.js";import{DownloadImgIcon as b}from"../../../icons/download-img/index.js";import"../../../icons/error/index.js";import"../../../icons/expand/index.js";import"../../../icons/eye/index.js";import"../../../icons/face/index.js";import"../../../icons/gear/index.js";import"../../../icons/gear-min/index.js";import"../../../icons/generation/index.js";import"../../../icons/gpt-3_5/index.js";import"../../../icons/gpt-4/index.js";import"../../../icons/imagine/index.js";import"../../../icons/imagine-2/index.js";import"../../../icons/loader/index.js";import"../../../icons/loader-circular/index.js";import"../../../icons/loader-circular-gradient/index.js";import"../../../icons/loader-circular-gradient-2/index.js";import"../../../icons/minus/index.js";import"../../../icons/mj-white/index.js";import"../../../icons/prompt/index.js";import"../../../icons/rabbit/index.js";import"../../../icons/ratio-1x1/index.js";import"../../../icons/ratio-2x3/index.js";import"../../../icons/ratio-3x2/index.js";import"../../../icons/ratio-4x5/index.js";import"../../../icons/ratio-4x7/index.js";import"../../../icons/ratio-5x4/index.js";import"../../../icons/ratio-7x4/index.js";import"../../../icons/ratio-16x9/index.js";import"../../../icons/ratio-9x16/index.js";import"../../../icons/ratio-21x9/index.js";import"../../../icons/ratio-9x21/index.js";import"../../../icons/refferal-min/index.js";import"../../../icons/search-data/index.js";import"../../../icons/square/index.js";import"../../../icons/turtle/index.js";import"../../../icons/upscale/index.js";import"../../../icons/withdraw/index.js";import"../../../icons/search-plus/index.js";import"../../../icons/lightning/index.js";import"../../../icons/blog-circle/index.js";import"../../../icons/stripe/index.js";import"../../../icons/corporate/index.js";import"../../../icons/public/index.js";import"../../../icons/private/index.js";import"../../../icons/mistral/index.js";import"../../../icons/gemini/index.js";import"../../../icons/search-simple/index.js";import"../../../icons/sad-robot/index.js";import"../../../icons/model/index.js";import"../../../icons/phone-colored/index.js";import"../../../icons/questions/index.js";import"../../../icons/pdf-big/index.js";import"../../../icons/xls-big/index.js";import"../../../icons/word-big/index.js";import"../../../icons/txt-big/index.js";import"../../../icons/pdf/index.js";import"../../../icons/xls/index.js";import"../../../icons/word/index.js";import"../../../icons/txt/index.js";import"../../../icons/bothub-logo-gradient/index.js";import"../../../icons/telegram-logo-gradient/index.js";import"../../../icons/decline-circle/index.js";import"../../../icons/simple-gear-bg/index.js";import"../../../icons/advanced-filter/index.js";import"../../../icons/big-corporate/index.js";import"../../../icons/big-mj/index.js";import"../../../icons/big-models/index.js";import"../../../icons/big-stats/index.js";import"../../../icons/big-success/index.js";import"../../../icons/big-users/index.js";import"../../../icons/optional-presets/index.js";import"../../../icons/wallet-withdraw/index.js";import"../../../icons/big-presets/index.js";import"../../../icons/big-favorite/index.js";import"../../../icons/big-referal/index.js";import"../../../icons/attach-file/index.js";import"../../../icons/attach-file-big/index.js";import"../../../icons/voice/index.js";import"../../../icons/play-button/index.js";import"../../../icons/pause-button/index.js";import"../../../icons/text-read/index.js";import"../../../icons/text-hide/index.js";import"../../../icons/best-chat-bots/index.js";import"../../../icons/upload/index.js";import"../../../icons/enter/index.js";import"../../../icons/discord/index.js";import"../../../icons/discord-circle/index.js";import"../../../icons/black-forest-labs/index.js";import"../../../icons/flux/index.js";import"../../../icons/stable-diffusion/index.js";import"../../../icons/stability-ai/index.js";import"../../../icons/article-generator/index.js";import"../../../icons/success/index.js";import"../../../icons/google/index.js";import"../../../icons/yandex/index.js";import"../../../icons/vk/index.js";import"../../../icons/resend/index.js";import"../../../icons/big-article/index.js";import"../../../icons/add-chat/index.js";import"../../../icons/add-group/index.js";import"../../../icons/drag-dot/index.js";import"../../../icons/add-folder/index.js";import"../../../icons/temp-chat/index.js";import"../../../icons/delete-chat/index.js";import"../../../icons/sidebar-chat/index.js";import"../../../icons/organization/index.js";import"../../../icons/simple-gear/index.js";import"../../../icons/text-bold/index.js";import"../../../icons/text-italic/index.js";import"../../../icons/text-underline/index.js";import"../../../icons/text-strikethrough/index.js";import"../../../icons/refresh/index.js";import"../../../icons/copy-variants/index.js";import"../../../icons/sort-ascending/index.js";import"../../../icons/sort-descending/index.js";import"../../../icons/quote/index.js";import"../../../icons/url-circle/index.js";import"../../../icons/show-ui/index.js";import"../../../icons/hide-ui/index.js";import"../../../icons/sort-user/index.js";import"../../../icons/happy-robot/index.js";import"../../../icons/happy-robot-gradient/index.js";import"../../../icons/min-window/index.js";import"../../../icons/max-window/index.js";import"../../../icons/manage-chat/index.js";import"../../../icons/web-search/index.js";import"../../../icons/include-context/index.js";import"../../../icons/queue/index.js";import"../../../icons/sort-alphabet-ascending/index.js";import"../../../icons/sort-alphabet-descending/index.js";import"../../../icons/sort-date-ascending/index.js";import"../../../icons/sort-date-descending/index.js";import"../../../icons/cot-r1/index.js";import"../../../icons/news/index.js";import"../../../icons/volume/index.js";import"../../../icons/flag-ru/index.js";import"../../../icons/flag-kz/index.js";import"../../../icons/print/index.js";import"../../../icons/pc-icon-1/index.js";import"../../../icons/pc-icon-2/index.js";import"../../../icons/pc-icon-3/index.js";import"../../../icons/star-unfilled/index.js";import"../../../icons/image-generation/index.js";import"../../../icons/speech-synthesys/index.js";import"../../../icons/transcription/index.js";import"../../../icons/text-rewrite/index.js";import"../../../icons/code-generation/index.js";import"../../../icons/essay-generation/index.js";import"../../../icons/spelling/index.js";import"../../../icons/text-generation/index.js";import"../../../icons/traffic-analisys/index.js";import"../../../icons/fav-profile/index.js";import"../../../icons/exclamation/index.js";import"../../../icons/article/index.js";import"../../../icons/setchel/index.js";import"../../../icons/assembly/index.js";import"../../../icons/data-visualisation/index.js";import"../../../icons/document-analisys/index.js";import"../../../icons/problem-solvment/index.js";import"../../../icons/setting-analisys/index.js";import"../../../icons/translation/index.js";import"../../../icons/stars/index.js";import"../../../icons/academy/index.js";import"../../../icons/articles/index.js";import"../../../icons/blog-post/index.js";import"../../../icons/book/index.js";import"../../../icons/bow-tie/index.js";import"../../../icons/case-study/index.js";import"../../../icons/comments/index.js";import"../../../icons/guide/index.js";import"../../../icons/marketing/index.js";import"../../../icons/post/index.js";import"../../../icons/report/index.js";import"../../../icons/review/index.js";import"../../../icons/scientific-article/index.js";import"../../../icons/selling-text/index.js";import"../../../icons/textbook/index.js";import"../../../icons/wind/index.js";import"../../../icons/grok/index.js";import"../../../icons/deepseek/index.js";import"../../../icons/grid-horizontal/index.js";import"../../../icons/grid-vertical/index.js";import"../../../icons/star-gradient/index.js";import"../../../icons/qwen/index.js";import"../../../icons/sidebar-toggle-left/index.js";import"../../../icons/sidebar-toggle-right/index.js";import"../../../icons/system/index.js";import"../../../icons/selector/index.js";import"../../../icons/video-camera/index.js";import"../../../icons/music-note/index.js";import"../../../icons/add-profile/index.js";import"../../../icons/token-counter/index.js";import"../../../icons/customer-support/index.js";import"../../../icons/sort-alphabet-top-bottom/index.js";import"../../../icons/sort-alphabet-bottom-top/index.js";import"../../../icons/pause/index.js";import"../../../icons/play/index.js";import"../../../icons/restore-2/index.js";import"../../../icons/video-generation/index.js";import"../../../icons/veo-model/index.js";import"../../../icons/runway/index.js";import"../../../icons/queue-select/index.js";import"../../../icons/apple/index.js";import"../../../icons/mail-colored/index.js";import"../../../icons/shield/index.js";import"../../../icons/stars-gradient/index.js";import"../../../icons/fire/index.js";import"../../../icons/brain/index.js";import"../../../icons/mj-purple/index.js";import"../../../icons/claude-black/index.js";import"../../../icons/vk-filled/index.js";import"../../../icons/tg/index.js";import"../../../icons/gift/index.js";import"../../../icons/exchange/index.js";import"../../../icons/time/index.js";import"../../../icons/folder/index.js";import"../../../icons/history/index.js";import"../../../icons/money-plus/index.js";import"../../../icons/money-stack/index.js";import"../../../icons/sort-numeric-bottom/index.js";import"../../../icons/sort-numeric-top/index.js";import"../../../icons/bulb/index.js";import"../../../icons/prompt-queue/index.js";import"../../../icons/image/index.js";import"../../../icons/text/index.js";import"../../../icons/code/index.js";import"../../../icons/blue-grok/index.js";import"../../../icons/double-image/index.js";import"../../../icons/pdf-black/index.js";import"../../../icons/csv/index.js";import"../../../icons/xls-black/index.js";import"../../../icons/word-black/index.js";import"../../../icons/brain-black/index.js";import"../../../icons/txt-black/index.js";import"../../../icons/workspace/index.js";import"../../../icons/chat-doc/index.js";import"../../../icons/money-spend/index.js";import"../../../icons/money-minus/index.js";import"../../../icons/max-logo-gradient/index.js";import"../../../icons/empty-word/index.js";import"../../../icons/music-file/index.js";import"../../../icons/sad-file/index.js";import"../../../icons/happy-file/index.js";import"../../../icons/volume-off/index.js";import"../../../icons/github/index.js";import"../../../icons/erase/index.js";import"../../../icons/arrow-narrow-stars-right/index.js";import"../../../icons/literature-list/index.js";import"../../../icons/bell-dot/index.js";import"../../../icons/bell/index.js";import"../../../icons/kwaivgi/index.js";import"../../../icons/dollar/index.js";import{Tooltip as h}from"../../tooltip/index.js";import{reasoningComponentsOverride as f}from"../reasoning-block/markdown-components.js";import{TooltipConsumer as w}from"../../tooltip/context.js";const k=n=>{var{downloadHandler:s,downloadText:e,regexFilterDownloadHandler:r}=n,d=i(n,["downloadHandler","downloadText","regexFilterDownloadHandler"]);return o(t,{children:d.results.map((i,n)=>o(y,Object.assign({result:i,index:n,downloadText:e},(null==r?void 0:r.test(i.url))&&{downloadHandler:()=>null==s?void 0:s(i,n)}),n))})},y=s(({result:i,index:s,downloadHandler:t,downloadText:k})=>{var y;const[T,q]=u(),[H,M]=u(),z=M.height>q.height&&0!==M.height&&0!==q.height;return n(d,{children:[o(c,{target:"_blank",href:i.url,rel:"noreferrer"}),n(m,{children:[o(e,{size:18}),o(p,{component:"span",variant:"body-m-medium","data-source-name":!0,children:i.name}),o(v,{date:i.date}),o(x,{children:o(r,{"data-source-number":s+1,variant:"body-m-medium",children:s+1})}),t&&o(h,{label:k,children:o(w,{children:({handleTooltipMouseEnter:i,handleTooltipMouseLeave:n})=>o(j,{onClick:t,onMouseEnter:i,onMouseLeave:n,children:o(b,{})})})})]}),o(a,{"data-source-title":!0,component:"p",variant:"body-l-semibold",children:i.title}),o(l,{"data-source-content":!0,ref:T,"data-has-overflow":z,children:o(g,{componentsOverride:f,disableTyping:!0,ref:H,children:null!==(y=i.content)&&void 0!==y?y:""})})]})}),v=s(({date:i})=>{const s=new Date(i),e=s.getUTCDate(),t=s.getUTCMonth()+1,d=s.getUTCFullYear();return n(r,{variant:"body-s-regular",children:[o("span",{children:e.toString().padStart(2,"0")}),"/",o("span",{children:t.toString().padStart(2,"0")}),"/",o("span",{children:d})]})});export{k as MessageSearchResults};
@@ -1,5 +1,8 @@
1
1
  export type MessageVideoProps = {
2
2
  src: string;
3
+ isLoading?: boolean;
4
+ checkAlive?: () => Promise<boolean>;
5
+ refreshSrc?: () => void;
3
6
  downloadVideo?: () => void;
4
7
  };
5
8
  export declare const MessageVideo: React.FC<MessageVideoProps>;
@@ -1 +1 @@
1
- import{jsxs as i,jsx as o}from"react/jsx-runtime";import{useRef as n,useState as s,useCallback as e,useEffect as r}from"react";import{MessageVideoContainer as t,MessageVideoStyled as c,MessageSourceStyled as d,MessageVideoControls as m,MessageVideoTimeLine as p,MessageVideoControlsButtons as x,MessageVideoControlsButton as j,MessageVideoTimeText as a,MessageVideoDownload as l}from"./styled.js";import{MaxWindowIcon as u}from"../../../icons/max-window/index.js";import{MinWindowIcon as g}from"../../../icons/min-window/index.js";import{PauseButtonIcon as b}from"../../../icons/pause-button/index.js";import{PlayButtonIcon as h}from"../../../icons/play-button/index.js";import{MessageVideoVolume as f}from"./volume/index.js";import"../../../icons/arrow-down/index.js";import"../../../icons/arrow-narrow-left/index.js";import"../../../icons/arrow-narrow-right/index.js";import"../../../icons/arrow-up/index.js";import"../../../icons/bitcoin/index.js";import"../../../icons/bot-circle/index.js";import"../../../icons/bothub-agg/index.js";import"../../../icons/business-colored/index.js";import"../../../icons/check-circle/index.js";import"../../../icons/close/index.js";import"../../../icons/email-circle/index.js";import"../../../icons/language/index.js";import"../../../icons/lock-circle/index.js";import"../../../icons/menu/index.js";import"../../../icons/medium-circle/index.js";import"../../../icons/tg-circle/index.js";import"../../../icons/tg-colored/index.js";import"../../../icons/youcassa/index.js";import"../../../icons/dashboard/index.js";import"../../../icons/user-profile/index.js";import"../../../icons/logout/index.js";import"tslib";import"../../../icons/habr-2/index.js";import"../../../icons/arrow-2-down/index.js";import"../../../icons/links/index.js";import"../../../icons/free/index.js";import"../../../icons/hotness/index.js";import"../../../icons/checked/index.js";import"../../../icons/ai/index.js";import"../../../icons/bookmarks/index.js";import"../../../icons/bookmarks-big/index.js";import"../../../icons/chat/index.js";import"../../../icons/chats/index.js";import"../../../icons/coder/index.js";import"../../../icons/copy/index.js";import"../../../icons/edit/index.js";import"../../../icons/presets-big/index.js";import"../../../icons/referal/index.js";import"../../../icons/restore/index.js";import"../../../icons/tariff/index.js";import"../../../icons/trash/index.js";import"../../../icons/update/index.js";import"../../../icons/menu-dot/index.js";import"../../../icons/plus-2/index.js";import"../../../icons/plus-1/index.js";import"../../../icons/send/index.js";import"../../../icons/settings/index.js";import"../../../icons/habr/index.js";import"../../../icons/check-small/index.js";import"../../../icons/stop/index.js";import"../../../icons/thumb-up/index.js";import"../../../icons/thumb-down/index.js";import"../../../icons/star/index.js";import"../../../icons/info-big/index.js";import"../../../icons/warning-big/index.js";import"../../../icons/error-big/index.js";import"../../../icons/success-big/index.js";import"../../../icons/mj/index.js";import"../../../icons/card/index.js";import"../../../icons/arrow-narrow-up/index.js";import"../../../icons/arrow-narrow-down/index.js";import"../../../icons/filters/index.js";import"../../../icons/info/index.js";import"../../../icons/search-circle/index.js";import"../../../icons/save/index.js";import"../../../icons/light/index.js";import"../../../icons/dark/index.js";import"../../../icons/email-colored/index.js";import"../../../icons/action-chat/index.js";import"../../../icons/attach/index.js";import"../../../icons/avatar-add/index.js";import"../../../icons/brush/index.js";import"../../../icons/calendar/index.js";import"../../../icons/claude/index.js";import"../../../icons/cookie/index.js";import"../../../icons/dalle/index.js";import{DownloadImgIcon as w}from"../../../icons/download-img/index.js";import"../../../icons/error/index.js";import"../../../icons/expand/index.js";import"../../../icons/eye/index.js";import"../../../icons/face/index.js";import"../../../icons/gear/index.js";import"../../../icons/gear-min/index.js";import"../../../icons/generation/index.js";import"../../../icons/gpt-3_5/index.js";import"../../../icons/gpt-4/index.js";import"../../../icons/imagine/index.js";import"../../../icons/imagine-2/index.js";import"../../../icons/loader/index.js";import"../../../icons/loader-circular/index.js";import"../../../icons/loader-circular-gradient/index.js";import"../../../icons/loader-circular-gradient-2/index.js";import"../../../icons/minus/index.js";import"../../../icons/mj-white/index.js";import"../../../icons/prompt/index.js";import"../../../icons/rabbit/index.js";import"../../../icons/ratio-1x1/index.js";import"../../../icons/ratio-2x3/index.js";import"../../../icons/ratio-3x2/index.js";import"../../../icons/ratio-4x5/index.js";import"../../../icons/ratio-4x7/index.js";import"../../../icons/ratio-5x4/index.js";import"../../../icons/ratio-7x4/index.js";import"../../../icons/ratio-16x9/index.js";import"../../../icons/ratio-9x16/index.js";import"../../../icons/ratio-21x9/index.js";import"../../../icons/ratio-9x21/index.js";import"../../../icons/refferal-min/index.js";import"../../../icons/search-data/index.js";import"../../../icons/square/index.js";import"../../../icons/turtle/index.js";import"../../../icons/upscale/index.js";import"../../../icons/withdraw/index.js";import"../../../icons/search-plus/index.js";import"../../../icons/lightning/index.js";import"../../../icons/blog-circle/index.js";import"../../../icons/stripe/index.js";import"../../../icons/corporate/index.js";import"../../../icons/public/index.js";import"../../../icons/private/index.js";import"../../../icons/mistral/index.js";import"../../../icons/gemini/index.js";import"../../../icons/search-simple/index.js";import"../../../icons/sad-robot/index.js";import"../../../icons/model/index.js";import"../../../icons/phone-colored/index.js";import"../../../icons/questions/index.js";import"../../../icons/pdf-big/index.js";import"../../../icons/xls-big/index.js";import"../../../icons/word-big/index.js";import"../../../icons/txt-big/index.js";import"../../../icons/pdf/index.js";import"../../../icons/xls/index.js";import"../../../icons/word/index.js";import"../../../icons/txt/index.js";import"../../../icons/bothub-logo-gradient/index.js";import"../../../icons/telegram-logo-gradient/index.js";import"../../../icons/decline-circle/index.js";import"../../../icons/simple-gear-bg/index.js";import"../../../icons/advanced-filter/index.js";import"../../../icons/big-corporate/index.js";import"../../../icons/big-mj/index.js";import"../../../icons/big-models/index.js";import"../../../icons/big-stats/index.js";import"../../../icons/big-success/index.js";import"../../../icons/big-users/index.js";import"../../../icons/optional-presets/index.js";import"../../../icons/wallet-withdraw/index.js";import"../../../icons/big-presets/index.js";import"../../../icons/big-favorite/index.js";import"../../../icons/big-referal/index.js";import"../../../icons/attach-file/index.js";import"../../../icons/attach-file-big/index.js";import"../../../icons/voice/index.js";import"../../../icons/text-read/index.js";import"../../../icons/text-hide/index.js";import"../../../icons/best-chat-bots/index.js";import"../../../icons/upload/index.js";import"../../../icons/enter/index.js";import"../../../icons/discord/index.js";import"../../../icons/discord-circle/index.js";import"../../../icons/black-forest-labs/index.js";import"../../../icons/flux/index.js";import"../../../icons/stable-diffusion/index.js";import"../../../icons/stability-ai/index.js";import"../../../icons/article-generator/index.js";import"../../../icons/success/index.js";import"../../../icons/google/index.js";import"../../../icons/yandex/index.js";import"../../../icons/vk/index.js";import"../../../icons/resend/index.js";import"../../../icons/big-article/index.js";import"../../../icons/add-chat/index.js";import"../../../icons/add-group/index.js";import"../../../icons/drag-dot/index.js";import"../../../icons/add-folder/index.js";import"../../../icons/temp-chat/index.js";import"../../../icons/delete-chat/index.js";import"../../../icons/sidebar-chat/index.js";import"../../../icons/organization/index.js";import"../../../icons/simple-gear/index.js";import"../../../icons/text-bold/index.js";import"../../../icons/text-italic/index.js";import"../../../icons/text-underline/index.js";import"../../../icons/text-strikethrough/index.js";import"../../../icons/refresh/index.js";import"../../../icons/copy-variants/index.js";import"../../../icons/sort-ascending/index.js";import"../../../icons/sort-descending/index.js";import"../../../icons/quote/index.js";import"../../../icons/url-circle/index.js";import"../../../icons/show-ui/index.js";import"../../../icons/hide-ui/index.js";import"../../../icons/sort-user/index.js";import"../../../icons/happy-robot/index.js";import"../../../icons/happy-robot-gradient/index.js";import"../../../icons/manage-chat/index.js";import"../../../icons/analyze-urls/index.js";import"../../../icons/web-search/index.js";import"../../../icons/include-context/index.js";import"../../../icons/queue/index.js";import"../../../icons/sort-alphabet-ascending/index.js";import"../../../icons/sort-alphabet-descending/index.js";import"../../../icons/sort-date-ascending/index.js";import"../../../icons/sort-date-descending/index.js";import"../../../icons/cot-r1/index.js";import"../../../icons/news/index.js";import"../../../icons/volume/index.js";import"../../../icons/flag-ru/index.js";import"../../../icons/flag-kz/index.js";import"../../../icons/print/index.js";import"../../../icons/pc-icon-1/index.js";import"../../../icons/pc-icon-2/index.js";import"../../../icons/pc-icon-3/index.js";import"../../../icons/star-unfilled/index.js";import"../../../icons/image-generation/index.js";import"../../../icons/speech-synthesys/index.js";import"../../../icons/transcription/index.js";import"../../../icons/text-rewrite/index.js";import"../../../icons/code-generation/index.js";import"../../../icons/essay-generation/index.js";import"../../../icons/spelling/index.js";import"../../../icons/text-generation/index.js";import"../../../icons/traffic-analisys/index.js";import"../../../icons/fav-profile/index.js";import"../../../icons/exclamation/index.js";import"../../../icons/article/index.js";import"../../../icons/setchel/index.js";import"../../../icons/assembly/index.js";import"../../../icons/data-visualisation/index.js";import"../../../icons/document-analisys/index.js";import"../../../icons/problem-solvment/index.js";import"../../../icons/setting-analisys/index.js";import"../../../icons/translation/index.js";import"../../../icons/stars/index.js";import"../../../icons/academy/index.js";import"../../../icons/articles/index.js";import"../../../icons/blog-post/index.js";import"../../../icons/book/index.js";import"../../../icons/bow-tie/index.js";import"../../../icons/case-study/index.js";import"../../../icons/comments/index.js";import"../../../icons/guide/index.js";import"../../../icons/marketing/index.js";import"../../../icons/post/index.js";import"../../../icons/report/index.js";import"../../../icons/review/index.js";import"../../../icons/scientific-article/index.js";import"../../../icons/selling-text/index.js";import"../../../icons/textbook/index.js";import"../../../icons/wind/index.js";import"../../../icons/grok/index.js";import"../../../icons/deepseek/index.js";import"../../../icons/grid-horizontal/index.js";import"../../../icons/grid-vertical/index.js";import"../../../icons/star-gradient/index.js";import"../../../icons/qwen/index.js";import"../../../icons/sidebar-toggle-left/index.js";import"../../../icons/sidebar-toggle-right/index.js";import"../../../icons/system/index.js";import"../../../icons/selector/index.js";import"../../../icons/video-camera/index.js";import"../../../icons/music-note/index.js";import"../../../icons/add-profile/index.js";import"../../../icons/token-counter/index.js";import"../../../icons/customer-support/index.js";import"../../../icons/sort-alphabet-top-bottom/index.js";import"../../../icons/sort-alphabet-bottom-top/index.js";import"../../../icons/pause/index.js";import"../../../icons/play/index.js";import"../../../icons/restore-2/index.js";import"../../../icons/video-generation/index.js";import"../../../icons/veo-model/index.js";import"../../../icons/runway/index.js";import"../../../icons/queue-select/index.js";import"../../../icons/apple/index.js";import"../../../icons/mail-colored/index.js";import"../../../icons/shield/index.js";import"../../../icons/stars-gradient/index.js";import"../../../icons/fire/index.js";import"../../../icons/brain/index.js";import"../../../icons/mj-purple/index.js";import"../../../icons/claude-black/index.js";import"../../../icons/vk-filled/index.js";import"../../../icons/tg/index.js";import"../../../icons/gift/index.js";import"../../../icons/exchange/index.js";import"../../../icons/time/index.js";import"../../../icons/folder/index.js";import"../../../icons/history/index.js";import"../../../icons/money-plus/index.js";import"../../../icons/money-stack/index.js";import"../../../icons/sort-numeric-bottom/index.js";import"../../../icons/sort-numeric-top/index.js";import"../../../icons/bulb/index.js";import"../../../icons/prompt-queue/index.js";import"../../../icons/image/index.js";import"../../../icons/text/index.js";import"../../../icons/code/index.js";import"../../../icons/blue-grok/index.js";import"../../../icons/double-image/index.js";import"../../../icons/pdf-black/index.js";import"../../../icons/csv/index.js";import"../../../icons/xls-black/index.js";import"../../../icons/word-black/index.js";import"../../../icons/brain-black/index.js";import"../../../icons/txt-black/index.js";import"../../../icons/workspace/index.js";import"../../../icons/chat-doc/index.js";import"../../../icons/money-spend/index.js";import"../../../icons/money-minus/index.js";import"../../../icons/max-logo-gradient/index.js";import"../../../icons/empty-word/index.js";import"../../../icons/music-file/index.js";import"../../../icons/sad-file/index.js";import"../../../icons/happy-file/index.js";import"../../../icons/volume-off/index.js";import"../../../icons/github/index.js";import"../../../icons/erase/index.js";import"../../../icons/arrow-narrow-stars-right/index.js";import"../../../icons/literature-list/index.js";import"../../../icons/bell-dot/index.js";import"../../../icons/bell/index.js";import"../../../icons/kwaivgi/index.js";import{getVideoMimeType as k}from"../../../utils/getVideoMimeType.js";const y=i=>{const o=Math.floor(i/60),n=Math.floor(i%60);return`${o.toString().padStart(2,"0")}:${n.toString().padStart(2,"0")}`},v=({src:v,downloadVideo:z})=>{const C=n(null),[M,S]=s(!1),[q,T]=s("00:00"),[$,F]=s("00:00"),[E,L]=s(0),[V,D]=s(!1),[U,B]=s(!1),H=n(null),R=V?28:24,X=k(v),_=e(()=>{C.current&&(C.current.play(),S(!0))},[]),A=e(()=>{C.current&&(C.current.pause(),S(!1))},[]),G=e(i=>{const{currentTime:o,duration:n}=i.currentTarget,s=y(o);T(s);L(o/n*100)},[]),I=e(i=>{const{duration:o}=i.currentTarget,n=y(o);F(n)},[]),J=e(i=>{if(i.preventDefault(),!C.current)return;const{clientX:o}=i,{width:n,left:s}=i.currentTarget.getBoundingClientRect(),e=(o-s)/n*100;L(e),C.current.currentTime=e/100*C.current.duration},[]),K=e(()=>{B(!0)},[]),N=e(i=>{U&&J(i)},[U]),O=e(()=>{B(!1)},[]),P=e(()=>{H.current&&(V?document.exitFullscreen():H.current.requestFullscreen(),D(!V))},[V]),Q=e(i=>{if(C.current){const o=Math.floor(i)/100;C.current.volume=o}},[]);return r(()=>{const i=()=>{D(null!==document.fullscreenElement)};return window.addEventListener("fullscreenchange",i),()=>{window.removeEventListener("fullscreenchange",i)}},[M]),i(t,{ref:H,onMouseLeave:O,onMouseMove:N,onMouseUp:O,children:[o(c,{ref:C,onClick:M?A:_,onLoadedData:I,onTimeUpdate:G,onEnded:A,$isFullScreen:V,children:o(d,{src:v,type:X})}),i(m,{$isFullScreen:V,$isVisible:!M,children:[o(p,{onClick:J,onMouseDown:K,$progress:E}),i(x,{$isFullScreen:V,children:[o(j,M?{onClick:A,children:o(b,{size:R})}:{onClick:_,children:o(h,{size:R})}),o(f,{iconSize:R,handleChangeVolume:Q}),i(a,{children:[q," / ",$]}),z&&o(l,{iconFill:"#fff",disableHoverColor:!0,iconSize:R,onClick:z,children:o(w,{})}),o(j,{onClick:P,children:V?o(g,{fill:"#fff",size:R}):o(u,{stroke:"#fff",size:R})})]})]})]})};export{v as MessageVideo};
1
+ import{__awaiter as i}from"tslib";import{jsxs as o,jsx as n}from"react/jsx-runtime";import{useRef as s,useState as e,useCallback as r,useEffect as t}from"react";import{MessageVideoContainer as c,MessageVideoStyled as d,MessageSourceStyled as m,MessageVideoSkeleton as p,MessageVideoControls as x,MessageVideoTimeLine as j,MessageVideoControlsButtons as a,MessageVideoControlsButton as l,MessageVideoTimeText as u,MessageVideoDownload as g}from"./styled.js";import{MaxWindowIcon as b}from"../../../icons/max-window/index.js";import{MinWindowIcon as f}from"../../../icons/min-window/index.js";import{PauseButtonIcon as h}from"../../../icons/pause-button/index.js";import{PlayButtonIcon as w}from"../../../icons/play-button/index.js";import{MessageVideoVolume as k}from"./volume/index.js";import"../../../icons/arrow-down/index.js";import"../../../icons/arrow-narrow-left/index.js";import"../../../icons/arrow-narrow-right/index.js";import"../../../icons/arrow-up/index.js";import"../../../icons/bitcoin/index.js";import"../../../icons/bot-circle/index.js";import"../../../icons/bothub-agg/index.js";import"../../../icons/business-colored/index.js";import"../../../icons/check-circle/index.js";import"../../../icons/close/index.js";import"../../../icons/email-circle/index.js";import"../../../icons/language/index.js";import"../../../icons/lock-circle/index.js";import"../../../icons/menu/index.js";import"../../../icons/medium-circle/index.js";import"../../../icons/tg-circle/index.js";import"../../../icons/tg-colored/index.js";import"../../../icons/youcassa/index.js";import"../../../icons/dashboard/index.js";import"../../../icons/user-profile/index.js";import"../../../icons/logout/index.js";import"../../../icons/habr-2/index.js";import"../../../icons/arrow-2-down/index.js";import"../../../icons/links/index.js";import"../../../icons/free/index.js";import"../../../icons/hotness/index.js";import"../../../icons/checked/index.js";import"../../../icons/ai/index.js";import"../../../icons/bookmarks/index.js";import"../../../icons/bookmarks-big/index.js";import"../../../icons/chat/index.js";import"../../../icons/chats/index.js";import"../../../icons/coder/index.js";import"../../../icons/copy/index.js";import"../../../icons/edit/index.js";import"../../../icons/presets-big/index.js";import"../../../icons/referal/index.js";import"../../../icons/restore/index.js";import"../../../icons/tariff/index.js";import"../../../icons/trash/index.js";import"../../../icons/update/index.js";import"../../../icons/menu-dot/index.js";import"../../../icons/plus-2/index.js";import"../../../icons/plus-1/index.js";import"../../../icons/send/index.js";import"../../../icons/settings/index.js";import"../../../icons/habr/index.js";import"../../../icons/check-small/index.js";import"../../../icons/stop/index.js";import"../../../icons/thumb-up/index.js";import"../../../icons/thumb-down/index.js";import"../../../icons/star/index.js";import"../../../icons/info-big/index.js";import"../../../icons/warning-big/index.js";import"../../../icons/error-big/index.js";import"../../../icons/success-big/index.js";import"../../../icons/mj/index.js";import"../../../icons/card/index.js";import"../../../icons/arrow-narrow-up/index.js";import"../../../icons/arrow-narrow-down/index.js";import"../../../icons/filters/index.js";import"../../../icons/info/index.js";import"../../../icons/search-circle/index.js";import"../../../icons/save/index.js";import"../../../icons/light/index.js";import"../../../icons/dark/index.js";import"../../../icons/email-colored/index.js";import"../../../icons/action-chat/index.js";import"../../../icons/attach/index.js";import"../../../icons/avatar-add/index.js";import"../../../icons/brush/index.js";import"../../../icons/calendar/index.js";import"../../../icons/claude/index.js";import"../../../icons/cookie/index.js";import"../../../icons/dalle/index.js";import{DownloadImgIcon as y}from"../../../icons/download-img/index.js";import"../../../icons/error/index.js";import"../../../icons/expand/index.js";import"../../../icons/eye/index.js";import"../../../icons/face/index.js";import"../../../icons/gear/index.js";import"../../../icons/gear-min/index.js";import"../../../icons/generation/index.js";import"../../../icons/gpt-3_5/index.js";import"../../../icons/gpt-4/index.js";import"../../../icons/imagine/index.js";import"../../../icons/imagine-2/index.js";import"../../../icons/loader/index.js";import"../../../icons/loader-circular/index.js";import"../../../icons/loader-circular-gradient/index.js";import"../../../icons/loader-circular-gradient-2/index.js";import"../../../icons/minus/index.js";import"../../../icons/mj-white/index.js";import"../../../icons/prompt/index.js";import"../../../icons/rabbit/index.js";import"../../../icons/ratio-1x1/index.js";import"../../../icons/ratio-2x3/index.js";import"../../../icons/ratio-3x2/index.js";import"../../../icons/ratio-4x5/index.js";import"../../../icons/ratio-4x7/index.js";import"../../../icons/ratio-5x4/index.js";import"../../../icons/ratio-7x4/index.js";import"../../../icons/ratio-16x9/index.js";import"../../../icons/ratio-9x16/index.js";import"../../../icons/ratio-21x9/index.js";import"../../../icons/ratio-9x21/index.js";import"../../../icons/refferal-min/index.js";import"../../../icons/search-data/index.js";import"../../../icons/square/index.js";import"../../../icons/turtle/index.js";import"../../../icons/upscale/index.js";import"../../../icons/withdraw/index.js";import"../../../icons/search-plus/index.js";import"../../../icons/lightning/index.js";import"../../../icons/blog-circle/index.js";import"../../../icons/stripe/index.js";import"../../../icons/corporate/index.js";import"../../../icons/public/index.js";import"../../../icons/private/index.js";import"../../../icons/mistral/index.js";import"../../../icons/gemini/index.js";import"../../../icons/search-simple/index.js";import"../../../icons/sad-robot/index.js";import"../../../icons/model/index.js";import"../../../icons/phone-colored/index.js";import"../../../icons/questions/index.js";import"../../../icons/pdf-big/index.js";import"../../../icons/xls-big/index.js";import"../../../icons/word-big/index.js";import"../../../icons/txt-big/index.js";import"../../../icons/pdf/index.js";import"../../../icons/xls/index.js";import"../../../icons/word/index.js";import"../../../icons/txt/index.js";import"../../../icons/bothub-logo-gradient/index.js";import"../../../icons/telegram-logo-gradient/index.js";import"../../../icons/decline-circle/index.js";import"../../../icons/simple-gear-bg/index.js";import"../../../icons/advanced-filter/index.js";import"../../../icons/big-corporate/index.js";import"../../../icons/big-mj/index.js";import"../../../icons/big-models/index.js";import"../../../icons/big-stats/index.js";import"../../../icons/big-success/index.js";import"../../../icons/big-users/index.js";import"../../../icons/optional-presets/index.js";import"../../../icons/wallet-withdraw/index.js";import"../../../icons/big-presets/index.js";import"../../../icons/big-favorite/index.js";import"../../../icons/big-referal/index.js";import"../../../icons/attach-file/index.js";import"../../../icons/attach-file-big/index.js";import"../../../icons/voice/index.js";import"../../../icons/text-read/index.js";import"../../../icons/text-hide/index.js";import"../../../icons/best-chat-bots/index.js";import"../../../icons/upload/index.js";import"../../../icons/enter/index.js";import"../../../icons/discord/index.js";import"../../../icons/discord-circle/index.js";import"../../../icons/black-forest-labs/index.js";import"../../../icons/flux/index.js";import"../../../icons/stable-diffusion/index.js";import"../../../icons/stability-ai/index.js";import"../../../icons/article-generator/index.js";import"../../../icons/success/index.js";import"../../../icons/google/index.js";import"../../../icons/yandex/index.js";import"../../../icons/vk/index.js";import"../../../icons/resend/index.js";import"../../../icons/big-article/index.js";import"../../../icons/add-chat/index.js";import"../../../icons/add-group/index.js";import"../../../icons/drag-dot/index.js";import"../../../icons/add-folder/index.js";import"../../../icons/temp-chat/index.js";import"../../../icons/delete-chat/index.js";import"../../../icons/sidebar-chat/index.js";import"../../../icons/organization/index.js";import"../../../icons/simple-gear/index.js";import"../../../icons/text-bold/index.js";import"../../../icons/text-italic/index.js";import"../../../icons/text-underline/index.js";import"../../../icons/text-strikethrough/index.js";import"../../../icons/refresh/index.js";import"../../../icons/copy-variants/index.js";import"../../../icons/sort-ascending/index.js";import"../../../icons/sort-descending/index.js";import"../../../icons/quote/index.js";import"../../../icons/url-circle/index.js";import"../../../icons/show-ui/index.js";import"../../../icons/hide-ui/index.js";import"../../../icons/sort-user/index.js";import"../../../icons/happy-robot/index.js";import"../../../icons/happy-robot-gradient/index.js";import"../../../icons/manage-chat/index.js";import"../../../icons/analyze-urls/index.js";import"../../../icons/web-search/index.js";import"../../../icons/include-context/index.js";import"../../../icons/queue/index.js";import"../../../icons/sort-alphabet-ascending/index.js";import"../../../icons/sort-alphabet-descending/index.js";import"../../../icons/sort-date-ascending/index.js";import"../../../icons/sort-date-descending/index.js";import"../../../icons/cot-r1/index.js";import"../../../icons/news/index.js";import"../../../icons/volume/index.js";import"../../../icons/flag-ru/index.js";import"../../../icons/flag-kz/index.js";import"../../../icons/print/index.js";import"../../../icons/pc-icon-1/index.js";import"../../../icons/pc-icon-2/index.js";import"../../../icons/pc-icon-3/index.js";import"../../../icons/star-unfilled/index.js";import"../../../icons/image-generation/index.js";import"../../../icons/speech-synthesys/index.js";import"../../../icons/transcription/index.js";import"../../../icons/text-rewrite/index.js";import"../../../icons/code-generation/index.js";import"../../../icons/essay-generation/index.js";import"../../../icons/spelling/index.js";import"../../../icons/text-generation/index.js";import"../../../icons/traffic-analisys/index.js";import"../../../icons/fav-profile/index.js";import"../../../icons/exclamation/index.js";import"../../../icons/article/index.js";import"../../../icons/setchel/index.js";import"../../../icons/assembly/index.js";import"../../../icons/data-visualisation/index.js";import"../../../icons/document-analisys/index.js";import"../../../icons/problem-solvment/index.js";import"../../../icons/setting-analisys/index.js";import"../../../icons/translation/index.js";import"../../../icons/stars/index.js";import"../../../icons/academy/index.js";import"../../../icons/articles/index.js";import"../../../icons/blog-post/index.js";import"../../../icons/book/index.js";import"../../../icons/bow-tie/index.js";import"../../../icons/case-study/index.js";import"../../../icons/comments/index.js";import"../../../icons/guide/index.js";import"../../../icons/marketing/index.js";import"../../../icons/post/index.js";import"../../../icons/report/index.js";import"../../../icons/review/index.js";import"../../../icons/scientific-article/index.js";import"../../../icons/selling-text/index.js";import"../../../icons/textbook/index.js";import"../../../icons/wind/index.js";import"../../../icons/grok/index.js";import"../../../icons/deepseek/index.js";import"../../../icons/grid-horizontal/index.js";import"../../../icons/grid-vertical/index.js";import"../../../icons/star-gradient/index.js";import"../../../icons/qwen/index.js";import"../../../icons/sidebar-toggle-left/index.js";import"../../../icons/sidebar-toggle-right/index.js";import"../../../icons/system/index.js";import"../../../icons/selector/index.js";import"../../../icons/video-camera/index.js";import"../../../icons/music-note/index.js";import"../../../icons/add-profile/index.js";import"../../../icons/token-counter/index.js";import"../../../icons/customer-support/index.js";import"../../../icons/sort-alphabet-top-bottom/index.js";import"../../../icons/sort-alphabet-bottom-top/index.js";import"../../../icons/pause/index.js";import"../../../icons/play/index.js";import"../../../icons/restore-2/index.js";import"../../../icons/video-generation/index.js";import"../../../icons/veo-model/index.js";import"../../../icons/runway/index.js";import"../../../icons/queue-select/index.js";import"../../../icons/apple/index.js";import"../../../icons/mail-colored/index.js";import"../../../icons/shield/index.js";import"../../../icons/stars-gradient/index.js";import"../../../icons/fire/index.js";import"../../../icons/brain/index.js";import"../../../icons/mj-purple/index.js";import"../../../icons/claude-black/index.js";import"../../../icons/vk-filled/index.js";import"../../../icons/tg/index.js";import"../../../icons/gift/index.js";import"../../../icons/exchange/index.js";import"../../../icons/time/index.js";import"../../../icons/folder/index.js";import"../../../icons/history/index.js";import"../../../icons/money-plus/index.js";import"../../../icons/money-stack/index.js";import"../../../icons/sort-numeric-bottom/index.js";import"../../../icons/sort-numeric-top/index.js";import"../../../icons/bulb/index.js";import"../../../icons/prompt-queue/index.js";import"../../../icons/image/index.js";import"../../../icons/text/index.js";import"../../../icons/code/index.js";import"../../../icons/blue-grok/index.js";import"../../../icons/double-image/index.js";import"../../../icons/pdf-black/index.js";import"../../../icons/csv/index.js";import"../../../icons/xls-black/index.js";import"../../../icons/word-black/index.js";import"../../../icons/brain-black/index.js";import"../../../icons/txt-black/index.js";import"../../../icons/workspace/index.js";import"../../../icons/chat-doc/index.js";import"../../../icons/money-spend/index.js";import"../../../icons/money-minus/index.js";import"../../../icons/max-logo-gradient/index.js";import"../../../icons/empty-word/index.js";import"../../../icons/music-file/index.js";import"../../../icons/sad-file/index.js";import"../../../icons/happy-file/index.js";import"../../../icons/volume-off/index.js";import"../../../icons/github/index.js";import"../../../icons/erase/index.js";import"../../../icons/arrow-narrow-stars-right/index.js";import"../../../icons/literature-list/index.js";import"../../../icons/bell-dot/index.js";import"../../../icons/bell/index.js";import"../../../icons/kwaivgi/index.js";import"../../../icons/dollar/index.js";import{getVideoMimeType as v}from"../../../utils/getVideoMimeType.js";const S=i=>{const o=Math.floor(i/60),n=Math.floor(i%60);return`${o.toString().padStart(2,"0")}:${n.toString().padStart(2,"0")}`},z=({src:z,isLoading:C=!1,checkAlive:M,refreshSrc:q,downloadVideo:$})=>{const F=s(null),[T,L]=e(!1),[E,V]=e("00:00"),[D,U]=e("00:00"),[A,B]=e(0),[H,R]=e(!1),[W,X]=e(!0),[_,G]=e(!1),I=s(null),J=H?28:24,K=W||C,N=v(z),O=r(()=>i(void 0,void 0,void 0,function*(){if(K)return;(yield null==M?void 0:M())?F.current&&(yield F.current.play(),L(!0)):null==q||q()}),[M,q,K]),P=r(()=>{F.current&&(F.current.pause(),L(!1))},[]),Q=r(i=>{const{currentTime:o,duration:n}=i.currentTarget,s=S(o);V(s);B(o/n*100)},[]),Y=r(i=>{const{duration:o}=i.currentTarget,n=S(o);U(n),X(!1)},[]),Z=r(i=>{if(i.preventDefault(),!F.current)return;const{clientX:o}=i,{width:n,left:s}=i.currentTarget.getBoundingClientRect(),e=(o-s)/n*100;B(e),F.current.currentTime=e/100*F.current.duration},[]),ii=r(()=>{G(!0)},[]),oi=r(i=>{_&&Z(i)},[_]),ni=r(()=>{G(!1)},[]),si=r(()=>{I.current&&(H?document.exitFullscreen():I.current.requestFullscreen(),R(!H))},[H]),ei=r(i=>{if(F.current){const o=Math.floor(i)/100;F.current.volume=o}},[]);return t(()=>{L(!1),V("00:00"),U("00:00"),B(0),X(!0),F.current&&F.current.load()},[z]),t(()=>{const i=()=>{R(null!==document.fullscreenElement)};return window.addEventListener("fullscreenchange",i),()=>{window.removeEventListener("fullscreenchange",i)}},[T]),o(c,{ref:I,onMouseLeave:ni,onMouseMove:oi,onMouseUp:ni,children:[n(d,{ref:F,onClick:T?P:O,onLoadedData:Y,onTimeUpdate:Q,onEnded:P,$isFullScreen:H,style:{display:K?"none":"block"},children:n(m,{src:z,type:N})}),K&&n(p,{$isFullScreen:H,fullWidth:!0,variant:"rounded"}),!K&&o(x,{$isFullScreen:H,$isVisible:!T,children:[n(j,{onClick:Z,onMouseDown:ii,$progress:A}),o(a,{$isFullScreen:H,children:[n(l,T?{onClick:P,children:n(h,{size:J})}:{onClick:O,disabled:K,children:n(w,{size:J})}),n(k,{iconSize:J,handleChangeVolume:ei}),o(u,{children:[E," / ",D]}),$&&n(g,{iconFill:"#fff",disableHoverColor:!0,iconSize:J,onClick:$,children:n(y,{})}),n(l,{onClick:si,children:H?n(f,{fill:"#fff",size:J}):n(b,{stroke:"#fff",size:J})})]})]})]})};export{z as MessageVideo};
@@ -1473,3 +1473,6 @@ export declare const MessageVideoDownload: import("styled-components").IStyledCo
1473
1473
  disableHoverColor?: boolean | undefined;
1474
1474
  ref?: import("react").Ref<HTMLButtonElement | null> | undefined;
1475
1475
  }>;
1476
+ export declare const MessageVideoSkeleton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("@/ui/components/skeleton").SkeletonProps, {
1477
+ $isFullScreen: boolean;
1478
+ }>>;
@@ -1,11 +1,11 @@
1
- import{styled as e,css as t}from"styled-components";import{Typography as i}from"../../typography/index.js";import{Button as o}from"../../button/index.js";const s=e.div.withConfig({displayName:"styled__MessageVideoControls",componentId:"sc-sakyfd-0"})(["transform:",";opacity:",";transition:all 300ms ease-out;position:absolute;left:0;bottom:0;display:flex;flex-direction:column;gap:8px;padding:8px;padding-top:16px;background:linear-gradient( 180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100% );width:100%;",""],({$isVisible:e})=>e?"translateY(0)":"translateY(100%)",({$isVisible:e})=>e?1:0,({$isFullScreen:e})=>e&&t`
1
+ import{styled as e,css as t}from"styled-components";import{Typography as i}from"../../typography/index.js";import{Button as o}from"../../button/index.js";import{Skeleton as s}from"../../skeleton/index.js";const a=e.div.withConfig({displayName:"styled__MessageVideoControls",componentId:"sc-sakyfd-0"})(["transform:",";opacity:",";transition:all 300ms ease-out;position:absolute;left:0;bottom:0;display:flex;flex-direction:column;gap:8px;padding:8px;padding-top:16px;background:linear-gradient( 180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100% );width:100%;",""],({$isVisible:e})=>e?"translateY(0)":"translateY(100%)",({$isVisible:e})=>e?1:0,({$isFullScreen:e})=>e&&t`
2
2
  padding: 24px;
3
3
  gap: 24px;
4
- `),a=e.div.withConfig({displayName:"styled__MessageVideoContainer",componentId:"sc-sakyfd-1"})(["position:relative;display:flex;justify-content:center;overflow:hidden;border-radius:inherit;&:hover{","{opacity:1;transform:translateY(0);}}"],s),d=e.video.withConfig({displayName:"styled__MessageVideoStyled",componentId:"sc-sakyfd-2"})(["width:100%;max-width:",";@media (max-width:","){max-width:none;}"],({$isFullScreen:e})=>e?"100%":"640px",({theme:e})=>e.mobile.maxWidth),n=e.source.withConfig({displayName:"styled__MessageSourceStyled",componentId:"sc-sakyfd-3"})(["",""],({$isFullScreen:e})=>e&&t`
4
+ `),d=e.div.withConfig({displayName:"styled__MessageVideoContainer",componentId:"sc-sakyfd-1"})(["position:relative;display:flex;justify-content:center;overflow:hidden;border-radius:inherit;&:hover{","{opacity:1;transform:translateY(0);}}"],a),n=e.video.withConfig({displayName:"styled__MessageVideoStyled",componentId:"sc-sakyfd-2"})(["width:100%;max-width:",";@media (max-width:","){max-width:none;}"],({$isFullScreen:e})=>e?"100%":"640px",({theme:e})=>e.mobile.maxWidth),r=e.source.withConfig({displayName:"styled__MessageSourceStyled",componentId:"sc-sakyfd-3"})(["",""],({$isFullScreen:e})=>e&&t`
5
5
  width: 100%;
6
6
  height: 100vh;
7
7
  position: fixed;
8
8
  top: 0;
9
9
  left: 0;
10
10
  z-index: -3;
11
- `),r=e.button.withConfig({displayName:"styled__MessageVideoControlsButton",componentId:"sc-sakyfd-4"})(["position:relative;cursor:pointer;flex-shrink:0;background:none;border:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;svg path{stroke:white;}"]),l=e.div.withConfig({displayName:"styled__MessageVideoControlsButtons",componentId:"sc-sakyfd-5"})(["display:grid;grid-template-columns:auto auto 1fr auto auto;gap:8px;align-items:center;"]),p=e.div.withConfig({displayName:"styled__MessageVideoTimeLine",componentId:"sc-sakyfd-6"})(["position:relative;height:6px;border-radius:4px;width:100%;background:rgba(255,255,255,0.5);cursor:pointer;transition:all 100ms ease-out;&:hover{opacity:0.8;height:16px;}&:after{content:'';position:absolute;bottom:0;left:0;height:inherit;width:","%;right:0;bottom:0;background:",";}"],({$progress:e})=>e,({theme:e})=>e.colors.accent.primary),m=e(i).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__MessageVideoTimeText",componentId:"sc-sakyfd-7"})(["color:",";"],({theme:e})=>e.default.colors.base.white),c=e.div.withConfig({displayName:"styled__MessageVideoVolumeLine",componentId:"sc-sakyfd-8"})(["position:relative;height:4px;transition:all 300ms ease-out;border-radius:4px;width:0;max-width:100px;opacity:0;background:rgba(255,255,255,0.5);display:flex;cursor:pointer;align-items:center;&:after{content:'';position:absolute;cursor:pointer;bottom:0;left:0;border-radius:4px;height:4px;width:","%;right:0;bottom:0;background:",";}&:before{content:'';position:absolute;left:","%;width:12px;z-index:1;margin-left:-8px;cursor:pointer;height:12px;border-radius:50%;background:rgba(255,255,255,1);}"],({$volume:e})=>e,({theme:e})=>e.default.colors.base.white,({$volume:e})=>e),g=e.div.withConfig({displayName:"styled__MessageVideoVolumeContainer",componentId:"sc-sakyfd-9"})(["display:flex;width:100%;align-items:center;overflow:hidden;gap:8px;&:hover{padding-right:8px;","{width:75px;opacity:1;}}"],c),h=e(o).attrs({variant:"text"}).withConfig({displayName:"styled__MessageVideoDownload",componentId:"sc-sakyfd-10"})([""]);export{n as MessageSourceStyled,a as MessageVideoContainer,s as MessageVideoControls,r as MessageVideoControlsButton,l as MessageVideoControlsButtons,h as MessageVideoDownload,d as MessageVideoStyled,p as MessageVideoTimeLine,m as MessageVideoTimeText,g as MessageVideoVolumeContainer,c as MessageVideoVolumeLine};
11
+ `),l=e.button.withConfig({displayName:"styled__MessageVideoControlsButton",componentId:"sc-sakyfd-4"})(["position:relative;cursor:pointer;flex-shrink:0;background:none;border:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;svg path{stroke:white;}&:disabled{opacity:0.5;}"]),p=e.div.withConfig({displayName:"styled__MessageVideoControlsButtons",componentId:"sc-sakyfd-5"})(["display:grid;grid-template-columns:auto auto 1fr auto auto;gap:8px;align-items:center;"]),c=e.div.withConfig({displayName:"styled__MessageVideoTimeLine",componentId:"sc-sakyfd-6"})(["position:relative;height:6px;border-radius:4px;width:100%;background:rgba(255,255,255,0.5);cursor:pointer;transition:all 100ms ease-out;&:hover{opacity:0.8;height:16px;}&:after{content:'';position:absolute;bottom:0;left:0;height:inherit;width:","%;right:0;bottom:0;background:",";}"],({$progress:e})=>e,({theme:e})=>e.colors.accent.primary),m=e(i).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__MessageVideoTimeText",componentId:"sc-sakyfd-7"})(["color:",";"],({theme:e})=>e.default.colors.base.white),h=e.div.withConfig({displayName:"styled__MessageVideoVolumeLine",componentId:"sc-sakyfd-8"})(["position:relative;height:4px;transition:all 300ms ease-out;border-radius:4px;width:0;max-width:100px;opacity:0;background:rgba(255,255,255,0.5);display:flex;cursor:pointer;align-items:center;&:after{content:'';position:absolute;cursor:pointer;bottom:0;left:0;border-radius:4px;height:4px;width:","%;right:0;bottom:0;background:",";}&:before{content:'';position:absolute;left:","%;width:12px;z-index:1;margin-left:-8px;cursor:pointer;height:12px;border-radius:50%;background:rgba(255,255,255,1);}"],({$volume:e})=>e,({theme:e})=>e.default.colors.base.white,({$volume:e})=>e),g=e.div.withConfig({displayName:"styled__MessageVideoVolumeContainer",componentId:"sc-sakyfd-9"})(["display:flex;width:100%;align-items:center;overflow:hidden;gap:8px;&:hover{padding-right:8px;","{width:75px;opacity:1;}}"],h),y=e(o).attrs({variant:"text"}).withConfig({displayName:"styled__MessageVideoDownload",componentId:"sc-sakyfd-10"})([""]),f=e(s).withConfig({displayName:"styled__MessageVideoSkeleton",componentId:"sc-sakyfd-11"})(["width:100%;aspect-ratio:",";height:",";"],({$isFullScreen:e})=>e?"auto":"16/9",({$isFullScreen:e})=>e?"100vh":"200px");export{r as MessageSourceStyled,d as MessageVideoContainer,a as MessageVideoControls,l as MessageVideoControlsButton,p as MessageVideoControlsButtons,y as MessageVideoDownload,f as MessageVideoSkeleton,n as MessageVideoStyled,c as MessageVideoTimeLine,m as MessageVideoTimeText,g as MessageVideoVolumeContainer,h as MessageVideoVolumeLine};
@@ -5,6 +5,9 @@ export interface MessageVoiceProps extends React.ComponentProps<'div'> {
5
5
  src: string;
6
6
  waveData: number[];
7
7
  duration: number;
8
+ isLoading?: boolean;
9
+ checkAlive?: () => Promise<boolean>;
10
+ refreshSrc?: () => void;
8
11
  disableTranscription?: boolean;
9
12
  variant?: MessageVoiceVariant;
10
13
  }
@@ -1 +1 @@
1
- import{__rest as t}from"tslib";import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useId as o,useRef as i,useState as n,useEffect as c,useCallback as a}from"react";import{MessageVoiceStyled as l,MessageVoiceAudio as s,MessageVoiceMain as d,MessageVoiceToggleButton as m,MessageVoicePauseIcon as u,MessageVoicePlayIcon as p,MessageVoiceWaves as h,StyledRect as g,MessageVoiceDurationText as f,MessageVoiceToggleTextButton as w,MessageVoiceHideTextIcon as y,MessageVoiceShowTextIcon as b,MessageVoiceText as j}from"./styled.js";import{IconProvider as k}from"../../icon/context.js";import"../../icon/styled.js";import"@react-spring/web";import"react-markdown";import"react-dom";import"../../portal/styled.js";import"../../tooltip/styled.js";import"../../tooltip/arrow/styled.js";import"../../../theme/index.js";import"../../tooltip/context.js";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{isBright as x}from"../../../utils/colors/isBright.js";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";import{formatSeconds as v}from"../../../utils/formatSeconds.js";import{useMessage as C}from"../context.js";import{useTheme as P}from"../../../theme/hook.js";const L="messageVoicePlay",T=T=>{var{height:$=36,src:A,waveData:D,duration:E,tabIndex:S=0,disableTranscription:B,variant:I="message",children:F}=T,O=t(T,["height","src","waveData","duration","tabIndex","disableTranscription","variant","children"]);const _=P(),z=o(),{color:G}=C(),M=i(null),R=i(null),[U,V]=n(!0),[X,q]=n(!1),[H,J]=n(!1),[K,N]=n(null);c(()=>{const t=t=>{const r=M.current,e=t.detail.audio;r&&e!==r&&!r.paused&&r.pause()};return window.addEventListener(L,t),()=>{window.removeEventListener(L,t)}},[]);const Q=a(()=>{const t=new CustomEvent(L,{detail:{audio:M.current}});window.dispatchEvent(t),q(!0)},[]),W=a(()=>{const t=M.current;t&&(X?t.pause():t.play())},[X,M.current]),Y=a(()=>{const t=M.current;t&&N(t.currentTime)},[M.current]),Z=a(t=>{t.stopPropagation();const r=M.current,e=R.current;if(!r||!e)return;const o=e.getBoundingClientRect(),{width:i}=o,n=(t.clientX-o.left)/i*E;r.play(),r.currentTime=n},[M.current,E]),tt=a(()=>{N(null)},[]),rt=a(t=>{t.stopPropagation(),J(!H)},[H]);return r(l,Object.assign({},O,{children:[e(s,{ref:M,src:A,onPlay:Q,onPause:q.bind(null,!1),onCanPlayThrough:V.bind(null,!1),onTimeUpdate:Y,onEnded:tt}),r(d,{$loading:U,tabIndex:S,children:[e(m,{onClick:W,children:e(k,Object.assign({},"message"===I&&("standard"!==_.scheme?{fill:_.colors.grayScale.gray4}:{fill:"dark"===_.mode?_.default.colors.base.white:_.default.colors.accent.primary}),"input"===I&&"default"===G&&{fill:"standard"===_.scheme?"#A4C1FA":x(_.colors.grayScale.gray4)?_.colors.accent.strongDown:_.colors.accent.primary},"input"===I&&{size:22},{children:e(X?u:p,{})}))}),r(h,{ref:R,width:"145",height:$,viewBox:`0 0 145 ${$}`,fill:"none",onClick:Z,children:[r("g",{clipPath:`url(#${z}_clip)`,children:[e("rect",{width:"145",height:$,fill:"default"===G?"standard"===_.scheme?"#A4C1FA":_.bright||"custom"===_.scheme&&x(_.colors.custom.message.user.background)?_.colors.accent.strongDown:_.colors.accent.primaryLight:_.default.colors.base.white}),null!==K&&e(g,{height:$,fill:"dark"===_.mode?_.default.colors.base.white:_.colors.accent.primaryLight,style:{width:K/E*145}})]}),e("defs",{children:e("clipPath",{id:`${z}_clip`,children:D.map((t,r)=>{const o=Math.max(t/100*36,2);return e("rect",{x:5*r,y:($-o)/2,width:"3",height:o,rx:"1.5"},r)})})})]}),r(f,{$variant:I,children:[null!==K&&v(K),null===K&&v(E)]}),!B&&e(w,{onClick:rt,children:e(k,{fill:"standard"===_.scheme?"dark"===_.mode?_.colors.accent.primary:_.colors.accent.primaryLight:_.bright?_.colors.accent.strongDown:_.colors.accent.primaryLight,stroke:"standard"===_.scheme?_.default.colors.base.white:_.default.colors.base.black,children:e(H?y:b,{})})})]}),!B&&H&&F&&e(j,{$messageColor:G,children:F})]}))};export{T as MessageVoice};
1
+ import{__rest as r,__awaiter as t}from"tslib";import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useId as i,useRef as c,useState as n,useEffect as a,useCallback as l}from"react";import{MessageVoiceStyled as s,MessageVoiceAudio as d,MessageVoiceMain as m,MessageVoiceToggleButton as u,MessageVoicePauseIcon as h,MessageVoicePlayIcon as p,MessageVoiceWaves as g,StyledRect as f,MessageVoiceDurationText as w,MessageVoiceToggleTextButton as y,MessageVoiceHideTextIcon as b,MessageVoiceShowTextIcon as v,MessageVoiceText as j}from"./styled.js";import{IconProvider as k}from"../../icon/context.js";import"../../icon/styled.js";import"@react-spring/web";import"react-markdown";import"react-dom";import"../../portal/styled.js";import"../../tooltip/styled.js";import"../../tooltip/arrow/styled.js";import"../../../theme/index.js";import"../../tooltip/context.js";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{isBright as x}from"../../../utils/colors/isBright.js";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";import{formatSeconds as C}from"../../../utils/formatSeconds.js";import{useMessage as L}from"../context.js";import{useTheme as P}from"../../../theme/hook.js";const A="messageVoicePlay",S=S=>{var{height:T=36,src:$,waveData:D,duration:E,tabIndex:B=0,isLoading:I=!1,checkAlive:F,refreshSrc:O,disableTranscription:_,variant:z="message",children:G}=S,M=r(S,["height","src","waveData","duration","tabIndex","isLoading","checkAlive","refreshSrc","disableTranscription","variant","children"]);const R=P(),U=i(),{color:V}=L(),X=c(null),q=c(null),[H,J]=n(!0),[K,N]=n(!1),[Q,W]=n(!1),[Y,Z]=n(null),rr=H||I;a(()=>{const r=r=>{const t=X.current,e=r.detail.audio;t&&e!==t&&!t.paused&&t.pause()};return window.addEventListener(A,r),()=>{window.removeEventListener(A,r)}},[]),a(()=>{N(!1),Z(null),J(!0),X.current&&X.current.load()},[$]);const tr=l(()=>t(void 0,void 0,void 0,function*(){if(rr)return;if(yield null==F?void 0:F()){if(X.current){const r=new CustomEvent(A,{detail:{audio:X.current}});window.dispatchEvent(r),X.current.play()}}else null==O||O()}),[F,O,rr]),er=l(()=>{X.current&&X.current.pause()},[]),or=l(()=>{X.current&&!rr&&(K?er():tr())},[K,rr,tr,er]),ir=l(()=>{const r=X.current;r&&Z(r.currentTime)},[]),cr=l(r=>{r.stopPropagation();const t=X.current,e=q.current;if(!t||!e||rr)return;const o=e.getBoundingClientRect(),{width:i}=o,c=(r.clientX-o.left)/i*E;t.currentTime=c,K||tr()},[E,K,rr,tr]),nr=l(()=>{Z(null),N(!1)},[]),ar=l(r=>{r.stopPropagation(),W(!Q)},[Q]);return e(s,Object.assign({},M,{children:[o(d,{ref:X,src:$,onPlay:()=>N(!0),onPause:()=>N(!1),onCanPlayThrough:()=>J(!1),onTimeUpdate:ir,onEnded:nr}),e(m,{$loading:rr,tabIndex:B,children:[o(u,{onClick:or,children:o(k,Object.assign({},"message"===z&&("standard"!==R.scheme?{fill:R.colors.grayScale.gray4}:{fill:"dark"===R.mode?R.default.colors.base.white:R.default.colors.accent.primary}),"input"===z&&"default"===V&&{fill:"standard"===R.scheme?"#A4C1FA":x(R.colors.grayScale.gray4)?R.colors.accent.strongDown:R.colors.accent.primary},"input"===z&&{size:22},{children:o(K?h:p,{})}))}),e(g,{ref:q,width:"145",height:T,viewBox:`0 0 145 ${T}`,fill:"none",onClick:cr,children:[e("g",{clipPath:`url(#${U}_clip)`,children:[o("rect",{width:"145",height:T,fill:"default"===V?"standard"===R.scheme?"#A4C1FA":R.bright||"custom"===R.scheme&&x(R.colors.custom.message.user.background)?R.colors.accent.strongDown:R.colors.accent.primaryLight:R.default.colors.base.white}),null!==Y&&o(f,{height:T,fill:"dark"===R.mode?R.default.colors.base.white:R.colors.accent.primaryLight,style:{width:Y/E*145}})]}),o("defs",{children:o("clipPath",{id:`${U}_clip`,children:D.map((r,t)=>{const e=Math.max(r/100*36,2);return o("rect",{x:5*t,y:(T-e)/2,width:"3",height:e,rx:"1.5"},t)})})})]}),e(w,{$variant:z,children:[null!==Y&&C(Y),null===Y&&C(E)]}),!_&&o(y,{onClick:ar,children:o(k,{fill:"standard"===R.scheme?"dark"===R.mode?R.colors.accent.primary:R.colors.accent.primaryLight:R.bright?R.colors.accent.strongDown:R.colors.accent.primaryLight,stroke:"standard"===R.scheme?R.default.colors.base.white:R.default.colors.base.black,children:o(Q?b:v,{})})})]}),!_&&Q&&G&&o(j,{$messageColor:V,children:G})]}))};export{S as MessageVoice};
@@ -1 +1 @@
1
- import{jsx as t}from"react/jsx-runtime";import{styled as o}from"styled-components";import{animated as e}from"@react-spring/web";import{CloseIcon as i}from"../../icons/close/index.js";import{InfoBigIcon as r}from"../../icons/info-big/index.js";import{Typography as n}from"../typography/index.js";import{Button as s}from"../button/index.js";const a=o(e.div).withConfig({displayName:"styled__NotificationStyled",componentId:"sc-5r3ycz-0"})(["display:flex;background:",";border:1px solid ",";border-radius:14px;overflow:hidden;box-sizing:border-box;width:100%;max-width:335px;padding:20px;flex-shrink:0;pointer-events:auto;position:relative;"],({theme:t})=>"light"===t.mode?t.default.colors.base.white:t.colors.grayScale.gray2,({theme:t,$variant:o})=>{switch(o){case"info":case"loading":return t.colors.accent.primary;case"warn":return t.colors.orange;case"error":return t.colors.critic;case"success":return t.colors.green}}),c=o.div.withConfig({displayName:"styled__NotificationContent",componentId:"sc-5r3ycz-1"})(["display:flex;width:100%;justify-content:space-between;box-sizing:border-box;align-items:",";gap:8px;"],({$text:t})=>t?"flex-start":"center"),l=o.div.withConfig({displayName:"styled__NotificationLeft",componentId:"sc-5r3ycz-2"})(["display:flex;gap:10px;align-items:",";"],({$text:t})=>t?"flex-start":"center"),d=o.div.withConfig({displayName:"styled__NotificationRight",componentId:"sc-5r3ycz-3"})(["display:flex;"]),p=o(r).withConfig({displayName:"styled__NotificationIcon",componentId:"sc-5r3ycz-4"})([""]),m=o.div.withConfig({displayName:"styled__NotificationInfo",componentId:"sc-5r3ycz-5"})(["display:flex;flex-direction:column;align-items:flex-start;"]),y=o(n).attrs({component:"h3",variant:"body-m-semibold"}).withConfig({displayName:"styled__NotificationTitle",componentId:"sc-5r3ycz-6"})([""]),f=o(n).attrs({component:"p",variant:"body-m-regular"}).withConfig({displayName:"styled__NotificationText",componentId:"sc-5r3ycz-7"})(["margin-top:10px;color:",";"],({theme:t})=>"light"===t.mode?t.default.colors.base.black:t.colors.grayScale.gray6),g=o(s).attrs({variant:"text",children:t(i,{})}).withConfig({displayName:"styled__NotificationCloseButton",componentId:"sc-5r3ycz-8"})([""]),x=o(e.div).withConfig({displayName:"styled__NotifyProgressBar",componentId:"sc-5r3ycz-9"})(["top:0;left:0;position:absolute;height:2px;background:",";"],({theme:t,$variant:o})=>{switch(o){case"info":case"loading":default:return t.colors.accent.primary;case"warn":return t.colors.orange;case"error":return t.colors.critic;case"success":return t.colors.green}});export{g as NotificationCloseButton,c as NotificationContent,p as NotificationIcon,m as NotificationInfo,l as NotificationLeft,d as NotificationRight,a as NotificationStyled,f as NotificationText,y as NotificationTitle,x as NotifyProgressBar};
1
+ import{jsx as e}from"react/jsx-runtime";import{styled as o}from"styled-components";import{animated as t}from"@react-spring/web";import{CloseIcon as i}from"../../icons/close/index.js";import{InfoBigIcon as r}from"../../icons/info-big/index.js";import{Typography as n}from"../typography/index.js";import{Button as a}from"../button/index.js";const s=o(t.div).withConfig({displayName:"styled__NotificationStyled",componentId:"sc-5r3ycz-0"})(["display:flex;background:",";border:1px solid ",";border-radius:14px;overflow:hidden;box-sizing:border-box;width:100%;max-width:335px;padding:20px;flex-shrink:0;pointer-events:auto;position:relative;"],({theme:e})=>"light"===e.mode?e.default.colors.base.white:e.colors.grayScale.gray2,({theme:e,$variant:o})=>{switch(o){case"info":case"loading":return e.colors.accent.primary;case"warn":return e.colors.orange;case"error":return e.colors.critic;case"success":return e.colors.green}}),c=o.div.withConfig({displayName:"styled__NotificationContent",componentId:"sc-5r3ycz-1"})(["display:flex;width:100%;justify-content:space-between;box-sizing:border-box;align-items:",";gap:8px;"],({$text:e})=>e?"flex-start":"center"),l=o.div.withConfig({displayName:"styled__NotificationLeft",componentId:"sc-5r3ycz-2"})(["display:flex;gap:10px;align-items:",";"],({$text:e})=>e?"flex-start":"center"),d=o.div.withConfig({displayName:"styled__NotificationRight",componentId:"sc-5r3ycz-3"})(["display:flex;"]),p=o(r).withConfig({displayName:"styled__NotificationIcon",componentId:"sc-5r3ycz-4"})([""]),m=o.div.withConfig({displayName:"styled__NotificationInfo",componentId:"sc-5r3ycz-5"})(["display:flex;flex-direction:column;align-items:flex-start;"]),y=o(n).attrs({component:"h3",variant:"body-m-semibold"}).withConfig({displayName:"styled__NotificationTitle",componentId:"sc-5r3ycz-6"})(["max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere;"]),f=o(n).attrs({component:"p",variant:"body-m-regular"}).withConfig({displayName:"styled__NotificationText",componentId:"sc-5r3ycz-7"})(["margin-top:10px;max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:15;line-clamp:15;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap;color:",";"],({theme:e})=>"light"===e.mode?e.default.colors.base.black:e.colors.grayScale.gray6),g=o(a).attrs({variant:"text",children:e(i,{})}).withConfig({displayName:"styled__NotificationCloseButton",componentId:"sc-5r3ycz-8"})([""]),w=o(t.div).withConfig({displayName:"styled__NotifyProgressBar",componentId:"sc-5r3ycz-9"})(["top:0;left:0;position:absolute;height:2px;background:",";"],({theme:e,$variant:o})=>{switch(o){case"info":case"loading":default:return e.colors.accent.primary;case"warn":return e.colors.orange;case"error":return e.colors.critic;case"success":return e.colors.green}});export{g as NotificationCloseButton,c as NotificationContent,p as NotificationIcon,m as NotificationInfo,l as NotificationLeft,d as NotificationRight,s as NotificationStyled,f as NotificationText,y as NotificationTitle,w as NotifyProgressBar};