@hiver/connector-agent 4.19.0-attachment-beta.3 → 4.19.0-attachment-beta.4

package/index.es.js

@@ -16601,6 +16601,18 @@ const Ev = () => `att-${Date.now()}-${++Fv}`, mv = ({
   font-weight: 600;
   cursor: default;
   text-decoration: none;
+
+  & .badge-hover {
+    display: none;
+  }
+  &:hover .badge-default,
+  &:focus-visible .badge-default {
+    display: none;
+  }
+  &:hover .badge-hover,
+  &:focus-visible .badge-hover {
+    display: inline;
+  }
 `, xv = w(M)`
   width: 100%;
   gap: 8px;
@@ -16754,23 +16766,20 @@ const Ev = () => `att-${Date.now()}-${++Fv}`, mv = ({
   padding: 4px;
   z-index: 1;
 `, Hv = ({ mimeType: e, filename: t, url: u, onPreview: n }) => {
-  const [r, o] = P(!1), a = o8(e), i = r8(e, t), s = a ? "👁" : "⬇", D = a ? "Preview" : "Download", c = r ? s : i, d = {
-    onMouseEnter: () => o(!0),
-    onMouseLeave: () => o(!1),
-    onFocus: () => o(!0),
-    onBlur: () => o(!1)
-  };
-  return a && n ? /* @__PURE__ */ f.jsx(ye, { title: r ? D : i, placement: "top", children: /* @__PURE__ */ f.jsx(kv, { type: "button", "aria-label": "Preview attachment", onClick: n, ...d, children: c }) }) : u ? /* @__PURE__ */ f.jsx(ye, { title: r ? D : i, placement: "top", children: /* @__PURE__ */ f.jsx(
+  const r = o8(e), o = r8(e, t), a = r ? "👁" : "⬇", i = r ? "Preview" : "Download", s = /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
+    /* @__PURE__ */ f.jsx("span", { className: "badge-default", children: o }),
+    /* @__PURE__ */ f.jsx("span", { className: "badge-hover", children: a })
+  ] });
+  return r && n ? /* @__PURE__ */ f.jsx(ye, { title: i, placement: "top", children: /* @__PURE__ */ f.jsx(kv, { type: "button", "aria-label": "Preview attachment", onClick: n, children: s }) }) : u ? /* @__PURE__ */ f.jsx(ye, { title: i, placement: "top", children: /* @__PURE__ */ f.jsx(
     Sv,
     {
       href: u,
       target: "_blank",
       rel: "noopener noreferrer",
-      ...a ? {} : { download: t },
-      ...d,
-      children: c
+      ...r ? {} : { download: t },
+      children: s
     }
-  ) }) : /* @__PURE__ */ f.jsx(ye, { title: r ? D : i, placement: "top", children: /* @__PURE__ */ f.jsx(Iv, { ...d, children: c }) });
+  ) }) : /* @__PURE__ */ f.jsx(ye, { title: o, placement: "top", children: /* @__PURE__ */ f.jsx(Iv, { children: s }) });
 }, Uv = ({
   item: e,
   onRemove: t,

package/index.umd.js

@@ -1696,6 +1696,18 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   font-weight: 600;
   cursor: default;
   text-decoration: none;
+
+  & .badge-hover {
+    display: none;
+  }
+  &:hover .badge-default,
+  &:focus-visible .badge-default {
+    display: none;
+  }
+  &:hover .badge-hover,
+  &:focus-visible .badge-hover {
+    display: inline;
+  }
 `,my=s.styled(s.Stack)`
   width: 100%;
   gap: 8px;
@@ -1844,7 +1856,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   top: 8px;
   padding: 4px;
   z-index: 1;
-`,Ry=({mimeType:e,filename:t,url:u,onPreview:n})=>{const[r,o]=h.useState(!1),f=R2(e),i=P2(e,t),D=f?"👁":"⬇",c=f?"Preview":"Download",l=r?D:i,A={onMouseEnter:()=>o(!0),onMouseLeave:()=>o(!1),onFocus:()=>o(!0),onBlur:()=>o(!1)};return f&&n?a.jsx(s.Tooltip,{title:r?c:i,placement:"top",children:a.jsx(Sy,{type:"button","aria-label":"Preview attachment",onClick:n,...A,children:l})}):u?a.jsx(s.Tooltip,{title:r?c:i,placement:"top",children:a.jsx(vy,{href:u,target:"_blank",rel:"noopener noreferrer",...f?{}:{download:t},...A,children:l})}):a.jsx(s.Tooltip,{title:r?c:i,placement:"top",children:a.jsx(wy,{...A,children:l})})},Qy=({item:e,onRemove:t,onRetry:u,onPreview:n,canDeleteExisting:r=!0})=>{const{tempId:o,filename:f,size:i,mimeType:D,status:c,progress:l=0,url:A,isExisting:F}=e,g=!F||r?a.jsx(s.Tooltip,{title:"Remove",placement:"top",children:a.jsx(Iy,{"aria-label":"Remove attachment",onClick:()=>t(o),children:a.jsx(s.icons.Close,{sx:{height:"14px",width:"14px"}})})}):null;return c==="uploading"?a.jsxs(c1,{children:[a.jsxs(l1,{children:[a.jsx(d1,{title:f,children:f}),a.jsx(By,{variant:"determinate",value:l}),a.jsxs(yy,{children:["Uploading… ",Math.round(l),"%"]})]}),g]}):c==="failed"?a.jsxs(c1,{failed:!0,children:[a.jsxs(l1,{children:[a.jsx(d1,{title:f,children:f}),a.jsx(H2,{children:"Upload failed"})]}),a.jsx(ky,{variant:"text",size:"small",onClick:()=>u(o),children:"Retry"}),g]}):a.jsxs(c1,{children:[a.jsx(Ry,{mimeType:D,filename:f,url:A,...n?{onPreview:()=>n(e)}:{}}),a.jsxs(l1,{children:[a.jsx(d1,{title:f,children:f}),a.jsxs(H2,{children:[M2(i)," · ",P2(D,f)]})]}),g]})},Hy=e=>!!e&&/^image\//.test(e),Vy=e=>!!e&&/^video\//.test(e),Gy=e=>e==="application/pdf",V2=({attachment:e,open:t,onClose:u})=>{const[n,r]=h.useState(!1);if(h.useEffect(()=>{r(!1)},[e==null?void 0:e.url]),!e)return null;const{filename:o,url:f,size:i,mimeType:D}=e,c=F=>a.jsx(Ny,{href:f,target:"_blank",rel:"noopener noreferrer",download:o,children:F}),l=a.jsxs(My,{children:[a.jsx("div",{children:"Preview isn’t available for this file."}),f?c("Download instead"):null]}),A=()=>n||!f?l:Hy(D)?a.jsx("img",{src:f,alt:o,onError:()=>r(!0)}):Vy(D)?a.jsx("video",{controls:!0,src:f,onError:()=>r(!0)}):Gy(D)?a.jsx("iframe",{src:f,title:o}):l;return a.jsxs(s.Dialog,{open:t,onClose:u,PaperProps:{style:{borderRadius:12,padding:0,height:"fit-content",width:"fit-content",maxWidth:"none",position:"relative",overflow:"hidden"}},children:[a.jsx(s.Tooltip,{title:"Close",placement:"bottom",children:a.jsx(Py,{"aria-label":"Close preview",onClick:u,children:a.jsx(s.icons.Close,{sx:{height:"18px",width:"18px"}})})}),a.jsxs(Ty,{children:[a.jsxs(Ly,{children:[a.jsx(_y,{title:o,children:o}),i!=null&&i!==""?a.jsx(Oy,{children:M2(i)}):null,f?c("Download"):null]}),a.jsx(jy,{children:A()})]})]})},Wy=e=>T.createElement("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.6,strokeLinecap:"round",strokeLinejoin:"round",xmlns:"http://www.w3.org/2000/svg",...e},T.createElement("path",{d:"M16 16l-4-4-4 4"}),T.createElement("path",{d:"M12 12v9"}),T.createElement("path",{d:"M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3"})),Xy=10,Zy=25,zy="*",Jy=e=>Array.isArray(e)?e:[],Yy=({value:e,meta:t,onChange:u,upload:n,onToast:r})=>{const o=h.useRef(null),[f,i]=h.useState(!1),[D,c]=h.useState(null),[l,A]=h.useState(!1),F=L=>{c(L),A(!0)},m=(t==null?void 0:t.maxFiles)??Xy,g=(t==null?void 0:t.maxFileSizeMb)??Zy,p=(t==null?void 0:t.acceptedTypes)??zy,d=(t==null?void 0:t.supportsDelete)!==!1,{items:C,addFiles:E,removeItem:b,retry:y}=hy({initialValue:Jy(e),maxFiles:m,maxFileSizeMb:g,upload:n,onChange:u,onToast:r}),x=C.length>=m,B=()=>{var L;x||(L=o.current)==null||L.click()},v=L=>{const _=L.target.files?Array.from(L.target.files):[];E(_),L.target.value=""},S=L=>{x||(L.preventDefault(),i(!0))},k=()=>i(!1),O=L=>{var j;if(L.preventDefault(),i(!1),x)return;const _=(j=L.dataTransfer)!=null&&j.files?Array.from(L.dataTransfer.files):[];E(_)};return a.jsxs(my,{children:[a.jsx("input",{ref:o,type:"file",multiple:!0,hidden:!0,...p&&p!=="*"?{accept:p}:{},onChange:v}),a.jsxs(xy,{role:"button",tabIndex:0,dragOver:f,disabled:x,onClick:B,onKeyDown:L=>{(L.key==="Enter"||L.key===" ")&&(L.preventDefault(),B())},onDragOver:S,onDragLeave:k,onDrop:O,children:[a.jsx(Wy,{}),x?`Maximum ${m} files reached`:"Click here to upload"]}),C.length?a.jsx(by,{children:C.map(L=>a.jsx(Qy,{item:L,onRemove:b,onRetry:y,onPreview:F,canDeleteExisting:d},L.tempId))}):null,a.jsx(V2,{attachment:D,open:l,onClose:()=>A(!1)})]})},qy=s.styled(s.Box)`
+`,Ry=({mimeType:e,filename:t,url:u,onPreview:n})=>{const r=R2(e),o=P2(e,t),f=r?"👁":"⬇",i=r?"Preview":"Download",D=a.jsxs(a.Fragment,{children:[a.jsx("span",{className:"badge-default",children:o}),a.jsx("span",{className:"badge-hover",children:f})]});return r&&n?a.jsx(s.Tooltip,{title:i,placement:"top",children:a.jsx(Sy,{type:"button","aria-label":"Preview attachment",onClick:n,children:D})}):u?a.jsx(s.Tooltip,{title:i,placement:"top",children:a.jsx(vy,{href:u,target:"_blank",rel:"noopener noreferrer",...r?{}:{download:t},children:D})}):a.jsx(s.Tooltip,{title:o,placement:"top",children:a.jsx(wy,{children:D})})},Qy=({item:e,onRemove:t,onRetry:u,onPreview:n,canDeleteExisting:r=!0})=>{const{tempId:o,filename:f,size:i,mimeType:D,status:c,progress:l=0,url:A,isExisting:F}=e,g=!F||r?a.jsx(s.Tooltip,{title:"Remove",placement:"top",children:a.jsx(Iy,{"aria-label":"Remove attachment",onClick:()=>t(o),children:a.jsx(s.icons.Close,{sx:{height:"14px",width:"14px"}})})}):null;return c==="uploading"?a.jsxs(c1,{children:[a.jsxs(l1,{children:[a.jsx(d1,{title:f,children:f}),a.jsx(By,{variant:"determinate",value:l}),a.jsxs(yy,{children:["Uploading… ",Math.round(l),"%"]})]}),g]}):c==="failed"?a.jsxs(c1,{failed:!0,children:[a.jsxs(l1,{children:[a.jsx(d1,{title:f,children:f}),a.jsx(H2,{children:"Upload failed"})]}),a.jsx(ky,{variant:"text",size:"small",onClick:()=>u(o),children:"Retry"}),g]}):a.jsxs(c1,{children:[a.jsx(Ry,{mimeType:D,filename:f,url:A,...n?{onPreview:()=>n(e)}:{}}),a.jsxs(l1,{children:[a.jsx(d1,{title:f,children:f}),a.jsxs(H2,{children:[M2(i)," · ",P2(D,f)]})]}),g]})},Hy=e=>!!e&&/^image\//.test(e),Vy=e=>!!e&&/^video\//.test(e),Gy=e=>e==="application/pdf",V2=({attachment:e,open:t,onClose:u})=>{const[n,r]=h.useState(!1);if(h.useEffect(()=>{r(!1)},[e==null?void 0:e.url]),!e)return null;const{filename:o,url:f,size:i,mimeType:D}=e,c=F=>a.jsx(Ny,{href:f,target:"_blank",rel:"noopener noreferrer",download:o,children:F}),l=a.jsxs(My,{children:[a.jsx("div",{children:"Preview isn’t available for this file."}),f?c("Download instead"):null]}),A=()=>n||!f?l:Hy(D)?a.jsx("img",{src:f,alt:o,onError:()=>r(!0)}):Vy(D)?a.jsx("video",{controls:!0,src:f,onError:()=>r(!0)}):Gy(D)?a.jsx("iframe",{src:f,title:o}):l;return a.jsxs(s.Dialog,{open:t,onClose:u,PaperProps:{style:{borderRadius:12,padding:0,height:"fit-content",width:"fit-content",maxWidth:"none",position:"relative",overflow:"hidden"}},children:[a.jsx(s.Tooltip,{title:"Close",placement:"bottom",children:a.jsx(Py,{"aria-label":"Close preview",onClick:u,children:a.jsx(s.icons.Close,{sx:{height:"18px",width:"18px"}})})}),a.jsxs(Ty,{children:[a.jsxs(Ly,{children:[a.jsx(_y,{title:o,children:o}),i!=null&&i!==""?a.jsx(Oy,{children:M2(i)}):null,f?c("Download"):null]}),a.jsx(jy,{children:A()})]})]})},Wy=e=>T.createElement("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.6,strokeLinecap:"round",strokeLinejoin:"round",xmlns:"http://www.w3.org/2000/svg",...e},T.createElement("path",{d:"M16 16l-4-4-4 4"}),T.createElement("path",{d:"M12 12v9"}),T.createElement("path",{d:"M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3"})),Xy=10,Zy=25,zy="*",Jy=e=>Array.isArray(e)?e:[],Yy=({value:e,meta:t,onChange:u,upload:n,onToast:r})=>{const o=h.useRef(null),[f,i]=h.useState(!1),[D,c]=h.useState(null),[l,A]=h.useState(!1),F=L=>{c(L),A(!0)},m=(t==null?void 0:t.maxFiles)??Xy,g=(t==null?void 0:t.maxFileSizeMb)??Zy,p=(t==null?void 0:t.acceptedTypes)??zy,d=(t==null?void 0:t.supportsDelete)!==!1,{items:C,addFiles:E,removeItem:b,retry:y}=hy({initialValue:Jy(e),maxFiles:m,maxFileSizeMb:g,upload:n,onChange:u,onToast:r}),x=C.length>=m,B=()=>{var L;x||(L=o.current)==null||L.click()},v=L=>{const _=L.target.files?Array.from(L.target.files):[];E(_),L.target.value=""},S=L=>{x||(L.preventDefault(),i(!0))},k=()=>i(!1),O=L=>{var j;if(L.preventDefault(),i(!1),x)return;const _=(j=L.dataTransfer)!=null&&j.files?Array.from(L.dataTransfer.files):[];E(_)};return a.jsxs(my,{children:[a.jsx("input",{ref:o,type:"file",multiple:!0,hidden:!0,...p&&p!=="*"?{accept:p}:{},onChange:v}),a.jsxs(xy,{role:"button",tabIndex:0,dragOver:f,disabled:x,onClick:B,onKeyDown:L=>{(L.key==="Enter"||L.key===" ")&&(L.preventDefault(),B())},onDragOver:S,onDragLeave:k,onDrop:O,children:[a.jsx(Wy,{}),x?`Maximum ${m} files reached`:"Click here to upload"]}),C.length?a.jsx(by,{children:C.map(L=>a.jsx(Qy,{item:L,onRemove:b,onRetry:y,onPreview:F,canDeleteExisting:d},L.tempId))}):null,a.jsx(V2,{attachment:D,open:l,onClose:()=>A(!1)})]})},qy=s.styled(s.Box)`
   box-sizing: border-box;
   &:not(:has(.${Mo})) {
     transform: translate(0, 5px);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hiver/connector-agent",
-  "version": "4.19.0-attachment-beta.3",
+  "version": "4.19.0-attachment-beta.4",
   "main": "index.es.js",
   "module": "index.es.js",
   "types": "index.d.ts",