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