@bothub-chat/ui 2.39.0 → 2.39.1

package/dist/components/message/actions/copy-button/index.js

@@ -1 +1 @@
-import{jsx as o}from"react/jsx-runtime";import{useState as t,useEffect as i}from"react";import{useSpring as r}from"@react-spring/web";import{CopyIcon as e}from"../../../../icons/copy/index.js";import{CheckSmallIcon as n}from"../../../../icons/check-small/index.js";import{ActionButton as c}from"../action-button/index.js";import{MessageActionsButtonIconStyled as l}from"./styled.js";const m=({onCopy:m,tooltipLabel:s})=>{const[p,a]=t(!1),[f,d]=t(),u=r({opacity:p?0:1,config:{duration:250}}),y=r({opacity:p?1:0,config:{duration:250}});return i((()=>()=>{f&&clearTimeout(f)}),[]),o(c,{onClick:()=>{f&&clearTimeout(f),a(!0),null==m||m({}),d(setTimeout((()=>a(!1)),1e3))},tooltipLabel:s,children:o(l,p?{style:y,children:o(n,{fill:"#4785FF"})}:{style:u,children:o(e,{size:20})})})};export{m as CopyButton};
+import{jsx as o}from"react/jsx-runtime";import{useState as t,useEffect as i}from"react";import{useSpring as e}from"@react-spring/web";import{CopyIcon as r}from"../../../../icons/copy/index.js";import{CheckSmallIcon as c}from"../../../../icons/check-small/index.js";import{ActionButton as m}from"../action-button/index.js";import{MessageActionsButtonIconStyled as n}from"./styled.js";import"../../../../theme/index.js";import{useTheme as s}from"../../../../theme/hook.js";const l=({onCopy:l,tooltipLabel:p})=>{const a=s(),[f,u]=t(!1),[d,h]=t(),j=e({opacity:f?0:1,config:{duration:250}}),y=e({opacity:f?1:0,config:{duration:250}});return i((()=>()=>{d&&clearTimeout(d)}),[]),o(m,{onClick:()=>{d&&clearTimeout(d),u(!0),null==l||l({}),h(setTimeout((()=>u(!1)),1e3))},tooltipLabel:p,children:o(n,f?{style:y,children:o(c,Object.assign({},"custom"===a.scheme&&{fill:a.colors.custom.icon}))}:{style:j,children:o(r,{size:20})})})};export{l as CopyButton};