@bothub-chat/ui 2.35.3-develop-41f6b491-1abd-4ba1-8142-8f78d03876ae → 2.36.0

package/dist/components/description/card/index.d.ts

@@ -1,13 +1,12 @@
 import React from 'react';
 import { DescriptionCardStyled } from './styled';
-import { TDescriptionCard, DescriptionCardVariant, TDescriptionCardBackground } from './types';
+import { TDescriptionCard, DescriptionCardVariant } from './types';
 export interface DescriptionCardProps extends Omit<React.ComponentProps<typeof DescriptionCardStyled>, 'title' | '$variant'> {
     icon?: React.ReactNode;
     title?: React.ReactNode | string;
     text?: React.ReactNode | string;
     variant?: DescriptionCardVariant;
     descriptionCardType?: TDescriptionCard;
-    bgDescriptionCard?: TDescriptionCardBackground;
     children?: React.ReactNode;
 }
 export declare const DescriptionCard: React.FC<DescriptionCardProps>;

package/dist/components/description/card/index.js

@@ -1 +1 @@
-import{__rest as r}from"tslib";import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useState as i,useCallback as o}from"react";import{DescriptionCardStyled as a,DescriptionCardBorderWrapper as n,DescriptionCardBackgroundWrapper as s,DescriptionCardBackground as d,DescriptionCardContent as c,DescriptionCardTitle as p,DescriptionCardTertiaryTitle as l,DescriptionCardText as y,DescriptionCardTertiaryText as g}from"./styled.js";export{DescriptionCardButton,DescriptionCardButtonsWrapper,DescriptionCardLiContent,DescriptionCardLiStled,DescriptionCardUlStyled}from"./styled.js";import{LinksIcon as m}from"../../../icons/links/index.js";import"../../../theme/index.js";import"./grid/styled.js";import{useTheme as v}from"../../../theme/hook.js";const f=f=>{var{icon:u=t(m,{}),title:h,descriptionCardType:$,bgDescriptionCard:x,text:C,children:b,variant:M="main"}=f,j=r(f,["icon","title","descriptionCardType","bgDescriptionCard","text","children","variant"]);const D=v(),[L,T]=i(0),[k,B]=i(0),S=o((r=>{var t;const e=r.pageX-r.currentTarget.offsetLeft,i=r.pageY-r.currentTarget.offsetTop;T(e),B(i),null===(t=j.onMouseMove)||void 0===t||t.call(j,r)}),[j.onMouseMove]),O=o((r=>{var t;T(0),B(0),null===(t=j.onMouseLeave)||void 0===t||t.call(j,r)}),[j.onMouseLeave]);return t(a,Object.assign({},j,{$variant:M,$descriptionCardType:$,onMouseMove:S,onMouseLeave:O,children:t(n,{$variant:M,style:"tertiary"!==M?{background:`radial-gradient(100% 100% at ${L}px ${k}px, ${D.colors.accent.primary}, rgba(0, 0, 0, 0.0))`}:{},children:e(s,{$variant:M,style:"tertiary"!==M?{background:`radial-gradient(80% 70% at ${L}px ${k}px, rgba(28, 100, 242, 0.38) 9.34%, rgba(0, 0, 0, 0.00) 100%), #121825`}:{},children:[t(d,{$bgVariant:x,$variant:M}),e(c,{$variant:M,children:["tertiary"===M&&u,"tertiary"!==M&&("string"==typeof h?t(p,{children:h}):h),"tertiary"===M&&("string"==typeof h?t(l,{children:h}):h),"tertiary"!==M&&("string"==typeof C?t(y,{children:C}):C),"tertiary"===M&&("string"==typeof C?t(g,{children:C}):C),b]})]})})}))};export{f as DescriptionCard,d as DescriptionCardBackground,s as DescriptionCardBackgroundWrapper,n as DescriptionCardBorderWrapper,c as DescriptionCardContent,a as DescriptionCardStyled,g as DescriptionCardTertiaryText,l as DescriptionCardTertiaryTitle,y as DescriptionCardText,p as DescriptionCardTitle};
+import{__rest as r}from"tslib";import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useState as i,useCallback as o}from"react";import{DescriptionCardStyled as a,DescriptionCardBorderWrapper as n,DescriptionCardBackgroundWrapper as s,DescriptionCardBackground as d,DescriptionCardContent as c,DescriptionCardTitle as p,DescriptionCardTertiaryTitle as l,DescriptionCardText as y,DescriptionCardTertiaryText as m}from"./styled.js";export{DescriptionCardButton,DescriptionCardButtonsWrapper,DescriptionCardLiContent,DescriptionCardLiStled,DescriptionCardUlStyled}from"./styled.js";import{LinksIcon as v}from"../../../icons/links/index.js";import"../../../theme/index.js";import"./grid/styled.js";import{useTheme as g}from"../../../theme/hook.js";const f=f=>{var{icon:u=t(v,{}),title:h,descriptionCardType:x,text:$,children:C,variant:M="main"}=f,j=r(f,["icon","title","descriptionCardType","text","children","variant"]);const b=g(),[L,T]=i(0),[D,k]=i(0),B=o((r=>{var t;const e=r.pageX-r.currentTarget.offsetLeft,i=r.pageY-r.currentTarget.offsetTop;T(e),k(i),null===(t=j.onMouseMove)||void 0===t||t.call(j,r)}),[j.onMouseMove]),S=o((r=>{var t;T(0),k(0),null===(t=j.onMouseLeave)||void 0===t||t.call(j,r)}),[j.onMouseLeave]);return t(a,Object.assign({},j,{$variant:M,$descriptionCardType:x,onMouseMove:B,onMouseLeave:S,children:t(n,{$variant:M,style:"tertiary"!==M?{background:`radial-gradient(100% 100% at ${L}px ${D}px, ${b.colors.accent.primary}, rgba(0, 0, 0, 0.0))`}:{},children:e(s,{$variant:M,style:"tertiary"!==M?{background:`radial-gradient(80% 70% at ${L}px ${D}px, rgba(28, 100, 242, 0.38) 9.34%, rgba(0, 0, 0, 0.00) 100%), #121825`}:{},children:["tertiary"===M&&t(d,{$variant:M}),e(c,{$variant:M,children:["tertiary"===M&&u,"tertiary"!==M&&("string"==typeof h?t(p,{children:h}):h),"tertiary"===M&&("string"==typeof h?t(l,{children:h}):h),"tertiary"!==M&&("string"==typeof $?t(y,{children:$}):$),"tertiary"===M&&("string"==typeof $?t(m,{children:$}):$),C]})]})})}))};export{f as DescriptionCard,d as DescriptionCardBackground,s as DescriptionCardBackgroundWrapper,n as DescriptionCardBorderWrapper,c as DescriptionCardContent,a as DescriptionCardStyled,m as DescriptionCardTertiaryText,l as DescriptionCardTertiaryTitle,y as DescriptionCardText,p as DescriptionCardTitle};

package/dist/components/description/card/styled.d.ts

@@ -1,5 +1,5 @@
 import { TypographyProps } from '@/ui/components/typography';
-import { DescriptionCardVariant, TDescriptionCard, TDescriptionCardBackground } from './types';
+import { DescriptionCardVariant, TDescriptionCard } from './types';
 export interface DescriptionCardBorderWrapperProps {
     $variant: DescriptionCardVariant;
 }
@@ -13,7 +13,6 @@ export declare const DescriptionCardContent: import("styled-components").IStyled
 }>>;
 export declare const DescriptionCardBackground: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $variant: DescriptionCardVariant;
-    $bgVariant?: TDescriptionCardBackground;
 }>>;
 export interface DescriptionCardTitleProps extends TypographyProps {
     $variant: DescriptionCardVariant;

package/dist/components/description/card/styled.js

@@ -1,10 +1,10 @@
-import{styled as t,css as i}from"styled-components";import{Typography as a}from"../../typography/index.js";import{Button as e}from"../../button/index.js";const o=t.div.withConfig({displayName:"styled__DescriptionCardBorderWrapper",componentId:"sc-1ylto9n-0"})(["padding:1px;border-radius:12px;height:100%;width:100%;",""],(({$variant:t,theme:a})=>"tertiary"===t?i`
+import{styled as t,css as i}from"styled-components";import{Typography as a}from"../../typography/index.js";import{Button as e}from"../../button/index.js";const d=t.div.withConfig({displayName:"styled__DescriptionCardBorderWrapper",componentId:"sc-1ylto9n-0"})(["padding:1px;border-radius:12px;height:100%;width:100%;",""],(({$variant:t,theme:a})=>"tertiary"===t?i`
           background: radial-gradient(
             50% 100% at 150px -10%,
             ${a.colors.accent.primary},
             rgba(0, 0, 0, 0)
           );
-        `:i``)),d=t.div.withConfig({displayName:"styled__DescriptionCardBackgroundWrapper",componentId:"sc-1ylto9n-1"})(["position:relative;border-radius:12px;overflow:hidden;height:100%;width:100%;"]),n=t.div.withConfig({displayName:"styled__DescriptionCardContent",componentId:"sc-1ylto9n-2"})(["width:100%;height:100%;position:relative;box-sizing:border-box;",""],(({$variant:t,theme:a})=>{switch(t){case"tertiary":return i`
+        `:i``)),o=t.div.withConfig({displayName:"styled__DescriptionCardBackgroundWrapper",componentId:"sc-1ylto9n-1"})(["position:relative;border-radius:12px;overflow:hidden;height:100%;width:100%;"]),n=t.div.withConfig({displayName:"styled__DescriptionCardContent",componentId:"sc-1ylto9n-2"})(["width:100%;height:100%;position:relative;box-sizing:border-box;",""],(({$variant:t,theme:a})=>{switch(t){case"tertiary":return i`
           display: flex;
           flex-direction: column;
           align-items: flex-start;
@@ -35,15 +35,9 @@ import{styled as t,css as i}from"styled-components";import{Typography as a}from"
           @media (max-width: ${a.mobile.maxWidth}) {
             padding: 16px;
           }
-        `}})),r=t.div.withConfig({displayName:"styled__DescriptionCardBackground",componentId:"sc-1ylto9n-3"})(["position:absolute;width:100%;top:0px;bottom:0px;left:0px;right:0px;pointer-events:none;",""],(({theme:t,$variant:a,$bgVariant:e})=>"tertiary"===a?i`
+        `}})),r=t.div.withConfig({displayName:"styled__DescriptionCardBackground",componentId:"sc-1ylto9n-3"})(["position:absolute;width:100%;top:0px;bottom:0px;left:0px;right:0px;pointer-events:none;",""],(({theme:t,$variant:a})=>{if("tertiary"===a)return i`
           background-color: ${t.colors.grayScale.gray4};
-        `:i`
-          background-position: right bottom;
-          background-repeat: no-repeat;
-          @media (max-width: ${({theme:t})=>t.tablet.maxWidth}) {
-            left: ${()=>{switch(e){case"article":return"65px";case"fav":return"10px";case"referral":return"75px";case"tg":return"0px"}}};
-          }
-        `)),p=t(a).attrs({variant:"body-xl-semibold",component:"h3"}).withConfig({displayName:"styled__DescriptionCardTitle",componentId:"sc-1ylto9n-4"})(["color:",";"],(({theme:t})=>t.default.colors.base.white)),m=t(a).attrs({variant:"body-m-semibold"}).withConfig({displayName:"styled__DescriptionCardTertiaryTitle",componentId:"sc-1ylto9n-5"})(["margin-top:16px;@media (max-width:","){margin-top:14px;}@media (max-width:","){margin-top:10px;}"],(({theme:t})=>t.tablet.maxWidth),(({theme:t})=>t.mobile.maxWidth)),l=t(a).attrs({variant:"body-m-regular",component:"p"}).withConfig({displayName:"styled__DescriptionCardText",componentId:"sc-1ylto9n-6"})(["z-index:2;color:",";margin-top:16px;"],(({theme:t})=>t.default.colors.base.white)),x=t(a).attrs({variant:"body-m-regular",component:"p"}).withConfig({displayName:"styled__DescriptionCardTertiaryText",componentId:"sc-1ylto9n-7"})(["margin-top:12px;"]),s=t.div.withConfig({displayName:"styled__DescriptionCardButtonsWrapper",componentId:"sc-1ylto9n-8"})(["margin-top:20px;display:flex;column-gap:16px;z-index:2;@media (max-width:550px){margin-bottom:0px;margin-left:auto;margin-right:auto;}"]),h=t(e).withConfig({displayName:"styled__DescriptionCardButton",componentId:"sc-1ylto9n-9"})([""]),c=t.div.withConfig({displayName:"styled__DescriptionCardStyled",componentId:"sc-1ylto9n-10"})(["display:flex;width:100%;min-height:180px;max-width:630px;aspect-ratio:auto;"," "," ",""],(({$variant:t,theme:a,$descriptionCardType:e})=>"main"===t&&i`
+        `})),p=t(a).attrs({variant:"body-xl-semibold",component:"h3"}).withConfig({displayName:"styled__DescriptionCardTitle",componentId:"sc-1ylto9n-4"})(["z-index:1;color:",";"],(({theme:t})=>t.default.colors.base.white)),m=t(a).attrs({variant:"body-m-semibold"}).withConfig({displayName:"styled__DescriptionCardTertiaryTitle",componentId:"sc-1ylto9n-5"})(["margin-top:16px;@media (max-width:","){margin-top:14px;}@media (max-width:","){margin-top:10px;}"],(({theme:t})=>t.tablet.maxWidth),(({theme:t})=>t.mobile.maxWidth)),l=t(a).attrs({variant:"body-m-regular",component:"p"}).withConfig({displayName:"styled__DescriptionCardText",componentId:"sc-1ylto9n-6"})(["z-index:2;color:",";margin-top:16px;"],(({theme:t})=>t.default.colors.base.white)),x=t(a).attrs({variant:"body-m-regular",component:"p"}).withConfig({displayName:"styled__DescriptionCardTertiaryText",componentId:"sc-1ylto9n-7"})(["margin-top:12px;"]),s=t.div.withConfig({displayName:"styled__DescriptionCardButtonsWrapper",componentId:"sc-1ylto9n-8"})(["margin-top:20px;display:flex;column-gap:16px;z-index:2;@media (max-width:550px){margin-bottom:0px;margin-left:auto;margin-right:auto;}"]),h=t(e).withConfig({displayName:"styled__DescriptionCardButton",componentId:"sc-1ylto9n-9"})([""]),c=t.div.withConfig({displayName:"styled__DescriptionCardStyled",componentId:"sc-1ylto9n-10"})(["display:flex;width:100%;min-height:180px;max-width:630px;aspect-ratio:auto;"," "," ",""],(({$variant:t,theme:a,$descriptionCardType:e})=>"main"===t&&i`
       height: ${"collaborate"===e?"498px":"476px"};
       @media (max-width: 1600px) {
         height: ${"collaborate"===e&&"565px"};
@@ -83,4 +77,4 @@ import{styled as t,css as i}from"styled-components";import{Typography as a}from"
       @media (max-width: ${t.tablet.maxWidth}) {
         max-width: 365px;
       }
-    `)),g=t.ul.withConfig({displayName:"styled__DescriptionCardUlStyled",componentId:"sc-1ylto9n-11"})(["margin:0;padding:0;padding-right:20px;z-index:2;margin-top:20px;margin-bottom:20px;display:flex;flex-direction:column;row-gap:16px;@media (min-width:1600px){padding-right:60px;}"]),y=t.li.withConfig({displayName:"styled__DescriptionCardLiStled",componentId:"sc-1ylto9n-12"})(["margin:0;list-style:none;padding:0;display:flex;z-index:2;align-items:center;column-gap:16px;"]),b=t(a).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__DescriptionCardLiContent",componentId:"sc-1ylto9n-13"})([""]);export{r as DescriptionCardBackground,d as DescriptionCardBackgroundWrapper,o as DescriptionCardBorderWrapper,h as DescriptionCardButton,s as DescriptionCardButtonsWrapper,n as DescriptionCardContent,b as DescriptionCardLiContent,y as DescriptionCardLiStled,c as DescriptionCardStyled,x as DescriptionCardTertiaryText,m as DescriptionCardTertiaryTitle,l as DescriptionCardText,p as DescriptionCardTitle,g as DescriptionCardUlStyled};
+    `)),g=t.ul.withConfig({displayName:"styled__DescriptionCardUlStyled",componentId:"sc-1ylto9n-11"})(["margin:0;padding:0;padding-right:20px;z-index:2;margin-top:20px;margin-bottom:20px;display:flex;flex-direction:column;row-gap:16px;@media (min-width:1600px){padding-right:60px;}"]),y=t.li.withConfig({displayName:"styled__DescriptionCardLiStled",componentId:"sc-1ylto9n-12"})(["margin:0;list-style:none;padding:0;display:flex;z-index:2;align-items:center;column-gap:16px;"]),w=t(a).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__DescriptionCardLiContent",componentId:"sc-1ylto9n-13"})([""]);export{r as DescriptionCardBackground,o as DescriptionCardBackgroundWrapper,d as DescriptionCardBorderWrapper,h as DescriptionCardButton,s as DescriptionCardButtonsWrapper,n as DescriptionCardContent,w as DescriptionCardLiContent,y as DescriptionCardLiStled,c as DescriptionCardStyled,x as DescriptionCardTertiaryText,m as DescriptionCardTertiaryTitle,l as DescriptionCardText,p as DescriptionCardTitle,g as DescriptionCardUlStyled};

package/dist/components/description/card/types.d.ts

@@ -1,3 +1,2 @@
 export type DescriptionCardVariant = 'main' | 'secondary' | 'tertiary' | 'quaternary';
 export type TDescriptionCard = 'collaborate' | 'products';
-export type TDescriptionCardBackground = 'article' | 'fav' | 'referral' | 'tg';

package/dist/components/input-message/index.js

@@ -1 +1 @@
-import{__rest as e,__awaiter as t}from"tslib";import{jsx as n,jsxs as i,Fragment as l}from"react/jsx-runtime";import{useRef as r,useState as o,useCallback as a,useEffect as s,useLayoutEffect as c}from"react";import{useTransition as d}from"@react-spring/web";import{useOnClickOutside as u}from"../../utils/useOnClickOutside.js";import{InputMessageStyled as p,InputMessageContent as m,InputMessageUploadFile as v,InputMessageUploadFileInput as h,InputMessageUploadFileButton as f,InputMessageMain as g,InputMessageVoiceRecord as y,InputMessageVoiceRecordDot as b,InputMessageVoiceRecordTimeText as x,InputMessageFiles as j,InputMessageFile as D,InputMessageTextArea as $,InputMessageToggleSendStyled as A,InputMessageToggleSendButton as k,InputMessageToggleSendModalStyled as w,InputMessageToggleSendModalOption as C,InputMessageSendButton as F,InputMessageSendIcon as E,InputMessageVoiceIcon as T}from"./styled.js";import{ChipImage as S}from"../chip/styled.js";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import"../../theme/index.js";import"../tooltip/context.js";import{PdfIcon as K}from"../../icons/pdf/index.js";import{TxtIcon as L}from"../../icons/txt/index.js";import{WordIcon as O}from"../../icons/word/index.js";import{XlsIcon as P}from"../../icons/xls/index.js";import{IconProvider as U}from"../icon/context.js";import"../icon/styled.js";import{getPreviewUrlForFile as V,formatUploadFiles as B,formatSeconds as H}from"./utils.js";import{AttachFileIcon as N}from"../../icons/attach-file/index.js";import{getSupportedAudioMimeType as I}from"../../utils/getSupportedAudioMimeType.js";import{useTheme as M}from"../../theme/hook.js";const R=R=>{var{className:z,placeholder:G,message:W,files:_,disabled:q=!1,sendDisabled:J=!1,textAreaDisabled:Q=!1,useAlternativeKeyDefaultValue:X=!1,defaultKeySendText:Y,alternativeKeySendText:Z,uploadFileLimit:ee=5,hideUploadFile:te=!1,uploadFileDisabled:ne=!1,uploadFileAccept:ie,autoFocus:le=!0,voice:re=!1,onSetAlternativeKeyValue:oe,onChange:ae,onFilesChange:se,onTextAreaChange:ce,onSend:de,onFocus:ue,onBlur:pe,onVoice:me,emitError:ve,rightActions:he}=R,fe=e(R,["className","placeholder","message","files","disabled","sendDisabled","textAreaDisabled","useAlternativeKeyDefaultValue","defaultKeySendText","alternativeKeySendText","uploadFileLimit","hideUploadFile","uploadFileDisabled","uploadFileAccept","autoFocus","voice","onSetAlternativeKeyValue","onChange","onFilesChange","onTextAreaChange","onSend","onFocus","onBlur","onVoice","emitError","rightActions"]);const ge=M(),ye=r(null),[be,xe]=o("calc(var(--bothub-scale, 1) * 18px)"),[je,De]="string"==typeof W?[W,ae]:o(""),[$e,Ae]=Array.isArray(_)?[_,se]:o([]),[ke,we]=o(!q&&le),[Ce,Fe]=o(!1),[Ee,Te]=o(!1),[Se,Ke]=o(null),Le=r(null),Oe=r(null),Pe=r([]),Ue=r(null),Ve=r(!1),Be=r(null),[He,Ne]=o(X),[Ie,Me]=o(!1),Re=a((()=>{Ne(!1),null==oe||oe(!1),Me(!1)}),[]),ze=a((()=>{Ne(!0),null==oe||oe(!0),Me(!1)}),[]),Ge=a((e=>{we(!0),null==ue||ue(e)}),[ue]),We=a((e=>{we(!1),null==pe||pe(e)}),[pe]),_e=a((e=>{null==De||De(e.target.value),null==ce||ce(e)}),[De,ce]),qe=a((e=>t(void 0,void 0,void 0,(function*(){var t;if(!e.length)return;const n=[],i=[],l=yield Promise.all(null==e?void 0:e.map(V));for(const[r,o]of e.entries()){null===(t=null==ie?void 0:ie.includes(o.type))||void 0===t||t?n.push({previewUrl:l[r],name:o.name,native:o}):i.push(o)}i.length>0&&(null==ve||ve({name:"WRONG_FILES",payload:i})),(null==n?void 0:n.length)>0&&(null==Ae||Ae([...$e,...n].slice(0,ee)))}))),[ie,ve,ee,$e]),Je=a((e=>t(void 0,void 0,void 0,(function*(){!ne&&e.clipboardData.files.length>0&&(e.preventDefault(),yield qe([...e.clipboardData.files]))}))),[qe,ne]),Qe=a((e=>t(void 0,void 0,void 0,(function*(){if(!Ae||!e.target.files)return;const t=yield B([...$e.map((({native:e})=>e)),...e.target.files]);Ae(t.slice(0,ee))}))),[$e,Ae,ee]),Xe=a((e=>{null==Ae||Ae($e.filter((({name:t})=>t!==e.name)))}),[Ae,$e]),Ye=a((e=>{e.stopPropagation(),null==de||de(je,$e),xe("calc(var(--bothub-scale, 1) * 18px)")}),[je,$e,de,De,Ae]),Ze=a((e=>{e.stopPropagation();const t=He?"enter":"ctrl/shift+enter";let n="";if("Enter"===e.key&&(e.shiftKey||e.ctrlKey))n="ctrl/shift+enter";else{if("Enter"!==e.key)return;n="enter"}if(ke&&"Enter"===e.key){if(n===t&&e.ctrlKey){e.preventDefault();const t=ye.current;if(!t)return;const n=t.value,r=t.selectionStart,o=n.slice(0,r),a=n.slice(r);null==De||De(`${o}\n${a}`),i=t,l=r+1,setTimeout((()=>{i.selectionStart=l,i.selectionEnd=l}),1)}t!==n&&""!==n&&(e.preventDefault(),null==de||de(je,$e),xe("calc(var(--bothub-scale, 1) * 18px)"))}var i,l}),[ke,je,$e,de,De,Ae]),et=a((()=>{var e;null===(e=ye.current)||void 0===e||e.focus()}),[]),tt=a((e=>{e.stopPropagation()}),[]),nt=a((e=>t(void 0,void 0,void 0,(function*(){if(Ee)return;Ve.current=!0,e.stopPropagation();const t=yield navigator.mediaDevices.getUserMedia({audio:!0}),n=new MediaRecorder(t,{mimeType:I()});Ve.current&&(n.start(1e3),Le.current=n,Oe.current=t,Ue.current=window.setInterval((()=>{Ke((e=>(null!=e?e:0)+.1))}),100),Te(!0),Ke(0))}))),[Ve.current,Pe.current,Ee]),it=a((()=>{const e=Le.current,t=Oe.current,n=Ue.current;if(Ee&&e&&t&&n){e.stop();for(const e of t.getTracks())e.stop();window.clearInterval(n)}}),[Ee,Le.current,Oe.current,Ue.current]),lt=a((()=>t(void 0,void 0,void 0,(function*(){Ve.current=!1,Ee&&it()}))),[Ee,it]),rt=a((()=>{const e=ye.current;null!==e&&(e.style.height="calc(var(--bothub-scale, 1) * 18px)",e.style.height=`${e.scrollHeight}px`,e.focus(),xe(`${e.scrollHeight}px`))}),[je]);s((()=>{rt()}),[rt]),s((()=>{const e=ye.current,t=document.activeElement===e;e&&le?e.focus():t||we(!1)}),[q]),s((()=>{const e=ye.current;if(null!==e)return e.addEventListener("keydown",Ze),()=>{e.removeEventListener("keydown",Ze)}}),[Ze]),s((()=>{Ae&&_&&Ae(_)}),[_]),"undefined"!=typeof window&&c((()=>{const e=ye.current;null!==e&&(e.style.height=`${e.scrollHeight}px`,e.scrollTop=e.scrollHeight,le&&e.focus())}),[je,le]),s((()=>{const e=Le.current,n=e=>{e.data.size>0&&Pe.current.push(e.data)},i=()=>t(void 0,void 0,void 0,(function*(){const e=new Blob(Pe.current,{type:I()});yield null==me?void 0:me(e),Le.current=null,Oe.current=null,Pe.current=[],Ue.current=null,Te(!1),Ke(null)}));return e&&(e.addEventListener("dataavailable",n),e.addEventListener("stop",i)),()=>{e&&(e.removeEventListener("dataavailable",n),e.removeEventListener("stop",i)),it()}}),[Le.current]),u(Be,(()=>{Me(!1)}));const ot=d(Ie,{from:{opacity:0,y:10},enter:{opacity:1,y:0},leave:{opacity:0,y:10},config:{duration:150,ease:"easeOut"}});return n(p,{$active:ke,$dragActive:Ce,$disabled:q,$textAreaDisabled:Q,$voiceRecording:Ee,className:z,onClick:et,onDragEnter:()=>Fe(!0),onDragLeave:()=>Fe(!1),onDragOver:e=>(e.stopPropagation(),e.preventDefault(),!1),onDrop:e=>t(void 0,void 0,void 0,(function*(){if(e.dataTransfer.files.length>0)return e.stopPropagation(),e.preventDefault(),yield qe([...e.dataTransfer.files]),Fe(!1),!1})),children:i(m,{children:[!te&&!Ee&&i(v,{onClick:tt,children:[n(h,{type:"file",accept:ie,multiple:!0,disabled:$e.length>=ee||q||ne,onChange:Qe},$e.length),n(f,{disabled:$e.length>=ee||q||ne})]}),i(g,{children:[Ee&&null!==Se&&i(y,{children:[n(b,{}),n(x,{children:H(Se)})]}),!Ee&&i(l,{children:[$e.length>0&&n(j,{children:$e.map((e=>{let t;return t=e.previewUrl&&(e.name.match(/.png$/i)||e.name.match(/.jpg$/i)||e.name.match(/.jpeg$/i))?n(S,{src:e.previewUrl}):e.name.match(/.txt$/i)?n(L,{}):e.name.match(/.docx$/i)?n(O,{}):e.name.match(/.xlsx$/i)?n(P,{}):e.name.match(/.pdf$/i)?n(K,{}):n(N,{}),t=n(U,{size:18,children:t}),n(D,{start:t,onDelete:Xe.bind(null,e),children:e.name.length>20?`...${e.name.slice(-20)}`:e.name},e.name)}))}),(!Q||Q&&G&&$e.length!==ee||Q&&je)&&n($,Object.assign({$disabled:q},fe,{ref:ye,value:je,placeholder:G,disabled:q||Q,style:Object.assign(Object.assign({},fe.style),{height:be}),onFocus:Ge,onBlur:We,onChange:_e,onPaste:Je}))]})]}),!!Y&&!!Z&&i(A,{ref:Be,children:[n(k,{onClick:e=>{e.stopPropagation(),Me(!Ie)},disabled:q}),ot(((e,t)=>t&&i(w,{style:e,children:[n(C,{active:!He,onClick:Re,children:Y}),n(C,{active:He,onClick:ze,children:Z})]},"alternative-key-modal")))]}),he,!re||je||$e.length>0?n(F,{disabled:q||J,onClick:Ye,children:n(E,{})}):n(F,Object.assign({},Ee&&{color:ge.colors.critic},{disabled:q||J,onClick:Ee?lt:nt,children:n(Ee?E:T,{})}))]})})};export{R as InputMessage};
+import{__rest as e,__awaiter as t}from"tslib";import{jsx as n,jsxs as i,Fragment as r}from"react/jsx-runtime";import{useRef as l,useState as o,useCallback as a,useEffect as s}from"react";import{useTransition as c}from"@react-spring/web";import{useOnClickOutside as d}from"../../utils/useOnClickOutside.js";import{InputMessageStyled as u,InputMessageContent as p,InputMessageUploadFile as m,InputMessageUploadFileInput as v,InputMessageUploadFileButton as f,InputMessageMain as h,InputMessageVoiceRecord as g,InputMessageVoiceRecordDot as y,InputMessageVoiceRecordTimeText as b,InputMessageFiles as x,InputMessageFile as j,InputMessageTextArea as D,InputMessageToggleSendStyled as $,InputMessageToggleSendButton as A,InputMessageToggleSendModalStyled as k,InputMessageToggleSendModalOption as C,InputMessageSendButton as F,InputMessageSendIcon as E,InputMessageVoiceIcon as w}from"./styled.js";import{ChipImage as S}from"../chip/styled.js";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import"../../theme/index.js";import"../tooltip/context.js";import{PdfIcon as T}from"../../icons/pdf/index.js";import{TxtIcon as K}from"../../icons/txt/index.js";import{WordIcon as L}from"../../icons/word/index.js";import{XlsIcon as O}from"../../icons/xls/index.js";import{IconProvider as P}from"../icon/context.js";import"../icon/styled.js";import{getPreviewUrlForFile as U,formatUploadFiles as V,formatSeconds as B}from"./utils.js";import{AttachFileIcon as N}from"../../icons/attach-file/index.js";import{getSupportedAudioMimeType as I}from"../../utils/getSupportedAudioMimeType.js";import{useTheme as M}from"../../theme/hook.js";const R=R=>{var{className:z,placeholder:H,message:G,files:W,disabled:_=!1,sendDisabled:q=!1,textAreaDisabled:J=!1,useAlternativeKeyDefaultValue:Q=!1,defaultKeySendText:X,alternativeKeySendText:Y,uploadFileLimit:Z=5,hideUploadFile:ee=!1,uploadFileDisabled:te=!1,uploadFileAccept:ne,autoFocus:ie=!0,voice:re=!1,onSetAlternativeKeyValue:le,onChange:oe,onFilesChange:ae,onTextAreaChange:se,onSend:ce,onFocus:de,onBlur:ue,onVoice:pe,emitError:me,rightActions:ve}=R,fe=e(R,["className","placeholder","message","files","disabled","sendDisabled","textAreaDisabled","useAlternativeKeyDefaultValue","defaultKeySendText","alternativeKeySendText","uploadFileLimit","hideUploadFile","uploadFileDisabled","uploadFileAccept","autoFocus","voice","onSetAlternativeKeyValue","onChange","onFilesChange","onTextAreaChange","onSend","onFocus","onBlur","onVoice","emitError","rightActions"]);const he=M(),ge=l(null),[ye,be]=o("calc(var(--bothub-scale, 1) * 18px)"),[xe,je]="string"==typeof G?[G,oe]:o(""),[De,$e]=Array.isArray(W)?[W,ae]:o([]),[Ae,ke]=o(!_&&ie),[Ce,Fe]=o(!1),[Ee,we]=o(!1),[Se,Te]=o(null),Ke=l(null),Le=l(null),Oe=l([]),Pe=l(null),Ue=l(!1),Ve=l(null),[Be,Ne]=o(Q),[Ie,Me]=o(!1),Re=a((()=>{Ne(!1),null==le||le(!1),Me(!1)}),[]),ze=a((()=>{Ne(!0),null==le||le(!0),Me(!1)}),[]),He=a((e=>{ke(!0),null==de||de(e)}),[de]),Ge=a((e=>{ke(!1),null==ue||ue(e)}),[ue]),We=a((e=>{null==je||je(e.target.value),null==se||se(e)}),[je,se]),_e=a((e=>t(void 0,void 0,void 0,(function*(){var t;if(!e.length)return;const n=[],i=[],r=yield Promise.all(null==e?void 0:e.map(U));for(const[l,o]of e.entries()){null===(t=null==ne?void 0:ne.includes(o.type))||void 0===t||t?n.push({previewUrl:r[l],name:o.name,native:o}):i.push(o)}i.length>0&&(null==me||me({name:"WRONG_FILES",payload:i})),(null==n?void 0:n.length)>0&&(null==$e||$e([...De,...n].slice(0,Z)))}))),[ne,me,Z,De]),qe=a((e=>t(void 0,void 0,void 0,(function*(){!te&&e.clipboardData.files.length>0&&(e.preventDefault(),yield _e([...e.clipboardData.files]))}))),[_e,te]),Je=a((e=>t(void 0,void 0,void 0,(function*(){if(!$e||!e.target.files)return;const t=yield V([...De.map((({native:e})=>e)),...e.target.files]);$e(t.slice(0,Z))}))),[De,$e,Z]),Qe=a((e=>{null==$e||$e(De.filter((({name:t})=>t!==e.name)))}),[$e,De]),Xe=a((e=>{e.stopPropagation(),null==ce||ce(xe,De),be("calc(var(--bothub-scale, 1) * 18px)")}),[xe,De,ce,je,$e]),Ye=a((e=>{e.stopPropagation();const t=Be?"enter":"ctrl/shift+enter";let n="";if("Enter"===e.key&&(e.shiftKey||e.ctrlKey))n="ctrl/shift+enter";else{if("Enter"!==e.key)return;n="enter"}if(Ae&&"Enter"===e.key){if(n===t&&e.ctrlKey){e.preventDefault();const t=ge.current;if(!t)return;const n=t.value,l=t.selectionStart,o=n.slice(0,l),a=n.slice(l);null==je||je(`${o}\n${a}`),i=t,r=l+1,setTimeout((()=>{i.selectionStart=r,i.selectionEnd=r}),1)}t!==n&&""!==n&&(e.preventDefault(),null==ce||ce(xe,De),be("calc(var(--bothub-scale, 1) * 18px)"))}var i,r}),[Ae,xe,De,ce,je,$e]),Ze=a((()=>{var e;!_&&ie&&(null===(e=ge.current)||void 0===e||e.focus())}),[_,ie]),et=a((e=>{e.stopPropagation()}),[]),tt=a((e=>t(void 0,void 0,void 0,(function*(){if(Ee)return;Ue.current=!0,e.stopPropagation();const t=yield navigator.mediaDevices.getUserMedia({audio:!0}),n=new MediaRecorder(t,{mimeType:I()});Ue.current&&(n.start(1e3),Ke.current=n,Le.current=t,Pe.current=window.setInterval((()=>{Te((e=>(null!=e?e:0)+.1))}),100),we(!0),Te(0))}))),[Ue.current,Oe.current,Ee]),nt=a((()=>{const e=Ke.current,t=Le.current,n=Pe.current;if(Ee&&e&&t&&n){e.stop();for(const e of t.getTracks())e.stop();window.clearInterval(n)}}),[Ee,Ke.current,Le.current,Pe.current]),it=a((()=>t(void 0,void 0,void 0,(function*(){Ue.current=!1,Ee&&nt()}))),[Ee,nt]),rt=a((()=>{const e=ge.current;null!==e&&(e.style.height="calc(var(--bothub-scale, 1) * 18px)",e.style.height=`${e.scrollHeight}px`,be(`${e.scrollHeight}px`))}),[xe,ie]);s((()=>{rt()}),[rt]),s((()=>{const e=ge.current;if(!e||_)return;const t=!_&&ie;ke(t),t?e.focus():document.activeElement===e&&e.blur()}),[_,ie]),s((()=>{const e=ge.current;if(null!==e)return e.addEventListener("keydown",Ye),()=>{e.removeEventListener("keydown",Ye)}}),[Ye]),s((()=>{$e&&W&&$e(W)}),[W]),s((()=>{const e=Ke.current,n=e=>{e.data.size>0&&Oe.current.push(e.data)},i=()=>t(void 0,void 0,void 0,(function*(){const e=new Blob(Oe.current,{type:I()});yield null==pe?void 0:pe(e),Ke.current=null,Le.current=null,Oe.current=[],Pe.current=null,we(!1),Te(null)}));return e&&(e.addEventListener("dataavailable",n),e.addEventListener("stop",i)),()=>{e&&(e.removeEventListener("dataavailable",n),e.removeEventListener("stop",i)),nt()}}),[Ke.current]),d(Ve,(()=>{Me(!1)}));const lt=c(Ie,{from:{opacity:0,y:10},enter:{opacity:1,y:0},leave:{opacity:0,y:10},config:{duration:150,ease:"easeOut"}});return n(u,{$active:Ae,$dragActive:Ce,$disabled:_,$textAreaDisabled:J,$voiceRecording:Ee,className:z,onClick:Ze,onDragEnter:()=>Fe(!0),onDragLeave:()=>Fe(!1),onDragOver:e=>(e.stopPropagation(),e.preventDefault(),!1),onDrop:e=>t(void 0,void 0,void 0,(function*(){if(e.dataTransfer.files.length>0)return e.stopPropagation(),e.preventDefault(),yield _e([...e.dataTransfer.files]),Fe(!1),!1})),children:i(p,{children:[!ee&&!Ee&&i(m,{onClick:et,children:[n(v,{type:"file",accept:ne,multiple:!0,disabled:De.length>=Z||_||te,onChange:Je},De.length),n(f,{disabled:De.length>=Z||_||te})]}),i(h,{children:[Ee&&null!==Se&&i(g,{children:[n(y,{}),n(b,{children:B(Se)})]}),!Ee&&i(r,{children:[De.length>0&&n(x,{children:De.map((e=>{let t;return t=e.previewUrl&&(e.name.match(/.png$/i)||e.name.match(/.jpg$/i)||e.name.match(/.jpeg$/i))?n(S,{src:e.previewUrl}):e.name.match(/.txt$/i)?n(K,{}):e.name.match(/.docx$/i)?n(L,{}):e.name.match(/.xlsx$/i)?n(O,{}):e.name.match(/.pdf$/i)?n(T,{}):n(N,{}),t=n(P,{size:18,children:t}),n(j,{start:t,onDelete:Qe.bind(null,e),children:e.name.length>20?`...${e.name.slice(-20)}`:e.name},e.name)}))}),(!J||J&&H&&De.length!==Z||J&&xe)&&n(D,Object.assign({$disabled:_},fe,{ref:ge,value:xe,placeholder:H,disabled:_||J,style:Object.assign(Object.assign({},fe.style),{height:ye}),onFocus:He,onBlur:Ge,onChange:We,onPaste:qe}))]})]}),!!X&&!!Y&&i($,{ref:Ve,children:[n(A,{onClick:e=>{e.stopPropagation(),Me(!Ie)},disabled:_}),lt(((e,t)=>t&&i(k,{style:e,children:[n(C,{active:!Be,onClick:Re,children:X}),n(C,{active:Be,onClick:ze,children:Y})]},"alternative-key-modal")))]}),ve,!re||xe||De.length>0?n(F,{disabled:_||q,onClick:Xe,children:n(E,{})}):n(F,Object.assign({},Ee&&{color:he.colors.critic},{disabled:_||q,onClick:Ee?it:tt,children:n(Ee?E:w,{})}))]})})};export{R as InputMessage};

package/dist/components/message/styled.js

@@ -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 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 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 y=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:8px;"]),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:12px;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(i).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(s).withConfig({displayName:"styled__MessageAvatar",componentId:"sc-1wz70sd-10"})(["grid-area:avatar;align-self:flex-end;user-select:none;@media (max-width:","){display:none;}"],(({theme:e})=>e.mobile.maxWidth)),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;"]),j=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;"]))),k=t.div.withConfig({displayName:"styled__MessageBlockBottomPanel",componentId:"sc-1wz70sd-13"})(["display:flex;align-items:center;gap:10px;",""],(({$variant:e})=>{switch(e){case"user":return a(["margin-top:4px;margin-left:0px;"]);case"assistant":return a(["margin-left:52px;"]);default:return a([""])}})),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:auto;"],(({$variant:e})=>{switch(e){case"user":return"8px";case"assistant":return"0px 8px 0px 0px"}})),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(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.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(l,{})}).withConfig({displayName:"styled__MessageEditAction",componentId:"sc-1wz70sd-22"})([""]),R=t(w).attrs({variant:"primary-transparent",zone:!0,children:e(r,{})}).withConfig({displayName:"styled__MessageImageLeftArrowButton",componentId:"sc-1wz70sd-23"})(["","{justify-content:flex-start;}"],f),q=t(w).attrs({variant:"primary-transparent",zone:!0,children:e(d,{})}).withConfig({displayName:"styled__MessageImageRightArrowButton",componentId:"sc-1wz70sd-24"})(["","{justify-content:flex-end;}"],f),D=t(w).attrs({variant:"primary-transparent",zone:!0,children:e(p,{})}).withConfig({displayName:"styled__MessageImageTopArrowButton",componentId:"sc-1wz70sd-25"})(["","{align-items:flex-start;}"],f),F=t(w).attrs({variant:"primary-transparent",zone:!0,children:e(n,{})}).withConfig({displayName:"styled__MessageImageBottomArrowButton",componentId:"sc-1wz70sd-26"})(["","{align-items:flex-end;}"],f);export{E as MessageAction,P as MessageActions,N as MessageAvatar,j as MessageBlock,k 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,y as MessageStyledWrapper,I as MessageTag,C as MessageTags,v as MessageTop,W as MessageTransaction};
+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 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 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 y=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;"])}})),x=t.div.withConfig({displayName:"styled__MessageStyledWithBottomPanel",componentId:"sc-1wz70sd-1"})(["display:flex;width:fit-content;max-width:100%;flex-direction:column;gap:8px;"]),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:12px;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(i).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(s).withConfig({displayName:"styled__MessageAvatar",componentId:"sc-1wz70sd-10"})(["grid-area:avatar;align-self:flex-end;user-select:none;@media (max-width:","){display:none;}"],(({theme:e})=>e.mobile.maxWidth)),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;"]),j=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;"]))),k=t.div.withConfig({displayName:"styled__MessageBlockBottomPanel",componentId:"sc-1wz70sd-13"})(["display:flex;align-items:center;gap:10px;",""],(({$variant:e})=>{switch(e){case"user":return a(["margin-top:4px;margin-left:0px;"]);case"assistant":return a(["margin-left:52px;"]);default:return a([""])}})),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:auto;"],(({$variant:e})=>{switch(e){case"user":return"8px";case"assistant":return"0px 8px 0px 0px"}})),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(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.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(l,{})}).withConfig({displayName:"styled__MessageEditAction",componentId:"sc-1wz70sd-22"})([""]),R=t(w).attrs({variant:"primary-transparent",zone:!0,children:e(r,{})}).withConfig({displayName:"styled__MessageImageLeftArrowButton",componentId:"sc-1wz70sd-23"})(["","{justify-content:flex-start;}"],f),q=t(w).attrs({variant:"primary-transparent",zone:!0,children:e(d,{})}).withConfig({displayName:"styled__MessageImageRightArrowButton",componentId:"sc-1wz70sd-24"})(["","{justify-content:flex-end;}"],f),D=t(w).attrs({variant:"primary-transparent",zone:!0,children:e(p,{})}).withConfig({displayName:"styled__MessageImageTopArrowButton",componentId:"sc-1wz70sd-25"})(["","{align-items:flex-start;}"],f),F=t(w).attrs({variant:"primary-transparent",zone:!0,children:e(n,{})}).withConfig({displayName:"styled__MessageImageBottomArrowButton",componentId:"sc-1wz70sd-26"})(["","{align-items:flex-end;}"],f);export{E as MessageAction,P as MessageActions,N as MessageAvatar,j as MessageBlock,k 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,y as MessageStyledWrapper,I as MessageTag,C as MessageTags,v as MessageTop,W as MessageTransaction};

package/dist/components/message/voice/index.d.ts

@@ -3,5 +3,6 @@ export interface MessageVoiceProps extends React.ComponentProps<'div'> {
     src: string;
     waveData: number[];
     duration: number;
+    assitantStyle?: boolean;
 }
 export declare const MessageVoice: React.FC<MessageVoiceProps>;

package/dist/components/message/voice/index.js

@@ -1 +1 @@
-import{__rest as t}from"tslib";import{jsxs as r,jsx as l}from"react/jsx-runtime";import{useId as e,useRef as i,useState as n,useCallback as o}from"react";import{MessageVoiceStyled as c,MessageVoiceAudio as s,MessageVoiceMain as a,MessageVoiceToggleButton as d,MessageVoicePauseIcon as p,MessageVoicePlayIcon as u,MessageVoiceWaves as h,StyledRect as m,MessageVoiceDurationText as f,MessageVoiceToggleTextButton as g,MessageVoiceHideTextIcon as j,MessageVoiceShowTextIcon as b,MessageVoiceText as x}from"./styled.js";import{formatSeconds as w}from"./utils/index.js";import{useMessage as y}from"../context.js";import"../../../theme/index.js";import{IconProvider as C}from"../../icon/context.js";import"../../icon/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{useTheme as P}from"../../../theme/hook.js";const k=k=>{var{src:v,waveData:O,duration:T,tabIndex:$=0,children:F}=k,I=t(k,["src","waveData","duration","tabIndex","children"]);const A=P(),B=e(),{color:D}=y(),_=i(null),E=i(null),[M,R]=n(!0),[U,X]=n(!1),[q,z]=n(!1),[G,H]=n(null),J=o((()=>{if(M)return;const t=_.current;t&&(U?t.pause():t.play())}),[U,_.current,M]),K=o((()=>{const t=_.current;t&&H(t.currentTime)}),[_.current]),L=o((t=>{t.stopPropagation();const r=_.current,l=E.current;if(!r||!l)return;const e=l.getBoundingClientRect(),{width:i}=e,n=(t.clientX-e.left)/i*T;r.play(),r.currentTime=n}),[_.current,T]),N=o((()=>{H(null)}),[]),Q=o((t=>{t.stopPropagation(),z(!q)}),[q]);return r(c,Object.assign({},I,{children:[l(s,{ref:_,src:v,onPlay:X.bind(null,!0),onPause:X.bind(null,!1),onCanPlayThrough:R.bind(null,!1),onTimeUpdate:K,onEnded:N}),r(a,{$loading:M,tabIndex:$,onClick:J,children:[l(d,{children:r(C,Object.assign({},"default"===D?{}:"green"===D?{fill:A.colors.gpt3}:"purple"===D?{fill:A.colors.gpt4}:{fill:D},{children:[U&&l(p,{}),!U&&l(u,{})]}))}),r(h,{ref:E,width:"145",height:"36",viewBox:"0 0 145 36",fill:"none",onClick:L,children:[r("g",{clipPath:`url(#${B}_clip)`,children:[l("rect",Object.assign({width:"145",height:"36",opacity:"0.6"},"default"===D&&{fill:U||null!==G?"#4785FF":"#A4C1FA"},"default"!==D&&{fill:A.default.colors.base.white})),null!==G&&l(m,{height:"36",fill:A.default.colors.base.white,style:{width:G/T*145}})]}),l("defs",{children:l("clipPath",{id:`${B}_clip`,children:O.map(((t,r)=>{const e=Math.max(t/100*36,2);return l("rect",{x:5*r,y:(36-e)/2,width:"3",height:e,rx:"1.5"},r)}))})})]}),r(f,{children:[null!==G&&w(G),null===G&&w(T)]}),l(g,{onClick:Q,children:r(C,Object.assign({},"default"===D?{}:"green"===D?{fill:A.colors.gpt3}:"purple"===D?{fill:A.colors.gpt4}:{fill:D},{children:[q&&l(j,{}),!q&&l(b,{})]}))})]}),q&&F&&l(x,{$messageColor:D,children:F})]}))};export{k as MessageVoice};
+import{__rest as t}from"tslib";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useId as l,useRef as i,useState as o,useCallback as n}from"react";import{MessageVoiceStyled as c,MessageVoiceAudio as s,MessageVoiceMain as a,MessageVoiceToggleButton as d,MessageVoicePauseIcon as p,MessageVoicePlayIcon as h,MessageVoiceWaves as u,StyledRect as m,MessageVoiceDurationText as f,MessageVoiceToggleTextButton as g,MessageVoiceHideTextIcon as y,MessageVoiceShowTextIcon as j,MessageVoiceText as b}from"./styled.js";import{formatSeconds as x}from"./utils/index.js";import{useMessage as w}from"../context.js";import"../../../theme/index.js";import{IconProvider as C}from"../../icon/context.js";import"../../icon/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{useTheme as P}from"../../../theme/hook.js";const k=k=>{var{src:$,waveData:v,duration:T,tabIndex:F=0,children:I,assitantStyle:O}=k,S=t(k,["src","waveData","duration","tabIndex","children","assitantStyle"]);const A=P(),B=l(),{color:D}=w(),_=i(null),E=i(null),[L,M]=o(!0),[R,U]=o(!1),[X,q]=o(!1),[z,G]=o(null),H=n((()=>{const t=_.current;t&&(R?t.pause():t.play())}),[R,_.current]),J=n((()=>{const t=_.current;t&&G(t.currentTime)}),[_.current]),K=n((t=>{t.stopPropagation();const e=_.current,r=E.current;if(!e||!r)return;const l=r.getBoundingClientRect(),{width:i}=l,o=(t.clientX-l.left)/i*T;e.play(),e.currentTime=o}),[_.current,T]),N=n((()=>{G(null)}),[]),Q=n((t=>{t.stopPropagation(),q(!X)}),[X]);return e(c,Object.assign({$assitantStyle:O},S,{children:[r(s,{ref:_,src:$,onPlay:U.bind(null,!0),onPause:U.bind(null,!1),onCanPlayThrough:M.bind(null,!1),onTimeUpdate:J,onEnded:N}),e(a,{$loading:L,tabIndex:F,children:[r(d,{onClick:H,children:e(C,Object.assign({},"default"===D?{}:"green"===D?{fill:A.colors.gpt3}:"purple"===D?{fill:A.colors.gpt4}:{fill:D},{children:[R&&r(p,{}),!R&&r(h,{})]}))}),e(u,{ref:E,width:"145",height:"36",viewBox:"0 0 145 36",fill:"none",onClick:K,children:[e("g",{clipPath:`url(#${B}_clip)`,children:[r("rect",Object.assign({width:"145",height:"36",opacity:"0.6"},"default"===D&&{fill:R||null!==z?"#4785FF":"#A4C1FA"},"default"!==D&&{fill:A.default.colors.base.white})),null!==z&&r(m,{height:"36",fill:A.default.colors.base.white,style:{width:z/T*145}})]}),r("defs",{children:r("clipPath",{id:`${B}_clip`,children:v.map(((t,e)=>{const l=Math.max(t/100*36,2);return r("rect",{x:5*e,y:(36-l)/2,width:"3",height:l,rx:"1.5"},e)}))})})]}),e(f,{children:[null!==z&&x(z),null===z&&x(T)]}),r(g,{onClick:Q,children:e(C,{fill:A.colors.accent.strong,stroke:"light"===A.mode?A.default.colors.base.white:A.colors.accent.primaryLight,children:[X&&r(y,{}),!X&&r(j,{})]})})]}),X&&I&&r(b,{$messageColor:D,children:I})]}))};export{k as MessageVoice};

package/dist/components/message/voice/styled.d.ts

@@ -1,273 +1,6 @@
-export declare const MessageVoiceStyled: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
-    key?: import("react").Key | null | undefined;
-    defaultChecked?: boolean | undefined | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined | undefined;
-    suppressHydrationWarning?: boolean | undefined | undefined;
-    accessKey?: string | undefined | undefined;
-    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
-    autoFocus?: boolean | undefined | undefined;
-    className?: string | undefined | undefined;
-    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
-    contextMenu?: string | undefined | undefined;
-    dir?: string | undefined | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
-    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    hidden?: boolean | undefined | undefined;
-    id?: string | undefined | undefined;
-    lang?: string | undefined | undefined;
-    nonce?: string | undefined | undefined;
-    slot?: string | undefined | undefined;
-    spellCheck?: (boolean | "false" | "true") | undefined;
-    style?: import("react").CSSProperties | undefined;
-    tabIndex?: number | undefined | undefined;
-    title?: string | undefined | undefined;
-    translate?: "yes" | "no" | undefined | undefined;
-    radioGroup?: string | undefined | undefined;
-    role?: import("react").AriaRole | undefined;
-    about?: string | undefined | undefined;
-    content?: string | undefined | undefined;
-    datatype?: string | undefined | undefined;
-    inlist?: any;
-    prefix?: string | undefined | undefined;
-    property?: string | undefined | undefined;
-    rel?: string | undefined | undefined;
-    resource?: string | undefined | undefined;
-    rev?: string | undefined | undefined;
-    typeof?: string | undefined | undefined;
-    vocab?: string | undefined | undefined;
-    autoCorrect?: string | undefined | undefined;
-    autoSave?: string | undefined | undefined;
-    color?: string | undefined | undefined;
-    itemProp?: string | undefined | undefined;
-    itemScope?: boolean | undefined | undefined;
-    itemType?: string | undefined | undefined;
-    itemID?: string | undefined | undefined;
-    itemRef?: string | undefined | undefined;
-    results?: number | undefined | undefined;
-    security?: string | undefined | undefined;
-    unselectable?: "on" | "off" | undefined | undefined;
-    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-    is?: string | undefined | undefined;
-    "aria-activedescendant"?: string | undefined | undefined;
-    "aria-atomic"?: (boolean | "false" | "true") | undefined;
-    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
-    "aria-braillelabel"?: string | undefined | undefined;
-    "aria-brailleroledescription"?: string | undefined | undefined;
-    "aria-busy"?: (boolean | "false" | "true") | undefined;
-    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    "aria-colcount"?: number | undefined | undefined;
-    "aria-colindex"?: number | undefined | undefined;
-    "aria-colindextext"?: string | undefined | undefined;
-    "aria-colspan"?: number | undefined | undefined;
-    "aria-controls"?: string | undefined | undefined;
-    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
-    "aria-describedby"?: string | undefined | undefined;
-    "aria-description"?: string | undefined | undefined;
-    "aria-details"?: string | undefined | undefined;
-    "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-    "aria-errormessage"?: string | undefined | undefined;
-    "aria-expanded"?: (boolean | "false" | "true") | undefined;
-    "aria-flowto"?: string | undefined | undefined;
-    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
-    "aria-hidden"?: (boolean | "false" | "true") | undefined;
-    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
-    "aria-keyshortcuts"?: string | undefined | undefined;
-    "aria-label"?: string | undefined | undefined;
-    "aria-labelledby"?: string | undefined | undefined;
-    "aria-level"?: number | undefined | undefined;
-    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
-    "aria-modal"?: (boolean | "false" | "true") | undefined;
-    "aria-multiline"?: (boolean | "false" | "true") | undefined;
-    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
-    "aria-owns"?: string | undefined | undefined;
-    "aria-placeholder"?: string | undefined | undefined;
-    "aria-posinset"?: number | undefined | undefined;
-    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    "aria-readonly"?: (boolean | "false" | "true") | undefined;
-    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-    "aria-required"?: (boolean | "false" | "true") | undefined;
-    "aria-roledescription"?: string | undefined | undefined;
-    "aria-rowcount"?: number | undefined | undefined;
-    "aria-rowindex"?: number | undefined | undefined;
-    "aria-rowindextext"?: string | undefined | undefined;
-    "aria-rowspan"?: number | undefined | undefined;
-    "aria-selected"?: (boolean | "false" | "true") | undefined;
-    "aria-setsize"?: number | undefined | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
-    "aria-valuemax"?: number | undefined | undefined;
-    "aria-valuemin"?: number | undefined | undefined;
-    "aria-valuenow"?: number | undefined | undefined;
-    "aria-valuetext"?: string | undefined | undefined;
-    children?: import("react").ReactNode;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined | undefined;
-    onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-    onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-    onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-    onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-    onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-    onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-    onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
-    onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
-    onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-}>;
+export declare const MessageVoiceStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $assitantStyle?: boolean;
+}>>;
 export declare const MessageVoiceAudio: import("styled-components").IStyledComponent<"web", {
     ref?: import("react").LegacyRef<HTMLAudioElement> | undefined;
     key?: import("react").Key | null | undefined;

package/dist/components/message/voice/styled.js

@@ -1,4 +1,6 @@
-import{styled as e,css as o}from"styled-components";import{PlayButtonIcon as t}from"../../../icons/play-button/index.js";import{PauseButtonIcon as i}from"../../../icons/pause-button/index.js";import{Button as s}from"../../button/index.js";import{Typography as a}from"../../typography/index.js";import{TextReadIcon as n}from"../../../icons/text-read/index.js";import{TextHideIcon as c}from"../../../icons/text-hide/index.js";const d=e.div.withConfig({displayName:"styled__MessageVoiceStyled",componentId:"sc-1i3e7my-0"})(["display:inline-flex;width:min-content;flex-direction:column;align-items:flex-start;gap:10px;padding:1px 0px;"]),l=e.audio.withConfig({displayName:"styled__MessageVoiceAudio",componentId:"sc-1i3e7my-1"})(["display:none;"]),r=e.div.withConfig({displayName:"styled__MessageVoiceMain",componentId:"sc-1i3e7my-2"})(["display:flex;align-items:center;gap:10px;width:100%;cursor:",";"],(({$loading:e})=>e?"progress":"pointer")),m=e(s).attrs({variant:"text",iconSize:36,disableHoverColor:!0}).withConfig({displayName:"styled__MessageVoiceToggleButton",componentId:"sc-1i3e7my-3"})(["cursor:inherit;"]),p=e(t).withConfig({displayName:"styled__MessageVoicePlayIcon",componentId:"sc-1i3e7my-4"})([""]),y=e(i).withConfig({displayName:"styled__MessageVoicePauseIcon",componentId:"sc-1i3e7my-5"})([""]),g=e.svg.withConfig({displayName:"styled__MessageVoiceWaves",componentId:"sc-1i3e7my-6"})(["display:flex;flex-shrink:0;width:145px;height:36px;"]),h=e(a).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__MessageVoiceDurationText",componentId:"sc-1i3e7my-7"})(["color:",";user-select:none;"],(({theme:e})=>e.default.colors.base.white)),f=e(s).attrs({variant:"text",iconSize:30,disableHoverColor:!0}).withConfig({displayName:"styled__MessageVoiceToggleTextButton",componentId:"sc-1i3e7my-8"})([""]),u=e(n).withConfig({displayName:"styled__MessageVoiceShowTextIcon",componentId:"sc-1i3e7my-9"})([""]),x=e(c).withConfig({displayName:"styled__MessageVoiceHideTextIcon",componentId:"sc-1i3e7my-10"})([""]),w=e(a).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__MessageVoiceText",componentId:"sc-1i3e7my-11"})(["width:100%;color:",";&::selection{","}"],(({theme:e})=>e.default.colors.base.white),(({$messageColor:e})=>{switch(e){case"default":return o`
+import{styled as e,css as o}from"styled-components";import{PlayButtonIcon as t}from"../../../icons/play-button/index.js";import{PauseButtonIcon as i}from"../../../icons/pause-button/index.js";import{Button as s}from"../../button/index.js";import{Typography as a}from"../../typography/index.js";import{TextReadIcon as n}from"../../../icons/text-read/index.js";import{TextHideIcon as r}from"../../../icons/text-hide/index.js";import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{colorToRgba as c}from"../../../utils/colorToRgba.js";const d=e.div.withConfig({displayName:"styled__MessageVoiceStyled",componentId:"sc-1i3e7my-0"})(["display:inline-flex;border-radius:10px 10px 0px 0px;"," padding:",";width:min-content;flex-direction:column;align-items:flex-start;gap:10px;"],(({theme:e,$assitantStyle:t})=>t&&o`
+      background: ${"light"===e.mode?c(e.colors.accent.primaryLight,.2):"transparent"};
+    `),(({theme:e,$assitantStyle:o})=>"light"===e.mode&&o?"8px":"1px 0px")),m=e.audio.withConfig({displayName:"styled__MessageVoiceAudio",componentId:"sc-1i3e7my-1"})(["display:none;"]),l=e.div.withConfig({displayName:"styled__MessageVoiceMain",componentId:"sc-1i3e7my-2"})(["display:flex;align-items:center;gap:10px;width:100%;cursor:",";"],(({$loading:e})=>e?"progress":"pointer")),p=e(s).attrs({variant:"text",iconSize:36,disableHoverColor:!0}).withConfig({displayName:"styled__MessageVoiceToggleButton",componentId:"sc-1i3e7my-3"})(["cursor:inherit;"]),y=e(t).withConfig({displayName:"styled__MessageVoicePlayIcon",componentId:"sc-1i3e7my-4"})([""]),g=e(i).withConfig({displayName:"styled__MessageVoicePauseIcon",componentId:"sc-1i3e7my-5"})([""]),h=e.svg.withConfig({displayName:"styled__MessageVoiceWaves",componentId:"sc-1i3e7my-6"})(["display:flex;flex-shrink:0;width:145px;height:36px;"]),u=e(a).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__MessageVoiceDurationText",componentId:"sc-1i3e7my-7"})(["color:",";user-select:none;"],(({theme:e})=>e.colors.base.white)),f=e(s).attrs({variant:"text",iconSize:30,disableHoverColor:!0}).withConfig({displayName:"styled__MessageVoiceToggleTextButton",componentId:"sc-1i3e7my-8"})([""]),x=e(n).withConfig({displayName:"styled__MessageVoiceShowTextIcon",componentId:"sc-1i3e7my-9"})([""]),w=e(r).withConfig({displayName:"styled__MessageVoiceHideTextIcon",componentId:"sc-1i3e7my-10"})([""]),_=e(a).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__MessageVoiceText",componentId:"sc-1i3e7my-11"})(["width:100%;color:",";&::selection{","}"],(({theme:e})=>e.colors.base.white),(({$messageColor:e})=>{switch(e){case"default":return o`
             background: ${({theme:e})=>"light"===e.mode?e.default.colors.accent.primary:e.colors.base.white};
             color: ${({theme:e})=>"light"===e.mode?e.default.colors.base.white:e.colors.accent.primary};
           `;case"green":return o`
@@ -10,4 +12,4 @@ import{styled as e,css as o}from"styled-components";import{PlayButtonIcon as t}f
           `;default:return o`
             background: ${({theme:e})=>e.default.colors.base.white};
             color: ${e};
-          `}})),_=e.rect.withConfig({displayName:"styled__StyledRect",componentId:"sc-1i3e7my-12"})(["transition:width 0.25s ease-out;"]);export{l as MessageVoiceAudio,h as MessageVoiceDurationText,x as MessageVoiceHideTextIcon,r as MessageVoiceMain,y as MessageVoicePauseIcon,p as MessageVoicePlayIcon,u as MessageVoiceShowTextIcon,d as MessageVoiceStyled,w as MessageVoiceText,m as MessageVoiceToggleButton,f as MessageVoiceToggleTextButton,g as MessageVoiceWaves,_ as StyledRect};
+          `}})),b=e.rect.withConfig({displayName:"styled__StyledRect",componentId:"sc-1i3e7my-12"})(["transition:width 0.25s ease-out;"]);export{m as MessageVoiceAudio,u as MessageVoiceDurationText,w as MessageVoiceHideTextIcon,l as MessageVoiceMain,g as MessageVoicePauseIcon,y as MessageVoicePlayIcon,x as MessageVoiceShowTextIcon,d as MessageVoiceStyled,_ as MessageVoiceText,p as MessageVoiceToggleButton,f as MessageVoiceToggleTextButton,h as MessageVoiceWaves,b as StyledRect};

package/dist/components/range-field/index.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import{useState as o,useCallback as n,createElement as r}from"react";import{jsxs as t,jsx as i}from"react/jsx-runtime";import{Tooltip as l}from"../tooltip/index.js";import{RangeFieldStyled as a,RangeFieldLabel as s,RangeFieldFormattedValue as d,RangeFieldRange as u,RangeFieldRangeTrack as m,RangeFieldRangeThumb as p,RangeFieldSkeleton as h,RangeFieldErrorText as b}from"./styled.js";import{Skeleton as c}from"../skeleton/index.js";import{useTooltip as f,TooltipConsumer as v}from"../tooltip/context.js";const y=y=>{var{label:M,error:k,min:x,max:g,step:j,value:T,fullWidth:L=!1,disabled:$=!1,skeleton:E=!1,onChange:w,formatValue:C,onPointerLeave:O}=y,P=e(y,["label","error","min","max","step","value","fullWidth","disabled","skeleton","onChange","formatValue","onPointerLeave"]);const{handleTooltipMouseEnter:W,handleTooltipMouseLeave:A}=f(),[D,U]="number"==typeof T||Array.isArray(T)?[T,w]:o([0]),V=n((e=>{null==U||U(e)}),[U]);return t(a,{$fullWidth:L,$disabled:$,onPointerLeave:O,children:[M&&E&&i(s,{children:i(c,{width:100})}),"string"==typeof M&&!E&&i(s,{onMouseEnter:W,onMouseLeave:A,children:M}),"string"!=typeof M&&!E&&M,C&&i(d,{children:C(D)}),!E&&i(l,{label:String(D),disabled:$,children:i(v,{children:({handleTooltipMouseEnter:o,handleTooltipMouseLeave:n,handleTooltipMouseDown:t,handleTooltipMouseUp:l})=>i(u,Object.assign({},P,{min:x,max:g,step:j,value:D,disabled:$,renderTrack:(o,n)=>{var{key:t}=o,i=e(o,["key"]);return r(m,Object.assign({},i,{key:t,$index:n.index,$disabled:$}))},renderThumb:i=>{var{key:a}=i,s=e(i,["key"]);return r(p,Object.assign({},s,{key:a,$disabled:$,onMouseEnter:o,onMouseLeave:n,onMouseDown:t,onMouseUp:l}))},onChange:V}))})}),E&&i(h,{}),k&&i(b,{children:k})]})};export{y as RangeField,b as RangeFieldErrorText,d as RangeFieldFormattedValue,s as RangeFieldLabel,u as RangeFieldRange,p as RangeFieldRangeThumb,m as RangeFieldRangeTrack,h as RangeFieldSkeleton,a as RangeFieldStyled};
+import{__rest as e}from"tslib";import{useState as o,useCallback as r,createElement as n}from"react";import{jsxs as t,jsx as i}from"react/jsx-runtime";import{Tooltip as l}from"../tooltip/index.js";import{RangeFieldStyled as a,RangeFieldLabel as d,RangeFieldFormattedValue as s,RangeFieldRange as m,RangeFieldRangeTrack as p,RangeFieldRangeThumb as h,RangeFieldSkeleton as u,RangeFieldErrorText as b}from"./styled.js";import{Skeleton as c}from"../skeleton/index.js";import{useTooltip as f,TooltipConsumer as v}from"../tooltip/context.js";const y=y=>{var{label:k,error:x,min:g,max:P,step:j,value:L,fullWidth:T=!1,disabled:M=!1,skeleton:$=!1,onChange:E,formatValue:C,onPointerLeave:O}=y,W=e(y,["label","error","min","max","step","value","fullWidth","disabled","skeleton","onChange","formatValue","onPointerLeave"]);const{handleTooltipMouseEnter:A,handleTooltipMouseLeave:V}=f(),[w,S]="number"==typeof L||Array.isArray(L)?[L,E]:o([0]),q=r((e=>{null==S||S(e)}),[S]);return t(a,{$fullWidth:T,$disabled:M,onPointerLeave:O,children:[k&&$&&i(d,{children:i(c,{width:100})}),"string"==typeof k&&!$&&i(d,{onPointerLeave:A,onPointerEnter:V,children:k}),"string"!=typeof k&&!$&&k,C&&i(s,{children:C(w)}),!$&&i(l,{label:String(w),disabled:M,children:i(v,{children:({handleTooltipMouseEnter:o,handleTooltipMouseLeave:r,handleTooltipPointerMove:t})=>i(m,Object.assign({},W,{min:g,max:P,step:j,value:w,disabled:M,renderTrack:(o,r)=>{var{key:t}=o,i=e(o,["key"]);return n(p,Object.assign({},i,{key:t,$index:r.index,$disabled:M}))},renderThumb:i=>{var{key:l}=i,a=e(i,["key"]);return n(h,Object.assign({},a,{key:l,$disabled:M,onPointerMove:t,onPointerEnter:o,onPointerLeave:r}))},onChange:q}))})}),$&&i(u,{}),x&&i(b,{children:x})]})};export{y as RangeField,b as RangeFieldErrorText,s as RangeFieldFormattedValue,d as RangeFieldLabel,m as RangeFieldRange,h as RangeFieldRangeThumb,p as RangeFieldRangeTrack,u as RangeFieldSkeleton,a as RangeFieldStyled};