@bothub-chat/ui 2.35.0 → 2.35.1-develop-e2193b1f-2ccc-49c6-a063-9f02aeec5605
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.
- package/README.md +23 -23
- package/dist/components/adaptive-button/styled.d.ts +0 -1
- package/dist/components/badge-select-dropdown/styled.js +2 -2
- package/dist/components/header/multi-level-menu/multi-level-menu-accordion/ui/styled.js +1 -1
- package/dist/components/header/multi-level-menu/multi-level-menu-first-level/ui/styled.js +1 -1
- package/dist/components/header/multi-level-menu/styled.js +1 -1
- package/dist/components/message/actions/index.js +1 -1
- package/dist/components/message/actions/styled.js +1 -1
- package/dist/components/message/index.js +1 -1
- package/dist/components/message/scroll-button/styled.js +1 -1
- package/dist/components/message/styled.d.ts +3 -270
- package/dist/components/message/styled.js +1 -1
- package/dist/components/message/video/index.js +1 -1
- package/dist/components/select-field/styled.js +1 -1
- package/dist/components/sidebar/chat/styled.d.ts +0 -2
- package/dist/components/sidebar/group/styled.d.ts +0 -1
- package/dist/components/slider/index.js +1 -1
- package/dist/components/slider/useSlider.js +1 -1
- package/dist/components/stepper/styled.js +1 -1
- package/dist/components/tooltip/index.d.ts +0 -1
- package/dist/components/tooltip/index.js +1 -1
- package/dist/components/tooltip/styled.d.ts +0 -1
- package/dist/components/tooltip/styled.js +2 -2
- package/dist/icons/index.d.ts +0 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/dist/icons/video-camera/index.d.ts +0 -1
- package/dist/icons/video-camera/index.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{animated as e}from"@react-spring/web";import{styled as t,css as s}from"styled-components";import{Typography as i}from"../../typography/index.js";const o=t.div.withConfig({displayName:"styled__MessageActionsStyled",componentId:"sc-116vw4r-0"})(["display:flex;flex-direction:",";align-items:flex-
|
|
1
|
+
import{animated as e}from"@react-spring/web";import{styled as t,css as s}from"styled-components";import{Typography as i}from"../../typography/index.js";const o=t.div.withConfig({displayName:"styled__MessageActionsStyled",componentId:"sc-116vw4r-0"})(["display:flex;flex-direction:",";align-items:flex-start;justify-content:center;user-select:none;-moz-user-select:none;-webkit-user-select:none;@media (width <= ","){gap:8px;}"],(({$variant:e})=>"assistant"===e?"row":"row-reverse"),(({theme:e})=>e.mobile.maxWidth)),a=t.div.withConfig({displayName:"styled__MessageActionsMenuStyled",componentId:"sc-116vw4r-1"})(["position:relative;display:flex;"]),n=t(e.div).withConfig({displayName:"styled__MessageActionsMenuModal",componentId:"sc-116vw4r-2"})(["position:absolute;"," "," display:flex;flex-direction:column;gap:0;padding:8px;border-radius:8px;background-color:",";border:1px solid ",";z-index:10;"],(({$invertedY:e})=>s(e?["bottom:36px;"]:["top:36px;"])),(({$variant:e,$invertedX:t})=>((e,t)=>{switch(e){case"assistant":return s(t?["right:14px;"]:["left:14px;"]);case"user":return s(t?["left:14px;"]:["right:14px;"]);default:return s([""])}})(e,t)),(({theme:e})=>e.colors.grayScale.gray4),(({theme:e})=>e.colors.grayScale.gray2)),r=t.button.withConfig({displayName:"styled__MessageActionsMenuModalOption",componentId:"sc-116vw4r-3"})(["all:unset;display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;background-color:",";&:hover{background-color:",";}&:active{filter:brightness(0.8);transform:translateY(1px);}cursor:pointer;"],(({theme:e})=>e.colors.grayScale.gray4),(({theme:e})=>e.colors.grayScale.gray2)),l=t.button.withConfig({displayName:"styled__MessageActionsButton",componentId:"sc-116vw4r-4"})(["all:unset;width:fit-content;height:fit-content;padding-inline:6px;display:flex;justify-content:center;align-items:center;cursor:pointer;&:hover{svg{path,circle{fill:",";transition:all 100ms ease-out;}}}&:active{svg{path,circle{fill:#4785ff;transition:all 100ms ease-out;}}transform:translateY(1px);}transition:all 50ms ease-out;"],(({theme:e})=>"dark"===e.mode?e.colors.grayScale.gray6:e.colors.grayScale.gray2)),d=t.div.withConfig({displayName:"styled__MessageEditButtonsStyled",componentId:"sc-116vw4r-5"})(["display:flex;align-items:center;"]),c=t.div.withConfig({displayName:"styled__MessageActionsMenuModalOptionContent",componentId:"sc-116vw4r-6"})(["display:flex;align-items:center;gap:10px;"]),p=t(i).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__MessageActionsButtonText",componentId:"sc-116vw4r-7"})([""]);export{l as MessageActionsButton,p as MessageActionsButtonText,n as MessageActionsMenuModal,r as MessageActionsMenuModalOption,c as MessageActionsMenuModalOptionContent,a as MessageActionsMenuStyled,o as MessageActionsStyled,d as MessageEditButtonsStyled};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{useRef as s,useState as n,useCallback as i,useEffect as r}from"react";import{MessageStyledWrapper as l,MessageStyledWithBottomPanel as a,MessageStyled as d,MessageContent as p,MessageTop as m,MessageSender as c,MessageName as g,
|
|
1
|
+
import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{useRef as s,useState as n,useCallback as i,useEffect as r}from"react";import{MessageStyledWrapper as l,MessageStyledWithBottomPanel as a,MessageStyled as d,MessageContent as p,MessageTop as m,MessageSender as c,MessageName as g,MessageBlockTransaction as y,MessageAvatar as u,MessageBlockWrapper as x,MessageBlock as b,MessageBlockScrollbarWrapper as j,MessageBlockContent as f,MessageBlockTextArea as M,MessageBlockBottomPanel as h,MessageButtonsStyled as T}from"./styled.js";export{MessageAction,MessageActions,MessageBottom,MessageEditAction,MessageImageBottomArrowButton,MessageImageLeftArrowButton,MessageImageRightArrowButton,MessageImageTopArrowButton,MessageTag,MessageTags,MessageTransaction}from"./styled.js";import{Skeleton as w}from"../skeleton/index.js";import"../../theme/index.js";import{getTgMarkdown as C}from"../../utils/getTgMarkdown.js";import{MessageProvider as v}from"./context.js";export{MessageConsumer,MessageContext,useMessage}from"./context.js";import"tslib";export{MessageInlineCodeStyled}from"./components/code/inline/styled.js";export{MessageMultilineCodeBody,MessageMultilineCodeHead,MessageMultilineCodeLanguage,MessageMultilineCodeStyled}from"./components/code/multiline/styled.js";import"@react-spring/web";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import"../tooltip/context.js";import"./components/code/multiline/copy/styled.js";import"../../icons/check-small/index.js";import"../../icons/copy/index.js";import"./components/code/multiline/content/styled.js";import{MessageParagraph as S}from"./components/paragraph/index.js";export{MessageBoldStyled}from"./components/bold/styled.js";export{MessageItalicStyled}from"./components/italic/styled.js";export{MessagePre}from"./components/pre/styled.js";export{MessageTableBody,MessageTableContent,MessageTableHead,MessageTableRow,MessageTableStyled}from"./components/table/styled.js";export{MessageTableCellStyled,MessageTableCellText,MessageTableHeadCell}from"./components/table/cell/styled.js";export{MessageListStyled}from"./components/list/styled.js";import"./components/list/context.js";export{MessageListItemStyled}from"./components/list/item/styled.js";export{MessageTitleStyled}from"./components/title/styled.js";export{MessageLinkStyled}from"./components/link/styled.js";export{MessageImageNative,MessageImageSkeleton,MessageImageStyled}from"./components/image/styled.js";export{MessageImageConsumer,MessageImageContext,MessageImageProvider,useMessageImage}from"./components/image/context.js";export{MessageImageGrid}from"./components/image/grid/styled.js";export{MessageImageButtonContent,MessageImageButtonStyled,MessageImageButtonZoneWrapper}from"./components/image/button/styled.js";export{MessageImageButtonsContent,MessageImageButtonsStyled}from"./components/image/button/list/styled.js";import{MessageMarkdown as I}from"./markdown/index.js";import"../scrollbar/styled.js";import{ScrollbarShadow as k}from"../scrollbar/shadow/index.js";import"../scrollbar/style/styled.js";import{MessageTimestamp as B}from"./timestamp/index.js";import{MessageActions as L}from"./actions/index.js";import{MessageVersions as R}from"./versions/index.js";import"./list/styled.js";import"./scroll-button/styled.js";import"./copy/styled.js";import"./badge-progress/styled.js";export{MessageButton}from"./button/styled.js";import"./button/list/styled.js";export{MessageFileInfo,MessageFileName,MessageFileSize,MessageFileStyled,MessageFiles}from"./file/styled.js";import"../icon/styled.js";import"../../icons/pdf-big/index.js";import"../../icons/txt-big/index.js";import"../../icons/word-big/index.js";import"../../icons/xls-big/index.js";import"../../icons/attach-file-big/index.js";import"./voice/styled.js";import"../../icons/loader-circular-gradient-2/index.js";import"./reasoning-block/styled.js";import"../../icons/analyze-urls/index.js";import"../typography/styled.js";import"./search-results/styled.js";import"./video/styled.js";import"../../icons/max-window/index.js";import"../../icons/min-window/index.js";import"../../icons/pause-button/index.js";import"../../icons/play-button/index.js";import"../../icons/volume/index.js";import{useTheme as E}from"../../theme/hook.js";const $=({id:$,content:P,className:D,variant:A="user",color:N="default",name:F,tags:V,avatar:H,transaction:U,disableResend:z=!1,disableEdit:W=!1,disableDelete:G=!1,disableUpdate:O=!1,disableCopy:Z=!1,disableDownload:q=!0,copyPlainText:J,copyTgText:K,editText:Q,resendText:X,deleteText:Y,onReportText:_,downloadTooltipLabel:ee,submitEditTooltipLabel:te,discardEditTooltipLabel:oe,updateTooltipLabel:se,copyTooltipLabel:ne,typing:ie=!1,timestamp:re,timestampPosition:le="right",skeleton:ae=!1,buttons:de,after:pe,components:me,children:ce,version:ge,totalVersions:ye,onCopy:ue,onCodeCopy:xe,onEdit:be,onResend:je,onDelete:fe,onUpdate:Me,onReport:he,onNextVersion:Te,onPrevVersion:we,onDownload:Ce})=>{const ve=E(),Se=s(null),Ie=s(null),ke=s(null),Be=s(null),[Le,Re]=n(!1),[Ee,$e]=n(null!=P?P:""),Pe=i((e=>{var t;$e(null!==(t=e.target.textContent)&&void 0!==t?t:"")}),[]),De=i((e=>{const t=(new DOMParser).parseFromString(e.innerHTML,"text/html"),o=t.getElementsByTagName("code");for(const e of o){const o=t.createElement("span");o.innerText=e.innerText,e.replaceWith(o)}return[new ClipboardItem({"text/plain":new Blob([P],{type:"text/plain"}),"text/html":new Blob([t.body.innerHTML],{type:"text/html"})})]}),[P]),Ae=i((e=>[new ClipboardItem({"text/plain":new Blob([e.innerText],{type:"text/plain"})})]),[]),Ne=i((e=>{const t=C(e);return[new ClipboardItem({"text/plain":new Blob([t],{type:"text/plain"})})]}),[]),Fe=i((()=>{if(Ie.current)return null==ue?void 0:ue(Ae(Ie.current))}),[Ie.current,P]),Ve=i((()=>{if(ke.current)return null==ue?void 0:ue(Ne(ke.current))}),[ke.current]),He=i((()=>{if(Ie.current&&P)return null==ue?void 0:ue(De(Ie.current))}),[Ie.current,P]);let Ue;switch(N&&"object"==typeof CSS&&"function"==typeof CSS.supports&&CSS.supports("background",null!=N?N:"#000")||(N="default"),A){case"user":switch(N){case"default":Ue=ve.colors.accent.primary;break;case"green":Ue=ve.colors.gpt3;break;case"purple":Ue=ve.colors.gpt4;break;default:Ue=N}break;case"assistant":switch(N){case"default":Ue="dark"===ve.mode?ve.colors.grayScale.gray2:ve.colors.grayScale.gray3;break;case"green":Ue=ve.colors.gpt3;break;case"purple":Ue=ve.colors.gpt4;break;default:Ue=N}}return r((()=>{if(Be.current){Be.current.focus();const e=document.createRange(),t=window.getSelection();e.selectNodeContents(Be.current),e.collapse(!1),null==t||t.removeAllRanges(),null==t||t.addRange(e)}}),[Be,Le]),r((()=>{P&&(ke.current=P)}),[P]),e(v,{variant:A,color:N,typing:ie,onCopy:Fe,onCodeCopy:xe,children:e(l,{$variant:A,ref:Se,children:t(a,{children:[e(d,{$variant:A,className:D,"data-date":re,children:t(p,{$variant:A,children:[(F||U)&&t(m,{children:["string"==typeof F&&t(c,{children:[e(g,{$color:N,children:F}),V]}),"string"!=typeof F&&e("div",{}),e(y,{$top:!0,children:U})]}),"string"!=typeof F&&F,e(u,{children:H}),e(x,{children:t(b,{$variant:A,$hexColor:Ue,$skeleton:ae,$hasTimestamp:!!re,$timestampPosition:le,children:[e(j,{scrollShadows:{color:Ue,size:60,left:e(k,{side:"left"}),right:e(k,{side:"right"})},children:e(f,{ref:Ie,$variant:A,children:Le?e(S,{disableMargin:!0,children:e(M,{onInput:Pe,ref:Be,children:P})}):t(o,{children:[!ae&&t(o,{children:["string"==typeof ce&&e(I,{components:me,children:ce}),"string"!=typeof ce&&ce]}),ae&&e(S,{disableMargin:!0,children:e(w,{width:260,opacity:["light"===ve.mode?.1:.15,"light"===ve.mode?.225:.45],colors:["user"===A?ve.colors.base.white:"light"===ve.mode?ve.default.colors.base.black:ve.colors.grayScale.gray6]})}),pe]})})}),re&&e(B,{time:re,position:le})]})})]})}),t(h,{$variant:A,children:[!ae&&e(L,{id:$,onDownload:Ce,disableDownload:q,message:P,variant:A,skeleton:ae,disableResend:z,disableEdit:W,disableDelete:G,disableUpdate:O,disableCopy:Z,copyPlainText:J,copyTgText:K,editText:Q,resendText:X,deleteText:Y,onReportText:_,downloadTooltipLabel:ee,submitEditTooltipLabel:te,discardEditTooltipLabel:oe,updateTooltipLabel:se,copyTooltipLabel:ne,editing:Le,editedText:Ee,messageRef:Se,onEditing:Re,onEditedText:$e,onEdit:be,onResend:je,onDelete:fe,onUpdate:Me,onReport:he,onPlainTextCopy:Fe,onTgCopy:Ve,onCopy:He}),U&&e(y,{children:U}),e(R,{id:$,version:ge,totalVersions:ye,onNextVersion:Te,onPrevVersion:we,editing:Le,variant:A})]}),e(T,{children:de})]})})})};export{$ as Message,u as MessageAvatar,b as MessageBlock,h as MessageBlockBottomPanel,f as MessageBlockContent,j as MessageBlockScrollbarWrapper,M as MessageBlockTextArea,y as MessageBlockTransaction,x as MessageBlockWrapper,T as MessageButtonsStyled,p as MessageContent,I as MessageMarkdown,g as MessageName,S as MessageParagraph,v as MessageProvider,c as MessageSender,d as MessageStyled,a as MessageStyledWithBottomPanel,l as MessageStyledWrapper,m as MessageTop};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as i}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 o}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/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";const s=i.button.withConfig({displayName:"styled__MessageListScrollButton",componentId:"sc-1qkcplr-0"})(["z-index:1;position:absolute;display:flex;align-items:center;justify-content:center;padding:10px;bottom:0;left:50%;transform:translateX(-50%);size:38px;border-radius:50%;border:1px solid;border-color:",";background:",";box-shadow:0px 0px 1px 0px rgba(255,255,255,0.4) inset;@media (min-width:","){display:none;}"],(({theme:i})=>i.colors.grayScale.gray2),(({theme:i})=>i.colors.grayScale.gray4),(({theme:i})=>i.tablet.maxWidth)),n=i(o).withConfig({displayName:"styled__MessageListArrowNarrowDownIcon",componentId:"sc-1qkcplr-1"})(["path{fill:",";}"],(({theme:i})=>i.colors.base.white));export{n as MessageListArrowNarrowDownIcon,s as MessageListScrollButton};
|
|
1
|
+
import{styled as i}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 o}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/music-note/index.js";import"../../../icons/add-profile/index.js";import"../../../icons/token-counter/index.js";import"../../../icons/customer-support/index.js";const s=i.button.withConfig({displayName:"styled__MessageListScrollButton",componentId:"sc-1qkcplr-0"})(["z-index:1;position:absolute;display:flex;align-items:center;justify-content:center;padding:10px;bottom:0;left:50%;transform:translateX(-50%);size:38px;border-radius:50%;border:1px solid;border-color:",";background:",";box-shadow:0px 0px 1px 0px rgba(255,255,255,0.4) inset;@media (min-width:","){display:none;}"],(({theme:i})=>i.colors.grayScale.gray2),(({theme:i})=>i.colors.grayScale.gray4),(({theme:i})=>i.tablet.maxWidth)),n=i(o).withConfig({displayName:"styled__MessageListArrowNarrowDownIcon",componentId:"sc-1qkcplr-1"})(["path{fill:",";}"],(({theme:i})=>i.colors.base.white));export{n as MessageListArrowNarrowDownIcon,s as MessageListScrollButton};
|
|
@@ -2477,276 +2477,9 @@ export declare const MessageBlock: import("styled-components").IStyledComponent<
|
|
|
2477
2477
|
export declare const MessageBlockBottomPanel: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
2478
2478
|
$variant: MessageVariant;
|
|
2479
2479
|
}>>;
|
|
2480
|
-
export declare const MessageBlockTransaction: import("styled-components").IStyledComponent<"web", {
|
|
2481
|
-
|
|
2482
|
-
|
|
2483
|
-
defaultChecked?: boolean | undefined | undefined;
|
|
2484
|
-
defaultValue?: string | number | readonly string[] | undefined;
|
|
2485
|
-
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
2486
|
-
suppressHydrationWarning?: boolean | undefined | undefined;
|
|
2487
|
-
accessKey?: string | undefined | undefined;
|
|
2488
|
-
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
|
|
2489
|
-
autoFocus?: boolean | undefined | undefined;
|
|
2490
|
-
className?: string | undefined | undefined;
|
|
2491
|
-
contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
|
|
2492
|
-
contextMenu?: string | undefined | undefined;
|
|
2493
|
-
dir?: string | undefined | undefined;
|
|
2494
|
-
draggable?: (boolean | "false" | "true") | undefined;
|
|
2495
|
-
enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
2496
|
-
hidden?: boolean | undefined | undefined;
|
|
2497
|
-
id?: string | undefined | undefined;
|
|
2498
|
-
lang?: string | undefined | undefined;
|
|
2499
|
-
nonce?: string | undefined | undefined;
|
|
2500
|
-
slot?: string | undefined | undefined;
|
|
2501
|
-
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
2502
|
-
style?: import("react").CSSProperties | undefined;
|
|
2503
|
-
tabIndex?: number | undefined | undefined;
|
|
2504
|
-
title?: string | undefined | undefined;
|
|
2505
|
-
translate?: "yes" | "no" | undefined | undefined;
|
|
2506
|
-
radioGroup?: string | undefined | undefined;
|
|
2507
|
-
role?: import("react").AriaRole | undefined;
|
|
2508
|
-
about?: string | undefined | undefined;
|
|
2509
|
-
content?: string | undefined | undefined;
|
|
2510
|
-
datatype?: string | undefined | undefined;
|
|
2511
|
-
inlist?: any;
|
|
2512
|
-
prefix?: string | undefined | undefined;
|
|
2513
|
-
property?: string | undefined | undefined;
|
|
2514
|
-
rel?: string | undefined | undefined;
|
|
2515
|
-
resource?: string | undefined | undefined;
|
|
2516
|
-
rev?: string | undefined | undefined;
|
|
2517
|
-
typeof?: string | undefined | undefined;
|
|
2518
|
-
vocab?: string | undefined | undefined;
|
|
2519
|
-
autoCorrect?: string | undefined | undefined;
|
|
2520
|
-
autoSave?: string | undefined | undefined;
|
|
2521
|
-
color?: string | undefined | undefined;
|
|
2522
|
-
itemProp?: string | undefined | undefined;
|
|
2523
|
-
itemScope?: boolean | undefined | undefined;
|
|
2524
|
-
itemType?: string | undefined | undefined;
|
|
2525
|
-
itemID?: string | undefined | undefined;
|
|
2526
|
-
itemRef?: string | undefined | undefined;
|
|
2527
|
-
results?: number | undefined | undefined;
|
|
2528
|
-
security?: string | undefined | undefined;
|
|
2529
|
-
unselectable?: "on" | "off" | undefined | undefined;
|
|
2530
|
-
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
|
|
2531
|
-
is?: string | undefined | undefined;
|
|
2532
|
-
"aria-activedescendant"?: string | undefined | undefined;
|
|
2533
|
-
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
2534
|
-
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
|
|
2535
|
-
"aria-braillelabel"?: string | undefined | undefined;
|
|
2536
|
-
"aria-brailleroledescription"?: string | undefined | undefined;
|
|
2537
|
-
"aria-busy"?: (boolean | "false" | "true") | undefined;
|
|
2538
|
-
"aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
|
|
2539
|
-
"aria-colcount"?: number | undefined | undefined;
|
|
2540
|
-
"aria-colindex"?: number | undefined | undefined;
|
|
2541
|
-
"aria-colindextext"?: string | undefined | undefined;
|
|
2542
|
-
"aria-colspan"?: number | undefined | undefined;
|
|
2543
|
-
"aria-controls"?: string | undefined | undefined;
|
|
2544
|
-
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
|
|
2545
|
-
"aria-describedby"?: string | undefined | undefined;
|
|
2546
|
-
"aria-description"?: string | undefined | undefined;
|
|
2547
|
-
"aria-details"?: string | undefined | undefined;
|
|
2548
|
-
"aria-disabled"?: (boolean | "false" | "true") | undefined;
|
|
2549
|
-
"aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
|
|
2550
|
-
"aria-errormessage"?: string | undefined | undefined;
|
|
2551
|
-
"aria-expanded"?: (boolean | "false" | "true") | undefined;
|
|
2552
|
-
"aria-flowto"?: string | undefined | undefined;
|
|
2553
|
-
"aria-grabbed"?: (boolean | "false" | "true") | undefined;
|
|
2554
|
-
"aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
|
|
2555
|
-
"aria-hidden"?: (boolean | "false" | "true") | undefined;
|
|
2556
|
-
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
|
|
2557
|
-
"aria-keyshortcuts"?: string | undefined | undefined;
|
|
2558
|
-
"aria-label"?: string | undefined | undefined;
|
|
2559
|
-
"aria-labelledby"?: string | undefined | undefined;
|
|
2560
|
-
"aria-level"?: number | undefined | undefined;
|
|
2561
|
-
"aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
|
|
2562
|
-
"aria-modal"?: (boolean | "false" | "true") | undefined;
|
|
2563
|
-
"aria-multiline"?: (boolean | "false" | "true") | undefined;
|
|
2564
|
-
"aria-multiselectable"?: (boolean | "false" | "true") | undefined;
|
|
2565
|
-
"aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
|
|
2566
|
-
"aria-owns"?: string | undefined | undefined;
|
|
2567
|
-
"aria-placeholder"?: string | undefined | undefined;
|
|
2568
|
-
"aria-posinset"?: number | undefined | undefined;
|
|
2569
|
-
"aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
|
|
2570
|
-
"aria-readonly"?: (boolean | "false" | "true") | undefined;
|
|
2571
|
-
"aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
|
|
2572
|
-
"aria-required"?: (boolean | "false" | "true") | undefined;
|
|
2573
|
-
"aria-roledescription"?: string | undefined | undefined;
|
|
2574
|
-
"aria-rowcount"?: number | undefined | undefined;
|
|
2575
|
-
"aria-rowindex"?: number | undefined | undefined;
|
|
2576
|
-
"aria-rowindextext"?: string | undefined | undefined;
|
|
2577
|
-
"aria-rowspan"?: number | undefined | undefined;
|
|
2578
|
-
"aria-selected"?: (boolean | "false" | "true") | undefined;
|
|
2579
|
-
"aria-setsize"?: number | undefined | undefined;
|
|
2580
|
-
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
|
|
2581
|
-
"aria-valuemax"?: number | undefined | undefined;
|
|
2582
|
-
"aria-valuemin"?: number | undefined | undefined;
|
|
2583
|
-
"aria-valuenow"?: number | undefined | undefined;
|
|
2584
|
-
"aria-valuetext"?: string | undefined | undefined;
|
|
2585
|
-
children?: import("react").ReactNode;
|
|
2586
|
-
dangerouslySetInnerHTML?: {
|
|
2587
|
-
__html: string | TrustedHTML;
|
|
2588
|
-
} | undefined | undefined;
|
|
2589
|
-
onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
2590
|
-
onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
2591
|
-
onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
2592
|
-
onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
2593
|
-
onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
2594
|
-
onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
2595
|
-
onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
2596
|
-
onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
2597
|
-
onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
2598
|
-
onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
2599
|
-
onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
2600
|
-
onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
2601
|
-
onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
2602
|
-
onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
2603
|
-
onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
2604
|
-
onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
2605
|
-
onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
2606
|
-
onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
2607
|
-
onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
2608
|
-
onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
2609
|
-
onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
2610
|
-
onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
2611
|
-
onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
2612
|
-
onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
2613
|
-
onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
2614
|
-
onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
2615
|
-
onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
2616
|
-
onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
2617
|
-
onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2618
|
-
onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2619
|
-
onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2620
|
-
onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2621
|
-
onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
2622
|
-
onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
2623
|
-
onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
2624
|
-
onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
2625
|
-
onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
2626
|
-
onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
2627
|
-
onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2628
|
-
onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2629
|
-
onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2630
|
-
onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2631
|
-
onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2632
|
-
onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2633
|
-
onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2634
|
-
onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2635
|
-
onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2636
|
-
onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2637
|
-
onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2638
|
-
onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2639
|
-
onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2640
|
-
onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2641
|
-
onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2642
|
-
onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2643
|
-
onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2644
|
-
onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2645
|
-
onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2646
|
-
onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2647
|
-
onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2648
|
-
onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2649
|
-
onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2650
|
-
onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2651
|
-
onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2652
|
-
onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2653
|
-
onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2654
|
-
onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2655
|
-
onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2656
|
-
onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2657
|
-
onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2658
|
-
onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2659
|
-
onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2660
|
-
onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2661
|
-
onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2662
|
-
onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2663
|
-
onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2664
|
-
onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2665
|
-
onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2666
|
-
onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2667
|
-
onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2668
|
-
onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2669
|
-
onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2670
|
-
onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2671
|
-
onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2672
|
-
onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2673
|
-
onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2674
|
-
onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2675
|
-
onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2676
|
-
onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2677
|
-
onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2678
|
-
onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2679
|
-
onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2680
|
-
onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2681
|
-
onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2682
|
-
onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2683
|
-
onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2684
|
-
onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2685
|
-
onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2686
|
-
onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2687
|
-
onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2688
|
-
onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2689
|
-
onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2690
|
-
onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2691
|
-
onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2692
|
-
onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2693
|
-
onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2694
|
-
onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2695
|
-
onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2696
|
-
onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2697
|
-
onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2698
|
-
onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2699
|
-
onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2700
|
-
onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2701
|
-
onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2702
|
-
onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2703
|
-
onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2704
|
-
onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2705
|
-
onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2706
|
-
onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2707
|
-
onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2708
|
-
onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2709
|
-
onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2710
|
-
onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2711
|
-
onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
2712
|
-
onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
2713
|
-
onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
2714
|
-
onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
2715
|
-
onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
2716
|
-
onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
2717
|
-
onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
2718
|
-
onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
2719
|
-
onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2720
|
-
onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2721
|
-
onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2722
|
-
onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2723
|
-
onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2724
|
-
onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2725
|
-
onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2726
|
-
onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2727
|
-
onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2728
|
-
onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2729
|
-
onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2730
|
-
onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2731
|
-
onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2732
|
-
onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2733
|
-
onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2734
|
-
onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2735
|
-
onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2736
|
-
onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2737
|
-
onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
|
|
2738
|
-
onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
|
|
2739
|
-
onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
|
|
2740
|
-
onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
|
|
2741
|
-
onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
2742
|
-
onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
2743
|
-
onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
2744
|
-
onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
2745
|
-
onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
2746
|
-
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
2747
|
-
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
2748
|
-
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
2749
|
-
}>;
|
|
2480
|
+
export declare const MessageBlockTransaction: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
2481
|
+
$top?: boolean;
|
|
2482
|
+
}>>;
|
|
2750
2483
|
export declare const MessageBlockScrollbarWrapper: import("styled-components").IStyledComponent<"web", {
|
|
2751
2484
|
children?: import("react").ReactNode;
|
|
2752
2485
|
variant?: import("@/ui/components/scrollbar").ScrollbarVariant | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{styled as t,css as a}from"styled-components";import{Avatar as s}from"../avatar/index.js";import{Typography as i}from"../typography/index.js";import{Button as o}from"../button/index.js";import{ArrowNarrowDownIcon as n}from"../../icons/arrow-narrow-down/index.js";import{ArrowNarrowLeftIcon as r}from"../../icons/arrow-narrow-left/index.js";import{ArrowNarrowRightIcon as d}from"../../icons/arrow-narrow-right/index.js";import{ArrowNarrowUpIcon as p}from"../../icons/arrow-narrow-up/index.js";import{EditIcon as l}from"../../icons/edit/index.js";import{adaptive as m}from"../../adaptive/index.js";import{Badge as c}from"../badge/index.js";import{Scrollbar as g}from"../scrollbar/index.js";import{MessageImageButton as w}from"./components/image/button/index.js";import{MessageImageButtonZoneWrapper as
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{styled as t,css as a}from"styled-components";import{Avatar as s}from"../avatar/index.js";import{Typography as i}from"../typography/index.js";import{Button as o}from"../button/index.js";import{ArrowNarrowDownIcon as n}from"../../icons/arrow-narrow-down/index.js";import{ArrowNarrowLeftIcon as r}from"../../icons/arrow-narrow-left/index.js";import{ArrowNarrowRightIcon as d}from"../../icons/arrow-narrow-right/index.js";import{ArrowNarrowUpIcon as p}from"../../icons/arrow-narrow-up/index.js";import{EditIcon as l}from"../../icons/edit/index.js";import{adaptive as m}from"../../adaptive/index.js";import{Badge as c}from"../badge/index.js";import{Scrollbar as g}from"../scrollbar/index.js";import{MessageImageButton as w}from"./components/image/button/index.js";import{MessageImageButtonZoneWrapper as y}from"./components/image/button/styled.js";const f=t.div.withConfig({displayName:"styled__MessageStyledWrapper",componentId:"sc-1wz70sd-0"})(["display:flex;width:100%;",""],(({$variant:e})=>{switch(e){case"user":return a(["justify-content:flex-start;flex-direction:row-reverse;margin-left:auto;"]);case"assistant":return a(["margin-right:auto;"])}})),x=t.div.withConfig({displayName:"styled__MessageStyledWithBottomPanel",componentId:"sc-1wz70sd-1"})(["display:flex;width:fit-content;max-width:100%;flex-direction:column;gap:8px;"]),h=t.div.withConfig({displayName:"styled__MessageStyled",componentId:"sc-1wz70sd-2"})(["display:flex;max-width:100%;"," "," ",""],(({$variant:e})=>{if("user"===e)return a(["flex-direction:row-reverse;"])}),(()=>a(["","{visibility:hidden;}&:hover{","{visibility:visible;}}"],P,P)),m((()=>({variant:"dashboard",touch:a(["","{visibility:visible !important;}"],P)})))),u=t.div.withConfig({displayName:"styled__MessageContent",componentId:"sc-1wz70sd-3"})(["position:relative;display:grid;column-gap:12px;max-width:100%;",""],(({$variant:e})=>{switch(e){case"user":return a(["grid-template-areas:'. top .' 'actions block avatar' '. buttons .';"]);case"assistant":return a(["grid-template-areas:'. top .' 'avatar block actions' '. buttons .';"])}})),v=t.div.withConfig({displayName:"styled__MessageTop",componentId:"sc-1wz70sd-4"})(["display:flex;gap:10px;width:100%;align-items:center;justify-content:space-between;grid-area:top;margin-bottom:8px;"]),_=t.div.withConfig({displayName:"styled__MessageBottom",componentId:"sc-1wz70sd-5"})(["margin-top:4px;grid-area:buttons;"]),b=t.div.withConfig({displayName:"styled__MessageSender",componentId:"sc-1wz70sd-6"})(["display:flex;align-items:center;gap:10px;"]),z=t(i).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__MessageName",componentId:"sc-1wz70sd-7"})(["color:",";"],(({theme:e,$color:t})=>{switch(t){case"green":return"dark"===e.mode?e.default.colors.base.white:e.colors.gpt3;case"purple":return"dark"===e.mode?e.default.colors.base.white:e.colors.gpt4;default:return e.colors.base.white}})),C=t.div.withConfig({displayName:"styled__MessageTags",componentId:"sc-1wz70sd-8"})([""]),I=t(c).withConfig({displayName:"styled__MessageTag",componentId:"sc-1wz70sd-9"})([""]),N=t(s).withConfig({displayName:"styled__MessageAvatar",componentId:"sc-1wz70sd-10"})(["grid-area:avatar;align-self:flex-end;user-select:none;@media (max-width:","){display:none;}"],(({theme:e})=>e.mobile.maxWidth)),M=t.div.withConfig({displayName:"styled__MessageBlockWrapper",componentId:"sc-1wz70sd-11"})(["display:flex;flex-direction:column;justify-content:end;grid-area:block;gap:6px;position:relative;overflow:auto;"]),k=t.div.withConfig({displayName:"styled__MessageBlock",componentId:"sc-1wz70sd-12"})(["position:relative;display:flex;border-radius:10px;width:100%;max-width:100%;overflow:auto;"," "," "," ",""],(({$variant:e})=>{switch(e){case"user":return a(["border-bottom-right-radius:0px;"]);case"assistant":return a(["border-bottom-left-radius:0px;"])}}),(({$hexColor:e,$variant:t})=>"user"===t&&`background: ${e};`),(({$hasTimestamp:e,$timestampPosition:t,$variant:s})=>e?"user"===s&&m({variant:"dashboard",merge:!0,desktop:a(["padding:",";"],"right"===t?"8px":"8px 8px 5px 8px"),tablet:a(["padding:",";"],"right"===t?"8px":"8px 8px 5px 8px")}):"user"===s&&m({variant:"dashboard",merge:!0,desktop:a(["padding:14px 16px;"]),tablet:a(["padding:14px;"])})),(({$timestampPosition:e})=>"bottom"===e&&a(["flex-direction:column;"]))),j=t.div.withConfig({displayName:"styled__MessageBlockBottomPanel",componentId:"sc-1wz70sd-13"})(["display:flex;align-items:center;gap:10px;",""],(({$variant:e})=>{switch(e){case"user":return a(["margin-top:4px;margin-left:0px;"]);case"assistant":return a(["margin-left:52px;"]);default:return a([""])}})),B=t.div.withConfig({displayName:"styled__MessageBlockTransaction",componentId:"sc-1wz70sd-14"})(["",""],(({$top:e})=>m(e?{desktop:a(["display:none;"]),tablet:a(["display:none;"]),mobile:a(["display:'block';"])}:{desktop:a(["display:block;"]),tablet:a(["display:block;"]),mobile:a(["display:'none';"])}))),$=t(g).attrs({variant:"secondary"}).withConfig({displayName:"styled__MessageBlockScrollbarWrapper",componentId:"sc-1wz70sd-15"})([""]),A=t.div.withConfig({displayName:"styled__MessageBlockContent",componentId:"sc-1wz70sd-16"})(["display:flex;flex-direction:column;align-items:flex-start;gap:10px;grid-area:block;border-radius:10px;padding:",";max-width:100%;overflow:auto;"],(({$variant:e})=>{switch(e){case"user":return"8px";case"assistant":return"0px 8px 0px 0px"}})),S=t.span.attrs({role:"textbox",contentEditable:!0,suppressContentEditableWarning:!0}).withConfig({displayName:"styled__MessageBlockTextArea",componentId:"sc-1wz70sd-17"})(["min-width:10ch;min-height:1ch;min-height:1cap;width:100%;max-width:100%;height:auto;resize:none;overflow:clip;white-space:pre-wrap;border:none;outline:none;background-color:transparent;",""],m({desktop:a(["font-size:16px;"]),tablet:a(["font-size:14px;"]),mobile:a(["font-size:14px;"])})),T=t.div.withConfig({displayName:"styled__MessageButtonsStyled",componentId:"sc-1wz70sd-18"})(["margin-left:48px;"]),W=t(i).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__MessageTransaction",componentId:"sc-1wz70sd-19"})(["text-transform:uppercase;color:",";"],(({theme:e})=>"light"===e.mode?e.colors.accent.primary:e.colors.grayScale.gray6)),P=t.div.withConfig({displayName:"styled__MessageActions",componentId:"sc-1wz70sd-20"})(["display:flex;grid-area:actions;gap:10px;align-self:flex-end;"]),E=t(o).attrs({variant:"text",iconSize:18}).withConfig({displayName:"styled__MessageAction",componentId:"sc-1wz70sd-21"})([""]),L=t(E).attrs({children:e(l,{})}).withConfig({displayName:"styled__MessageEditAction",componentId:"sc-1wz70sd-22"})([""]),R=t(w).attrs({variant:"primary-transparent",zone:!0,children:e(r,{})}).withConfig({displayName:"styled__MessageImageLeftArrowButton",componentId:"sc-1wz70sd-23"})(["","{justify-content:flex-start;}"],y),q=t(w).attrs({variant:"primary-transparent",zone:!0,children:e(d,{})}).withConfig({displayName:"styled__MessageImageRightArrowButton",componentId:"sc-1wz70sd-24"})(["","{justify-content:flex-end;}"],y),D=t(w).attrs({variant:"primary-transparent",zone:!0,children:e(p,{})}).withConfig({displayName:"styled__MessageImageTopArrowButton",componentId:"sc-1wz70sd-25"})(["","{align-items:flex-start;}"],y),F=t(w).attrs({variant:"primary-transparent",zone:!0,children:e(n,{})}).withConfig({displayName:"styled__MessageImageBottomArrowButton",componentId:"sc-1wz70sd-26"})(["","{align-items:flex-end;}"],y);export{E as MessageAction,P as MessageActions,N as MessageAvatar,k as MessageBlock,j as MessageBlockBottomPanel,A as MessageBlockContent,$ as MessageBlockScrollbarWrapper,S as MessageBlockTextArea,B as MessageBlockTransaction,M as MessageBlockWrapper,_ as MessageBottom,T as MessageButtonsStyled,u as MessageContent,L as MessageEditAction,F as MessageImageBottomArrowButton,R as MessageImageLeftArrowButton,q as MessageImageRightArrowButton,D as MessageImageTopArrowButton,z as MessageName,b as MessageSender,h as MessageStyled,x as MessageStyledWithBottomPanel,f as MessageStyledWrapper,I as MessageTag,C as MessageTags,v as MessageTop,W as MessageTransaction};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as
|
|
1
|
+
import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useRef as r,useState as t,useCallback as o,useEffect as i}from"react";import{MessageVideoContainer as c,MessageVideoStyled as l,MessageSourceStyled as u,MessageVideoControls as s,MessageVideoTimeLine as d,MessageVideoControlsButtons as a,MessageVideoControlsButton as m,MessageVideoTimeText as f}from"./styled.js";import{MaxWindowIcon as p}from"../../../icons/max-window/index.js";import{MinWindowIcon as h}from"../../../icons/min-window/index.js";import{PauseButtonIcon as w}from"../../../icons/pause-button/index.js";import{PlayButtonIcon as v}from"../../../icons/play-button/index.js";import{MessageVideoVolume as g}from"./volume/index.js";const k=e=>{const n=Math.floor(e/60),r=Math.floor(e%60);return`${n.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`},x=({src:x})=>{const M=r(null),[S,j]=t(!1),[y,C]=t("00:00"),[$,E]=t("00:00"),[L,T]=t(0),[z,F]=t(!1),[b,D]=t(!1),U=r(null),V=z?28:24,q=o((()=>{M.current&&(M.current.play(),j(!0))}),[]),B=o((()=>{M.current&&(M.current.pause(),j(!1))}),[]),R=o((e=>{const{currentTime:n,duration:r}=e.currentTarget,t=k(n);C(t);T(n/r*100)}),[]),X=o((e=>{const{duration:n}=e.currentTarget,r=k(n);E(r)}),[]),A=o((e=>{if(e.preventDefault(),!M.current)return;const{clientX:n}=e,{width:r,left:t}=e.currentTarget.getBoundingClientRect(),o=(n-t)/r*100;T(o),M.current.currentTime=o/100*M.current.duration}),[]),G=o((()=>{D(!0)}),[]),H=o((e=>{b&&A(e)}),[b]),I=o((()=>{D(!1)}),[]),J=o((()=>{U.current&&(z?document.exitFullscreen():U.current.requestFullscreen(),F(!z))}),[z]),K=o((e=>{if(M.current){const n=Math.floor(e)/100;M.current.volume=n}}),[]);return i((()=>{const e=e=>" "===e.key&&(S?B:q)(),n=()=>{F(null!==document.fullscreenElement)};return window.addEventListener("fullscreenchange",n),window.addEventListener("keyup",e),()=>{window.removeEventListener("fullscreenchange",n),window.removeEventListener("keyup",e)}}),[S]),e(c,{ref:U,onMouseLeave:I,onMouseMove:H,onMouseUp:I,children:[n(l,{ref:M,onClick:S?B:q,onLoadedData:X,onTimeUpdate:R,onEnded:B,$isFullScreen:z,children:n(u,{src:x,type:"video/mp4"})}),e(s,{$isFullScreen:z,$isVisible:!S,children:[n(d,{onClick:A,onMouseDown:G,$progress:L}),e(a,{$isFullScreen:z,children:[n(m,S?{onClick:B,children:n(w,{size:V})}:{onClick:q,children:n(v,{size:V})}),n(g,{iconSize:V,handleChangeVolume:K}),e(f,{children:[y," / ",$]}),n(m,{onClick:J,children:z?n(h,{fill:"#fff",size:V}):n(p,{stroke:"#fff",size:V})})]})]})]})};export{x as MessageVideo};
|