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),u=n(17928),c=n(228366),d=n(608299),m=n(155718),h=n(775602),p=n(260762),f=n(861382),g=n(522602),E=n(234320),A=n(215497),C=n(834730),x=n(939249),I=n(780777),_=n(565150),S=n(424170),y=n(31717),v=n(914905),T=n(650583),N=n(375708),j=n(402913);function b(e){let{channelId:t,option:n,keyboardModeEnabled:s}=e,a=i.useRef(null),[o,u]=i.useState(!1),c=g.A.getUpload(t,n.name,y.C.SlashCommand),h=i.useRef(null),p=n.type===m.n4.ATTACHMENT?n.fileTypes:void 0,{allowedExtensions:f,typesFormattedString:E,validateFilenames:b,showInvalidFileTypeAlert:R}=(0,S.M1)(p),P=i.useCallback(()=>{u(!0)},[]),L=i.useCallback(()=>{u(!1)},[]),M=i.useCallback((e,l)=>{if(f.length>0&&!b([e.name]))return R();let i={id:n.name,file:e,platform:_.xz.WEB,origin:l};d.A.setFile({channelId:t,id:n.name,file:i,draftType:y.C.SlashCommand,allowOptimization:!1})},[f.length,b,n.name,t,R]),O=i.useCallback(e=>{u(!1);let t=e.dataTransfer?.files[0];null!=t&&M(t,"drag_drop")},[M]);return(i.useEffect(()=>{let e=h.current;return null==c&&(e?.addEventListener("dragover",P,!1),e?.addEventListener("dragleave",L,!1),e?.addEventListener("drop",O,!1)),()=>{e?.removeEventListener("dragover",P,!1),e?.removeEventListener("dragleave",L,!1),e?.removeEventListener("drop",O,!1)}},[c,P,L,O]),null!=c)?(0,l.jsx)(v.A,{channelId:t,upload:c,keyboardModeEnabled:s,draftType:y.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:c.filename})]}),canEdit:!1}):(0,l.jsxs)(A.A,{id:n.name,channelId:t,keyboardModeEnabled:s,onKeyDown:function(e){e.key===T.dh.ENTER&&(e.preventDefault(),a.current?.activateUploadDialogue())},className:r()(j.xd,{[j.LB]:o}),draftType:y.C.SlashCommand,ref:h,children:[(0,l.jsx)("span",{className:r()(j.fS,{[j.Vg]:o}),children:n.displayName}),(0,l.jsx)(x.D,{className:j.uN,onClick:()=>a.current?.activateUploadDialogue(),children:(0,l.jsxs)("div",{className:j.wi,children:[(0,l.jsx)("img",{src:"/assets/27c3681a77f271c6.svg",className:j.H9,alt:""}),(0,l.jsx)(C.E,{className:j.L,variant:"text-sm/normal",children:null!=E?N.intl.format(N.t.JJzx48,{types:E}):N.intl.string(N.t.IJyOUf)}),(0,l.jsx)(I.A,{ref:a,onChange:function(e){let n=e.currentTarget?.files?.[0];null!=t&&null!=n&&(M(n,"file_picker"),e.currentTarget.value="")},multiple:!1,filters:f.length>0?[{name:"",extensions:f}]:void 0,tabIndex:-1,"aria-hidden":!0,className:j.Fg})]})})]})}var R=n(652215),P=n(386016),L=n(429128);let M=[];function O(e){let{channelId:t,type:n,ignoreFile:s,smallAttachments:C=!1}=e,x=(0,u.bG)([h.Ay],()=>h.Ay.keyboardModeEnabled),I=(0,p.A)("attachments",o.Gl.HORIZONTAL),_=(0,u.bG)([g.A],()=>g.A.getUploads(t,n.drafts.type)),{isApplicationCommand:S,commandOptions:y,commandOptionStates:T}=(0,u.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}}),N=i.useMemo(()=>y?.filter(e=>e.type===m.n4.ATTACHMENT&&T?.[e.name]?.hasValue)??[],[y,T]),[j,O]=i.useState([]);i.useEffect(()=>{function e(){d.A.clearAll(t,n.drafts.type)}return c.h.subscribe("APPLICATION_COMMAND_SET_ACTIVE_COMMAND",e),()=>c.h.unsubscribe("APPLICATION_COMMAND_SET_ACTIVE_COMMAND",e)},[t,n]);let w=i.useCallback(()=>{I.focusFirstVisibleItem()},[I]);(0,E.Vo)({event:R.jej.FOCUS_ATTACHMENT_AREA,handler:w});let k={isApplicationCommand:S,previousUploadOptions:j,uploadOptions:N},D=i.useRef(k);i.useEffect(()=>{D.current=k}),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)}),O(i)}},[t,N.length,n]);let U=_.filter(e=>e.filename!==s);return!S&&0===U.length||S&&0===N.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()(P.I,L.KK),children:S?N.map(e=>(0,l.jsx)(b,{channelId:t,keyboardModeEnabled:x,option:e},e.name)):U.map(e=>(0,l.jsx)(v.A,{channelId:t,draftType:n.drafts.type,upload:e,keyboardModeEnabled:x,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)(O,{channelId:t,type:n,ignoreFile:s,smallAttachments:r}):null})}