@bothub-chat/ui 2.49.1-feat-finam-bace854d-5436-401e-ac94-c9409ed705bc → 2.49.1-feat-finam-030ce52c-b6a2-4dec-b6d5-fe8776c19de4
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,10 +1,10 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t,Fragment 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{AttachIcon as d}from"../../icons/attach/index.js";import{SendIcon as c}from"../../icons/send/index.js";import{CloseIcon as p}from"../../icons/close/index.js";import{Chip as m}from"../chip/index.js";import{VoiceIcon as g}from"../../icons/voice/index.js";import{PauseIcon as
|
|
1
|
+
import{jsx as e,jsxs as t,Fragment 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{AttachIcon as d}from"../../icons/attach/index.js";import{SendIcon as c}from"../../icons/send/index.js";import{CloseIcon as p}from"../../icons/close/index.js";import{Chip as m}from"../chip/index.js";import{VoiceIcon as g}from"../../icons/voice/index.js";import{PauseIcon as u}from"../../icons/pause/index.js";import{PlayIcon as y}from"../../icons/play/index.js";import{ExclamationIcon as h}from"../../icons/exclamation/index.js";import{Typography as f}from"../typography/index.js";import{adaptive as x}from"../../adaptive/index.js";const b=i.div.withConfig({displayName:"styled__InputMessageStyled",componentId:"sc-4jukeb-0"})(["display:flex;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
5
|
`,({$dragActive:e})=>e&&"\n opacity: 0.85;\n "),w=i.div.withConfig({displayName:"styled__InputMessageContent",componentId:"sc-4jukeb-1"})(["display:flex;flex-direction:column;justify-content:center;gap:14px;width:100%;"]),I=i.div.withConfig({displayName:"styled__InputMessageBottomGroup",componentId:"sc-4jukeb-2"})(["display:flex;gap:10px;align-items:center;"]),_=i(I).withConfig({displayName:"styled__InputMessageBottom",componentId:"sc-4jukeb-3"})(["justify-content:space-between;"]),k=i.div.withConfig({displayName:"styled__InputMessageUploadFile",componentId:"sc-4jukeb-4"})(["display:inline-flex;"]),j=i.input.attrs({id:"inputMessageUploadFileInput"}).withConfig({displayName:"styled__InputMessageUploadFileInput",componentId:"sc-4jukeb-5"})(["display:none;"]),v=i(r).attrs({variant:"secondary",component:"label",htmlFor:"inputMessageUploadFileInput",children:e(d,{})}).withConfig({displayName:"styled__InputMessageUploadFileButton",componentId:"sc-4jukeb-6"})(["flex-shrink:0;user-select:none;"]),M=i.div.withConfig({displayName:"styled__InputMessageMain",componentId:"sc-4jukeb-7"})(["display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:14px;width:100%;"]),C=i.div.withConfig({displayName:"styled__InputMessageFiles",componentId:"sc-4jukeb-8"})(["display:flex;flex-wrap:wrap;gap:10px 14px;cursor:default;max-height:200px;overflow-y:auto;"]),N=i(m).attrs({variant:"input"}).withConfig({displayName:"styled__InputMessageFile",componentId:"sc-4jukeb-9"})([""]),S=i(C).withConfig({displayName:"styled__InputMessageVoiceFiles",componentId:"sc-4jukeb-10"})(["width:100%;"]),$=i.div.withConfig({displayName:"styled__InputMessageVoiceTrack",componentId:"sc-4jukeb-11"})(["display:flex;gap:14px;align-items:center;"]),F=i(f).attrs(({theme:i,children:a})=>({variant:"body-m-regular",children:t(o,{children:[e(h,{fill:i.colors.accent.primaryLight}),a]})})).withConfig({displayName:"styled__InputMessageConcatenateWarning",componentId:"sc-4jukeb-12"})(["display:flex;align-items:center;gap:8px;color:",";"],({theme:e})=>e.colors.accent.primaryLight),z=i(r).attrs({variant:"text",children:e(p,{})}).withConfig({displayName:"styled__InputMessageVoiceFileDelete",componentId:"sc-4jukeb-13"})([""]),V=i.textarea.withConfig({displayName:"styled__InputMessageTextArea",componentId:"sc-4jukeb-14"})(["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`
|
|
6
6
|
cursor: not-allowed;
|
|
7
|
-
`,({theme:e})=>e.mobile.maxWidth),B=i(r).withConfig({displayName:"styled__InputMessageSendButton",componentId:"sc-4jukeb-15"})(["flex-shrink:0;svg{pointer-events:none;}"]),T=i(r).attrs({variant:"text",children:e(
|
|
7
|
+
`,({theme:e})=>e.mobile.maxWidth),B=i(r).withConfig({displayName:"styled__InputMessageSendButton",componentId:"sc-4jukeb-15"})(["flex-shrink:0;svg{pointer-events:none;}"]),T=i(r).attrs({variant:"text",children:e(u,{})}).withConfig({displayName:"styled__InputMessageVoicePauseButton",componentId:"sc-4jukeb-16"})(["padding:10px;margin-left:10px;"]),R=i(T).attrs({children:e(y,{})}).withConfig({displayName:"styled__InputMessageVoicePlayButton",componentId:"sc-4jukeb-17"})([""]),U=i(B).attrs(({theme:t,disabled:o})=>({variant:"text",startIcon:e(g,{}),iconFill:o?t.colors.grayScale.gray1:t.bright?t.default.colors.base.black:t.default.colors.base.white,disableHoverColor:!0})).withConfig({displayName:"styled__InputMessageVoiceButton",componentId:"sc-4jukeb-18"})(["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`
|
|
8
8
|
svg path {
|
|
9
9
|
fill: ${e.default.colors.base.white} !important;
|
|
10
10
|
}
|
|
@@ -22,4 +22,4 @@ import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{styled as
|
|
|
22
22
|
display: none;
|
|
23
23
|
`,mobile:a`
|
|
24
24
|
display: none;
|
|
25
|
-
`})),G=i(r).attrs({variant:"text",startIcon:e(l,{}),iconSize:24}).withConfig({displayName:"styled__InputMessageToggleSendButton",componentId:"sc-4jukeb-23"})(["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),H=i(s.div).withConfig({displayName:"styled__InputMessageToggleSendModalStyled",componentId:"sc-4jukeb-24"})(["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),O=i.button.withConfig({displayName:"styled__InputMessageToggleSendModalOption",componentId:"sc-4jukeb-25"})(["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{_ as InputMessageBottom,I as InputMessageBottomGroup,F as InputMessageConcatenateWarning,w as InputMessageContent,N as InputMessageFile,C as InputMessageFiles,M as InputMessageMain,B as InputMessageSendButton,A as InputMessageSendIcon,b as InputMessageStyled,V as InputMessageTextArea,G as InputMessageToggleSendButton,O as InputMessageToggleSendModalOption,H as InputMessageToggleSendModalStyled,P as InputMessageToggleSendStyled,k as InputMessageUploadFile,v as InputMessageUploadFileButton,j as InputMessageUploadFileInput,U as InputMessageVoiceButton,z as InputMessageVoiceFileDelete,S as InputMessageVoiceFiles,T as InputMessageVoicePauseButton,R as InputMessageVoicePlayButton,D as InputMessageVoiceRecord,W as InputMessageVoiceRecordDot,L as InputMessageVoiceRecordTimeText,$ as InputMessageVoiceTrack};
|
|
25
|
+
`})),G=i(r).attrs({variant:"text",startIcon:e(l,{}),iconSize:24}).withConfig({displayName:"styled__InputMessageToggleSendButton",componentId:"sc-4jukeb-23"})(["svg{g path{fill:"," !important;}}display:flex;&:hover{svg{path{fill:"," !important;}}}"],({theme:e})=>e.bright?e.colors.grayScale.gray3:e.colors.custom.icon,({theme:e})=>"dark"===e.mode?e.colors.grayScale.gray2:e.colors.grayScale.gray1),H=i(s.div).withConfig({displayName:"styled__InputMessageToggleSendModalStyled",componentId:"sc-4jukeb-24"})(["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),O=i.button.withConfig({displayName:"styled__InputMessageToggleSendModalOption",componentId:"sc-4jukeb-25"})(["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{_ as InputMessageBottom,I as InputMessageBottomGroup,F as InputMessageConcatenateWarning,w as InputMessageContent,N as InputMessageFile,C as InputMessageFiles,M as InputMessageMain,B as InputMessageSendButton,A as InputMessageSendIcon,b as InputMessageStyled,V as InputMessageTextArea,G as InputMessageToggleSendButton,O as InputMessageToggleSendModalOption,H as InputMessageToggleSendModalStyled,P as InputMessageToggleSendStyled,k as InputMessageUploadFile,v as InputMessageUploadFileButton,j as InputMessageUploadFileInput,U as InputMessageVoiceButton,z as InputMessageVoiceFileDelete,S as InputMessageVoiceFiles,T as InputMessageVoicePauseButton,R as InputMessageVoicePlayButton,D as InputMessageVoiceRecord,W as InputMessageVoiceRecordDot,L as InputMessageVoiceRecordTimeText,$ as InputMessageVoiceTrack};
|