@bothub-chat/ui 2.48.1-fix-message-79169952-1f6d-4889-beff-6002523e5f27 → 2.48.1-fix-message-dbd14831-26d9-4d49-85b2-65f0e64cfad3

package/dist/components/image-fullscreen/styled.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{styled as t,css as i}from"styled-components";import{Avatar as n}from"../avatar/index.js";import{Typography as o}from"../typography/index.js";import{Badge as a}from"../badge/index.js";import{Backdrop as p}from"../backdrop/index.js";import{Image as d}from"../image/index.js";import{Button as l}from"../button/index.js";import{Container as r}from"../container/index.js";import{ArrowNarrowLeftIcon as s}from"../../icons/arrow-narrow-left/index.js";import{ArrowNarrowRightIcon as m}from"../../icons/arrow-narrow-right/index.js";import{adaptive as c}from"../../adaptive/index.js";import{ZoommableImage as g}from"./zoommable-image/index.js";const h=t.div.withConfig({displayName:"styled__ImageFullScreenStyled",componentId:"sc-n12p0f-0"})(["display:flex;justify-content:center;align-items:center;position:fixed;top:0px;bottom:0px;left:0px;right:0px;padding-top:34px;z-index:",";pointer-events:none;@media (max-height:600px){--bothub-scale:0.8;}@media (max-height:460px){--bothub-scale:0.6;}@media (max-height:440px){--bothub-scale:0.5;}"],({theme:e})=>e.zIndex.modal+1),x=t(p).withConfig({displayName:"styled__ImageFullScreenBackdrop",componentId:"sc-n12p0f-1"})(["pointer-events:auto;"]),f=t(r).withConfig({displayName:"styled__ImageFullScreenContainer",componentId:"sc-n12p0f-2"})(["height:100%;"]),y=t.div.withConfig({displayName:"styled__ImageFullScreenContent",componentId:"sc-n12p0f-3"})(["display:flex;align-items:center;flex-direction:column;position:relative;height:100%;z-index:",";"],({theme:e})=>e.zIndex.modal+1),u=t.div.withConfig({displayName:"styled__ImageFullScreenTopBlock",componentId:"sc-n12p0f-4"})(["display:flex;flex-shrink:0;width:100%;background:",";border-bottom:1px solid ",";border-radius:17px;overflow:hidden;padding:16px 24px;pointer-events:auto;"],({theme:e})=>e.colors.grayScale.gray4,({theme:e})=>e.colors.grayScale.gray2),w=t.div.withConfig({displayName:"styled__ImageFullScreenTopBlockContent",componentId:"sc-n12p0f-5"})(["display:flex;justify-content:space-between;width:100%;"]),I=t.div.withConfig({displayName:"styled__ImageFullScreenAuthor",componentId:"sc-n12p0f-6"})(["display:flex;align-items:center;gap:12px;"]),v=t(n).attrs({size:30}).withConfig({displayName:"styled__ImageFullScreenAuthorAvatar",componentId:"sc-n12p0f-7"})([""]),_=t(o).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__ImageFullScreenAuthorName",componentId:"sc-n12p0f-8"})(["cursor:default;"]),b=t(a).attrs({variant:"info"}).withConfig({displayName:"styled__ImageFullScreenAuthorTag",componentId:"sc-n12p0f-9"})([""]),C=t.div.withConfig({displayName:"styled__ImageFullScreenToolbar",componentId:"sc-n12p0f-10"})([""]),S=t.div.withConfig({displayName:"styled__ImageFullScreenMain",componentId:"sc-n12p0f-11"})(["display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;"]),N=t.div.withConfig({displayName:"styled__ImageFullScreenCarousel",componentId:"sc-n12p0f-12"})(["position:relative;width:100vw;overflow:hidden;"]),F=t.div.withConfig({displayName:"styled__ImageFullScreenCarouselContainer",componentId:"sc-n12p0f-13"})(["display:flex;will-change:transform;touch-action:none;user-select:none;width:100%;height:100%;transition:transform 0.3s ease-in-out;"]),j=t.div.withConfig({displayName:"styled__ImageFullScreenSlide",componentId:"sc-n12p0f-14"})(["width:100vw;flex-shrink:0;pointer-events:none;display:flex;align-items:center;justify-content:center;& > *{pointer-events:all;}&:active{cursor:grabbing;}"]),k=t(g).withConfig({displayName:"styled__ImageFullScreenImage",componentId:"sc-n12p0f-15"})(["& > * > img{object-fit:cover;width:auto;height:auto;max-height:min(60vh,512px);pointer-events:none;user-select:none;"," @media (max-height:600px){max-width:256px;max-height:256px;}}& > div > span{max-height:min(60vh,512px);"," @media (max-width:600px){max-width:256px;max-height:256px;}@media (max-height:600px){max-width:256px;max-height:256px;}}"],c({merge:!0,desktop:i(["max-width:512px;"]),mobile:i(["max-width:256px;"])}),c({merge:!0,desktop:i(["max-width:512px;"]),mobile:i(["max-width:256px;"])})),z=t.div.withConfig({displayName:"styled__ImageFullScreenCarouselButtons",componentId:"sc-n12p0f-16"})(["display:flex;justify-content:center;align-items:center;position:absolute;top:0px;bottom:0px;left:0px;right:0px;width:100vw;z-index:1;pointer-events:none;"," @media (max-height:600px){gap:calc(min(256px,","px) + 48px);}"],c(({$imageWidth:e})=>({merge:!0,desktop:i(["gap:calc(min(512px,","px) + 48px);"],e),mobile:i(["gap:calc(min(256px,","px) + 48px);"],e)})),({$imageWidth:e})=>e),B=t(l).attrs({children:e(s,{})}).withConfig({displayName:"styled__ImageFullScreenCarouselPrevButton",componentId:"sc-n12p0f-17"})(["pointer-events:auto;"]),A=t(l).attrs({children:e(m,{})}).withConfig({displayName:"styled__ImageFullScreenCarouselNextButton",componentId:"sc-n12p0f-18"})(["pointer-events:auto;"]),P=t.div.withConfig({displayName:"styled__ImageFullScreenPreview",componentId:"sc-n12p0f-19"})(["display:flex;flex-shrink:0;border-radius:14px;overflow:hidden;background:",";margin-top:20px;pointer-events:auto;",""],({theme:e})=>e.colors.grayScale.gray3,c({merge:!0,desktop:i(["padding:10px;"]),mobile:i(["padding:8px;"])})),T=t.div.withConfig({displayName:"styled__ImageFullScreenPreviewImages",componentId:"sc-n12p0f-20"})(["display:flex;gap:10px;"]),$=t(d).attrs({width:64,height:64,loading:"skeleton"}).withConfig({displayName:"styled__ImageFullScreenPreviewImage",componentId:"sc-n12p0f-21"})(["display:inline-flex;width:auto;border-radius:10px;cursor:pointer;opacity:",";transition:0.225s opacity;object-fit:cover;&:hover{opacity:1;}"],({$active:e})=>e?1:.6);export{I as ImageFullScreenAuthor,v as ImageFullScreenAuthorAvatar,_ as ImageFullScreenAuthorName,b as ImageFullScreenAuthorTag,x as ImageFullScreenBackdrop,N as ImageFullScreenCarousel,z as ImageFullScreenCarouselButtons,F as ImageFullScreenCarouselContainer,A as ImageFullScreenCarouselNextButton,B as ImageFullScreenCarouselPrevButton,f as ImageFullScreenContainer,y as ImageFullScreenContent,k as ImageFullScreenImage,S as ImageFullScreenMain,P as ImageFullScreenPreview,$ as ImageFullScreenPreviewImage,T as ImageFullScreenPreviewImages,j as ImageFullScreenSlide,h as ImageFullScreenStyled,C as ImageFullScreenToolbar,u as ImageFullScreenTopBlock,w as ImageFullScreenTopBlockContent};
+import{jsx as e}from"react/jsx-runtime";import{styled as t,css as i}from"styled-components";import{Avatar as n}from"../avatar/index.js";import{Typography as o}from"../typography/index.js";import{Badge as a}from"../badge/index.js";import{Backdrop as p}from"../backdrop/index.js";import{Image as d}from"../image/index.js";import{Button as l}from"../button/index.js";import{Container as r}from"../container/index.js";import{ArrowNarrowLeftIcon as s}from"../../icons/arrow-narrow-left/index.js";import{ArrowNarrowRightIcon as m}from"../../icons/arrow-narrow-right/index.js";import{adaptive as c}from"../../adaptive/index.js";import{ZoommableImage as g}from"./zoommable-image/index.js";const h=t.div.withConfig({displayName:"styled__ImageFullScreenStyled",componentId:"sc-n12p0f-0"})(["display:flex;justify-content:center;align-items:center;position:fixed;top:0px;bottom:0px;left:0px;right:0px;padding-top:34px;z-index:",";pointer-events:none;@media (max-height:600px){--bothub-scale:0.8;}@media (max-height:460px){--bothub-scale:0.6;}@media (max-height:440px){--bothub-scale:0.5;}"],(({theme:e})=>e.zIndex.modal+1)),x=t(p).withConfig({displayName:"styled__ImageFullScreenBackdrop",componentId:"sc-n12p0f-1"})(["pointer-events:auto;"]),f=t(r).withConfig({displayName:"styled__ImageFullScreenContainer",componentId:"sc-n12p0f-2"})(["height:100%;"]),y=t.div.withConfig({displayName:"styled__ImageFullScreenContent",componentId:"sc-n12p0f-3"})(["display:flex;align-items:center;flex-direction:column;position:relative;height:100%;z-index:",";"],(({theme:e})=>e.zIndex.modal+1)),u=t.div.withConfig({displayName:"styled__ImageFullScreenTopBlock",componentId:"sc-n12p0f-4"})(["display:flex;flex-shrink:0;width:100%;background:",";border-bottom:1px solid ",";border-radius:17px;overflow:hidden;padding:16px 24px;pointer-events:auto;"],(({theme:e})=>e.colors.grayScale.gray4),(({theme:e})=>e.colors.grayScale.gray2)),w=t.div.withConfig({displayName:"styled__ImageFullScreenTopBlockContent",componentId:"sc-n12p0f-5"})(["display:flex;justify-content:space-between;width:100%;"]),I=t.div.withConfig({displayName:"styled__ImageFullScreenAuthor",componentId:"sc-n12p0f-6"})(["display:flex;align-items:center;gap:12px;"]),v=t(n).attrs({size:30}).withConfig({displayName:"styled__ImageFullScreenAuthorAvatar",componentId:"sc-n12p0f-7"})([""]),_=t(o).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__ImageFullScreenAuthorName",componentId:"sc-n12p0f-8"})(["cursor:default;"]),b=t(a).attrs({variant:"info"}).withConfig({displayName:"styled__ImageFullScreenAuthorTag",componentId:"sc-n12p0f-9"})([""]),C=t.div.withConfig({displayName:"styled__ImageFullScreenToolbar",componentId:"sc-n12p0f-10"})([""]),S=t.div.withConfig({displayName:"styled__ImageFullScreenMain",componentId:"sc-n12p0f-11"})(["display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;"]),N=t.div.withConfig({displayName:"styled__ImageFullScreenCarousel",componentId:"sc-n12p0f-12"})(["position:relative;width:100vw;overflow:hidden;"]),F=t.div.withConfig({displayName:"styled__ImageFullScreenCarouselContainer",componentId:"sc-n12p0f-13"})(["display:flex;will-change:transform;touch-action:none;user-select:none;width:100%;height:100%;transition:transform 0.3s ease-in-out;"]),j=t.div.withConfig({displayName:"styled__ImageFullScreenSlide",componentId:"sc-n12p0f-14"})(["width:100vw;flex-shrink:0;pointer-events:none;display:flex;align-items:center;justify-content:center;& > *{pointer-events:all;}&:active{cursor:grabbing;}"]),k=t(g).withConfig({displayName:"styled__ImageFullScreenImage",componentId:"sc-n12p0f-15"})(["& > * > img{object-fit:cover;width:auto;height:auto;max-height:min(60vh,512px);pointer-events:none;user-select:none;"," @media (max-height:600px){max-width:256px;max-height:256px;}}& > div > span{max-height:min(60vh,512px);"," @media (max-width:600px){max-width:256px;max-height:256px;}@media (max-height:600px){max-width:256px;max-height:256px;}}"],c({merge:!0,desktop:i(["max-width:512px;"]),mobile:i(["max-width:256px;"])}),c({merge:!0,desktop:i(["max-width:512px;"]),mobile:i(["max-width:256px;"])})),z=t.div.withConfig({displayName:"styled__ImageFullScreenCarouselButtons",componentId:"sc-n12p0f-16"})(["display:flex;justify-content:center;align-items:center;position:absolute;top:0px;bottom:0px;left:0px;right:0px;width:100vw;z-index:1;pointer-events:none;"," @media (max-height:600px){gap:calc(min(256px,","px) + 48px);}"],c((({$imageWidth:e})=>({merge:!0,desktop:i(["gap:calc(min(512px,","px) + 48px);"],e),mobile:i(["gap:calc(min(256px,","px) + 48px);"],e)}))),(({$imageWidth:e})=>e)),B=t(l).attrs({children:e(s,{})}).withConfig({displayName:"styled__ImageFullScreenCarouselPrevButton",componentId:"sc-n12p0f-17"})(["pointer-events:auto;"]),A=t(l).attrs({children:e(m,{})}).withConfig({displayName:"styled__ImageFullScreenCarouselNextButton",componentId:"sc-n12p0f-18"})(["pointer-events:auto;"]),P=t.div.withConfig({displayName:"styled__ImageFullScreenPreview",componentId:"sc-n12p0f-19"})(["display:flex;flex-shrink:0;border-radius:14px;overflow:hidden;background:",";margin-top:20px;pointer-events:auto;",""],(({theme:e})=>e.colors.grayScale.gray3),c({merge:!0,desktop:i(["padding:10px;"]),mobile:i(["padding:8px;"])})),T=t.div.withConfig({displayName:"styled__ImageFullScreenPreviewImages",componentId:"sc-n12p0f-20"})(["display:flex;gap:10px;"]),$=t(d).attrs({width:64,height:64,loading:"skeleton"}).withConfig({displayName:"styled__ImageFullScreenPreviewImage",componentId:"sc-n12p0f-21"})(["display:inline-flex;width:auto;border-radius:10px;cursor:pointer;opacity:",";transition:0.225s opacity;object-fit:cover;&:hover{opacity:1;}"],(({$active:e})=>e?1:.6));export{I as ImageFullScreenAuthor,v as ImageFullScreenAuthorAvatar,_ as ImageFullScreenAuthorName,b as ImageFullScreenAuthorTag,x as ImageFullScreenBackdrop,N as ImageFullScreenCarousel,z as ImageFullScreenCarouselButtons,F as ImageFullScreenCarouselContainer,A as ImageFullScreenCarouselNextButton,B as ImageFullScreenCarouselPrevButton,f as ImageFullScreenContainer,y as ImageFullScreenContent,k as ImageFullScreenImage,S as ImageFullScreenMain,P as ImageFullScreenPreview,$ as ImageFullScreenPreviewImage,T as ImageFullScreenPreviewImages,j as ImageFullScreenSlide,h as ImageFullScreenStyled,C as ImageFullScreenToolbar,u as ImageFullScreenTopBlock,w as ImageFullScreenTopBlockContent};

package/dist/components/image-fullscreen/zoommable-image/index.js

@@ -1 +1 @@
-import{jsx as r}from"react/jsx-runtime";import{useState as t,useRef as e,useCallback as n}from"react";import{ZoommableImageContainer as c,ZoommableImageWrapper as o,ZoommableImageStyled as i}from"./styled.js";const a=({imageProps:a,className:u,onZoomStart:l,onZoomEnd:s})=>{const[x,m]=t(1),y=1!==x,[f,p]=t(!1),g=e({x:0,y:0}),h=e({x:0,y:0}),d=e(null),b=n((r,t)=>{if(!d.current)return{x:r,y:t};const e=d.current.getBoundingClientRect(),n=e.width*(x-1)/2,c=e.height*(x-1)/2;return{x:Math.max(-n,Math.min(n,r)),y:Math.max(-c,Math.min(c,t))}},[x]),v=n(r=>{if(d.current){const{x:t,y:e}=b(g.current.x,g.current.y);d.current.style.transform=1!==r?`translate(${t}px, ${e}px) scale(${r})`:""}},[b]),D=n(()=>{d.current&&(d.current.style.transition="transform 0.3s ease");const r=y?1:2;2===r?null==l||l():null==s||s(),m(r),g.current={x:0,y:0},v(r)},[y,l,s,v]),M=n(r=>{y&&(r.preventDefault(),p(!0),h.current={x:r.clientX,y:r.clientY})},[y]),P=n(r=>{if(!f||!y)return;r.preventDefault(),d.current&&(d.current.style.transition="none");const t=r.clientX-h.current.x,e=r.clientY-h.current.y,n={x:g.current.x+t,y:g.current.y+e};g.current=b(n.x,n.y),h.current={x:r.clientX,y:r.clientY},v(x)},[v,f,x,y,b]),j=n(r=>{y&&(r.preventDefault(),p(!1))},[y]);return r(c,{className:u,children:r(o,{ref:d,onDoubleClick:D,onPointerDown:M,onPointerMove:P,onPointerUp:j,onPointerLeave:j,style:{cursor:f?"grabbing":"grab"},children:r(i,Object.assign({},a,{draggable:"false"}))})})};export{a as ZoommableImage};
+import{jsx as r}from"react/jsx-runtime";import{useState as t,useRef as e,useCallback as n}from"react";import{ZoommableImageContainer as c,ZoommableImageWrapper as o,ZoommableImageStyled as i}from"./styled.js";const a=({imageProps:a,className:u,onZoomStart:l,onZoomEnd:s})=>{const[x,m]=t(1),y=1!==x,[f,p]=t(!1),g=e({x:0,y:0}),h=e({x:0,y:0}),d=e(null),b=n(((r,t)=>{if(!d.current)return{x:r,y:t};const e=d.current.getBoundingClientRect(),n=e.width*(x-1)/2,c=e.height*(x-1)/2;return{x:Math.max(-n,Math.min(n,r)),y:Math.max(-c,Math.min(c,t))}}),[x]),v=n((r=>{if(d.current){const{x:t,y:e}=b(g.current.x,g.current.y);d.current.style.transform=1!==r?`translate(${t}px, ${e}px) scale(${r})`:""}}),[b]),D=n((()=>{d.current&&(d.current.style.transition="transform 0.3s ease");const r=y?1:2;2===r?null==l||l():null==s||s(),m(r),g.current={x:0,y:0},v(r)}),[y,l,s,v]),M=n((r=>{y&&(r.preventDefault(),p(!0),h.current={x:r.clientX,y:r.clientY})}),[y]),P=n((r=>{if(!f||!y)return;r.preventDefault(),d.current&&(d.current.style.transition="none");const t=r.clientX-h.current.x,e=r.clientY-h.current.y,n={x:g.current.x+t,y:g.current.y+e};g.current=b(n.x,n.y),h.current={x:r.clientX,y:r.clientY},v(x)}),[v,f,x,y,b]),j=n((r=>{y&&(r.preventDefault(),p(!1))}),[y]);return r(c,{className:u,children:r(o,{ref:d,onDoubleClick:D,onPointerDown:M,onPointerMove:P,onPointerUp:j,onPointerLeave:j,style:{cursor:f?"grabbing":"grab"},children:r(i,Object.assign({},a,{draggable:"false"}))})})};export{a as ZoommableImage};

package/dist/components/image-fullscreen/zoommable-image/styled.d.ts

@@ -1,5 +1,5 @@
 export declare const ZoommableImageContainer: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").Ref<HTMLDivElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -48,10 +48,6 @@ export declare const ZoommableImageContainer: import("styled-components").IStyle
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
-    popover?: "" | "auto" | "manual" | undefined | undefined;
-    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
-    popoverTarget?: string | undefined | undefined;
-    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -261,8 +257,6 @@ export declare const ZoommableImageContainer: import("styled-components").IStyle
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -271,19 +265,11 @@ export declare const ZoommableImageContainer: import("styled-components").IStyle
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
-    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
 export declare const ZoommableImageWrapper: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").Ref<HTMLDivElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -332,10 +318,6 @@ export declare const ZoommableImageWrapper: import("styled-components").IStyledC
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
-    popover?: "" | "auto" | "manual" | undefined | undefined;
-    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
-    popoverTarget?: string | undefined | undefined;
-    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -545,8 +527,6 @@ export declare const ZoommableImageWrapper: import("styled-components").IStyledC
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -555,16 +535,8 @@ export declare const ZoommableImageWrapper: import("styled-components").IStyledC
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
-    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
 export declare const ZoommableImageStyled: import("styled-components").IStyledComponent<"web", {
     children?: import("react").ReactNode;
@@ -616,10 +588,6 @@ export declare const ZoommableImageStyled: import("styled-components").IStyledCo
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
-    popover?: "" | "auto" | "manual" | undefined | undefined;
-    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
-    popoverTarget?: string | undefined | undefined;
-    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -828,8 +796,6 @@ export declare const ZoommableImageStyled: import("styled-components").IStyledCo
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLImageElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLImageElement> | undefined;
-    onScrollEnd?: import("react").UIEventHandler<HTMLImageElement> | undefined;
-    onScrollEndCapture?: import("react").UIEventHandler<HTMLImageElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLImageElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLImageElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
@@ -838,28 +804,20 @@ export declare const ZoommableImageStyled: import("styled-components").IStyledCo
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
-    onToggle?: import("react").ToggleEventHandler<HTMLImageElement> | undefined;
-    onBeforeToggle?: import("react").ToggleEventHandler<HTMLImageElement> | undefined;
-    onTransitionCancel?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
-    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
-    onTransitionRun?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
-    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
-    onTransitionStart?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
-    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
     height?: string | number | undefined;
     width?: string | number | undefined;
     crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
-    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
-    alt?: string | undefined;
-    decoding?: "async" | "auto" | "sync" | undefined | undefined;
+    useMap?: string | undefined | undefined;
     fetchPriority?: "auto" | "high" | "low" | undefined;
-    loading?: import("@/ui/components/image").ImageLoadingVariant | undefined;
+    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
     sizes?: string | undefined | undefined;
     src?: (string | import("@/ui/components/image").ImageSrc) | undefined;
-    srcSet?: string | undefined | undefined;
-    useMap?: string | undefined | undefined;
+    alt?: string | undefined;
     preload?: boolean | undefined;
-    ref?: import("react").Ref<HTMLImageElement> | undefined;
+    loading?: import("@/ui/components/image").ImageLoadingVariant | undefined;
+    decoding?: "async" | "auto" | "sync" | undefined | undefined;
+    srcSet?: string | undefined | undefined;
+    ref?: ((instance: HTMLImageElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLImageElement> | null | undefined;
 }>;

package/dist/components/input-message/index.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
-import { IInputMessageFile, IInputMessageVoiceFile } from './types';
+import { IInputMessageFile } from './types';
 export type InputMessageChangeEventHandler = (message: string) => unknown;
 export type InputMessageFilesChangeEventHandler = (files: IInputMessageFile[]) => unknown;
-export type InputMessageVoiceFilesChangeEventHandler = (files: IInputMessageVoiceFile[]) => unknown;
 export type InputMessageSendEventHandler = (message: string, files: IInputMessageFile[]) => unknown;
 export type InputMessageVoiceEventHandler = (blob: Blob) => unknown;
 export type InputMessageErrorEvent = {
@@ -23,16 +22,15 @@ export interface InputMessageProps extends Omit<React.ComponentProps<'textarea'>
     useAlternativeKeyDefaultValue?: boolean;
     defaultKeySendText?: React.ReactNode;
     alternativeKeySendText?: React.ReactNode;
-    concatenateText?: React.ReactNode;
     autoFocus?: boolean;
     voice?: boolean;
     onSetAlternativeKeyValue?: (value: boolean) => unknown;
     onChange?: InputMessageChangeEventHandler;
     onFilesChange?: InputMessageFilesChangeEventHandler;
-    onVoiceFilesChange?: InputMessageVoiceFilesChangeEventHandler;
     onTextAreaChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
     onSend?: InputMessageSendEventHandler;
     emitError?(event: InputMessageErrorEvent): void;
+    onVoice?: InputMessageVoiceEventHandler;
     rightActions?: React.ReactNode;
 }
 export declare const InputMessage: React.FC<InputMessageProps>;

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

@@ -1 +1 @@
-import{__rest as i,__awaiter as e}from"tslib";import{jsx as o,jsxs as s,Fragment as n}from"react/jsx-runtime";import{useRef as t,useState as r,useCallback as c,useEffect as d}from"react";import{useTransition as m}from"@react-spring/web";import{useOnClickOutside as a}from"../../utils/useOnClickOutside.js";import{InputMessageStyled as p,InputMessageContent as l,InputMessageMain as j,InputMessageVoiceRecord as x,InputMessageVoiceRecordDot as u,InputMessageVoiceRecordTimeText as g,InputMessageFiles as h,InputMessageFile as b,InputMessageConcatenateWarning as y,InputMessageVoiceFiles as f,InputMessageVoiceTrack as v,InputMessageVoiceFileDelete as w,InputMessageTextArea as k,InputMessageBottom as D,InputMessageBottomGroup as C,InputMessageUploadFile as F,InputMessageUploadFileInput as $,InputMessageUploadFileButton as A,InputMessageToggleSendStyled as E,InputMessageToggleSendButton as T,InputMessageToggleSendModalStyled as S,InputMessageToggleSendModalOption as L,InputMessageVoicePlayButton as K,InputMessageVoicePauseButton as O,InputMessageVoiceButton as P,InputMessageSendButton as U,InputMessageSendIcon as q}from"./styled.js";import{ChipImage as z}from"../chip/styled.js";import"react-markdown";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import"../../theme/index.js";import"../tooltip/context.js";import{PdfIcon as R}from"../../icons/pdf/index.js";import{TxtIcon as V}from"../../icons/txt/index.js";import{WordIcon as I}from"../../icons/word/index.js";import{XlsIcon as B}from"../../icons/xls/index.js";import{IconProvider as N}from"../icon/context.js";import"../icon/styled.js";import{getPreviewUrlForFile as M,isFileTypeAccepted as G,formatUploadFiles as H,formatSeconds as W}from"./utils.js";import{AttachFileIcon as _}from"../../icons/attach-file/index.js";import{getSupportedAudioMimeType as J}from"../../utils/getSupportedAudioMimeType.js";import"../message/styled.js";import"../skeleton/index.js";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";import"../message/context.js";import"styled-components";import"../message/components/code/inline/styled.js";import"../message/components/code/multiline/styled.js";import"../message/components/code/multiline/copy/styled.js";import"../../icons/check-small/index.js";import"../../icons/copy/index.js";import"../message/components/code/multiline/content/styled.js";import"../message/components/paragraph/styled.js";import"../message/components/bold/styled.js";import"../message/components/italic/styled.js";import"../message/components/pre/styled.js";import"../message/components/table/styled.js";import"../message/components/table/cell/styled.js";import"../message/components/list/styled.js";import"../message/components/list/context.js";import"../message/components/list/item/styled.js";import"../message/components/title/styled.js";import"../message/components/link/styled.js";import"../message/components/image/styled.js";import"../message/components/image/context.js";import"../message/components/image/grid/styled.js";import"../message/components/image/button/styled.js";import"../message/components/image/button/list/styled.js";import"../message/markdown/styled.js";import"../scrollbar/styled.js";import"../scrollbar/shadow/styled.js";import"../scrollbar/style/styled.js";import"../message/timestamp/styled.js";import"../../icons/menu-dot/index.js";import"../../icons/update/index.js";import"../../icons/resend/index.js";import"../../icons/edit/index.js";import"../../icons/trash/index.js";import"../../icons/thumb-down/index.js";import"../../icons/close/index.js";import"../../icons/download-img/index.js";import"../message/actions/styled.js";import"../message/actions/copy-button/styled.js";import"../message/list/styled.js";import"../message/scroll-button/styled.js";import"../../icons/arrow-down/index.js";import"../../icons/arrow-narrow-left/index.js";import"../../icons/arrow-narrow-right/index.js";import"../../icons/arrow-up/index.js";import"../../icons/bitcoin/index.js";import"../../icons/bot-circle/index.js";import"../../icons/bothub-agg/index.js";import"../../icons/business-colored/index.js";import"../../icons/check-circle/index.js";import"../../icons/email-circle/index.js";import"../../icons/language/index.js";import"../../icons/lock-circle/index.js";import"../../icons/menu/index.js";import"../../icons/medium-circle/index.js";import"../../icons/tg-circle/index.js";import"../../icons/tg-colored/index.js";import"../../icons/youcassa/index.js";import"../../icons/dashboard/index.js";import"../../icons/user-profile/index.js";import"../../icons/logout/index.js";import"../../icons/habr-2/index.js";import"../../icons/arrow-2-down/index.js";import"../../icons/links/index.js";import"../../icons/free/index.js";import"../../icons/hotness/index.js";import"../../icons/checked/index.js";import"../../icons/ai/index.js";import"../../icons/bookmarks/index.js";import"../../icons/bookmarks-big/index.js";import"../../icons/chat/index.js";import"../../icons/chats/index.js";import"../../icons/coder/index.js";import"../../icons/presets-big/index.js";import"../../icons/referal/index.js";import"../../icons/restore/index.js";import"../../icons/tariff/index.js";import"../../icons/plus-2/index.js";import"../../icons/plus-1/index.js";import"../../icons/send/index.js";import"../../icons/settings/index.js";import"../../icons/habr/index.js";import"../../icons/stop/index.js";import"../../icons/thumb-up/index.js";import"../../icons/star/index.js";import"../../icons/info-big/index.js";import"../../icons/warning-big/index.js";import"../../icons/error-big/index.js";import"../../icons/success-big/index.js";import"../../icons/mj/index.js";import"../../icons/card/index.js";import"../../icons/arrow-narrow-up/index.js";import"../../icons/arrow-narrow-down/index.js";import"../../icons/filters/index.js";import"../../icons/info/index.js";import"../../icons/search-circle/index.js";import"../../icons/save/index.js";import"../../icons/light/index.js";import"../../icons/dark/index.js";import"../../icons/email-colored/index.js";import"../../icons/action-chat/index.js";import"../../icons/attach/index.js";import"../../icons/avatar-add/index.js";import"../../icons/brush/index.js";import"../../icons/calendar/index.js";import"../../icons/claude/index.js";import"../../icons/cookie/index.js";import"../../icons/dalle/index.js";import"../../icons/error/index.js";import"../../icons/expand/index.js";import"../../icons/eye/index.js";import"../../icons/face/index.js";import"../../icons/gear/index.js";import"../../icons/gear-min/index.js";import"../../icons/generation/index.js";import"../../icons/gpt-3_5/index.js";import"../../icons/gpt-4/index.js";import"../../icons/imagine/index.js";import"../../icons/imagine-2/index.js";import"../../icons/loader/index.js";import"../../icons/loader-circular/index.js";import"../../icons/loader-circular-gradient/index.js";import"../../icons/loader-circular-gradient-2/index.js";import"../../icons/minus/index.js";import"../../icons/mj-white/index.js";import"../../icons/prompt/index.js";import"../../icons/rabbit/index.js";import"../../icons/ratio-1x1/index.js";import"../../icons/ratio-2x3/index.js";import"../../icons/ratio-3x2/index.js";import"../../icons/ratio-4x5/index.js";import"../../icons/ratio-4x7/index.js";import"../../icons/ratio-5x4/index.js";import"../../icons/ratio-7x4/index.js";import"../../icons/ratio-16x9/index.js";import"../../icons/ratio-9x16/index.js";import"../../icons/ratio-21x9/index.js";import"../../icons/ratio-9x21/index.js";import"../../icons/refferal-min/index.js";import"../../icons/search-data/index.js";import"../../icons/square/index.js";import"../../icons/turtle/index.js";import"../../icons/upscale/index.js";import"../../icons/withdraw/index.js";import"../../icons/search-plus/index.js";import"../../icons/lightning/index.js";import"../../icons/blog-circle/index.js";import"../../icons/stripe/index.js";import"../../icons/corporate/index.js";import"../../icons/public/index.js";import"../../icons/private/index.js";import"../../icons/mistral/index.js";import"../../icons/gemini/index.js";import"../../icons/search-simple/index.js";import"../../icons/sad-robot/index.js";import"../../icons/model/index.js";import"../../icons/phone-colored/index.js";import"../../icons/questions/index.js";import"../../icons/pdf-big/index.js";import"../../icons/xls-big/index.js";import"../../icons/word-big/index.js";import"../../icons/txt-big/index.js";import"../../icons/bothub-logo-gradient/index.js";import"../../icons/telegram-logo-gradient/index.js";import"../../icons/decline-circle/index.js";import"../../icons/simple-gear-bg/index.js";import"../../icons/advanced-filter/index.js";import"../../icons/big-corporate/index.js";import"../../icons/big-mj/index.js";import"../../icons/big-models/index.js";import"../../icons/big-stats/index.js";import"../../icons/big-success/index.js";import"../../icons/big-users/index.js";import"../../icons/optional-presets/index.js";import"../../icons/wallet-withdraw/index.js";import"../../icons/big-presets/index.js";import"../../icons/big-favorite/index.js";import"../../icons/big-referal/index.js";import"../../icons/attach-file-big/index.js";import"../../icons/voice/index.js";import"../../icons/play-button/index.js";import"../../icons/pause-button/index.js";import"../../icons/text-read/index.js";import"../../icons/text-hide/index.js";import"../../icons/best-chat-bots/index.js";import"../../icons/upload/index.js";import"../../icons/enter/index.js";import"../../icons/discord/index.js";import"../../icons/discord-circle/index.js";import"../../icons/black-forest-labs/index.js";import"../../icons/flux/index.js";import"../../icons/stable-diffusion/index.js";import"../../icons/stability-ai/index.js";import"../../icons/article-generator/index.js";import"../../icons/success/index.js";import"../../icons/google/index.js";import"../../icons/yandex/index.js";import"../../icons/vk/index.js";import"../../icons/big-article/index.js";import"../../icons/add-chat/index.js";import"../../icons/add-group/index.js";import"../../icons/drag-dot/index.js";import"../../icons/add-folder/index.js";import"../../icons/temp-chat/index.js";import"../../icons/delete-chat/index.js";import"../../icons/sidebar-chat/index.js";import"../../icons/organization/index.js";import"../../icons/simple-gear/index.js";import"../../icons/text-bold/index.js";import"../../icons/text-italic/index.js";import"../../icons/text-underline/index.js";import"../../icons/text-strikethrough/index.js";import"../../icons/refresh/index.js";import"../../icons/copy-variants/index.js";import"../../icons/sort-ascending/index.js";import"../../icons/sort-descending/index.js";import"../../icons/quote/index.js";import"../../icons/url-circle/index.js";import"../../icons/show-ui/index.js";import"../../icons/hide-ui/index.js";import"../../icons/sort-user/index.js";import"../../icons/happy-robot/index.js";import"../../icons/happy-robot-gradient/index.js";import"../../icons/min-window/index.js";import"../../icons/max-window/index.js";import"../../icons/manage-chat/index.js";import"../../icons/analyze-urls/index.js";import"../../icons/web-search/index.js";import"../../icons/include-context/index.js";import"../../icons/queue/index.js";import"../../icons/sort-alphabet-ascending/index.js";import"../../icons/sort-alphabet-descending/index.js";import"../../icons/sort-date-ascending/index.js";import"../../icons/sort-date-descending/index.js";import"../../icons/cot-r1/index.js";import"../../icons/news/index.js";import"../../icons/volume/index.js";import"../../icons/flag-ru/index.js";import"../../icons/flag-kz/index.js";import"../../icons/print/index.js";import"../../icons/pc-icon-1/index.js";import"../../icons/pc-icon-2/index.js";import"../../icons/pc-icon-3/index.js";import"../../icons/star-unfilled/index.js";import"../../icons/image-generation/index.js";import"../../icons/speech-synthesys/index.js";import"../../icons/transcription/index.js";import"../../icons/text-rewrite/index.js";import"../../icons/code-generation/index.js";import"../../icons/essay-generation/index.js";import"../../icons/spelling/index.js";import"../../icons/text-generation/index.js";import"../../icons/traffic-analisys/index.js";import"../../icons/fav-profile/index.js";import"../../icons/exclamation/index.js";import"../../icons/article/index.js";import"../../icons/setchel/index.js";import"../../icons/assembly/index.js";import"../../icons/data-visualisation/index.js";import"../../icons/document-analisys/index.js";import"../../icons/problem-solvment/index.js";import"../../icons/setting-analisys/index.js";import"../../icons/translation/index.js";import"../../icons/stars/index.js";import"../../icons/academy/index.js";import"../../icons/articles/index.js";import"../../icons/blog-post/index.js";import"../../icons/book/index.js";import"../../icons/bow-tie/index.js";import"../../icons/case-study/index.js";import"../../icons/comments/index.js";import"../../icons/guide/index.js";import"../../icons/marketing/index.js";import"../../icons/post/index.js";import"../../icons/report/index.js";import"../../icons/review/index.js";import"../../icons/scientific-article/index.js";import"../../icons/selling-text/index.js";import"../../icons/textbook/index.js";import"../../icons/wind/index.js";import"../../icons/grok/index.js";import"../../icons/deepseek/index.js";import"../../icons/grid-horizontal/index.js";import"../../icons/grid-vertical/index.js";import"../../icons/star-gradient/index.js";import"../../icons/qwen/index.js";import"../../icons/sidebar-toggle-left/index.js";import"../../icons/sidebar-toggle-right/index.js";import"../../icons/system/index.js";import"../../icons/selector/index.js";import"../../icons/video-camera/index.js";import"../../icons/music-note/index.js";import"../../icons/add-profile/index.js";import"../../icons/token-counter/index.js";import"../../icons/customer-support/index.js";import"../../icons/sort-alphabet-top-bottom/index.js";import"../../icons/sort-alphabet-bottom-top/index.js";import"../../icons/pause/index.js";import"../../icons/play/index.js";import"../../icons/restore-2/index.js";import"../../icons/video-generation/index.js";import"../../icons/veo-model/index.js";import"../../icons/runway/index.js";import"../../icons/queue-select/index.js";import"../../icons/apple/index.js";import"../../icons/mail-colored/index.js";import"../../icons/shield/index.js";import"../../icons/stars-gradient/index.js";import"../../icons/fire/index.js";import"../../icons/brain/index.js";import"../../icons/mj-purple/index.js";import"../../icons/claude-black/index.js";import"../../icons/vk-filled/index.js";import"../../icons/tg/index.js";import"../../icons/gift/index.js";import"../../icons/exchange/index.js";import"../../icons/time/index.js";import"../message/versions/styled.js";import"../message/copy/styled.js";import"../message/badge-progress/styled.js";import"../message/button/styled.js";import"../message/button/list/styled.js";import"../message/file/styled.js";import{MessageVoice as Q}from"../message/voice/index.js";import"../message/reasoning-block/styled.js";import"../typography/styled.js";import"../message/search-results/styled.js";import"../message/video/styled.js";import{getWaveData as X}from"../../utils/audio/getWaveData.js";import{useTheme as Y}from"../../theme/hook.js";const Z=Z=>{var{className:ii,placeholder:ei,message:oi,files:si,disabled:ni=!1,sendDisabled:ti=!1,textAreaDisabled:ri=!1,useAlternativeKeyDefaultValue:ci=!1,defaultKeySendText:di,alternativeKeySendText:mi,concatenateText:ai,uploadFileLimit:pi=5,hideUploadFile:li=!1,uploadFileDisabled:ji=!1,uploadFileAccept:xi,autoFocus:ui=!0,voice:gi=!1,onSetAlternativeKeyValue:hi,onChange:bi,onFilesChange:yi,onVoiceFilesChange:fi,onTextAreaChange:vi,onSend:wi,onFocus:ki,onBlur:Di,emitError:Ci,rightActions:Fi}=Z,$i=i(Z,["className","placeholder","message","files","disabled","sendDisabled","textAreaDisabled","useAlternativeKeyDefaultValue","defaultKeySendText","alternativeKeySendText","concatenateText","uploadFileLimit","hideUploadFile","uploadFileDisabled","uploadFileAccept","autoFocus","voice","onSetAlternativeKeyValue","onChange","onFilesChange","onVoiceFilesChange","onTextAreaChange","onSend","onFocus","onBlur","emitError","rightActions"]);const Ai=Y(),Ei=t(null),[Ti,Si]=r("calc(var(--bothub-scale, 1) * 22px)"),[Li,Ki]="string"==typeof oi?[oi,bi]:r(""),[Oi,Pi]=Array.isArray(si)?[si,yi]:r([]),[Ui,qi]=r([]),[zi,Ri]=r(!1),[Vi,Ii]=r(!ni&&ui),[Bi,Ni]=r(!1),[Mi,Gi]=r(!1),[Hi,Wi]=r(null),_i=t(null),Ji=t(null),Qi=t([]),Xi=t(null),Yi=t(!1),Zi=t(null),[ie,ee]=r(ci),[oe,se]=r(!1),ne=c(()=>{ee(!1),null==hi||hi(!1),se(!1)},[]),te=c(()=>{ee(!0),null==hi||hi(!0),se(!1)},[]),re=c(i=>{Ii(!0),null==ki||ki(i)},[ki]),ce=c(i=>{Ii(!1),null==Di||Di(i)},[Di]),de=c(i=>{null==Ki||Ki(i.target.value),null==vi||vi(i)},[Ki,vi]),me=c(i=>e(void 0,void 0,void 0,function*(){if(!i.length)return;const e=[],o=[],s=yield Promise.all(null==i?void 0:i.map(M));for(const[n,t]of i.entries()){G(t.type,xi)?e.push({previewUrl:s[n],name:t.name,native:t}):o.push(t)}o.length>0&&(null==Ci||Ci({name:"WRONG_FILES",payload:o})),(null==e?void 0:e.length)>0&&(null==Pi||Pi([...Oi,...e].slice(0,pi)))}),[xi,Ci,pi,Oi]),ae=c(i=>e(void 0,void 0,void 0,function*(){!ji&&i.clipboardData.files.length>0&&(i.preventDefault(),yield me([...i.clipboardData.files]))}),[me,ji]),pe=c(i=>e(void 0,void 0,void 0,function*(){if(!Pi||!i.target.files)return;const e=yield H([...Oi.map(({native:i})=>i),...i.target.files]);Pi(e.slice(0,pi))}),[Oi,Pi,pi]),le=c(i=>{null==Pi||Pi(Oi.filter(({name:e})=>e!==i.name))},[Pi,Oi]),je=c(i=>{i.stopPropagation(),null==wi||wi(Li,Oi),null==Ki||Ki(""),null==Pi||Pi([]),null==qi||qi([]),Si("calc(var(--bothub-scale, 1) * 22px)")},[Li,Oi,wi,Ki,Pi,qi]),xe=c(i=>{i.stopPropagation();const e=ie?"enter":"ctrl/shift+enter";let o="";if("Enter"===i.key&&(i.shiftKey||i.ctrlKey))o="ctrl/shift+enter";else{if("Enter"!==i.key)return;o="enter"}if(Vi&&"Enter"===i.key){if(o===e&&i.ctrlKey){i.preventDefault();const e=Ei.current;if(!e)return;const o=e.value,t=e.selectionStart,r=o.slice(0,t),c=o.slice(t);null==Ki||Ki(`${r}\n${c}`),s=e,n=t+1,setTimeout(()=>{s.selectionStart=n,s.selectionEnd=n},1)}e!==o&&""!==o&&(i.preventDefault(),null==wi||wi(Li,Oi),Si("calc(var(--bothub-scale, 1) * 22px)"))}var s,n},[Vi,Li,Oi,wi,Ki,Pi]),ue=c(()=>{var i;ni||null===(i=Ei.current)||void 0===i||i.focus()},[ni,ui]),ge=c(i=>{i.stopPropagation()},[]),he=c(i=>e(void 0,void 0,void 0,function*(){if(Mi)return;Yi.current=!0,i.stopPropagation();const e=yield navigator.mediaDevices.getUserMedia({audio:!0}),o=new MediaRecorder(e,{mimeType:J()});Yi.current&&(o.start(1e3),_i.current=o,Ji.current=e,Xi.current=window.setInterval(()=>{Wi(i=>(null!=i?i:0)+.1)},100),Gi(!0),Wi(0),Ri(!1))}),[Yi.current,Qi.current,Mi]),be=c(()=>{const i=_i.current,e=Ji.current,o=Xi.current;if(Mi&&i&&e&&o){i.stop();for(const i of e.getTracks())i.stop();window.clearInterval(o)}},[Mi,_i.current,Ji.current,Xi.current]),ye=c(()=>e(void 0,void 0,void 0,function*(){Yi.current=!1,Mi&&be()}),[Mi,be]),fe=c(()=>{const i=_i.current,e=Xi.current;Mi&&i&&e&&(i.pause(),window.clearInterval(e),Ri(!0))},[Mi]),ve=c(()=>{const i=_i.current;Mi&&i&&(i.resume(),Xi.current=window.setInterval(()=>{Wi(i=>(null!=i?i:0)+.1)},100),Ri(!1))},[Mi,Wi]),we=c(i=>{qi(Ui.filter(e=>e.src!==i.src))},[Ui,qi]),ke=c(()=>{const i=Ei.current;null!==i&&(i.style.height="calc(var(--bothub-scale, 1) * 22px)",i.style.height=`${i.scrollHeight}px`,Si(`${i.scrollHeight}px`))},[Li,ui]);d(()=>{ke()},[ke]),d(()=>{const i=Ei.current;if(!i||ni)return;const e=!ni&&ui;Ii(e),e?i.focus():document.activeElement===i&&i.blur()},[ni,ui]),d(()=>{const i=Ei.current;if(null!==i)return i.addEventListener("keydown",xe),()=>{i.removeEventListener("keydown",xe)}},[xe]),d(()=>{Pi&&si&&Pi(si)},[si]),d(()=>{null==fi||fi(Ui)},[Ui]),d(()=>{const i=_i.current,o=i=>{i.data.size>0&&Qi.current.push(i.data)},s=()=>e(void 0,void 0,void 0,function*(){const i=new Blob(Qi.current,{type:J()}),{waveData:e,duration:o}=yield X(i),s={src:URL.createObjectURL(i),duration:o,blob:i,waveData:e};qi([...Ui,s]),_i.current=null,Ji.current=null,Qi.current=[],Xi.current=null,Gi(!1),Wi(null)});return i&&(i.addEventListener("dataavailable",o),i.addEventListener("stop",s)),()=>{i&&(i.removeEventListener("dataavailable",o),i.removeEventListener("stop",s)),be()}},[_i.current]),a(Zi,()=>{se(!1)});const De=m(oe,{from:{opacity:0,y:10},enter:{opacity:1,y:0},leave:{opacity:0,y:10},config:{duration:150,ease:"easeOut"}});return o(p,{$active:Vi,$dragActive:Bi,$disabled:ni,$textAreaDisabled:ri,$voiceRecording:Mi,className:ii,onClick:ue,onDragEnter:()=>Ni(!0),onDragLeave:()=>Ni(!1),onDragOver:i=>(i.stopPropagation(),i.preventDefault(),!1),onDrop:i=>e(void 0,void 0,void 0,function*(){if(i.dataTransfer.files.length>0)return i.stopPropagation(),i.preventDefault(),yield me([...i.dataTransfer.files]),Ni(!1),!1}),children:s(l,{children:[s(j,{children:[Mi&&null!==Hi&&s(x,{children:[o(u,{}),o(g,{children:W(Hi)})]}),Oi.length>0&&o(h,{children:Oi.map(i=>{let e;return e=i.previewUrl&&(i.name.match(/.png$/i)||i.name.match(/.jpg$/i)||i.name.match(/.jpeg$/i))?o(z,{src:i.previewUrl}):i.name.match(/.txt$/i)?o(V,{}):i.name.match(/.docx$/i)?o(I,{}):i.name.match(/.xlsx$/i)?o(B,{}):i.name.match(/.pdf$/i)?o(R,{}):o(_,{}),e=o(N,{size:18,children:e}),o(b,{start:e,onDelete:le.bind(null,i),children:i.name.length>20?`...${i.name.slice(-20)}`:i.name},i.name)})}),Ui.length>1&&o(y,{children:ai}),Ui.length>0&&o(f,{children:Ui.map(i=>s(v,{children:[o(Q,{variant:"input",height:24,src:i.src,duration:i.duration,waveData:i.waveData,disableTranscription:!0}),o(w,{onClick:we.bind(null,i)})]},i.src))}),(!ri||ri&&ei&&Oi.length!==pi||ri&&Li)&&o(k,Object.assign({$disabled:ni},$i,{ref:Ei,value:Li,placeholder:ei,disabled:ni||ri,style:Object.assign(Object.assign({},$i.style),{height:Ti}),onFocus:re,onBlur:ce,onChange:de,onPaste:ae}))]}),s(D,{children:[s(C,{children:[!li&&!Mi&&s(F,{onClick:ge,children:[o($,{type:"file",accept:xi,multiple:!0,disabled:Oi.length>=pi||ni||ji,onChange:pe},Oi.length),o(A,{disabled:Oi.length>=pi||ni||ji})]}),Fi]}),s(C,{children:[!!di&&!!mi&&s(E,{ref:Zi,children:[o(T,{onClick:i=>{i.stopPropagation(),se(!oe)},disabled:ni}),De((i,e)=>e&&s(S,{style:i,children:[o(L,{active:!ie,onClick:ne,children:di}),o(L,{active:ie,onClick:te,children:mi})]},"alternative-key-modal"))]}),Mi&&o(n,{children:zi?o(K,{onClick:ve}):o(O,{onClick:fe})}),gi&&o(P,{$isRecording:Mi,disabled:ni||ti,onClick:Mi?ye:he,"data-test":"submit-message"}),o(U,Object.assign({disabled:ni||ti||Mi,onClick:je},Ai.bright&&{iconFill:Ai.default.colors.base.black},{"data-test":"submit-message",children:o(q,{})}))]})]})]})})};export{Z as InputMessage};
+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}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 k,InputMessageToggleSendButton as F,InputMessageToggleSendModalStyled as $,InputMessageToggleSendModalOption as A,InputMessageSendButton as C,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,isFileTypeAccepted as V,formatUploadFiles as B,formatSeconds as N}from"./utils.js";import{AttachFileIcon as I}from"../../icons/attach-file/index.js";import{getSupportedAudioMimeType as M}from"../../utils/getSupportedAudioMimeType.js";import{useTheme as R}from"../../theme/hook.js";const z=z=>{var{className:H,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:fe}=z,he=e(z,["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=R(),ye=r(null),[be,xe]=o("calc(var(--bothub-scale, 1) * 22px)"),[je,De]="string"==typeof W?[W,ae]:o(""),[ke,Fe]=Array.isArray(_)?[_,se]:o([]),[$e,Ae]=o(!q&&le),[Ce,Ee]=o(!1),[we,Se]=o(!1),[Te,Ke]=o(null),Le=r(null),Oe=r(null),Pe=r([]),Ue=r(null),Ve=r(!1),Be=r(null),[Ne,Ie]=o(X),[Me,Re]=o(!1),ze=a((()=>{Ie(!1),null==oe||oe(!1),Re(!1)}),[]),He=a((()=>{Ie(!0),null==oe||oe(!0),Re(!1)}),[]),Ge=a((e=>{Ae(!0),null==ue||ue(e)}),[ue]),We=a((e=>{Ae(!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*(){if(!e.length)return;const t=[],n=[],i=yield Promise.all(null==e?void 0:e.map(U));for(const[l,r]of e.entries()){V(r.type,ie)?t.push({previewUrl:i[l],name:r.name,native:r}):n.push(r)}n.length>0&&(null==ve||ve({name:"WRONG_FILES",payload:n})),(null==t?void 0:t.length)>0&&(null==Fe||Fe([...ke,...t].slice(0,ee)))}))),[ie,ve,ee,ke]),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(!Fe||!e.target.files)return;const t=yield B([...ke.map((({native:e})=>e)),...e.target.files]);Fe(t.slice(0,ee))}))),[ke,Fe,ee]),Xe=a((e=>{null==Fe||Fe(ke.filter((({name:t})=>t!==e.name)))}),[Fe,ke]),Ye=a((e=>{e.stopPropagation(),null==de||de(je,ke),null==De||De(""),null==Fe||Fe([]),xe("calc(var(--bothub-scale, 1) * 22px)")}),[je,ke,de,De,Fe]),Ze=a((e=>{e.stopPropagation();const t=Ne?"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($e&&"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,ke),xe("calc(var(--bothub-scale, 1) * 22px)"))}var i,l}),[$e,je,ke,de,De,Fe]),et=a((()=>{var e;q||null===(e=ye.current)||void 0===e||e.focus()}),[q,le]),tt=a((e=>{e.stopPropagation()}),[]),nt=a((e=>t(void 0,void 0,void 0,(function*(){if(we)return;Ve.current=!0,e.stopPropagation();const t=yield navigator.mediaDevices.getUserMedia({audio:!0}),n=new MediaRecorder(t,{mimeType:M()});Ve.current&&(n.start(1e3),Le.current=n,Oe.current=t,Ue.current=window.setInterval((()=>{Ke((e=>(null!=e?e:0)+.1))}),100),Se(!0),Ke(0))}))),[Ve.current,Pe.current,we]),it=a((()=>{const e=Le.current,t=Oe.current,n=Ue.current;if(we&&e&&t&&n){e.stop();for(const e of t.getTracks())e.stop();window.clearInterval(n)}}),[we,Le.current,Oe.current,Ue.current]),lt=a((()=>t(void 0,void 0,void 0,(function*(){Ve.current=!1,we&&it()}))),[we,it]),rt=a((()=>{const e=ye.current;null!==e&&(e.style.height="calc(var(--bothub-scale, 1) * 22px)",e.style.height=`${e.scrollHeight}px`,xe(`${e.scrollHeight}px`))}),[je,le]);s((()=>{rt()}),[rt]),s((()=>{const e=ye.current;if(!e||q)return;const t=!q&≤Ae(t),t?e.focus():document.activeElement===e&&e.blur()}),[q,le]),s((()=>{const e=ye.current;if(null!==e)return e.addEventListener("keydown",Ze),()=>{e.removeEventListener("keydown",Ze)}}),[Ze]),s((()=>{Fe&&_&&Fe(_)}),[_]),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:M()});yield null==me?void 0:me(e),Le.current=null,Oe.current=null,Pe.current=[],Ue.current=null,Se(!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]),d(Be,(()=>{Re(!1)}));const ot=c(Me,{from:{opacity:0,y:10},enter:{opacity:1,y:0},leave:{opacity:0,y:10},config:{duration:150,ease:"easeOut"}});return n(u,{$active:$e,$dragActive:Ce,$disabled:q,$textAreaDisabled:Q,$voiceRecording:we,className:H,onClick:et,onDragEnter:()=>Ee(!0),onDragLeave:()=>Ee(!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]),Ee(!1),!1})),children:i(p,{children:[!te&&!we&&i(m,{onClick:tt,children:[n(v,{type:"file",accept:ie,multiple:!0,disabled:ke.length>=ee||q||ne,onChange:Qe},ke.length),n(f,{disabled:ke.length>=ee||q||ne})]}),i(h,{children:[we&&null!==Te&&i(g,{children:[n(y,{}),n(b,{children:N(Te)})]}),!we&&i(l,{children:[ke.length>0&&n(x,{children:ke.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(I,{}),t=n(P,{size:18,children:t}),n(j,{start:t,onDelete:Xe.bind(null,e),children:e.name.length>20?`...${e.name.slice(-20)}`:e.name},e.name)}))}),(!Q||Q&&G&&ke.length!==ee||Q&&je)&&n(D,Object.assign({$disabled:q},he,{ref:ye,value:je,placeholder:G,disabled:q||Q,style:Object.assign(Object.assign({},he.style),{height:be}),onFocus:Ge,onBlur:We,onChange:_e,onPaste:Je}))]})]}),!!Y&&!!Z&&i(k,{ref:Be,children:[n(F,{onClick:e=>{e.stopPropagation(),Re(!Me)},disabled:q}),ot(((e,t)=>t&&i($,{style:e,children:[n(A,{active:!Ne,onClick:ze,children:Y}),n(A,{active:Ne,onClick:He,children:Z})]},"alternative-key-modal")))]}),fe,n(C,!re||je?Object.assign({disabled:q||J,onClick:Ye},ge.bright&&{iconFill:ge.default.colors.base.black},{"data-test":"submit-message",children:n(E,{})}):Object.assign({},we&&{color:ge.colors.critic},ge.bright&&{iconFill:ge.default.colors.base.black},{disabled:q||J,onClick:we?lt:nt,"data-test":"submit-message",children:n(we?E:w,{})}))]})})};export{z as InputMessage};