Module 568658

function(e,i,t){t.d(i,{default:()=>I});var a=t(477900),s=t(582128),n=t(935462),l=t(761508),r=t(750943),o=t(834730),c=t(444927),d=t(915089),m=t(267889),u=t(770335),p=t(405810),h=t(808728),x=t(486020),g=t(515718),j=t(652215),b=t(307731);async function f(e){let i=await fetch((0,x._O)({id:e,animated:!1,size:b.EMOJI_URL_BASE_SIZE,forcePNG:!0})),t=await (0,g.We)(await i.blob());return j.Pt0+t.slice(t.indexOf(",")+1)}var N=t(375708),y=t(347570);function C(){return[{name:N.intl.string(N.t["Sp2NF+"]),extensions:["jpg","jpeg","png"]}]}let I=function(e){let{guildId:i,onUploadIcon:t,onSelectUnicodeEmoji:x,onClose:g,transitionState:j}=e,I=(0,d.GV)(),E=h.Ay.getDefaultChannel(i),[v,S]=s.useState("tab-id-role-icon-file-upload"),[k,w]=s.useState(!1),z=(0,c.A)(C);return s.useEffect(()=>{w(!1)},[v]),(0,a.jsx)(n.EO,{transitionState:j,"aria-labelledby":I,size:n.rI.MEDIUM,className:y.CR,parentComponent:"CustomRoleIconUploadModal","data-migration-pending":!0,children:(0,a.jsxs)("div",{className:y.FG,children:[(0,a.jsxs)(l.V,{selectedItem:v,onItemSelect:S,type:"top",look:"grey","aria-label":"Expression Picker",className:y.C$,children:[(0,a.jsx)(l.V.Item,{id:"tab-id-role-icon-file-upload",children:N.intl.string(N.t.royWSB)}),(0,a.jsx)(l.V.Item,{id:"tab-id-role-icon-emoji",children:N.intl.string(N.t["/Ny2wZ"])})]}),"tab-id-role-icon-file-upload"===v?(0,a.jsx)(n.$m,{"data-migration-pending":!0,children:(0,a.jsxs)("div",{className:y.PO,children:[(0,a.jsxs)("div",{className:y.HK,children:[(0,a.jsx)("img",{src:"/assets/4c12db677c616b52.svg",alt:"sparkles"}),(0,a.jsx)("div",{className:y.sk,children:(0,a.jsx)(r.X,{size:"md",color:"currentColor",className:y.T3})})]}),(0,a.jsx)("div",{className:y.WG,children:N.intl.string(N.t["mz++Qq"])}),(0,a.jsx)(p.A,{onChange:e=>{w(!1),t(e),g()},onFileSizeError:()=>{w(!0)},maxFileSizeBytes:256e3,filters:z,text:N.intl.string(N.t.sdCQY4),size:"md",variant:"primary"}),k?(0,a.jsx)(o.E,{className:y.Qw,color:"text-feedback-critical",variant:"text-sm/normal",children:N.intl.string(N.t.HFyKsa)}):null]})}):null,"tab-id-role-icon-emoji"===v?(0,a.jsx)(m.A,{hasTabWrapper:!0,closePopout:()=>g(),onSelectEmoji:async e=>{let{emoji:i}=e;i?.id!=null?i.type===u.i.GUILD&&t(await f(i.id)):i?.surrogates!=null&&x(i.defaultDiversityChild?.surrogates??i.surrogates),g()},pickerIntention:b.EmojiIntention.COMMUNITY_CONTENT,channel:E}):null]})})}}