Module 822610

function(e,t,n){"use strict";n.d(t,{A:()=>w}),n(321073);var l=n(627968),i=n(64700),s=n(503698),r=n.n(s),a=n(837381),o=n(741918),c=n(17928),u=n(228366),d=n(608299),h=n(155718),m=n(775602),p=n(260762),f=n(861382),g=n(522602),x=n(234320),A=n(215497),C=n(834730),E=n(939249),I=n(780777),y=n(565150),S=n(31717),v=n(914905),N=n(650583),_=n(375708),T=n(402913);function j(e){let{channelId:t,option:n,keyboardModeEnabled:s}=e,a=i.useRef(null),[o,c]=i.useState(!1),u=g.A.getUpload(t,n.name,S.C.SlashCommand),h=i.useRef(null),m=i.useCallback(()=>{c(!0)},[]),p=i.useCallback(()=>{c(!1)},[]),f=i.useCallback(e=>{c(!1);let l={id:n.name,file:e.dataTransfer?.files[0],platform:y.xz.WEB,origin:"drag_drop"};d.A.setFile({channelId:t,id:n.name,file:l,draftType:S.C.SlashCommand,allowOptimization:!1})},[t,n]);return(i.useEffect(()=>{let e=h.current;return null==u&&(e?.addEventListener("dragover",m,!1),e?.addEventListener("dragleave",p,!1),e?.addEventListener("drop",f,!1)),()=>{e?.removeEventListener("dragover",m,!1),e?.removeEventListener("dragleave",p,!1),e?.removeEventListener("drop",f,!1)}},[u,m,p,f]),null!=u)?(0,l.jsx)(v.A,{channelId:t,upload:u,keyboardModeEnabled:s,draftType:S.C.SlashCommand,label:(0,l.jsxs)(i.Fragment,{children:[(0,l.jsxs)(C.E,{tag:"span",variant:"text-md/normal",children:[n.displayName,": "]}),(0,l.jsx)(C.E,{tag:"span",variant:"text-md/normal",color:"text-brand",children:u.filename})]}),canEdit:!1}):(0,l.jsxs)(A.A,{id:n.name,channelId:t,keyboardModeEnabled:s,onKeyDown:e=>{e.key===N.dh.ENTER&&(e.preventDefault(),a.current?.activateUploadDialogue())},className:r()(T.xd,{[T.LB]:o}),draftType:S.C.SlashCommand,ref:h,children:[(0,l.jsx)("span",{className:r()(T.fS,{[T.Vg]:o}),children:n.displayName}),(0,l.jsx)(E.D,{className:T.uN,onClick:()=>a.current?.activateUploadDialogue(),children:(0,l.jsxs)("div",{className:T.wi,children:[(0,l.jsx)("img",{src:"/assets/27c3681a77f271c6.svg",className:T.H9,alt:""}),(0,l.jsx)(C.E,{className:T.L,variant:"text-sm/normal",children:_.intl.string(_.t.IJyOUf)}),(0,l.jsx)(I.A,{ref:a,onChange:e=>{if(null!=t&&e.currentTarget?.files?.[0]!=null){let l={id:n.name,file:e.currentTarget.files[0],platform:y.xz.WEB,origin:"file_picker"};d.A.setFile({channelId:t,id:n.name,file:l,draftType:S.C.SlashCommand,allowOptimization:!1}),e.currentTarget.value=""}},multiple:!1,tabIndex:-1,"aria-hidden":!0,className:T.Fg})]})})]})}var b=n(652215),R=n(386016),O=n(429128);let M=[];function L(e){let{channelId:t,type:n,ignoreFile:s,smallAttachments:C=!1}=e,E=(0,c.bG)([m.A],()=>m.A.keyboardModeEnabled),I=(0,p.A)("attachments",o.Gl.HORIZONTAL),y=(0,c.bG)([g.A],()=>g.A.getUploads(t,n.drafts.type)),{isApplicationCommand:S,commandOptions:N,commandOptionStates:_}=(0,c.cf)([f.A],()=>{let e=f.A.getActiveCommand(t);if(null==e)return{isApplicationCommand:!1,commandOptions:M,commandOptionStates:null};let n=f.A.getOptionStates(t);return{isApplicationCommand:!0,commandOptions:e.options,commandOptionStates:n}}),T=i.useMemo(()=>N?.filter(e=>e.type===h.n4.ATTACHMENT&&_?.[e.name]?.hasValue)??[],[N,_]),[L,w]=i.useState([]);i.useEffect(()=>{let e=()=>{d.A.clearAll(t,n.drafts.type)};return u.h.subscribe("APPLICATION_COMMAND_SET_ACTIVE_COMMAND",e),()=>u.h.unsubscribe("APPLICATION_COMMAND_SET_ACTIVE_COMMAND",e)},[t,n]);let k=i.useCallback(()=>{I.focusFirstVisibleItem()},[I]);(0,x.Vo)({event:b.jej.FOCUS_ATTACHMENT_AREA,handler:k});let P={isApplicationCommand:S,previousUploadOptions:L,uploadOptions:T},D=i.useRef(P);i.useEffect(()=>{D.current=P}),i.useEffect(()=>{let{isApplicationCommand:e,previousUploadOptions:l,uploadOptions:i}=D.current;if(e){let e=[];l.forEach(t=>{i.some(e=>t.name===e.name)||e.push(t)}),e.forEach(e=>{d.A.remove(t,e.name,n.drafts.type)}),w(i)}},[t,T.length,n]);let U=y.filter(e=>e.filename!==s);return!S&&0===U.length||S&&0===T.length?null:(0,l.jsx)(a.hD,{navigator:I,children:(0,l.jsx)(a.PR,{children:e=>{let{ref:i,...s}=e;return(0,l.jsx)("ul",{ref:i,...s,className:r()(R.I,O.KK),children:S?T.map(e=>(0,l.jsx)(j,{channelId:t,keyboardModeEnabled:E,option:e},e.name)):U.map(e=>(0,l.jsx)(v.A,{channelId:t,draftType:n.drafts.type,upload:e,keyboardModeEnabled:E,clip:e.clip,size:C?A.L.SMALL:A.L.MEDIUM},e.id))})}})})}let w=i.memo(function(e){let{channelId:t,type:n,canAttachFiles:i,ignoreFile:s,smallAttachments:r=!1}=e;return i?(0,l.jsx)(L,{channelId:t,type:n,ignoreFile:s,smallAttachments:r}):null})}