@bothub-chat/ui 2.55.0 → 2.55.1-develop-886f2f74-ef9d-4473-b65c-c49ebfc082ca
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{styled as t,css as a}from"styled-components";import{Avatar as s}from"../avatar/index.js";import{Typography as i}from"../typography/index.js";import{Button as o}from"../button/index.js";import{ArrowNarrowDownIcon as r}from"../../icons/arrow-narrow-down/index.js";import{ArrowNarrowLeftIcon as n}from"../../icons/arrow-narrow-left/index.js";import{ArrowNarrowRightIcon as d}from"../../icons/arrow-narrow-right/index.js";import{ArrowNarrowUpIcon as p}from"../../icons/arrow-narrow-up/index.js";import{EditIcon as l}from"../../icons/edit/index.js";import{adaptive as m}from"../../adaptive/index.js";import{Badge as c}from"../badge/index.js";import{Scrollbar as g}from"../scrollbar/index.js";import{MessageImageButton as w}from"./components/image/button/index.js";import{MessageImageButtonZoneWrapper as f}from"./components/image/button/styled.js";const x=t.div.withConfig({displayName:"styled__MessageStyledWrapper",componentId:"sc-1wz70sd-0"})(["display:flex;align-items:flex-start;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;"])}}),h=t.div.withConfig({displayName:"styled__MessageStyledWithBottomPanel",componentId:"sc-1wz70sd-1"})(["display:flex;width:fit-content;max-width:100%;flex-direction:column;gap:8px;"]),y=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;"])}),u=t.div.withConfig({displayName:"styled__MessageContent",componentId:"sc-1wz70sd-3"})(["position:relative;display:grid;column-gap:12px;row-gap:8px;max-width:100%;"," @media (max-width:","){","}"],({$variant:e})=>{switch(e){case"user":return a(["grid-template-areas:'. top .' 'block block avatar' 'buttons buttons .';"]);case"assistant":return a(["grid-template-areas:'. top .' 'avatar block block' '. buttons timestamp';"])}},({theme:e})=>e.mobile.maxWidth,({$variant:e})=>{switch(e){case"user":return a(["grid-template-areas:'top top' 'block block' 'buttons buttons';"]);case"assistant":return a(["grid-template-areas:'top top .' 'block block block' 'buttons buttons timestamp';"])}}),b=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;"]),_=t.div.withConfig({displayName:"styled__MessageSender",componentId:"sc-1wz70sd-5"})(["display:flex;align-items:center;gap:10px;"]),v=t(i).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__MessageName",componentId:"sc-1wz70sd-6"})(["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}}),z=t.div.withConfig({displayName:"styled__MessageTags",componentId:"sc-1wz70sd-7"})([""]),C=t(c).withConfig({displayName:"styled__MessageTag",componentId:"sc-1wz70sd-8"})([""]),I=t.div.withConfig({displayName:"styled__MessageAvatarWrapper",componentId:"sc-1wz70sd-9"})(["grid-area:avatar;align-self:flex-end;user-select:none;@media (max-width:","){display:none;}"],({theme:e})=>e.mobile.maxWidth),N=t(s).withConfig({displayName:"styled__MessageAvatar",componentId:"sc-1wz70sd-10"})([""]),k=t.div.withConfig({displayName:"styled__MessageBlockWrapper",componentId:"sc-1wz70sd-11"})(["grid-area:block;display:flex;flex-direction:column;justify-content:center;gap:6px;position:relative;overflow:auto;"]),M=t.div.withConfig({displayName:"styled__MessageBlock",componentId:"sc-1wz70sd-12"})(["position:relative;display:flex;border-radius:10px;width:100%;max-width:100%;overflow:auto;"," "," "," ",""],({$variant:e})=>{switch(e){case"user":return a(["border-bottom-right-radius:0px;"]);case"assistant":return a(["border-bottom-left-radius:0px;"])}},({$hexColor:e,$variant:t})=>"user"===t&&`background: ${e};`,({$hasTimestamp:e,$timestampPosition:t,$variant:s})=>e?"user"===s&&m({variant:"dashboard",merge:!0,desktop:a(["padding:",";"],"right"===t?"8px":"8px 8px 5px 8px"),tablet:a(["padding:",";"],"right"===t?"8px":"8px 8px 5px 8px")}):"user"===s&&m({variant:"dashboard",merge:!0,desktop:a(["padding:14px 16px;"]),tablet:a(["padding:14px;"])}),({$timestampPosition:e})=>"bottom"===e&&a(["flex-direction:column;"])),j=t.div.withConfig({displayName:"styled__MessageBlockBottomPanel",componentId:"sc-1wz70sd-13"})(["grid-area:buttons;display:flex;align-items:center;gap:14px;"]),B=t.div.withConfig({displayName:"styled__MessageBlockTransaction",componentId:"sc-1wz70sd-14"})(["display:block;"]),$=t(g).attrs({variant:"secondary"}).withConfig({displayName:"styled__MessageBlockScrollbarWrapper",componentId:"sc-1wz70sd-15"})([""]),A=t.div.withConfig({displayName:"styled__MessageBlockContent",componentId:"sc-1wz70sd-16"})(["display:flex;flex-direction:column;align-items:flex-start;gap:10px;grid-area:block;border-radius:10px;padding:",";max-width:100%;overflow:
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{styled as t,css as a}from"styled-components";import{Avatar as s}from"../avatar/index.js";import{Typography as i}from"../typography/index.js";import{Button as o}from"../button/index.js";import{ArrowNarrowDownIcon as r}from"../../icons/arrow-narrow-down/index.js";import{ArrowNarrowLeftIcon as n}from"../../icons/arrow-narrow-left/index.js";import{ArrowNarrowRightIcon as d}from"../../icons/arrow-narrow-right/index.js";import{ArrowNarrowUpIcon as p}from"../../icons/arrow-narrow-up/index.js";import{EditIcon as l}from"../../icons/edit/index.js";import{adaptive as m}from"../../adaptive/index.js";import{Badge as c}from"../badge/index.js";import{Scrollbar as g}from"../scrollbar/index.js";import{MessageImageButton as w}from"./components/image/button/index.js";import{MessageImageButtonZoneWrapper as f}from"./components/image/button/styled.js";const x=t.div.withConfig({displayName:"styled__MessageStyledWrapper",componentId:"sc-1wz70sd-0"})(["display:flex;align-items:flex-start;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;"])}}),h=t.div.withConfig({displayName:"styled__MessageStyledWithBottomPanel",componentId:"sc-1wz70sd-1"})(["display:flex;width:fit-content;max-width:100%;flex-direction:column;gap:8px;"]),y=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;"])}),u=t.div.withConfig({displayName:"styled__MessageContent",componentId:"sc-1wz70sd-3"})(["position:relative;display:grid;column-gap:12px;row-gap:8px;max-width:100%;"," @media (max-width:","){","}"],({$variant:e})=>{switch(e){case"user":return a(["grid-template-areas:'. top .' 'block block avatar' 'buttons buttons .';"]);case"assistant":return a(["grid-template-areas:'. top .' 'avatar block block' '. buttons timestamp';"])}},({theme:e})=>e.mobile.maxWidth,({$variant:e})=>{switch(e){case"user":return a(["grid-template-areas:'top top' 'block block' 'buttons buttons';"]);case"assistant":return a(["grid-template-areas:'top top .' 'block block block' 'buttons buttons timestamp';"])}}),b=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;"]),_=t.div.withConfig({displayName:"styled__MessageSender",componentId:"sc-1wz70sd-5"})(["display:flex;align-items:center;gap:10px;"]),v=t(i).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__MessageName",componentId:"sc-1wz70sd-6"})(["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}}),z=t.div.withConfig({displayName:"styled__MessageTags",componentId:"sc-1wz70sd-7"})([""]),C=t(c).withConfig({displayName:"styled__MessageTag",componentId:"sc-1wz70sd-8"})([""]),I=t.div.withConfig({displayName:"styled__MessageAvatarWrapper",componentId:"sc-1wz70sd-9"})(["grid-area:avatar;align-self:flex-end;user-select:none;@media (max-width:","){display:none;}"],({theme:e})=>e.mobile.maxWidth),N=t(s).withConfig({displayName:"styled__MessageAvatar",componentId:"sc-1wz70sd-10"})([""]),k=t.div.withConfig({displayName:"styled__MessageBlockWrapper",componentId:"sc-1wz70sd-11"})(["grid-area:block;display:flex;flex-direction:column;justify-content:center;gap:6px;position:relative;overflow:auto;"]),M=t.div.withConfig({displayName:"styled__MessageBlock",componentId:"sc-1wz70sd-12"})(["position:relative;display:flex;border-radius:10px;width:100%;max-width:100%;overflow:auto;"," "," "," ",""],({$variant:e})=>{switch(e){case"user":return a(["border-bottom-right-radius:0px;"]);case"assistant":return a(["border-bottom-left-radius:0px;"])}},({$hexColor:e,$variant:t})=>"user"===t&&`background: ${e};`,({$hasTimestamp:e,$timestampPosition:t,$variant:s})=>e?"user"===s&&m({variant:"dashboard",merge:!0,desktop:a(["padding:",";"],"right"===t?"8px":"8px 8px 5px 8px"),tablet:a(["padding:",";"],"right"===t?"8px":"8px 8px 5px 8px")}):"user"===s&&m({variant:"dashboard",merge:!0,desktop:a(["padding:14px 16px;"]),tablet:a(["padding:14px;"])}),({$timestampPosition:e})=>"bottom"===e&&a(["flex-direction:column;"])),j=t.div.withConfig({displayName:"styled__MessageBlockBottomPanel",componentId:"sc-1wz70sd-13"})(["grid-area:buttons;display:flex;align-items:center;gap:14px;"]),B=t.div.withConfig({displayName:"styled__MessageBlockTransaction",componentId:"sc-1wz70sd-14"})(["display:block;"]),$=t(g).attrs({variant:"secondary"}).withConfig({displayName:"styled__MessageBlockScrollbarWrapper",componentId:"sc-1wz70sd-15"})([""]),A=t.div.withConfig({displayName:"styled__MessageBlockContent",componentId:"sc-1wz70sd-16"})(["display:flex;flex-direction:column;align-items:flex-start;gap:10px;grid-area:block;border-radius:10px;padding:",";max-width:100%;overflow:hidden;"],({$variant:e})=>{switch(e){case"user":return"8px";case"assistant":return"0px 8px 0px 0px"}}),W=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;"])})),S=t.div.withConfig({displayName:"styled__MessageButtonsStyled",componentId:"sc-1wz70sd-18"})(["margin-left:48px;@media (max-width:","){margin-left:12px;}"],({theme:e})=>e.mobile.maxWidth),T=t(i).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__MessageTransaction",componentId:"sc-1wz70sd-19"})(["text-transform:uppercase;color:",";"],({theme:e})=>"light"===e.mode?e.colors.grayScale.gray1:e.default.colors.base.white),P=t(o).attrs({variant:"text",iconSize:18}).withConfig({displayName:"styled__MessageAction",componentId:"sc-1wz70sd-20"})([""]),E=t(P).attrs({children:e(l,{})}).withConfig({displayName:"styled__MessageEditAction",componentId:"sc-1wz70sd-21"})([""]),L=t(w).attrs({variant:"primary-transparent",zone:!0,children:e(n,{})}).withConfig({displayName:"styled__MessageImageLeftArrowButton",componentId:"sc-1wz70sd-22"})(["","{justify-content:flex-start;}"],f),R=t(w).attrs({variant:"primary-transparent",zone:!0,children:e(d,{})}).withConfig({displayName:"styled__MessageImageRightArrowButton",componentId:"sc-1wz70sd-23"})(["","{justify-content:flex-end;}"],f),q=t(w).attrs({variant:"primary-transparent",zone:!0,children:e(p,{})}).withConfig({displayName:"styled__MessageImageTopArrowButton",componentId:"sc-1wz70sd-24"})(["","{align-items:flex-start;}"],f),D=t(w).attrs({variant:"primary-transparent",zone:!0,children:e(r,{})}).withConfig({displayName:"styled__MessageImageBottomArrowButton",componentId:"sc-1wz70sd-25"})(["","{align-items:flex-end;}"],f);export{P as MessageAction,N as MessageAvatar,I as MessageAvatarWrapper,M as MessageBlock,j as MessageBlockBottomPanel,A as MessageBlockContent,$ as MessageBlockScrollbarWrapper,W as MessageBlockTextArea,B as MessageBlockTransaction,k as MessageBlockWrapper,S as MessageButtonsStyled,u as MessageContent,E as MessageEditAction,D as MessageImageBottomArrowButton,L as MessageImageLeftArrowButton,R as MessageImageRightArrowButton,q as MessageImageTopArrowButton,v as MessageName,_ as MessageSender,y as MessageStyled,h as MessageStyledWithBottomPanel,x as MessageStyledWrapper,C as MessageTag,z as MessageTags,b as MessageTop,T as MessageTransaction};
|