@bothub-chat/ui 2.51.0 → 2.51.1
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as i,__awaiter as e}from"tslib";import{jsx as o,jsxs as s,Fragment as n}from"react/jsx-runtime";import{useRef as t,useState as r,useCallback as c,useEffect as d}from"react";import{useTransition as m}from"@react-spring/web";import{useOnClickOutside as a}from"../../utils/useOnClickOutside.js";import{InputMessageStyled as p,InputMessageContent as l,InputMessageConfigure as j,InputMessageConfigureButton as x,InputMessageConfigureMenu as u,InputMessageUploadFile as g,InputMessageUploadFileLabel as h,InputMessageUploadFileInput as b,InputMessageMenuHr as y,InputMessageMenuOption as f,InputMessageMain as v,InputMessageVoiceRecord as w,InputMessageVoiceRecordDot as k,InputMessageVoiceRecordTimeText as C,InputMessageFiles as D,InputMessageFile as F,InputMessageConcatenateWarning as $,InputMessageVoiceFiles as T,InputMessageVoiceTrack as A,InputMessageVoiceFileDelete as E,InputMessageTextArea as O,InputMessageButtons as S,InputMessageToggleSendStyled as L,InputMessageToggleSendButton as K,InputMessageToggleSendModalStyled as P,InputMessageToggleSendModalOption as U,InputMessageVoicePlayButton as z,InputMessageVoicePauseButton as q,InputMessageVoiceButton as R,InputMessageSendButton as V,InputMessageSendIcon as I}from"./styled.js";import{ChipImage as B}from"../chip/styled.js";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{PdfIcon as N}from"../../icons/pdf/index.js";import{TxtIcon as M}from"../../icons/txt/index.js";import{WordIcon as G}from"../../icons/word/index.js";import{XlsIcon as H}from"../../icons/xls/index.js";import{IconProvider as W}from"../icon/context.js";import"../icon/styled.js";import{Typography as _}from"../typography/index.js";import{getPreviewUrlForFile as J,isFileTypeAccepted as Q,formatUploadFiles as X,formatSeconds as Y,isMobileDevice as Z}from"./utils.js";import{AttachFileIcon as ii}from"../../icons/attach-file/index.js";import{getSupportedAudioMimeType as ei}from"../../utils/getSupportedAudioMimeType.js";import"marked";import"../message/styled.js";import"../skeleton/index.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"../message/context.js";import"styled-components";import"../message/components/code/inline/styled.js";import"../message/components/code/multiline/styled.js";import"../message/components/code/multiline/copy/styled.js";import"../../icons/check-small/index.js";import"../../icons/copy/index.js";import"../message/components/code/multiline/content/styled.js";import"../message/components/paragraph/styled.js";import"../message/components/bold/styled.js";import"../message/components/italic/styled.js";import"../message/components/pre/styled.js";import"../message/components/table/styled.js";import"../message/components/table/cell/styled.js";import"../message/components/list/styled.js";import"../message/components/list/context.js";import"../message/components/list/item/styled.js";import"../message/components/title/styled.js";import"../message/components/link/styled.js";import"../message/components/image/styled.js";import"../message/components/image/context.js";import"../message/components/image/grid/styled.js";import"../message/components/image/button/styled.js";import"../message/components/image/button/list/styled.js";import"../message/markdown/styled.js";import"../scrollbar/styled.js";import"../scrollbar/shadow/styled.js";import"../scrollbar/style/styled.js";import"../message/timestamp/styled.js";import"../../icons/menu-dot/index.js";import"../../icons/update/index.js";import"../../icons/resend/index.js";import"../../icons/edit/index.js";import"../../icons/trash/index.js";import"../../icons/thumb-down/index.js";import"../../icons/close/index.js";import"../../icons/download-img/index.js";import"../message/actions/styled.js";import"../message/actions/copy-button/styled.js";import"../message/list/styled.js";import"../message/scroll-button/styled.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/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/presets-big/index.js";import"../../icons/referal/index.js";import"../../icons/restore/index.js";import"../../icons/tariff/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/stop/index.js";import"../../icons/thumb-up/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{AttachIcon as oi}from"../../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/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/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-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/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/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"../message/versions/styled.js";import"../message/copy/styled.js";import"../message/badge-progress/styled.js";import"../message/button/styled.js";import"../message/button/list/styled.js";import"../message/file/styled.js";import{MessageVoice as si}from"../message/voice/index.js";import"../message/reasoning-block/styled.js";import"../message/search-results/styled.js";import"../message/video/styled.js";import{getWaveData as ni}from"../../utils/audio/getWaveData.js";import{useTheme as ti}from"../../theme/hook.js";const ri=ri=>{var{className:ci,placeholder:di,message:mi,files:ai,disabled:pi=!1,sendDisabled:li=!1,textAreaDisabled:ji=!1,useAlternativeKeyDefaultValue:xi=!1,defaultKeySendText:ui,alternativeKeySendText:gi,concatenateText:hi,uploadFileLimit:bi=5,hideUploadFile:yi=!1,uploadFileDisabled:fi=!1,uploadFileAccept:vi,uploadFileText:wi,autoFocus:ki=!0,voice:Ci=!1,onSetAlternativeKeyValue:Di,onChange:Fi,onFilesChange:$i,onVoiceFilesChange:Ti,onTextAreaChange:Ai,onSend:Ei,onFocus:Oi,onBlur:Si,emitError:Li,actions:Ki,configureOptions:Pi}=ri,Ui=i(ri,["className","placeholder","message","files","disabled","sendDisabled","textAreaDisabled","useAlternativeKeyDefaultValue","defaultKeySendText","alternativeKeySendText","concatenateText","uploadFileLimit","hideUploadFile","uploadFileDisabled","uploadFileAccept","uploadFileText","autoFocus","voice","onSetAlternativeKeyValue","onChange","onFilesChange","onVoiceFilesChange","onTextAreaChange","onSend","onFocus","onBlur","emitError","actions","configureOptions"]);const zi=ti(),qi=t(null),[Ri,Vi]=r("calc(var(--bothub-scale, 1) * 22px)"),[Ii,Bi]="string"==typeof mi?[mi,Fi]:r(""),[Ni,Mi]=Array.isArray(ai)?[ai,$i]:r([]),[Gi,Hi]=r([]),[Wi,_i]=r(!1),[Ji,Qi]=r(!pi&&ki),[Xi,Yi]=r(!1),[Zi,ie]=r(!1),[ee,oe]=r(null),se=t(null),ne=t(null),te=t([]),re=t(null),ce=t(!1),de=t(null),[me,ae]=r(xi),[pe,le]=r(!1),je=t(null),[xe,ue]=r(!1),ge=c(()=>{ae(!1),null==Di||Di(!1),le(!1)},[]),he=c(()=>{ae(!0),null==Di||Di(!0),le(!1)},[]),be=c(i=>{Qi(!0),null==Oi||Oi(i)},[Oi]),ye=c(i=>{Qi(!1),null==Si||Si(i)},[Si]),fe=c(i=>{null==Bi||Bi(i.target.value),null==Ai||Ai(i)},[Bi,Ai]),ve=c(i=>e(void 0,void 0,void 0,function*(){if(!i.length)return;const e=[],o=[],s=yield Promise.all(null==i?void 0:i.map(J));for(const[n,t]of i.entries()){Q(t.type,vi)?e.push({previewUrl:s[n],name:t.name,native:t}):o.push(t)}o.length>0&&(null==Li||Li({name:"WRONG_FILES",payload:o})),(null==e?void 0:e.length)>0&&(null==Mi||Mi([...Ni,...e].slice(0,bi)))}),[vi,Li,bi,Ni]),we=c(i=>e(void 0,void 0,void 0,function*(){!fi&&i.clipboardData.files.length>0&&(i.preventDefault(),yield ve([...i.clipboardData.files]))}),[ve,fi]),ke=c(i=>e(void 0,void 0,void 0,function*(){if(!Mi||!i.target.files)return;const e=yield X([...Ni.map(({native:i})=>i),...i.target.files]);Mi(e.slice(0,bi)),ue(!1)}),[Ni,Mi,bi]),Ce=c(i=>{null==Mi||Mi(Ni.filter(({name:e})=>e!==i.name))},[Mi,Ni]),De=c(i=>{i.stopPropagation(),null==Ei||Ei(Ii,Ni),null==Bi||Bi(""),null==Mi||Mi([]),null==Hi||Hi([]),Vi("calc(var(--bothub-scale, 1) * 22px)")},[Ii,Ni,Ei,Bi,Mi,Hi]),Fe=c(i=>{i.stopPropagation();if(Z()&&"Enter"===i.key)return;const e=me?"enter":"ctrl/shift+enter";let o="";if("Enter"===i.key&&(i.shiftKey||i.ctrlKey))o="ctrl/shift+enter";else{if("Enter"!==i.key)return;o="enter"}if(Ji&&"Enter"===i.key){if(o===e&&i.ctrlKey){i.preventDefault();const e=qi.current;if(!e)return;const o=e.value,t=e.selectionStart,r=o.slice(0,t),c=o.slice(t);null==Bi||Bi(`${r}\n${c}`),s=e,n=t+1,setTimeout(()=>{s.selectionStart=n,s.selectionEnd=n},1)}e!==o&&""!==o&&(i.preventDefault(),null==Ei||Ei(Ii,Ni),Vi("calc(var(--bothub-scale, 1) * 22px)"))}var s,n},[Ji,Ii,Ni,Ei,Bi,Mi]),$e=c(()=>{var i;pi||null===(i=qi.current)||void 0===i||i.focus()},[pi,ki]),Te=c(i=>{i.stopPropagation()},[]),Ae=c(i=>e(void 0,void 0,void 0,function*(){if(Zi)return;ce.current=!0,i.stopPropagation();const e=yield navigator.mediaDevices.getUserMedia({audio:!0}),o=new MediaRecorder(e,{mimeType:ei()});ce.current&&(o.start(1e3),se.current=o,ne.current=e,re.current=window.setInterval(()=>{oe(i=>(null!=i?i:0)+.1)},100),ie(!0),oe(0),_i(!1))}),[ce.current,te.current,Zi]),Ee=c(()=>{const i=se.current,e=ne.current,o=re.current;if(Zi&&i&&e&&o){i.stop();for(const i of e.getTracks())i.stop();window.clearInterval(o)}},[Zi,se.current,ne.current,re.current]),Oe=c(()=>e(void 0,void 0,void 0,function*(){ce.current=!1,Zi&&Ee()}),[Zi,Ee]),Se=c(()=>{const i=se.current,e=re.current;Zi&&i&&e&&(i.pause(),window.clearInterval(e),_i(!0))},[Zi]),Le=c(()=>{const i=se.current;Zi&&i&&(i.resume(),re.current=window.setInterval(()=>{oe(i=>(null!=i?i:0)+.1)},100),_i(!1))},[Zi,oe]),Ke=c(i=>{Hi(Gi.filter(e=>e.src!==i.src))},[Gi,Hi]),Pe=c(()=>{const i=qi.current;null!==i&&(i.style.height="calc(var(--bothub-scale, 1) * 22px)",i.style.height=`${i.scrollHeight}px`,Vi(`${i.scrollHeight}px`))},[Ii,ki]);d(()=>{Pe()},[Pe]),d(()=>{const i=qi.current;if(!i||pi)return;const e=!pi&&ki;Qi(e),e?i.focus():document.activeElement===i&&i.blur()},[pi,ki]),d(()=>{const i=qi.current;if(null!==i)return i.addEventListener("keydown",Fe),()=>{i.removeEventListener("keydown",Fe)}},[Fe]),d(()=>{Mi&&ai&&Mi(ai)},[ai]),d(()=>{null==Ti||Ti(Gi)},[Gi]),d(()=>{const i=se.current,o=i=>{i.data.size>0&&te.current.push(i.data)},s=()=>e(void 0,void 0,void 0,function*(){const i=new Blob(te.current,{type:ei()}),{waveData:e,duration:o}=yield ni(i),s={src:URL.createObjectURL(i),duration:o,blob:i,waveData:e};Hi([...Gi,s]),se.current=null,ne.current=null,te.current=[],re.current=null,ie(!1),oe(null)});return i&&(i.addEventListener("dataavailable",o),i.addEventListener("stop",s)),()=>{i&&(i.removeEventListener("dataavailable",o),i.removeEventListener("stop",s)),Ee()}},[se.current]),a(de,()=>{le(!1)}),a(je,()=>{ue(!1)});const Ue=m(!pi&&pe,{from:{opacity:0,y:10},enter:{opacity:1,y:0},leave:{opacity:0,y:10},config:{duration:100,ease:"easeOut"}}),ze=m(!pi&&xe,{from:{opacity:0,y:10},enter:{opacity:1,y:0},leave:{opacity:0,y:10},config:{duration:100,ease:"easeOut"}});return o(p,{$active:Ji,$dragActive:Xi,$disabled:pi,$textAreaDisabled:ji,$voiceRecording:Zi,className:ci,onClick:$e,onDragEnter:()=>Yi(!0),onDragLeave:()=>Yi(!1),onDragOver:i=>(i.stopPropagation(),i.preventDefault(),!1),onDrop:i=>e(void 0,void 0,void 0,function*(){if(i.dataTransfer.files.length>0)return i.stopPropagation(),i.preventDefault(),yield ve([...i.dataTransfer.files]),Yi(!1),!1}),children:s(l,{children:[(!yi||!!Pi)&&s(j,{ref:je,children:[o(x,{$disabled:pi,onClick:i=>{i.stopPropagation(),ue(!xe)}}),ze((e,n)=>n&&s(u,{style:e,children:[s(g,{children:[s(h,{$disabled:Ni.length>=bi||pi||fi,onClick:Te,children:[o(oi,{size:18}),o(_,{variant:"body-m-medium",children:wi})]}),o(b,{type:"file",accept:vi,multiple:!0,disabled:Ni.length>=bi||pi||fi,onChange:ke},Ni.length)]}),!!Pi&&o(y,{}),null==Pi?void 0:Pi.map(e=>{var{onClick:s}=e,n=i(e,["onClick"]);return o(f,Object.assign({},n,{onClick:()=>{null==s||s(),ue(!1)}}))})]})),Ki]}),s(v,{onClick:$e,children:[Zi&&null!==ee&&s(w,{children:[o(k,{}),o(C,{children:Y(ee)})]}),Ni.length>0&&o(D,{children:Ni.map(i=>{let e;return e=i.previewUrl&&(i.name.match(/.png$/i)||i.name.match(/.jpg$/i)||i.name.match(/.jpeg$/i))?o(B,{src:i.previewUrl}):i.name.match(/.txt$/i)?o(M,{}):i.name.match(/.docx$/i)?o(G,{}):i.name.match(/.xlsx$/i)?o(H,{}):i.name.match(/.pdf$/i)?o(N,{}):o(ii,{}),e=o(W,{size:18,children:e}),o(F,{start:e,onDelete:Ce.bind(null,i),children:i.name.length>20?`...${i.name.slice(-20)}`:i.name},i.name)})}),Gi.length>1&&o($,{children:hi}),Gi.length>0&&o(T,{children:Gi.map(i=>s(A,{children:[o(si,{variant:"input",height:24,src:i.src,duration:i.duration,waveData:i.waveData,disableTranscription:!0}),o(E,{onClick:Ke.bind(null,i)})]},i.src))}),(!ji||ji&&di&&Ni.length!==bi||ji&&Ii)&&o(O,Object.assign({$disabled:pi},Ui,{ref:qi,value:Ii,placeholder:di,disabled:pi||ji,style:Object.assign(Object.assign({},Ui.style),{height:Ri}),onFocus:be,onBlur:ye,onChange:fe,onPaste:we}))]}),s(S,{children:[!!ui&&!!gi&&s(L,{ref:de,children:[o(K,{onClick:i=>{i.stopPropagation(),le(!pe)},disabled:pi}),Ue((i,e)=>e&&s(P,{style:i,children:[o(U,{active:!me,onClick:ge,children:ui}),o(U,{active:me,onClick:he,children:gi})]},"alternative-key-modal"))]}),Zi&&o(n,{children:Wi?o(z,{onClick:Le}):o(q,{onClick:Se})}),Ci&&o(R,{$isRecording:Zi,disabled:pi||li,onClick:Zi?Oe:Ae,"data-test":"submit-message"}),o(V,Object.assign({disabled:pi||li||Zi,onClick:De},zi.bright&&{iconFill:zi.default.colors.base.black},{"data-test":"submit-message",children:o(I,{})}))]})]})})};export{ri as InputMessage};
|
|
1
|
+
import{__rest as i,__awaiter as e}from"tslib";import{jsx as o,jsxs as s,Fragment as n}from"react/jsx-runtime";import{useRef as t,useState as r,useCallback as c,useEffect as d}from"react";import{useTransition as m}from"@react-spring/web";import{useOnClickOutside as a}from"../../utils/useOnClickOutside.js";import{InputMessageStyled as p,InputMessageContent as l,InputMessageConfigure as j,InputMessageConfigureButton as x,InputMessageConfigureMenu as u,InputMessageUploadFile as g,InputMessageUploadFileLabel as h,InputMessageUploadFileInput as b,InputMessageMenuHr as y,InputMessageMenuOption as f,InputMessageMain as v,InputMessageVoiceRecord as w,InputMessageVoiceRecordDot as k,InputMessageVoiceRecordTimeText as C,InputMessageFiles as D,InputMessageFile as F,InputMessageConcatenateWarning as $,InputMessageVoiceFiles as T,InputMessageVoiceTrack as A,InputMessageVoiceFileDelete as E,InputMessageTextArea as O,InputMessageButtons as S,InputMessageToggleSendStyled as L,InputMessageToggleSendButton as K,InputMessageToggleSendModalStyled as P,InputMessageToggleSendModalOption as U,InputMessageVoicePlayButton as z,InputMessageVoicePauseButton as q,InputMessageVoiceButton as R,InputMessageSendButton as V,InputMessageSendIcon as I}from"./styled.js";import{ChipImage as B}from"../chip/styled.js";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{PdfIcon as N}from"../../icons/pdf/index.js";import{TxtIcon as M}from"../../icons/txt/index.js";import{WordIcon as G}from"../../icons/word/index.js";import{XlsIcon as H}from"../../icons/xls/index.js";import{IconProvider as W}from"../icon/context.js";import"../icon/styled.js";import{Typography as _}from"../typography/index.js";import{getPreviewUrlForFile as J,isFileTypeAccepted as Q,formatUploadFiles as X,formatSeconds as Y,isMobileDevice as Z}from"./utils.js";import{AttachFileIcon as ii}from"../../icons/attach-file/index.js";import{getSupportedAudioMimeType as ei}from"../../utils/getSupportedAudioMimeType.js";import"marked";import"../message/styled.js";import"../skeleton/index.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"../message/context.js";import"styled-components";import"../message/components/code/inline/styled.js";import"../message/components/code/multiline/styled.js";import"../message/components/code/multiline/copy/styled.js";import"../../icons/check-small/index.js";import"../../icons/copy/index.js";import"../message/components/code/multiline/content/styled.js";import"../message/components/paragraph/styled.js";import"../message/components/bold/styled.js";import"../message/components/italic/styled.js";import"../message/components/pre/styled.js";import"../message/components/table/styled.js";import"../message/components/table/cell/styled.js";import"../message/components/list/styled.js";import"../message/components/list/context.js";import"../message/components/list/item/styled.js";import"../message/components/title/styled.js";import"../message/components/link/styled.js";import"../message/components/image/styled.js";import"../message/components/image/context.js";import"../message/components/image/grid/styled.js";import"../message/components/image/button/styled.js";import"../message/components/image/button/list/styled.js";import"../message/markdown/styled.js";import"../scrollbar/styled.js";import"../scrollbar/shadow/styled.js";import"../scrollbar/style/styled.js";import"../message/timestamp/styled.js";import"../../icons/menu-dot/index.js";import"../../icons/update/index.js";import"../../icons/resend/index.js";import"../../icons/edit/index.js";import"../../icons/trash/index.js";import"../../icons/thumb-down/index.js";import"../../icons/close/index.js";import"../../icons/download-img/index.js";import"../message/actions/styled.js";import"../message/actions/copy-button/styled.js";import"../message/list/styled.js";import"../message/scroll-button/styled.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/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/presets-big/index.js";import"../../icons/referal/index.js";import"../../icons/restore/index.js";import"../../icons/tariff/index.js";import{Plus2Icon as oi}from"../../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/stop/index.js";import"../../icons/thumb-up/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{AttachIcon as si}from"../../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/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/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-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/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/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"../message/versions/styled.js";import"../message/copy/styled.js";import"../message/badge-progress/styled.js";import"../message/button/styled.js";import"../message/button/list/styled.js";import"../message/file/styled.js";import{MessageVoice as ni}from"../message/voice/index.js";import"../message/reasoning-block/styled.js";import"../message/search-results/styled.js";import"../message/video/styled.js";import{getWaveData as ti}from"../../utils/audio/getWaveData.js";import{useTheme as ri}from"../../theme/hook.js";const ci=ci=>{var{className:di,placeholder:mi,message:ai,files:pi,disabled:li=!1,sendDisabled:ji=!1,textAreaDisabled:xi=!1,useAlternativeKeyDefaultValue:ui=!1,defaultKeySendText:gi,alternativeKeySendText:hi,concatenateText:bi,uploadFileLimit:yi=5,hideUploadFile:fi=!1,uploadFileDisabled:vi=!1,uploadFileAccept:wi,uploadFileText:ki,autoFocus:Ci=!0,voice:Di=!1,onSetAlternativeKeyValue:Fi,onChange:$i,onFilesChange:Ti,onVoiceFilesChange:Ai,onTextAreaChange:Ei,onSend:Oi,onFocus:Si,onBlur:Li,emitError:Ki,actions:Pi,configureOptions:Ui}=ci,zi=i(ci,["className","placeholder","message","files","disabled","sendDisabled","textAreaDisabled","useAlternativeKeyDefaultValue","defaultKeySendText","alternativeKeySendText","concatenateText","uploadFileLimit","hideUploadFile","uploadFileDisabled","uploadFileAccept","uploadFileText","autoFocus","voice","onSetAlternativeKeyValue","onChange","onFilesChange","onVoiceFilesChange","onTextAreaChange","onSend","onFocus","onBlur","emitError","actions","configureOptions"]);const qi=ri(),Ri=t(null),[Vi,Ii]=r("calc(var(--bothub-scale, 1) * 22px)"),[Bi,Ni]="string"==typeof ai?[ai,$i]:r(""),[Mi,Gi]=Array.isArray(pi)?[pi,Ti]:r([]),[Hi,Wi]=r([]),[_i,Ji]=r(!1),[Qi,Xi]=r(!li&&Ci),[Yi,Zi]=r(!1),[ie,ee]=r(!1),[oe,se]=r(null),ne=t(null),te=t(null),re=t([]),ce=t(null),de=t(!1),me=t(null),[ae,pe]=r(ui),[le,je]=r(!1),xe=t(null),[ue,ge]=r(!1),he=c(()=>{pe(!1),null==Fi||Fi(!1),je(!1)},[]),be=c(()=>{pe(!0),null==Fi||Fi(!0),je(!1)},[]),ye=c(i=>{Xi(!0),null==Si||Si(i)},[Si]),fe=c(i=>{Xi(!1),null==Li||Li(i)},[Li]),ve=c(i=>{null==Ni||Ni(i.target.value),null==Ei||Ei(i)},[Ni,Ei]),we=c(i=>e(void 0,void 0,void 0,function*(){if(!i.length)return;const e=[],o=[],s=yield Promise.all(null==i?void 0:i.map(J));for(const[n,t]of i.entries()){Q(t.type,wi)?e.push({previewUrl:s[n],name:t.name,native:t}):o.push(t)}o.length>0&&(null==Ki||Ki({name:"WRONG_FILES",payload:o})),(null==e?void 0:e.length)>0&&(null==Gi||Gi([...Mi,...e].slice(0,yi)))}),[wi,Ki,yi,Mi]),ke=c(i=>e(void 0,void 0,void 0,function*(){!vi&&i.clipboardData.files.length>0&&(i.preventDefault(),yield we([...i.clipboardData.files]))}),[we,vi]),Ce=c(i=>e(void 0,void 0,void 0,function*(){if(!Gi||!i.target.files)return;const e=yield X([...Mi.map(({native:i})=>i),...i.target.files]);Gi(e.slice(0,yi)),ge(!1)}),[Mi,Gi,yi]),De=c(i=>{null==Gi||Gi(Mi.filter(({name:e})=>e!==i.name))},[Gi,Mi]),Fe=c(i=>{i.stopPropagation(),null==Oi||Oi(Bi,Mi),null==Ni||Ni(""),null==Gi||Gi([]),null==Wi||Wi([]),Ii("calc(var(--bothub-scale, 1) * 22px)")},[Bi,Mi,Oi,Ni,Gi,Wi]),$e=c(i=>{i.stopPropagation();if(Z()&&"Enter"===i.key)return;const e=ae?"enter":"ctrl/shift+enter";let o="";if("Enter"===i.key&&(i.shiftKey||i.ctrlKey))o="ctrl/shift+enter";else{if("Enter"!==i.key)return;o="enter"}if(Qi&&"Enter"===i.key){if(o===e&&i.ctrlKey){i.preventDefault();const e=Ri.current;if(!e)return;const o=e.value,t=e.selectionStart,r=o.slice(0,t),c=o.slice(t);null==Ni||Ni(`${r}\n${c}`),s=e,n=t+1,setTimeout(()=>{s.selectionStart=n,s.selectionEnd=n},1)}e!==o&&""!==o&&(i.preventDefault(),null==Oi||Oi(Bi,Mi),Ii("calc(var(--bothub-scale, 1) * 22px)"))}var s,n},[Qi,Bi,Mi,Oi,Ni,Gi]),Te=c(()=>{var i;li||null===(i=Ri.current)||void 0===i||i.focus()},[li,Ci]),Ae=c(i=>{i.stopPropagation()},[]),Ee=c(i=>e(void 0,void 0,void 0,function*(){if(ie)return;de.current=!0,i.stopPropagation();const e=yield navigator.mediaDevices.getUserMedia({audio:!0}),o=new MediaRecorder(e,{mimeType:ei()});de.current&&(o.start(1e3),ne.current=o,te.current=e,ce.current=window.setInterval(()=>{se(i=>(null!=i?i:0)+.1)},100),ee(!0),se(0),Ji(!1))}),[de.current,re.current,ie]),Oe=c(()=>{const i=ne.current,e=te.current,o=ce.current;if(ie&&i&&e&&o){i.stop();for(const i of e.getTracks())i.stop();window.clearInterval(o)}},[ie,ne.current,te.current,ce.current]),Se=c(()=>e(void 0,void 0,void 0,function*(){de.current=!1,ie&&Oe()}),[ie,Oe]),Le=c(()=>{const i=ne.current,e=ce.current;ie&&i&&e&&(i.pause(),window.clearInterval(e),Ji(!0))},[ie]),Ke=c(()=>{const i=ne.current;ie&&i&&(i.resume(),ce.current=window.setInterval(()=>{se(i=>(null!=i?i:0)+.1)},100),Ji(!1))},[ie,se]),Pe=c(i=>{Wi(Hi.filter(e=>e.src!==i.src))},[Hi,Wi]),Ue=c(()=>{const i=Ri.current;null!==i&&(i.style.height="calc(var(--bothub-scale, 1) * 22px)",i.style.height=`${i.scrollHeight}px`,Ii(`${i.scrollHeight}px`))},[Bi,Ci]);d(()=>{Ue()},[Ue]),d(()=>{const i=Ri.current;if(!i||li)return;const e=!li&&Ci;Xi(e),e?i.focus():document.activeElement===i&&i.blur()},[li,Ci]),d(()=>{const i=Ri.current;if(null!==i)return i.addEventListener("keydown",$e),()=>{i.removeEventListener("keydown",$e)}},[$e]),d(()=>{Gi&&pi&&Gi(pi)},[pi]),d(()=>{null==Ai||Ai(Hi)},[Hi]),d(()=>{const i=ne.current,o=i=>{i.data.size>0&&re.current.push(i.data)},s=()=>e(void 0,void 0,void 0,function*(){const i=new Blob(re.current,{type:ei()}),{waveData:e,duration:o}=yield ti(i),s={src:URL.createObjectURL(i),duration:o,blob:i,waveData:e};Wi([...Hi,s]),ne.current=null,te.current=null,re.current=[],ce.current=null,ee(!1),se(null)});return i&&(i.addEventListener("dataavailable",o),i.addEventListener("stop",s)),()=>{i&&(i.removeEventListener("dataavailable",o),i.removeEventListener("stop",s)),Oe()}},[ne.current]),a(me,()=>{je(!1)}),a(xe,()=>{ge(!1)});const ze=m(!li&&le,{from:{opacity:0,y:10},enter:{opacity:1,y:0},leave:{opacity:0,y:10},config:{duration:100,ease:"easeOut"}}),qe=m(!li&&ue,{from:{opacity:0,y:10},enter:{opacity:1,y:0},leave:{opacity:0,y:10},config:{duration:100,ease:"easeOut"}});return o(p,{$active:Qi,$dragActive:Yi,$disabled:li,$textAreaDisabled:xi,$voiceRecording:ie,className:di,onClick:Te,onDragEnter:()=>Zi(!0),onDragLeave:()=>Zi(!1),onDragOver:i=>(i.stopPropagation(),i.preventDefault(),!1),onDrop:i=>e(void 0,void 0,void 0,function*(){if(i.dataTransfer.files.length>0)return i.stopPropagation(),i.preventDefault(),yield we([...i.dataTransfer.files]),Zi(!1),!1}),children:s(l,{children:[(!fi||!!Ui)&&s(j,{ref:xe,children:[o(x,{$disabled:li,onClick:i=>{i.stopPropagation(),ge(!ue)},children:o(oi,{fill:qi.colors.base.white})}),qe((e,n)=>n&&s(u,{style:e,children:[s(g,{children:[s(h,{$disabled:Mi.length>=yi||li||vi,onClick:Ae,children:[o(si,{size:18}),o(_,{variant:"body-m-medium",children:ki})]}),o(b,{type:"file",accept:wi,multiple:!0,disabled:Mi.length>=yi||li||vi,onChange:Ce},Mi.length)]}),!!Ui&&o(y,{}),null==Ui?void 0:Ui.map(e=>{var{onClick:s}=e,n=i(e,["onClick"]);return o(f,Object.assign({},n,{onClick:()=>{null==s||s(),ge(!1)}}))})]})),Pi]}),s(v,{onClick:Te,children:[ie&&null!==oe&&s(w,{children:[o(k,{}),o(C,{children:Y(oe)})]}),Mi.length>0&&o(D,{children:Mi.map(i=>{let e;return e=i.previewUrl&&(i.name.match(/.png$/i)||i.name.match(/.jpg$/i)||i.name.match(/.jpeg$/i))?o(B,{src:i.previewUrl}):i.name.match(/.txt$/i)?o(M,{}):i.name.match(/.docx$/i)?o(G,{}):i.name.match(/.xlsx$/i)?o(H,{}):i.name.match(/.pdf$/i)?o(N,{}):o(ii,{}),e=o(W,{size:18,children:e}),o(F,{start:e,onDelete:De.bind(null,i),children:i.name.length>20?`...${i.name.slice(-20)}`:i.name},i.name)})}),Hi.length>1&&o($,{children:bi}),Hi.length>0&&o(T,{children:Hi.map(i=>s(A,{children:[o(ni,{variant:"input",height:24,src:i.src,duration:i.duration,waveData:i.waveData,disableTranscription:!0}),o(E,{onClick:Pe.bind(null,i)})]},i.src))}),(!xi||xi&&mi&&Mi.length!==yi||xi&&Bi)&&o(O,Object.assign({$disabled:li},zi,{ref:Ri,value:Bi,placeholder:mi,disabled:li||xi,style:Object.assign(Object.assign({},zi.style),{height:Vi}),onFocus:ye,onBlur:fe,onChange:ve,onPaste:ke}))]}),s(S,{children:[!!gi&&!!hi&&s(L,{ref:me,children:[o(K,{onClick:i=>{i.stopPropagation(),je(!le)},disabled:li}),ze((i,e)=>e&&s(P,{style:i,children:[o(U,{active:!ae,onClick:he,children:gi}),o(U,{active:ae,onClick:be,children:hi})]},"alternative-key-modal"))]}),ie&&o(n,{children:_i?o(z,{onClick:Ke}):o(q,{onClick:Le})}),Di&&o(R,{$isRecording:ie,disabled:li||ji,onClick:ie?Se:Ee,"data-test":"submit-message"}),o(V,Object.assign({disabled:li||ji||ie,onClick:Fe},qi.bright&&{iconFill:qi.default.colors.base.black},{"data-test":"submit-message",children:o(I,{})}))]})]})})};export{ci as InputMessage};
|
|
@@ -575,301 +575,9 @@ export declare const InputMessageConfigure: import("styled-components").IStyledC
|
|
|
575
575
|
onTransitionStart?: React.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
576
576
|
onTransitionStartCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
577
577
|
}>;
|
|
578
|
-
export declare const InputMessageConfigureButton: import("styled-components").IStyledComponent<"web", {
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
disabled?: boolean | undefined | undefined;
|
|
582
|
-
form?: string | undefined | undefined;
|
|
583
|
-
formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
|
|
584
|
-
formEncType?: string | undefined | undefined;
|
|
585
|
-
formMethod?: string | undefined | undefined;
|
|
586
|
-
formNoValidate?: boolean | undefined | undefined;
|
|
587
|
-
formTarget?: string | undefined | undefined;
|
|
588
|
-
name?: string | undefined | undefined;
|
|
589
|
-
type?: "submit" | "reset" | "button" | undefined | undefined;
|
|
590
|
-
value?: string | number | readonly string[] | undefined;
|
|
591
|
-
defaultChecked?: boolean | undefined | undefined;
|
|
592
|
-
defaultValue?: string | number | readonly string[] | undefined;
|
|
593
|
-
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
594
|
-
suppressHydrationWarning?: boolean | undefined | undefined;
|
|
595
|
-
accessKey?: string | undefined | undefined;
|
|
596
|
-
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
|
|
597
|
-
autoFocus?: boolean | undefined | undefined;
|
|
598
|
-
className?: string | undefined | undefined;
|
|
599
|
-
contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
|
|
600
|
-
contextMenu?: string | undefined | undefined;
|
|
601
|
-
dir?: string | undefined | undefined;
|
|
602
|
-
draggable?: (boolean | "false" | "true") | undefined;
|
|
603
|
-
enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
604
|
-
hidden?: boolean | undefined | undefined;
|
|
605
|
-
id?: string | undefined | undefined;
|
|
606
|
-
lang?: string | undefined | undefined;
|
|
607
|
-
nonce?: string | undefined | undefined;
|
|
608
|
-
slot?: string | undefined | undefined;
|
|
609
|
-
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
610
|
-
style?: React.CSSProperties | undefined;
|
|
611
|
-
tabIndex?: number | undefined | undefined;
|
|
612
|
-
title?: string | undefined | undefined;
|
|
613
|
-
translate?: "yes" | "no" | undefined | undefined;
|
|
614
|
-
radioGroup?: string | undefined | undefined;
|
|
615
|
-
role?: React.AriaRole | undefined;
|
|
616
|
-
about?: string | undefined | undefined;
|
|
617
|
-
content?: string | undefined | undefined;
|
|
618
|
-
datatype?: string | undefined | undefined;
|
|
619
|
-
inlist?: any;
|
|
620
|
-
prefix?: string | undefined | undefined;
|
|
621
|
-
property?: string | undefined | undefined;
|
|
622
|
-
rel?: string | undefined | undefined;
|
|
623
|
-
resource?: string | undefined | undefined;
|
|
624
|
-
rev?: string | undefined | undefined;
|
|
625
|
-
typeof?: string | undefined | undefined;
|
|
626
|
-
vocab?: string | undefined | undefined;
|
|
627
|
-
autoCorrect?: string | undefined | undefined;
|
|
628
|
-
autoSave?: string | undefined | undefined;
|
|
629
|
-
color?: string | undefined | undefined;
|
|
630
|
-
itemProp?: string | undefined | undefined;
|
|
631
|
-
itemScope?: boolean | undefined | undefined;
|
|
632
|
-
itemType?: string | undefined | undefined;
|
|
633
|
-
itemID?: string | undefined | undefined;
|
|
634
|
-
itemRef?: string | undefined | undefined;
|
|
635
|
-
results?: number | undefined | undefined;
|
|
636
|
-
security?: string | undefined | undefined;
|
|
637
|
-
unselectable?: "on" | "off" | undefined | undefined;
|
|
638
|
-
popover?: "" | "auto" | "manual" | undefined | undefined;
|
|
639
|
-
popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
|
|
640
|
-
popoverTarget?: string | undefined | undefined;
|
|
641
|
-
inert?: boolean | undefined | undefined;
|
|
642
|
-
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
|
|
643
|
-
is?: string | undefined | undefined;
|
|
644
|
-
exportparts?: string | undefined | undefined;
|
|
645
|
-
part?: string | undefined | undefined;
|
|
646
|
-
"aria-activedescendant"?: string | undefined | undefined;
|
|
647
|
-
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
648
|
-
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
|
|
649
|
-
"aria-braillelabel"?: string | undefined | undefined;
|
|
650
|
-
"aria-brailleroledescription"?: string | undefined | undefined;
|
|
651
|
-
"aria-busy"?: (boolean | "false" | "true") | undefined;
|
|
652
|
-
"aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
|
|
653
|
-
"aria-colcount"?: number | undefined | undefined;
|
|
654
|
-
"aria-colindex"?: number | undefined | undefined;
|
|
655
|
-
"aria-colindextext"?: string | undefined | undefined;
|
|
656
|
-
"aria-colspan"?: number | undefined | undefined;
|
|
657
|
-
"aria-controls"?: string | undefined | undefined;
|
|
658
|
-
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
|
|
659
|
-
"aria-describedby"?: string | undefined | undefined;
|
|
660
|
-
"aria-description"?: string | undefined | undefined;
|
|
661
|
-
"aria-details"?: string | undefined | undefined;
|
|
662
|
-
"aria-disabled"?: (boolean | "false" | "true") | undefined;
|
|
663
|
-
"aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
|
|
664
|
-
"aria-errormessage"?: string | undefined | undefined;
|
|
665
|
-
"aria-expanded"?: (boolean | "false" | "true") | undefined;
|
|
666
|
-
"aria-flowto"?: string | undefined | undefined;
|
|
667
|
-
"aria-grabbed"?: (boolean | "false" | "true") | undefined;
|
|
668
|
-
"aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
|
|
669
|
-
"aria-hidden"?: (boolean | "false" | "true") | undefined;
|
|
670
|
-
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
|
|
671
|
-
"aria-keyshortcuts"?: string | undefined | undefined;
|
|
672
|
-
"aria-label"?: string | undefined | undefined;
|
|
673
|
-
"aria-labelledby"?: string | undefined | undefined;
|
|
674
|
-
"aria-level"?: number | undefined | undefined;
|
|
675
|
-
"aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
|
|
676
|
-
"aria-modal"?: (boolean | "false" | "true") | undefined;
|
|
677
|
-
"aria-multiline"?: (boolean | "false" | "true") | undefined;
|
|
678
|
-
"aria-multiselectable"?: (boolean | "false" | "true") | undefined;
|
|
679
|
-
"aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
|
|
680
|
-
"aria-owns"?: string | undefined | undefined;
|
|
681
|
-
"aria-placeholder"?: string | undefined | undefined;
|
|
682
|
-
"aria-posinset"?: number | undefined | undefined;
|
|
683
|
-
"aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
|
|
684
|
-
"aria-readonly"?: (boolean | "false" | "true") | undefined;
|
|
685
|
-
"aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
|
|
686
|
-
"aria-required"?: (boolean | "false" | "true") | undefined;
|
|
687
|
-
"aria-roledescription"?: string | undefined | undefined;
|
|
688
|
-
"aria-rowcount"?: number | undefined | undefined;
|
|
689
|
-
"aria-rowindex"?: number | undefined | undefined;
|
|
690
|
-
"aria-rowindextext"?: string | undefined | undefined;
|
|
691
|
-
"aria-rowspan"?: number | undefined | undefined;
|
|
692
|
-
"aria-selected"?: (boolean | "false" | "true") | undefined;
|
|
693
|
-
"aria-setsize"?: number | undefined | undefined;
|
|
694
|
-
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
|
|
695
|
-
"aria-valuemax"?: number | undefined | undefined;
|
|
696
|
-
"aria-valuemin"?: number | undefined | undefined;
|
|
697
|
-
"aria-valuenow"?: number | undefined | undefined;
|
|
698
|
-
"aria-valuetext"?: string | undefined | undefined;
|
|
699
|
-
children?: React.ReactNode;
|
|
700
|
-
dangerouslySetInnerHTML?: {
|
|
701
|
-
__html: string | TrustedHTML;
|
|
702
|
-
} | undefined | undefined;
|
|
703
|
-
onCopy?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
704
|
-
onCopyCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
705
|
-
onCut?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
706
|
-
onCutCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
707
|
-
onPaste?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
708
|
-
onPasteCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
709
|
-
onCompositionEnd?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
|
|
710
|
-
onCompositionEndCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
|
|
711
|
-
onCompositionStart?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
|
|
712
|
-
onCompositionStartCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
|
|
713
|
-
onCompositionUpdate?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
|
|
714
|
-
onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
|
|
715
|
-
onFocus?: React.FocusEventHandler<HTMLButtonElement> | undefined;
|
|
716
|
-
onFocusCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
|
|
717
|
-
onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
|
|
718
|
-
onBlurCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
|
|
719
|
-
onChange?: React.FormEventHandler<HTMLButtonElement> | undefined;
|
|
720
|
-
onChangeCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
|
|
721
|
-
onBeforeInput?: React.InputEventHandler<HTMLButtonElement> | undefined;
|
|
722
|
-
onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
|
|
723
|
-
onInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
|
|
724
|
-
onInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
|
|
725
|
-
onReset?: React.FormEventHandler<HTMLButtonElement> | undefined;
|
|
726
|
-
onResetCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
|
|
727
|
-
onSubmit?: React.FormEventHandler<HTMLButtonElement> | undefined;
|
|
728
|
-
onSubmitCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
|
|
729
|
-
onInvalid?: React.FormEventHandler<HTMLButtonElement> | undefined;
|
|
730
|
-
onInvalidCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
|
|
731
|
-
onLoad?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
732
|
-
onLoadCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
733
|
-
onError?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
734
|
-
onErrorCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
735
|
-
onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
|
|
736
|
-
onKeyDownCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
|
|
737
|
-
onKeyPress?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
|
|
738
|
-
onKeyPressCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
|
|
739
|
-
onKeyUp?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
|
|
740
|
-
onKeyUpCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
|
|
741
|
-
onAbort?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
742
|
-
onAbortCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
743
|
-
onCanPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
744
|
-
onCanPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
745
|
-
onCanPlayThrough?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
746
|
-
onCanPlayThroughCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
747
|
-
onDurationChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
748
|
-
onDurationChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
749
|
-
onEmptied?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
750
|
-
onEmptiedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
751
|
-
onEncrypted?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
752
|
-
onEncryptedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
753
|
-
onEnded?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
754
|
-
onEndedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
755
|
-
onLoadedData?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
756
|
-
onLoadedDataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
757
|
-
onLoadedMetadata?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
758
|
-
onLoadedMetadataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
759
|
-
onLoadStart?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
760
|
-
onLoadStartCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
761
|
-
onPause?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
762
|
-
onPauseCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
763
|
-
onPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
764
|
-
onPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
765
|
-
onPlaying?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
766
|
-
onPlayingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
767
|
-
onProgress?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
768
|
-
onProgressCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
769
|
-
onRateChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
770
|
-
onRateChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
771
|
-
onSeeked?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
772
|
-
onSeekedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
773
|
-
onSeeking?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
774
|
-
onSeekingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
775
|
-
onStalled?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
776
|
-
onStalledCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
777
|
-
onSuspend?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
778
|
-
onSuspendCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
779
|
-
onTimeUpdate?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
780
|
-
onTimeUpdateCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
781
|
-
onVolumeChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
782
|
-
onVolumeChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
783
|
-
onWaiting?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
784
|
-
onWaitingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
785
|
-
onAuxClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
786
|
-
onAuxClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
787
|
-
onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
788
|
-
onClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
789
|
-
onContextMenu?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
790
|
-
onContextMenuCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
791
|
-
onDoubleClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
792
|
-
onDoubleClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
793
|
-
onDrag?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
794
|
-
onDragCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
795
|
-
onDragEnd?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
796
|
-
onDragEndCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
797
|
-
onDragEnter?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
798
|
-
onDragEnterCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
799
|
-
onDragExit?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
800
|
-
onDragExitCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
801
|
-
onDragLeave?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
802
|
-
onDragLeaveCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
803
|
-
onDragOver?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
804
|
-
onDragOverCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
805
|
-
onDragStart?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
806
|
-
onDragStartCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
807
|
-
onDrop?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
808
|
-
onDropCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
809
|
-
onMouseDown?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
810
|
-
onMouseDownCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
811
|
-
onMouseEnter?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
812
|
-
onMouseLeave?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
813
|
-
onMouseMove?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
814
|
-
onMouseMoveCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
815
|
-
onMouseOut?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
816
|
-
onMouseOutCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
817
|
-
onMouseOver?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
818
|
-
onMouseOverCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
819
|
-
onMouseUp?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
820
|
-
onMouseUpCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
821
|
-
onSelect?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
822
|
-
onSelectCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
823
|
-
onTouchCancel?: React.TouchEventHandler<HTMLButtonElement> | undefined;
|
|
824
|
-
onTouchCancelCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
|
|
825
|
-
onTouchEnd?: React.TouchEventHandler<HTMLButtonElement> | undefined;
|
|
826
|
-
onTouchEndCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
|
|
827
|
-
onTouchMove?: React.TouchEventHandler<HTMLButtonElement> | undefined;
|
|
828
|
-
onTouchMoveCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
|
|
829
|
-
onTouchStart?: React.TouchEventHandler<HTMLButtonElement> | undefined;
|
|
830
|
-
onTouchStartCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
|
|
831
|
-
onPointerDown?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
832
|
-
onPointerDownCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
833
|
-
onPointerMove?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
834
|
-
onPointerMoveCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
835
|
-
onPointerUp?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
836
|
-
onPointerUpCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
837
|
-
onPointerCancel?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
838
|
-
onPointerCancelCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
839
|
-
onPointerEnter?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
840
|
-
onPointerLeave?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
841
|
-
onPointerOver?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
842
|
-
onPointerOverCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
843
|
-
onPointerOut?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
844
|
-
onPointerOutCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
845
|
-
onGotPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
846
|
-
onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
847
|
-
onLostPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
848
|
-
onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
849
|
-
onScroll?: React.UIEventHandler<HTMLButtonElement> | undefined;
|
|
850
|
-
onScrollCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
|
|
851
|
-
onScrollEnd?: React.UIEventHandler<HTMLButtonElement> | undefined;
|
|
852
|
-
onScrollEndCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
|
|
853
|
-
onWheel?: React.WheelEventHandler<HTMLButtonElement> | undefined;
|
|
854
|
-
onWheelCapture?: React.WheelEventHandler<HTMLButtonElement> | undefined;
|
|
855
|
-
onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
|
|
856
|
-
onAnimationStartCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
|
|
857
|
-
onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
|
|
858
|
-
onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
|
|
859
|
-
onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
|
|
860
|
-
onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
|
|
861
|
-
onToggle?: React.ToggleEventHandler<HTMLButtonElement> | undefined;
|
|
862
|
-
onBeforeToggle?: React.ToggleEventHandler<HTMLButtonElement> | undefined;
|
|
863
|
-
onTransitionCancel?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
864
|
-
onTransitionCancelCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
865
|
-
onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
866
|
-
onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
867
|
-
onTransitionRun?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
868
|
-
onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
869
|
-
onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
870
|
-
onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
871
|
-
$disabled?: boolean | undefined;
|
|
872
|
-
}>;
|
|
578
|
+
export declare const InputMessageConfigureButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
579
|
+
$disabled?: boolean;
|
|
580
|
+
}>>;
|
|
873
581
|
export declare const InputMessageConfigureMenu: import("styled-components").IStyledComponent<"web", {
|
|
874
582
|
ref?: React.Ref<HTMLDivElement> | undefined;
|
|
875
583
|
key?: React.Key | null | undefined;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{styled as i,css as a,keyframes as n}from"styled-components";import{animated as s}from"@react-spring/web";import{Button as r}from"../button/index.js";import{EnterIcon as l}from"../../icons/enter/index.js";import{SendIcon as d}from"../../icons/send/index.js";import{CloseIcon as c}from"../../icons/close/index.js";import{Chip as p}from"../chip/index.js";import{VoiceIcon as g}from"../../icons/voice/index.js";import{PauseIcon as m}from"../../icons/pause/index.js";import{PlayIcon as u}from"../../icons/play/index.js";import{ExclamationIcon as y}from"../../icons/exclamation/index.js";import"tslib";import{IconProvider as h}from"../icon/context.js";import"../icon/styled.js";import"react";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{Typography as x}from"../typography/index.js";import{adaptive as b}from"../../adaptive/index.js";const f=i.div.withConfig({displayName:"styled__InputMessageStyled",componentId:"sc-4jukeb-0"})(["display:flex;flex-direction:column;gap:14px;position:relative;border-radius:10px;border:1px solid ",";background:",";width:100%;padding:14px 20px;max-width:",";box-sizing:border-box;overflow:visible;cursor:",";outline:none;"," ",""],({theme:e,$active:t,$disabled:o})=>o?e.colors.grayScale.gray2:t?e.colors.accent.primary:e.colors.grayScale.gray2,({theme:e,$disabled:t})=>t?e.colors.grayScale.gray3:"light"===e.mode?e.default.colors.base.white:e.colors.grayScale.gray4,({theme:e})=>e.dashboard.chat.containerWidth,({$disabled:e,$textAreaDisabled:t,$voiceRecording:o})=>e?"not-allowed":t||o?"default":"text",({$disabled:e})=>!e&&a`
|
|
2
2
|
&:hover {
|
|
3
3
|
border-color: ${({theme:e})=>e.colors.accent.primary};
|
|
4
4
|
}
|
|
5
|
-
`,({$dragActive:e})=>e&&"\n opacity: 0.85;\n "),
|
|
5
|
+
`,({$dragActive:e})=>e&&"\n opacity: 0.85;\n "),w=i.div.withConfig({displayName:"styled__InputMessageContent",componentId:"sc-4jukeb-1"})(["width:100%;gap:14px;display:grid;grid-template-areas:'input input input' 'configure . buttons';grid-auto-rows:min-content;grid-auto-columns:min-content auto min-content;align-items:center;"]),I=i.div.withConfig({displayName:"styled__InputMessageConfigure",componentId:"sc-4jukeb-2"})(["display:flex;align-items:center;gap:14px;position:relative;width:fit-content;height:100%;user-select:none;grid-area:configure;"]),k=i.button.withConfig({displayName:"styled__InputMessageConfigureButton",componentId:"sc-4jukeb-3"})(["all:unset;display:flex;align-items:center;padding:10px;border-radius:8px;background-color:",";transition:background-color 300ms ease-in-out,transform 50ms ease-in;&:hover{cursor:pointer;background-color:",";}&:active{transform:scale(0.98) translateY(1px);}",""],({theme:e})=>"dark"===e.mode?e.colors.grayScale.gray4:e.colors.base.black,({theme:e})=>e.colors.grayScale.gray3,({theme:e,$disabled:t})=>t&&a`
|
|
6
6
|
background-color: ${e.colors.grayScale.gray2} !important;
|
|
7
|
-
`),
|
|
7
|
+
`),_=i(s.div).withConfig({displayName:"styled__InputMessageConfigureMenu",componentId:"sc-4jukeb-4"})(["position:absolute;bottom:calc(100% + 8px);left:0;width:max-content;display:flex;justify-content:center;flex-direction:column;padding:8px;border-radius:10px;border:1px solid ",";background-color:",";"],({theme:e})=>e.colors.grayScale.gray2,({theme:e})=>e.colors.grayScale.gray4),j=a`
|
|
8
8
|
all: unset;
|
|
9
9
|
display: flex;
|
|
10
10
|
flex: 1;
|
|
@@ -12,7 +12,7 @@ import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{styled as
|
|
|
12
12
|
padding: 10px 12px;
|
|
13
13
|
gap: 8px;
|
|
14
14
|
border-radius: 8px;
|
|
15
|
-
`,
|
|
15
|
+
`,v=i.button.attrs(({theme:i,children:a,icon:n})=>({children:e(t,{children:[n&&o(h,{fill:i.colors.base.white,size:18,children:n}),o(x,{variant:"body-m-medium",children:a})]})})).withConfig({displayName:"styled__InputMessageMenuOption",componentId:"sc-4jukeb-5"})([""," &:hover{cursor:pointer;background-color:",";}&:active{transform:scale(0.98) translateY(1px);}"],j,({theme:e})=>e.colors.grayScale.gray3),M=i.div.withConfig({displayName:"styled__InputMessageUploadFile",componentId:"sc-4jukeb-6"})(["display:inline-flex;"]),C=i.input.attrs({id:"inputMessageUploadFileInput"}).withConfig({displayName:"styled__InputMessageUploadFileInput",componentId:"sc-4jukeb-7"})(["display:none;"]),S=i.label.attrs({htmlFor:"inputMessageUploadFileInput"}).withConfig({displayName:"styled__InputMessageUploadFileLabel",componentId:"sc-4jukeb-8"})([""," ",""],j,({theme:e,$disabled:t})=>t?a`
|
|
16
16
|
background-color: ${e.colors.grayScale.gray2};
|
|
17
17
|
`:a`
|
|
18
18
|
&:hover {
|
|
@@ -22,13 +22,13 @@ import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{styled as
|
|
|
22
22
|
&:active {
|
|
23
23
|
transform: scale(0.98) translateY(1px);
|
|
24
24
|
}
|
|
25
|
-
`)
|
|
25
|
+
`),N=i.hr.withConfig({displayName:"styled__InputMessageMenuHr",componentId:"sc-4jukeb-9"})(["all:unset;margin-block:8px;height:1px;width:100%;background-color:",";"],({theme:e})=>e.colors.grayScale.gray2),$=i.div.withConfig({displayName:"styled__InputMessageMain",componentId:"sc-4jukeb-10"})(["display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:14px;width:100%;grid-area:input;"]),F=i.div.withConfig({displayName:"styled__InputMessageButtons",componentId:"sc-4jukeb-11"})(["display:flex;gap:10px;align-items:center;grid-area:buttons;"]),z=i.div.withConfig({displayName:"styled__InputMessageFiles",componentId:"sc-4jukeb-12"})(["display:flex;flex-wrap:wrap;gap:10px 14px;cursor:default;max-height:200px;overflow-y:auto;"]),V=i(p).attrs({variant:"input"}).withConfig({displayName:"styled__InputMessageFile",componentId:"sc-4jukeb-13"})([""]),T=i(z).withConfig({displayName:"styled__InputMessageVoiceFiles",componentId:"sc-4jukeb-14"})(["width:100%;"]),B=i.div.withConfig({displayName:"styled__InputMessageVoiceTrack",componentId:"sc-4jukeb-15"})(["display:flex;gap:14px;align-items:center;"]),R=i(x).attrs(({theme:i,children:a})=>({variant:"body-m-regular",children:e(t,{children:[o(y,{fill:i.colors.accent.primaryLight}),a]})})).withConfig({displayName:"styled__InputMessageConcatenateWarning",componentId:"sc-4jukeb-16"})(["display:flex;align-items:center;gap:8px;color:",";"],({theme:e})=>e.colors.accent.primaryLight),U=i(r).attrs({variant:"text",children:o(c,{})}).withConfig({displayName:"styled__InputMessageVoiceFileDelete",componentId:"sc-4jukeb-17"})([""]),Y=i.textarea.withConfig({displayName:"styled__InputMessageTextArea",componentId:"sc-4jukeb-18"})(["display:flex;height:auto;width:100%;min-height:22px;max-height:270px;background:none;outline:none;resize:none;border:none;color:",";flex-shrink:0;overflow:auto;scrollbar-width:none;padding:0px;&::placeholder{color:",";}&::-webkit-scrollbar{display:none;}"," font-weight:400;font-size:18px;line-height:23.4px;@media (max-width:","){font-size:16px;line-height:22px;}"],({theme:e,$disabled:t})=>t?e.colors.grayScale.gray1:e.colors.base.white,({theme:e})=>e.colors.grayScale.gray1,({$disabled:e})=>e&&a`
|
|
26
26
|
cursor: not-allowed;
|
|
27
|
-
`,({theme:e})=>e.mobile.maxWidth),
|
|
27
|
+
`,({theme:e})=>e.mobile.maxWidth),A=i(r).withConfig({displayName:"styled__InputMessageSendButton",componentId:"sc-4jukeb-19"})(["flex-shrink:0;svg{pointer-events:none;}"]),D=i(r).attrs({variant:"text",children:o(m,{})}).withConfig({displayName:"styled__InputMessageVoicePauseButton",componentId:"sc-4jukeb-20"})(["padding:10px;margin-left:10px;"]),L=i(D).attrs({children:o(u,{})}).withConfig({displayName:"styled__InputMessageVoicePlayButton",componentId:"sc-4jukeb-21"})([""]),W=i(A).attrs(({theme:e,disabled:t})=>({variant:"text",startIcon:o(g,{}),iconFill:t?e.colors.grayScale.gray1:e.bright?e.default.colors.base.black:e.colors.base.white,disableHoverColor:!0})).withConfig({displayName:"styled__InputMessageVoiceButton",componentId:"sc-4jukeb-22"})(["margin-inline:10px;padding:10px;border-radius:8px;background-color:",";position:relative;z-index:0;"," &:before{content:'';height:140%;width:140%;position:absolute;top:-20%;left:-20%;background-color:",";opacity:",";filter:blur(18px);z-index:-1;transition:opacity 300ms ease-out;}"],({theme:e,$isRecording:t})=>t?e.colors.critic:"transparent",({theme:e,$isRecording:t})=>t&&a`
|
|
28
28
|
svg path {
|
|
29
29
|
fill: ${e.default.colors.base.white} !important;
|
|
30
30
|
}
|
|
31
|
-
`,({theme:e})=>e.colors.critic,({$isRecording:e})=>e?1:0),
|
|
31
|
+
`,({theme:e})=>e.colors.critic,({$isRecording:e})=>e?1:0),H=d,O=i.div.withConfig({displayName:"styled__InputMessageVoiceRecord",componentId:"sc-4jukeb-23"})(["display:flex;align-items:center;gap:8px;"]),P=i.span.withConfig({displayName:"styled__InputMessageVoiceRecordDot",componentId:"sc-4jukeb-24"})(["display:inline-flex;width:8px;height:8px;background:",";border-radius:50%;animation:"," 1s ease-in-out infinite;"],({theme:e})=>e.colors.critic,()=>n`
|
|
32
32
|
from {
|
|
33
33
|
opacity: 1;
|
|
34
34
|
}
|
|
@@ -38,8 +38,8 @@ import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{styled as
|
|
|
38
38
|
to {
|
|
39
39
|
opacity: 1;
|
|
40
40
|
}
|
|
41
|
-
`),
|
|
41
|
+
`),q=i(x).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__InputMessageVoiceRecordTimeText",componentId:"sc-4jukeb-25"})(["cursor:default;"]),E=i.div.withConfig({displayName:"styled__InputMessageToggleSendStyled",componentId:"sc-4jukeb-26"})(["position:relative;width:fit-content;height:fit-content;",""],b({tablet:a`
|
|
42
42
|
display: none;
|
|
43
43
|
`,mobile:a`
|
|
44
44
|
display: none;
|
|
45
|
-
`})),
|
|
45
|
+
`})),G=i(r).attrs({variant:"text",startIcon:o(l,{}),iconSize:24}).withConfig({displayName:"styled__InputMessageToggleSendButton",componentId:"sc-4jukeb-27"})(["svg{g path{fill:"," !important;}}display:flex;&:hover{svg{path{fill:"," !important;}}}"],({theme:e})=>e.colors.grayScale.gray3,({theme:e})=>"dark"===e.mode?e.colors.grayScale.gray2:e.colors.grayScale.gray1),J=i(s.div).withConfig({displayName:"styled__InputMessageToggleSendModalStyled",componentId:"sc-4jukeb-28"})(["display:flex;flex-direction:column;gap:6px;max-height:fit-content;width:max-content;max-width:60vw;padding:6px;position:absolute;bottom:calc(100% + 10px);right:0;border-radius:10px;border:1px "," solid;background-color:",";z-index:50;user-select:none;-moz-user-select:none;-webkit-user-select:none;"],({theme:e})=>e.colors.grayScale.gray2,({theme:e})=>"dark"===e.mode?e.colors.grayScale.gray4:e.default.colors.base.white),K=i.button.withConfig({displayName:"styled__InputMessageToggleSendModalOption",componentId:"sc-4jukeb-29"})(["all:unset;margin:0;padding:12px;border-radius:8px;background-color:",";cursor:pointer;transition:opacity 0.1s ease-in-out,transform 0.1s ease-in-out,filter 0.1s ease-in-out;&:hover{filter:",";transition:filter 100ms ease-in-out;}&:active{transform:translateY(1px);}"],({theme:e,active:t})=>"dark"===e.mode?t?e.colors.grayScale.gray3:e.colors.grayScale.gray4:t?e.colors.grayScale.gray3:e.default.colors.base.white,({theme:e})=>"dark"===e.mode?"brightness(120%)":"brightness(80%)");export{F as InputMessageButtons,R as InputMessageConcatenateWarning,I as InputMessageConfigure,k as InputMessageConfigureButton,_ as InputMessageConfigureMenu,w as InputMessageContent,V as InputMessageFile,z as InputMessageFiles,$ as InputMessageMain,N as InputMessageMenuHr,v as InputMessageMenuOption,A as InputMessageSendButton,H as InputMessageSendIcon,f as InputMessageStyled,Y as InputMessageTextArea,G as InputMessageToggleSendButton,K as InputMessageToggleSendModalOption,J as InputMessageToggleSendModalStyled,E as InputMessageToggleSendStyled,M as InputMessageUploadFile,C as InputMessageUploadFileInput,S as InputMessageUploadFileLabel,W as InputMessageVoiceButton,U as InputMessageVoiceFileDelete,T as InputMessageVoiceFiles,D as InputMessageVoicePauseButton,L as InputMessageVoicePlayButton,O as InputMessageVoiceRecord,P as InputMessageVoiceRecordDot,q as InputMessageVoiceRecordTimeText,B as InputMessageVoiceTrack};
|