@bothub-chat/ui 2.51.2-develop-22722745-cb59-4e80-ab4f-813a4df43fd1 → 2.51.3-develop-6b7e7c69-04b5-49fd-a4ce-6f255dac5c71
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/checkbox/styled.js +4 -4
- package/dist/components/input-message/styled.js +9 -9
- package/dist/components/message/file/styled.d.ts +4 -2
- package/dist/components/message/file/styled.js +1 -1
- package/dist/components/message/voice/index.js +1 -1
- package/dist/components/message/voice/styled.d.ts +1 -0
- package/dist/components/message/voice/styled.js +2 -2
- package/dist/icons/pause-button/index.js +1 -1
- package/dist/icons/play-button/index.js +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{styled as e,css as o}from"styled-components";import{CheckSmallIcon as r}from"../../icons/check-small/index.js";import{Typography as i}from"../typography/index.js";import{Skeleton as
|
|
1
|
+
import{styled as e,css as o}from"styled-components";import{CheckSmallIcon as r}from"../../icons/check-small/index.js";import{Typography as i}from"../typography/index.js";import{Skeleton as t}from"../skeleton/index.js";import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{isBright as c}from"../../utils/colors/isBright.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";const l=e.label.withConfig({displayName:"styled__CheckboxStyled",componentId:"sc-im2c17-0"})(["display:",";align-items:center;gap:8px;cursor:pointer;user-select:none;"," "," ",""],({$displayFlex:e})=>e?"flex":"inline-flex",({$disabled:e})=>e?o`
|
|
2
2
|
cursor: not-allowed;
|
|
3
3
|
`:o`
|
|
4
4
|
cursor: pointer;
|
|
@@ -6,13 +6,13 @@ import{styled as e,css as o}from"styled-components";import{CheckSmallIcon as r}f
|
|
|
6
6
|
width: 100%;
|
|
7
7
|
`,({$rowReverse:e})=>e&&o`
|
|
8
8
|
flex-direction: row-reverse;
|
|
9
|
-
`),s=e.span.withConfig({displayName:"styled__CheckboxBlock",componentId:"sc-im2c17-1"})(["display:inline-flex;align-items:center;justify-content:center;background:",";border:1px solid ",";border-radius:2px;overflow:hidden;cursor:pointer;flex-shrink:0;box-sizing:border-box;&:hover{border-color:",";}svg{visibility:hidden;}"],({theme:e})=>e.colors.grayScale.gray3,({theme:e})=>e.colors.grayScale.gray1,({theme:e,$checkedColor:o})=>o||e.colors.accent.primary),
|
|
9
|
+
`),s=e.span.withConfig({displayName:"styled__CheckboxBlock",componentId:"sc-im2c17-1"})(["display:inline-flex;align-items:center;justify-content:center;background:",";border:1px solid ",";border-radius:2px;overflow:hidden;cursor:pointer;flex-shrink:0;box-sizing:border-box;&:hover{border-color:",";}svg{visibility:hidden;}"],({theme:e})=>e.colors.grayScale.gray3,({theme:e})=>e.colors.grayScale.gray1,({theme:e,$checkedColor:o})=>o||e.colors.accent.primary),a=e(t).withConfig({displayName:"styled__CheckboxBlockSkeleton",componentId:"sc-im2c17-2"})([""," border-radius:2px;"],({$size:e})=>o`
|
|
10
10
|
width: ${`${e}px`};
|
|
11
11
|
height: ${`${e}px`};
|
|
12
|
-
`),n=e(i).attrs({variant:"input-sm"}).withConfig({displayName:"styled__CheckboxLabel",componentId:"sc-im2c17-3"})(["display:inline-flex;width:100%;align-items:center;gap:8px;cursor:inherit;"]),d=e(r).withConfig({displayName:"styled__CheckboxCheckedIcon",componentId:"sc-im2c17-4"})([""]),
|
|
12
|
+
`),n=e(i).attrs({variant:"input-sm"}).withConfig({displayName:"styled__CheckboxLabel",componentId:"sc-im2c17-3"})(["display:inline-flex;width:100%;align-items:center;gap:8px;cursor:inherit;"]),d=e(r).attrs(({theme:e})=>({fill:c(e.colors.accent.primary)?e.default.colors.base.black:e.default.colors.base.white})).withConfig({displayName:"styled__CheckboxCheckedIcon",componentId:"sc-im2c17-4"})([""]),m=e.input.withConfig({displayName:"styled__CheckboxInput",componentId:"sc-im2c17-5"})(["width:0;height:0;opacity:0;cursor:pointer;position:absolute;&:checked + span{"," svg{visibility:visible;}}&:checked:not(:disabled) + ",":hover{","}&:disabled + ","{border-color:",";background:",";cursor:not-allowed;svg{path{fill:",";}}}&:focus-visible + ","{border-color:",";}"],({theme:e,$checkedColor:r})=>{const i=r||e.colors.accent.primary;return o`
|
|
13
13
|
border-color: ${i};
|
|
14
14
|
background: ${i};
|
|
15
15
|
`},s,({theme:e,$checkedColor:r})=>{const i=r||e.colors.accent.strong;return o`
|
|
16
16
|
border-color: ${i};
|
|
17
17
|
background: ${i};
|
|
18
|
-
`},s,({theme:e})=>e.colors.grayScale.gray1,({theme:e})=>e.colors.grayScale.gray1,({theme:e})=>e.colors.grayScale.gray6,s,({theme:e})=>e.colors.base.white);export{s as CheckboxBlock,
|
|
18
|
+
`},s,({theme:e})=>e.colors.grayScale.gray1,({theme:e})=>e.colors.grayScale.gray1,({theme:e})=>e.colors.grayScale.gray6,s,({theme:e})=>e.colors.base.white);export{s as CheckboxBlock,a as CheckboxBlockSkeleton,d as CheckboxCheckedIcon,m as CheckboxInput,n as CheckboxLabel,l as CheckboxStyled};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{styled as i,css as a,keyframes as
|
|
1
|
+
import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{styled as i,css as a,keyframes as r}from"styled-components";import{animated as n}from"@react-spring/web";import{Button as s}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 m}from"../../icons/voice/index.js";import{PauseIcon as g}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 f}from"../typography/index.js";import{adaptive as x}from"../../adaptive/index.js";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{isBright as b}from"../../utils/colors/isBright.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";const w=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 "),I=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;"]),k=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;"]),_=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
|
+
`),j=i(n.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),v=a`
|
|
8
8
|
all: unset;
|
|
9
9
|
display: flex;
|
|
10
10
|
flex: 1;
|
|
@@ -12,7 +12,7 @@ import{jsxs as e,Fragment as t,jsx 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
|
+
`,C=i.button.attrs(({theme:i,children:a,icon:r})=>({children:e(t,{children:[r&&o(h,{fill:i.colors.base.white,size:18,children:r}),o(f,{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);}"],v,({theme:e})=>e.colors.grayScale.gray3),M=i.div.withConfig({displayName:"styled__InputMessageUploadFile",componentId:"sc-4jukeb-6"})(["display:inline-flex;"]),S=i.input.attrs({id:"inputMessageUploadFileInput"}).withConfig({displayName:"styled__InputMessageUploadFileInput",componentId:"sc-4jukeb-7"})(["display:none;"]),N=i.label.attrs({htmlFor:"inputMessageUploadFileInput"}).withConfig({displayName:"styled__InputMessageUploadFileLabel",componentId:"sc-4jukeb-8"})([""," ",""],v,({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{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{styled as
|
|
|
22
22
|
&:active {
|
|
23
23
|
transform: scale(0.98) translateY(1px);
|
|
24
24
|
}
|
|
25
|
-
`)
|
|
25
|
+
`),$=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),F=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;"]),z=i.div.withConfig({displayName:"styled__InputMessageButtons",componentId:"sc-4jukeb-11"})(["display:flex;gap:10px;align-items:center;grid-area:buttons;"]),V=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;"]),B=i(p).attrs({variant:"input"}).withConfig({displayName:"styled__InputMessageFile",componentId:"sc-4jukeb-13"})([""]),T=i(V).withConfig({displayName:"styled__InputMessageVoiceFiles",componentId:"sc-4jukeb-14"})(["width:100%;"]),R=i.div.withConfig({displayName:"styled__InputMessageVoiceTrack",componentId:"sc-4jukeb-15"})(["display:flex;gap:14px;align-items:center;"]),U=i(f).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),A=i(s).attrs({variant:"text",children:o(c,{}),disableHoverColor:!0}).withConfig({displayName:"styled__InputMessageVoiceFileDelete",componentId:"sc-4jukeb-17"})(["&:hover{svg path{fill:",";}}"],({theme:e})=>e.colors.accent.primary),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),D=i(s).withConfig({displayName:"styled__InputMessageSendButton",componentId:"sc-4jukeb-19"})(["flex-shrink:0;svg{pointer-events:none;}"]),H=i(s).attrs({variant:"text",children:o(g,{})}).withConfig({displayName:"styled__InputMessageVoicePauseButton",componentId:"sc-4jukeb-20"})(["padding:10px;margin-left:10px;"]),L=i(H).attrs({children:o(u,{})}).withConfig({displayName:"styled__InputMessageVoicePlayButton",componentId:"sc-4jukeb-21"})([""]),W=i(D).attrs(({theme:e,disabled:t})=>({variant:"text",startIcon:o(m,{}),iconFill:t?e.colors.grayScale.gray1:b(e.colors.grayScale.gray4)?e.default.colors.base.black:e.default.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),O=d,P=i.div.withConfig({displayName:"styled__InputMessageVoiceRecord",componentId:"sc-4jukeb-23"})(["display:flex;align-items:center;gap:8px;"]),G=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,()=>r`
|
|
32
32
|
from {
|
|
33
33
|
opacity: 1;
|
|
34
34
|
}
|
|
@@ -38,8 +38,8 @@ import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{styled as
|
|
|
38
38
|
to {
|
|
39
39
|
opacity: 1;
|
|
40
40
|
}
|
|
41
|
-
`),q=i(
|
|
41
|
+
`),q=i(f).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;",""],x({tablet:a`
|
|
42
42
|
display: none;
|
|
43
43
|
`,mobile:a`
|
|
44
44
|
display: none;
|
|
45
|
-
`})),
|
|
45
|
+
`})),J=i(s).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),K=i(n.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),Q=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{z as InputMessageButtons,U as InputMessageConcatenateWarning,k as InputMessageConfigure,_ as InputMessageConfigureButton,j as InputMessageConfigureMenu,I as InputMessageContent,B as InputMessageFile,V as InputMessageFiles,F as InputMessageMain,$ as InputMessageMenuHr,C as InputMessageMenuOption,D as InputMessageSendButton,O as InputMessageSendIcon,w as InputMessageStyled,Y as InputMessageTextArea,J as InputMessageToggleSendButton,Q as InputMessageToggleSendModalOption,K as InputMessageToggleSendModalStyled,E as InputMessageToggleSendStyled,M as InputMessageUploadFile,S as InputMessageUploadFileInput,N as InputMessageUploadFileLabel,W as InputMessageVoiceButton,A as InputMessageVoiceFileDelete,T as InputMessageVoiceFiles,H as InputMessageVoicePauseButton,L as InputMessageVoicePlayButton,P as InputMessageVoiceRecord,G as InputMessageVoiceRecordDot,q as InputMessageVoiceRecordTimeText,R as InputMessageVoiceTrack};
|
|
@@ -873,7 +873,7 @@ export interface MessageFileSizeProps {
|
|
|
873
873
|
$variant: MessageVariant;
|
|
874
874
|
$color: MessageColor;
|
|
875
875
|
}
|
|
876
|
-
export declare const MessageFileSize: import("styled-components").IStyledComponent<"web",
|
|
876
|
+
export declare const MessageFileSize: import("styled-components").IStyledComponent<"web", {
|
|
877
877
|
variant?: import("@/ui/components/typography").TypographyVariant | undefined;
|
|
878
878
|
component?: import("@/ui/components/typography").TypographyComponent | undefined;
|
|
879
879
|
align?: import("@/ui/components/typography").TypographyAlign | undefined;
|
|
@@ -1162,7 +1162,9 @@ export declare const MessageFileSize: import("styled-components").IStyledCompone
|
|
|
1162
1162
|
onTransitionStart?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
|
|
1163
1163
|
onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
|
|
1164
1164
|
ref?: import("react").Ref<HTMLSpanElement> | undefined;
|
|
1165
|
-
|
|
1165
|
+
$variant: MessageVariant;
|
|
1166
|
+
$color: MessageColor;
|
|
1167
|
+
}>;
|
|
1166
1168
|
export declare const MessageFiles: import("styled-components").IStyledComponent<"web", {
|
|
1167
1169
|
ref?: import("react").Ref<HTMLDivElement> | undefined;
|
|
1168
1170
|
key?: import("react").Key | null | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as e}from"styled-components";import{Typography as
|
|
1
|
+
import{styled as e}from"styled-components";import{Typography as s}from"../../typography/index.js";const t=e.a.withConfig({displayName:"styled__MessageFileStyled",componentId:"sc-153xrgf-0"})(["display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;width:100%;"]),a=e.div.withConfig({displayName:"styled__MessageFileInfo",componentId:"sc-153xrgf-1"})(["display:flex;flex-direction:column;gap:8px;align-items:flex-start;"]),i=e(s).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__MessageFileName",componentId:"sc-153xrgf-2"})(["color:",";"],({theme:e,$variant:s,$color:t})=>"assistant"===s?e.colors.base.white:"default"!==t?e.default.colors.base.white:e.bright||"standard"===e.sceme&&"light"===e.mode?e.default.colors.base.black:e.default.colors.base.white),o=e(i).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__MessageFileSize",componentId:"sc-153xrgf-3"})([""]),l=e.div.withConfig({displayName:"styled__MessageFiles",componentId:"sc-153xrgf-4"})(["display:flex;flex-direction:column;align-items:flex-start;gap:12px;"]);export{a as MessageFileInfo,i as MessageFileName,o as MessageFileSize,t as MessageFileStyled,l as MessageFiles};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as r}from"tslib";import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useId as o,useRef as i,useState as l,useCallback as
|
|
1
|
+
import{__rest as r}from"tslib";import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useId as o,useRef as i,useState as l,useCallback as c}from"react";import{MessageVoiceStyled as a,MessageVoiceAudio as n,MessageVoiceMain as s,MessageVoiceToggleButton as d,MessageVoicePauseIcon as m,MessageVoicePlayIcon as h,MessageVoiceWaves as p,StyledRect as u,MessageVoiceDurationText as g,MessageVoiceToggleTextButton as f,MessageVoiceHideTextIcon as y,MessageVoiceShowTextIcon as b,MessageVoiceText as w}from"./styled.js";import{formatSeconds as j}from"./utils/index.js";import{useMessage as k}from"../context.js";import"../../../theme/index.js";import{IconProvider as x}from"../../icon/context.js";import"../../icon/styled.js";import"@react-spring/web";import"react-markdown";import"react-dom";import"../../portal/styled.js";import"../../tooltip/styled.js";import"../../tooltip/arrow/styled.js";import"../../tooltip/context.js";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{isBright as C}from"../../../utils/colors/isBright.js";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";import{useTheme as v}from"../../../theme/hook.js";const P=P=>{var{height:T=36,src:$,waveData:A,duration:D,tabIndex:L=0,disableTranscription:B,variant:I="message",children:S}=P,F=r(P,["height","src","waveData","duration","tabIndex","disableTranscription","variant","children"]);const O=v(),_=o(),{color:z}=k(),E=i(null),G=i(null),[M,R]=l(!0),[U,X]=l(!1),[q,H]=l(!1),[J,K]=l(null),N=c(()=>{const r=E.current;r&&(U?r.pause():r.play())},[U,E.current]),Q=c(()=>{const r=E.current;r&&K(r.currentTime)},[E.current]),V=c(r=>{r.stopPropagation();const t=E.current,e=G.current;if(!t||!e)return;const o=e.getBoundingClientRect(),{width:i}=o,l=(r.clientX-o.left)/i*D;t.play(),t.currentTime=l},[E.current,D]),W=c(()=>{K(null)},[]),Y=c(r=>{r.stopPropagation(),H(!q)},[q]);return t(a,Object.assign({},F,{children:[e(n,{ref:E,src:$,onPlay:X.bind(null,!0),onPause:X.bind(null,!1),onCanPlayThrough:R.bind(null,!1),onTimeUpdate:Q,onEnded:W}),t(s,{$loading:M,tabIndex:L,children:[e(d,{onClick:N,children:e(x,Object.assign({},"message"===I&&("standard"!==O.scheme?{fill:O.colors.grayScale.gray4}:{fill:"dark"===O.mode?O.default.colors.base.white:O.default.colors.accent.primary}),"input"===I&&"default"===z&&{fill:"standard"===O.scheme?"#A4C1FA":C(O.colors.grayScale.gray4)?O.colors.accent.strongDown:O.colors.accent.primary},"input"===I&&{size:22},{children:e(U?m:h,{})}))}),t(p,{ref:G,width:"145",height:T,viewBox:`0 0 145 ${T}`,fill:"none",onClick:V,children:[t("g",{clipPath:`url(#${_}_clip)`,children:[e("rect",{width:"145",height:T,fill:"default"===z?"standard"===O.scheme?"#A4C1FA":O.bright||"custom"===O.scheme&&C(O.colors.custom.message.user.background)?O.colors.accent.strongDown:O.colors.accent.primaryLight:O.default.colors.base.white}),null!==J&&e(u,{height:T,fill:"dark"===O.mode?O.default.colors.base.white:O.colors.accent.primaryLight,style:{width:J/D*145}})]}),e("defs",{children:e("clipPath",{id:`${_}_clip`,children:A.map((r,t)=>{const o=Math.max(r/100*36,2);return e("rect",{x:5*t,y:(T-o)/2,width:"3",height:o,rx:"1.5"},t)})})})]}),t(g,{$variant:I,children:[null!==J&&j(J),null===J&&j(D)]}),!B&&e(f,{onClick:Y,children:e(x,{fill:"standard"===O.scheme?"dark"===O.mode?O.colors.accent.primary:O.colors.accent.primaryLight:O.bright?O.colors.accent.strongDown:O.colors.accent.primaryLight,stroke:"standard"===O.scheme?O.default.colors.base.white:O.default.colors.base.black,children:e(q?y:b,{})})})]}),!B&&q&&S&&e(w,{$messageColor:z,children:S})]}))};export{P as MessageVoice};
|
|
@@ -2633,6 +2633,7 @@ export declare const MessageVoiceDurationText: import("styled-components").IStyl
|
|
|
2633
2633
|
onTransitionStart?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
|
|
2634
2634
|
onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
|
|
2635
2635
|
ref?: import("react").Ref<HTMLSpanElement> | undefined;
|
|
2636
|
+
$variant: "input" | "message";
|
|
2636
2637
|
}>;
|
|
2637
2638
|
export declare const MessageVoiceToggleTextButton: import("styled-components").IStyledComponent<"web", {
|
|
2638
2639
|
children?: import("react").ReactNode;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{styled as e,css as o}from"styled-components";import{PlayButtonIcon as t}from"../../../icons/play-button/index.js";import{PauseButtonIcon as
|
|
1
|
+
import{styled as e,css as o}from"styled-components";import{PlayButtonIcon as t}from"../../../icons/play-button/index.js";import{PauseButtonIcon as s}from"../../../icons/pause-button/index.js";import{Button as i}from"../../button/index.js";import{Typography as a}from"../../typography/index.js";import{TextReadIcon as r}from"../../../icons/text-read/index.js";import{TextHideIcon as c}from"../../../icons/text-hide/index.js";import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{isBright as l}from"../../../utils/colors/isBright.js";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";const n=e.div.withConfig({displayName:"styled__MessageVoiceStyled",componentId:"sc-1i3e7my-0"})(["display:inline-flex;border-radius:10px 10px 0px 0px;padding:1px 0px;width:min-content;flex-direction:column;align-items:flex-start;gap:10px;"]),d=e.audio.withConfig({displayName:"styled__MessageVoiceAudio",componentId:"sc-1i3e7my-1"})(["display:none;"]),m=e.div.withConfig({displayName:"styled__MessageVoiceMain",componentId:"sc-1i3e7my-2"})(["display:flex;align-items:center;gap:10px;width:100%;cursor:",";"],({$loading:e})=>e?"progress":"pointer"),p=e(i).attrs({variant:"text",iconSize:36,disableHoverColor:!0}).withConfig({displayName:"styled__MessageVoiceToggleButton",componentId:"sc-1i3e7my-3"})(["cursor:inherit;"]),g=e(t).withConfig({displayName:"styled__MessageVoicePlayIcon",componentId:"sc-1i3e7my-4"})([""]),y=e(s).withConfig({displayName:"styled__MessageVoicePauseIcon",componentId:"sc-1i3e7my-5"})([""]),h=e.svg.withConfig({displayName:"styled__MessageVoiceWaves",componentId:"sc-1i3e7my-6"})(["display:flex;flex-shrink:0;width:145px;height:36px;"]),u=e(a).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__MessageVoiceDurationText",componentId:"sc-1i3e7my-7"})(["color:",";user-select:none;"],({theme:e,$variant:o})=>"input"===o?"standard"===e.scheme?"#A4C1FA":e.colors.accent.primary:"standard"===e.scheme?"dark"===e.mode?e.default.colors.base.white:e.default.colors.base.black:e.bright||"custom"===e.scheme&&l(e.colors.custom.message.user.background)?e.default.colors.base.black:e.default.colors.base.white),f=e(i).attrs({variant:"text",iconSize:30,disableHoverColor:!0}).withConfig({displayName:"styled__MessageVoiceToggleTextButton",componentId:"sc-1i3e7my-8"})([""]),x=e(r).withConfig({displayName:"styled__MessageVoiceShowTextIcon",componentId:"sc-1i3e7my-9"})([""]),b=e(c).withConfig({displayName:"styled__MessageVoiceHideTextIcon",componentId:"sc-1i3e7my-10"})([""]),w=e(a).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__MessageVoiceText",componentId:"sc-1i3e7my-11"})(["width:100%;color:",";&::selection{","}"],({theme:e})=>e.bright||"standard"===e.scheme&&"light"===e.mode?e.default.colors.base.black:e.default.colors.base.white,({$messageColor:e})=>{switch(e){case"default":return o`
|
|
2
2
|
background: ${({theme:e})=>"light"===e.mode?e.default.colors.accent.primary:e.colors.base.white};
|
|
3
3
|
color: ${({theme:e})=>"light"===e.mode?e.default.colors.base.white:e.colors.accent.primary};
|
|
4
4
|
`;case"green":return o`
|
|
@@ -10,4 +10,4 @@ import{styled as e,css as o}from"styled-components";import{PlayButtonIcon as t}f
|
|
|
10
10
|
`;default:return o`
|
|
11
11
|
background: ${({theme:e})=>e.default.colors.base.white};
|
|
12
12
|
color: ${e};
|
|
13
|
-
`}}),
|
|
13
|
+
`}}),_=e.rect.withConfig({displayName:"styled__StyledRect",componentId:"sc-1i3e7my-12"})(["transition:width 0.25s ease-out;"]);export{d as MessageVoiceAudio,u as MessageVoiceDurationText,b as MessageVoiceHideTextIcon,m as MessageVoiceMain,y as MessageVoicePauseIcon,g as MessageVoicePlayIcon,x as MessageVoiceShowTextIcon,n as MessageVoiceStyled,w as MessageVoiceText,p as MessageVoiceToggleButton,f as MessageVoiceToggleTextButton,h as MessageVoiceWaves,_ as StyledRect};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as i}from"tslib";import{jsx as o,jsxs as r,Fragment as t}from"react/jsx-runtime";import{Icon as e}from"../../components/icon/index.js";import"../../theme/index.js";import{icon as
|
|
1
|
+
import{__rest as i}from"tslib";import{jsx as o,jsxs as r,Fragment as t}from"react/jsx-runtime";import{Icon as e}from"../../components/icon/index.js";import"../../theme/index.js";import{icon as n}from"../../components/icon/component.js";import{useTheme as c}from"../../theme/hook.js";import{IconConsumer as l}from"../../components/icon/context.js";const m=n(n=>{var m=i(n,[]);const s=c();return o(e,Object.assign({size:36,viewBox:"0 0 36 36",fill:"none"},m,{children:o(l,{children:({fill:i=s.colors.accent.primary}={fill:s.colors.accent.primary})=>r(t,{children:[o("g",{clipPath:"url(#clip0_13_40131)",children:o("path",{d:"M15.5 11C15.721 11 15.933 11.0819 16.0893 11.2278C16.2455 11.3737 16.3333 11.5715 16.3333 11.7778V24.2222C16.3333 24.4285 16.2455 24.6263 16.0893 24.7722C15.933 24.9181 15.721 25 15.5 25H13.8333C13.6123 25 13.4004 24.9181 13.2441 24.7722C13.0878 24.6263 13 24.4285 13 24.2222V11.7778C13 11.5715 13.0878 11.3737 13.2441 11.2278C13.4004 11.0819 13.6123 11 13.8333 11H15.5ZM22.1667 11C22.3877 11 22.5996 11.0819 22.7559 11.2278C22.9122 11.3737 23 11.5715 23 11.7778V24.2222C23 24.4285 22.9122 24.6263 22.7559 24.7722C22.5996 24.9181 22.3877 25 22.1667 25H20.5C20.279 25 20.067 24.9181 19.9107 24.7722C19.7545 24.6263 19.6667 24.4285 19.6667 24.2222V11.7778C19.6667 11.5715 19.7545 11.3737 19.9107 11.2278C20.067 11.0819 20.279 11 20.5 11H22.1667Z",fill:i})}),o("defs",{children:o("clipPath",{id:"clip0_13_40131",children:o("rect",{width:"16",height:"16",fill:"white",transform:"translate(10 10)"})})})]})})}))});export{m as PauseButtonIcon};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as i}from"tslib";import{jsx as o,jsxs as r,Fragment as t}from"react/jsx-runtime";import{Icon as e}from"../../components/icon/index.js";import"../../theme/index.js";import{icon as
|
|
1
|
+
import{__rest as i}from"tslib";import{jsx as o,jsxs as r,Fragment as t}from"react/jsx-runtime";import{Icon as e}from"../../components/icon/index.js";import"../../theme/index.js";import{icon as n}from"../../components/icon/component.js";import{useTheme as c}from"../../theme/hook.js";import{IconConsumer as l}from"../../components/icon/context.js";const m=n(n=>{var m=i(n,[]);const s=c();return o(e,Object.assign({size:36,viewBox:"0 0 36 36",fill:"none"},m,{children:o(l,{children:({fill:i=s.colors.accent.primary}={fill:s.colors.accent.primary})=>r(t,{children:[o("g",{clipPath:"url(#clip0_13_40130)",children:o("path",{d:"M13.401 26.4724C13.6206 26.4724 13.834 26.4357 14.0411 26.3622C14.2544 26.2949 14.4929 26.1878 14.7565 26.0409L26.0521 19.65C26.4851 19.4052 26.8083 19.1573 27.0217 18.9063C27.2413 18.6553 27.3511 18.3523 27.3511 17.9972C27.3511 17.6422 27.2413 17.3392 27.0217 17.0882C26.8083 16.8372 26.4851 16.5893 26.0521 16.3444L14.7565 9.95363C14.4929 9.80672 14.2544 9.69959 14.0411 9.63225C13.834 9.56492 13.6206 9.53125 13.401 9.53125C12.9617 9.53125 12.5852 9.68735 12.2714 9.99954C11.9577 10.3056 11.8008 10.7341 11.8008 11.2851V24.7094C11.8008 25.2604 11.9577 25.6919 12.2714 26.0041C12.5852 26.3163 12.9617 26.4724 13.401 26.4724Z",fill:i})}),o("defs",{children:o("clipPath",{id:"clip0_13_40130",children:o("rect",{width:"19.0588",height:"16.9412",fill:"white",transform:"translate(8.4707 9.53125)"})})})]})})}))});export{m as PlayButtonIcon};
|