Module 914905

function(e,t,n){"use strict";n.d(t,{A:()=>L,J:()=>M}),n(323874),n(14289),n(35956);var l=n(627968),i=n(64700),s=n(503698),r=n.n(s),a=n(17928),o=n(939249),c=n(192308),u=n(952270),d=n(39623),h=n(22231),m=n(241326),p=n(834730),f=n(608299),g=n(427281),x=n(565150),A=n(401648),C=n(607470),E=n(256905),I=n(302031),y=n(734057),S=n(515718),v=n(851023),N=n(215497),_=n(375708),T=n(443024);let j=["image/jpeg","image/png","image/webp","image/gif","image/avif","video/quicktime","video/mp4"];function b(e){let{alt:t,spoiler:n,renderContent:s,size:a}=e,[o,c]=i.useState(!1);return(0,l.jsx)(I.Bs.Provider,{value:!n,children:(0,l.jsx)(I.Ay,{type:I.Ay.Types.ATTACHMENT,onReveal:()=>c(!0),className:r()(T.spoilerContainer,{[T.sizeXSmall]:a===N.L.XSMALL,[T.sizeXXSmall]:a===N.L.XXSMALL}),children:e=>(0,l.jsxs)("div",{className:T.spoilerWrapper,children:[s(e),(0,l.jsxs)("div",{className:T.tags,children:[null!=t&&""!==t?(0,l.jsx)("span",{className:T.altTag,children:_.intl.string(_.t.QEW81z)}):null,o&&n?(0,l.jsx)("span",{className:T.altTag,children:_.intl.string(_.t["F+x38C"])}):null]})]})})})}function R(e){let{file:t,alt:n,spoiler:s,size:a=N.L.MEDIUM,onMouseEnter:c}=e,[u,d]=i.useState(),[h,m]=i.useState({width:0,height:0}),p=a===N.L.SMALL;i.useEffect(()=>{if(null==t||!1===j.includes(t.type))return;let e=URL.createObjectURL(t);d(e);let n=new Image;return n.onload=()=>{let{width:e,height:t}=(0,S.z$)(n.width,n.height);m({width:e,height:t})},n.src=e,()=>{d(void 0),m({width:0,height:0}),URL.revokeObjectURL(e)}},[t]);let f=i.useCallback(function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return null==u?(0,l.jsx)(l.Fragment,{}):(0,l.jsx)("img",{src:u,className:r()(T.media,{[T.spoiler]:e,[T.imageSmall]:p,[T.sizeXSmall]:a===N.L.XSMALL,[T.sizeXXSmall]:a===N.L.XXSMALL}),"aria-hidden":!0,alt:n??"",style:t?h:{}})},[u,p,a,n,h]),g=i.useCallback(()=>{null!=u&&(0,E.R)({location:"ChannelAttachmentUpload",items:[{type:"IMAGE",url:u}],shouldHideMediaOptions:!0})},[u]),x=t?.name!=null?t.name:_.intl.string(_.t.lduvqL),A=null!=n&&""!==n?_.intl.formatToPlainString(_.t["8TRAzR"],{filename:x,alt:n}):_.intl.formatToPlainString(_.t.lXoOEZ,{filename:x});return(0,l.jsx)("div",{onMouseEnter:c,className:r()(T.mediaContainer,{[T.imageSmall]:p}),children:(0,l.jsx)(o.D,{onClick:g,className:T.clickableMedia,"aria-label":A,tabIndex:-1,children:(0,l.jsx)(b,{size:a,alt:n,spoiler:s,renderContent:f})})})}function O(e){let{file:t,alt:n,spoiler:s,size:a=N.L.MEDIUM,onMouseEnter:o,onVideoLoadError:c,clip:u,guildId:d}=e,[h,m]=i.useState(),p=i.useRef(null);return i.useEffect(()=>{if(null==t)return;let e=URL.createObjectURL(t);return m(e),()=>{m(void 0),URL.revokeObjectURL(e)}},[t]),(0,l.jsxs)("div",{onMouseEnter:o,className:T.mediaContainer,children:[(0,l.jsx)(b,{size:a,alt:n,spoiler:s,renderContent:e=>(0,l.jsx)(C.A,{ref:p,src:h,className:r()(T.media,{[T.spoiler]:e,[T.sizeXSmall]:a===N.L.XSMALL,[T.sizeXXSmall]:a===N.L.XXSMALL}),onError:c,preload:"none","aria-hidden":!0})}),null!=u&&(0,l.jsx)("div",{className:T.clipOverlayHeader,inert:!0,children:(0,l.jsx)(A.A,{title:u.name,createdAt:u.createdAt,participantIds:u.users,applicationId:u.applicationId,guildId:d})})]})}function M(e){let{upload:t,size:n=N.L.MEDIUM,onMouseEnter:s,clip:a,guildId:o}=e,[c,u]=i.useState(!1);return t.isImage&&t.item.platform===x.xz.WEB?(0,l.jsx)(R,{file:t.item.file,alt:t.description,spoiler:t.spoiler,size:n,onMouseEnter:s}):!c&&t.isVideo&&t.item.platform===x.xz.WEB?(0,l.jsx)(O,{file:t.item.file,size:n,alt:t.description,spoiler:t.spoiler,onMouseEnter:s,onVideoLoadError:()=>u(!0),clip:a,guildId:o}):(0,l.jsx)("div",{onMouseEnter:s,className:r()(T.icon,T[t.classification??""],{[T.imageSmall]:n===N.L.SMALL,[T.sizeXSmall]:n===N.L.XSMALL,[T.sizeXXSmall]:n===N.L.XXSMALL}),children:(0,l.jsx)("div",{className:T.tags,children:t.spoiler?(0,l.jsx)("span",{className:T.altTag,children:_.intl.string(_.t["F+x38C"])}):null})})}function L(e){let{channelId:t,draftType:n,upload:s,keyboardModeEnabled:o,label:x,size:A=N.L.MEDIUM,canEdit:C=!0,hideFileName:E=!1,clip:I}=e,S=null!=I,j=A===N.L.SMALL,b=(0,a.bG)([y.A],()=>y.A.getChannel(t)?.guild_id),R=e=>{e.stopPropagation(),(0,c.openModal)(e=>(0,l.jsx)(g.default,{...e,draftType:n,upload:s,channelId:t,onSubmit:e=>{let{name:l,description:i,spoiler:r}=e;f.A.update(t,s.id,n,{filename:l,description:i,spoiler:r})}}))};return(0,l.jsxs)(N.A,{actions:(0,l.jsxs)(i.Fragment,{children:[C?(0,l.jsx)(v.A,{className:r()({[T.action]:j}),tooltip:S?_.intl.string(_.t.MYgdY2):_.intl.string(_.t.cuurzA),onClick:()=>f.A.update(t,s.id,n,{spoiler:!s.spoiler}),children:s.spoiler?(0,l.jsx)(u.G,{size:"md",color:"currentColor",className:r()({[T.actionBarIcon]:j})}):(0,l.jsx)(d.b,{size:"xs",color:"currentColor",className:r()({[T.actionBarIcon]:j})})}):null,C&&!S?(0,l.jsx)(v.A,{className:r()({[T.action]:j}),tooltip:_.intl.string(_.t.Y8ujqr),onClick:R,children:(0,l.jsx)(h.R,{size:"xs",color:"currentColor",className:r()({[T.actionBarIcon]:j})})}):null,(0,l.jsx)(v.A,{className:r()({[T.action]:j}),tooltip:S?_.intl.string(_.t.MskAXa):_.intl.string(_.t.vN7REz),onClick:()=>f.A.remove(t,s.id,n),dangerous:!0,children:(0,l.jsx)(m.u,{size:"md",color:"currentColor",className:r()({[T.actionBarIcon]:j})})})]}),draftType:n,id:s.id,channelId:t,handleEditModal:R,keyboardModeEnabled:o,size:A,className:r()({[T.attachmentItemSmall]:j}),children:[(0,l.jsx)(M,{upload:s,size:A,clip:I,guildId:b}),!E&&(0,l.jsx)("div",{className:T.filenameContainer,"aria-hidden":!0,children:(0,l.jsx)(p.E,{className:T.filename,variant:"text-sm/normal",children:null!=x?x:S?I.name:s.filename})})]})}}