Module 550730

function(e,t,n){n.d(t,{A:()=>b}),n(508300);var a=n(627968),i=n(64700),s=n(503698),l=n.n(s),r=n(835245),o=n(397927),d=n(157559),c=n(817363),u=n(993408),m=n(315949),h=n(559474),x=n(816866),p=n(87558),g=n(918550),f=n(314485);let v="Make sure you're only uploading text files!",_=e=>{let{profileEffect:t,onClick:n}=e,{deleteProfileEffect:i}=(0,x.wu)();return(0,a.jsxs)(o.DUT,{className:f.B0,onClick:n,children:[(0,a.jsx)("div",{className:f.yV,style:{backgroundImage:`url(${t.effects?.[0]?.base64})`}}),(0,a.jsxs)("div",{className:f.eL,children:[(0,a.jsx)(o.Text,{variant:"text-md/bold",children:t.name}),(0,a.jsx)(o.Button,{variant:"critical-secondary",text:"Delete",onClick:e=>{e.preventDefault(),e.stopPropagation(),i(t.skuId)}})]})]})};function b(){let{profileEffects:e,upsertProfileEffect:t,clearAll:n}=(0,x.wu)(),[s,b]=i.useState(),j=i.useRef(null),{categories:A}=(0,m.A)(),C=i.useMemo(()=>(0,u.Wj)(A),[A]),[y,S]=i.useState(""),E=i.useMemo(()=>""===y?C:C.filter(e=>{let t=y.toLowerCase(),n=e.title?.toLowerCase()??"",a=e.description?.toLowerCase()??"";return n.includes(t)||a.includes(t)}),[y,C]),T=i.useCallback((e,n)=>{if(null==n||!e.type.startsWith("text/"))return(0,h.Ni)(v);let[a,i]=n.split(",");if(!a.includes("text/plain"))return(0,h.Ni)(v);let s=JSON.parse(atob(i));s.skuId=(0,r.A)(),t(s),(0,h.GF)("Profile Effect (maybe??) imported!")},[t]),N=i.useCallback(e=>{e.currentTarget?.files==null?(0,h.Ni)("Error uploading file. Try again!"):(0,h.KE)(e.currentTarget.files,T,h.Ni)},[T]);return(0,a.jsxs)("div",{className:f.zr,children:[null==s&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:f.nz,children:[(0,a.jsxs)("div",{className:l()(f.uW,f.nM),children:[(0,a.jsx)(o.Heading,{variant:"heading-xl/bold",children:"Custom Profile Effects"}),(0,a.jsx)(o.Button,{variant:"critical-secondary",text:"Clear All",onClick:async()=>{await d.A.confirm({title:"Clear All Profile Effects",body:"Are you sure you want to clear all profile effects? This cannot be undone.",confirmText:"Clear All",confirmVariant:"critical-primary"})&&(n(),(0,h.GF)("All profile effects cleared!"))}})]}),(0,a.jsx)("div",{className:f.Iv,children:Object.values(e).map(e=>(0,a.jsx)(_,{profileEffect:e,onClick:()=>b(e)},e.skuId))})]}),(0,a.jsxs)("div",{className:l()(f.nM,f._N,f.uW),children:[(0,a.jsxs)("div",{className:f.au,children:[(0,a.jsx)(o.Text,{variant:"text-md/normal",color:"always-white",children:"Import Shared Config"}),(0,a.jsx)(c.A,{ref:j,onChange:N,multiple:!1})]}),(0,a.jsx)(o.Button,{variant:"primary",text:"Create New Effect",onClick:()=>{t({skuId:(0,r.A)(),name:"New Profile Effect",effects:[]})}})]}),(0,a.jsx)("hr",{}),(0,a.jsxs)("div",{className:f.uW,children:[(0,a.jsx)(o.Heading,{variant:"heading-xl/bold",children:"All Effects"}),(0,a.jsx)(o.ksK,{value:y,onChange:e=>{S(e)}}),(0,a.jsx)("div",{className:f.xm,children:E.map(e=>(0,a.jsx)(o.DUT,{className:f.S5,style:{backgroundImage:`url(${e.thumbnailPreviewSrc})`},onClick:()=>{let t={[p.qH.THUMBNAIL]:null!=e.thumbnailPreviewSrc&&""!==e.thumbnailPreviewSrc?{src:e.thumbnailPreviewSrc,name:"thumbnail.png",base64:""}:null,[p.qH.STATIC]:null!=e.staticFrameSrc&&""!==e.staticFrameSrc?{src:e.staticFrameSrc,name:"static.png",base64:""}:null,[p.qH.REDUCED_MOTION]:null!=e.reducedMotionSrc&&""!==e.reducedMotionSrc?{src:e.reducedMotionSrc,name:"reduced_motion.png",base64:""}:null};b({skuId:e.skuId,name:e.title,effects:e.effects,stillFrames:t,readonly:!0})},children:(0,a.jsx)("div",{className:f.Hd,children:(0,a.jsx)(o.Text,{variant:"text-md/normal",color:"always-white",children:e.title})})},e.skuId))})]})]}),null!=s&&(0,a.jsx)(g.A,{profileEffect:s})]})}}