https://redcurtainaddict.com/_next/static/chunks/pages/venue/[slug]/dashboard/gallery-e101ffc4c77fd973.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9057],{4639:(e,t,r)=>{"use strict";r.d(t,{E:()=>n});var i=r(14232);let n=r(68573).S?i.useLayoutEffect:i.useEffect},10361:(e,t,r)=>{"use strict";r.d(t,{A:()=>y});var i=r(37876);r(14232);var n=r(5646),o=r(22112),a=r(48230),l=r.n(a);let d=n.Ay.div.withConfig({componentId:"sc-c331c23b-0"})(["flex-grow:1;width:235px;background-color:",";"],o.Tj.c17),s=n.Ay.ul.withConfig({componentId:"sc-c331c23b-1"})(["list-style:none;margin-top:100px;padding-left:8px;padding-right:8px;"]),c=(0,n.AH)(["background-color:",";"],o.Tj.c16),u=n.Ay.li.withConfig({componentId:"sc-c331c23b-2"})(["border-radius:12px;padding:10px 10px;display:flex;flex-direction:row;align-items:center;cursor:pointer;"," > svg{height:20px;width:20px;}"],e=>{let{$active:t}=e;return t?c:""}),p=(0,n.Ay)(l()).withConfig({componentId:"sc-c331c23b-3"})(["margin-left:10px;width:100%;display:flex;flex-direction:row;align-items:center;> svg{height:20px;width:20px;margin-right:10px;}"]);var h=r(89099),g=r(75314);let y=e=>{let{active:t}=e,{slug:r}=(0,h.useRouter)().query,n=[{label:"Events",icon:"ticket",url:`/${r}/dashboard/events`},{label:"Profile",icon:"layoutIcon",url:`/${r}/dashboard/profile`},{label:"Gallery",icon:"galleryOutline",url:`/${r}/dashboard/gallery`}];return(0,i.jsx)(d,{children:(0,i.jsx)(s,{children:n.map((e,r)=>(0,i.jsx)(u,{$active:t===r,children:(0,i.jsxs)(p,{href:"/venue"+e.url,children:[(0,i.jsx)(g.A,{name:e.icon}),e.label]})},r))})})}},23820:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/venue/[slug]/dashboard/gallery",function(){return r(91059)}])},51152:(e,t,r)=>{"use strict";let i;r.d(t,{_:()=>f});var n=r(20996),o=r(14232),a=r(37189),l=r(35727),d=r(18949),s=r(28195);function c(){}var u=r(14717),p=r(4639),h=r(48219),g=r(70924);let y=["refetch","fetchMore","updateQuery","startPolling","stopPolling","subscribeToMore"];function f(e,t){let r=(0,h.m)(null==t?void 0:t.client),a=o.useRef(void 0),d=o.useRef(void 0),f=(0,u.k)(()=>t,[t]),m=(i||(i=o.createContext(null)),o.useCallback(()=>{let e=console.error;try{return console.error=c,o.useContext(i),!0}catch(e){return!1}finally{console.error=e}},[]));function w(){return r.watchQuery({...t,query:e,initialFetchPolicy:null==t?void 0:t.fetchPolicy,fetchPolicy:"standby",[l._]:!0})}let[x,b]=o.useState(r),[$,A]=o.useState(w);x!==r&&(b(r),A(w()));let _=o.useCallback((e,t)=>{var r;let i=null==(r=d.current)?void 0:r.data;i&&!(0,n.L)(i,e.data)&&(a.current=i),d.current=e,t()},[]),j=(0,g.r)(o.useCallback(e=>{let t=$.subscribe(t=>{(0,n.L)(d.current,t)||_(t,e)});return()=>{t.unsubscribe()}},[$,_]),()=>d.current||v,()=>v),I=o.useMemo(()=>{let e={};for(let t of y)e[t]=function(){for(var e=arguments.length,r=Array(e),i=0;i<e;i++)r[i]=arguments[i];return(0,s.V1)(d.current,29,t),$[t](...r)};return e},[$]);o.useEffect(()=>{let r={query:e,errorPolicy:null==f?void 0:f.errorPolicy,refetchWritePolicy:null==f?void 0:f.refetchWritePolicy,returnPartialData:null==f?void 0:f.returnPartialData,notifyOnNetworkStatusChange:null==f?void 0:f.notifyOnNetworkStatusChange,nextFetchPolicy:null==t?void 0:t.nextFetchPolicy,skipPollAttempt:null==t?void 0:t.skipPollAttempt};"standby"!==$.options.fetchPolicy&&(null==f?void 0:f.fetchPolicy)&&(r.fetchPolicy=f.fetchPolicy),$.applyOptions(r)},[e,$,f,null==t?void 0:t.nextFetchPolicy,null==t?void 0:t.skipPollAttempt]);let k=o.useCallback(function(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];(0,s.V1)(!m(),30);let[i]=t,n=$.options.fetchPolicy;return"standby"===n&&(n=$.options.initialFetchPolicy),$.reobserve({fetchPolicy:n,variables:null==i?void 0:i.variables,context:(null==i?void 0:i.context)??{}})},[$,m]),C=o.useRef(k);return(0,p.E)(()=>{C.current=k}),[o.useCallback(function(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return C.current(...t)},[]),o.useMemo(()=>{let{partial:e,...t}=j;return{...I,...t,client:r,previousData:a.current,variables:$.variables,observable:$,called:!!d.current}},[r,j,I,$])]}let v=(0,d.G)({data:void 0,dataState:"empty",loading:!1,networkStatus:a.p.ready,partial:!0})},52133:(e,t,r)=>{"use strict";r.d(t,{Dw:()=>s,Hz:()=>d,SX:()=>h,lh:()=>u,pk:()=>c,qM:()=>p,r7:()=>l,sC:()=>f});var i=r(87767),n=r(97685);let{rcaApi:o}=i.A,a=async(e,t,r,i,n)=>{await fetch(`${o}/venue/getSignedUrl`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`${n}`},body:JSON.stringify({fileName:t,ownerId:r,ownerType:i,contentType:e.type})}).then(e=>e.json()).then(async t=>await fetch(t.signedUrl,{method:"PUT",headers:{"Content-Type":e.type,"x-amz-acl":"bucket-owner-full-control"},body:e})).then(e=>{if(!e.ok)throw console.error("Presigned URL upload failed:",e.status,e.statusText),Error(`Upload failed with status: ${e.status} - ${e.statusText}`);return e}).catch(e=>{throw console.error("Presigned upload error:",e),Error(`Failed to upload with error: ${e}`)})},l=async e=>{try{let{token:t}=e,r={id:e.id,name:e.name,phoneNumber:e.phoneNumber,email:e.email,website:e.website,address:e.address,city:e.city,state:e.state,zipCode:e.zipCode,facebook:e.facebook,instagram:e.instagram,twitter:e.twitter,youtube:e.youtube,about:e.about,tags:e.tags};return{res:await fetch(`${o}/venue/updateProfile`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`${t}`},body:JSON.stringify(r)})}}catch(t){let{message:e}=t;return e&&(n.Ay.error(`Failed to update venue profile with error: ${e}`),console.error(`Failed to update venue profile with error: ${e}`)),!1}},d=async e=>{try{let{token:t}=e,r={venueId:e.venueId,mediaId:e.mediaId};return{res:await fetch(`${o}/venue/setVenueCover`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`${t}`},body:JSON.stringify(r)})}}catch(t){let{message:e}=t;return e&&(n.Ay.error(`Failed to set new venue cover image with error: ${e}`),console.error(`Failed to set new venue cover image with error: ${e}`)),!1}},s=async e=>{try{let{token:t}=e,r={venueId:e.venueId,media:e.media},i=new FormData;for(let e in r)i.append(e,r[e]);return{res:await fetch(`${o}/venue/uploadVenueGallery`,{method:"POST",headers:{Authorization:`${t}`},body:i})}}catch(t){let{message:e}=t;return e&&(n.Ay.error(`Failed to upload venue media with error: ${e}`),console.error(`Failed to upload venue media with error: ${e}`)),!1}},c=async e=>{try{let{token:t}=e,r={venueId:e.venueId,mediaName:e.mediaName};return{res:await fetch(`${o}/venue/venueDeleteGallery`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`${t}`},body:JSON.stringify(r)})}}catch(t){let{message:e}=t;return e&&(n.Ay.error(`Failed to delete venue media with error: ${e}`),console.error(`Failed to delete venue media with error: ${e}`)),!1}},u=async e=>{try{let{token:t}=e,r={name:e.name,about:e.about,artists:e.artists,audience:e.audience,ticket_link:e.ticket_link,eventType:e.eventType,min_price:e.min_price,max_price:e.max_price,netflix_shows:e.netflix_shows,venue_id:e.venue_id,major_city:e.major_city,start_date:e.start_date,end_date:e.end_date,scene:e.scene,tags:JSON.stringify(e.tags),bgImage:e.bgImage},i=new FormData;for(let e in r)i.append(e,r[e]);for(let t of e.gallery)i.append("gallery",t);return{res:await fetch(`${o}/venue/createEvent`,{method:"POST",headers:{Authorization:`${t}`},body:i})}}catch(t){let{message:e}=t;return e&&(n.Ay.error(`Failed to create event with error: ${e}`),console.error(`Failed to create event with error: ${e}`)),!1}},p=async e=>{try{let{token:t}=e,r={id:e.id,name:e.name,about:e.about,artists:e.artists,audience:e.audience,eventType:e.eventType,ticket_link:e.ticket_link,min_price:e.min_price,max_price:e.max_price,netflix_shows:e.netflix_shows,somethingHere:e.somethingHere,venue_id:e.venue_id,major_city:e.major_city,start_date:e.start_date,end_date:e.end_date,scene:e.scene,tags:JSON.stringify(e.tags),bgImage:e.bgImage,removeImages:e.removeImages},i=new FormData;for(let e in r)i.append(e,r[e]);for(let t of e.gallery)i.append("gallery",t);return{res:await fetch(`${o}/venue/updateEvent`,{method:"POST",headers:{Authorization:`${t}`},body:i})}}catch(t){let{message:e}=t;return e&&(n.Ay.error(`Failed to update event with error: ${e}`),console.error(`Failed to update event with error: ${e}`)),!1}},h=async e=>{try{let{token:t}=e,r={eventId:e.eventId,venueId:e.venueId};return{res:await fetch(`${o}/venue/deleteEvent`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`${t}`},body:JSON.stringify(r)})}}catch(t){let{message:e}=t;e&&(n.Ay.error(`Failed to delete event with error: ${e}`),console.error(`Failed to delete event with error: ${e}`))}},g=async e=>{let{token:t,ownerId:r,ownerType:i}=e},y=async e=>{let t=e.video?`${crypto.randomUUID()}.${e.video.type.split("/")[1]}`:e.videoUrl?e.videoUrl:void 0;try{let{token:r}=e,i={videoSource:t,videoTitle:e.videoTitle,videoSubtitle:e.videoSubtitle,videoPreviewImage:e.videoPreviewImage,videoType:e.videoType,eventId:e.eventId,venueId:e.venueId},n=new FormData;for(let e in i)n.append(e,i[e]);e.video&&await a(e.video,t,e.ownerId,e.ownerType,r)}catch(i){let{message:r}=i;g(e,t),r&&(n.Ay.error(`Failed to add video with error: ${r}`),console.error(`Failed to add video with error: ${r}`))}},f=async e=>{try{4!==e.videoType?await y(e):await g(e)}catch(t){let{message:e}=t;e&&(n.Ay.error(`Failed to add video with error: ${e}`),console.error(`Failed to add video with error: ${e}`))}}},62477:(e,t,r)=>{"use strict";r.d(t,{pM:()=>m,Zr:()=>j,_v:()=>A,Yq:()=>b,aR:()=>h,aj:()=>p,hg:()=>f,VA:()=>s,SQ:()=>x,_f:()=>v,YV:()=>P,fJ:()=>S,Qs:()=>F,WL:()=>T,sn:()=>y,EN:()=>_,oR:()=>d,Wr:()=>$,dg:()=>I});var i=r(14232),n=r(53519),o=r(42179),a=r(22112),l=r(41639);let d=e=>{let{router:t,newParams:r,replace:i,route:n,existingQuery:o}=e,a={};a=i?r:{...o,...r},n?t.push(`${n}?${l.A.stringify(a)}`):t.replace(`${t.pathname}?${l.A.stringify(a)}`)},s=e=>{let{total:t,perPage:r,isMobile:i}=e,n=+e.currentPage,o=Math.ceil(t/r),a=[];if(o<(i?5:7)){let e=1;for(;e<=o;)a.push(e),e++}else if(n<(i?3:5))a=i?[1,2,3,"...",o]:[1,2,3,4,5,"...",o];else if(n>o-3){a=[1,"..."];let e=o-3;for(;e<=o;)a.push(e),e++}else a=[1,"...",n-1,n,n+1,"...",o];return{pages:a,showPrevious:1!==n,showNext:n!==o}},{dispatch:c,get:u}

1=(0,o.A)(),p=e=>{if(!e)return null;let t=e.split("-");return`${t[1]}/${t[2]}/${t[0]}`},h=e=>{if(!e)return null;let t=e.split("-");return`${t[1]}/${t[2]}/${t[0]}`},g=e=>"string"==typeof e&&/^https?:\/\//i.test(e.trim()),y=e=>`/api/image-proxy?url=${encodeURIComponent(e)}`,f=e=>{let{ownerType:t,ownerId:r,name:i,width:n=500}=e;return i?g(i)?y(i):`https://rca-s3.imgix.net/${t}/${r}/${i}?fm=webp&fit=crop&q=60&w=${n}&dpr=1.5&strip=true`:""},v=e=>{let{id:t,imageUrl:r,coverImageId:i,eventImages:n,width:o=500}=e,a=Array.isArray(n)?n:[],l=a.find(e=>String(null==e?void 0:e.id)===String(i))||a[0]||null;return(null==l?void 0:l.name)?f({ownerType:1,ownerId:t,name:l.name,width:o}):r?g(r)?y(r):r:""},m=e=>{let{id:t,imageUrl:r,coverImageId:i,eventImages:n,width:o=800}=e,a=[],l=new Set,d=Array.isArray(n)?n:[];return d.length>0?d.forEach((e,r)=>{if(!(null==e?void 0:e.name))return;let n=f({ownerType:1,ownerId:t,name:e.name,width:o});!n||l.has(n)||(a.push({isCover:null!=i?String(e.id)===String(i):0===r,imageUrl:n}),l.add(n))}):r&&(a.push({isCover:!0,imageUrl:g(r)?y(r):r}),l.add(r)),a.length>0&&!a.some(e=>e.isCover)&&(a[0].isCover=!0),a},w=async e=>{try{let t=await fetch(e,{method:"HEAD"});return 200===t.status}catch(e){return!1}},x=async function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r="https://rca-s3.imgix.net/static/videoPlaceholder.png?fm=webp&fit=crop&q=60&h=300&dpr=1.5&strip=true",i=t?e.vertical_image:e.horizontal_image;if(i){let t=`https://rca-s3.imgix.net/vlog/${e.id}/${i}?fm=webp&fit=crop&q=60&h=300&dpr=1.5&strip=true`;if(await w(t))return t}if(e.video_type===a.Mr.FILE){let t=`https://rca-s3.imgix.video/${e.source}?fm=webp&fit=crop&q=60&h=300&dpr=1.5&strip=true&video-generate=thumbnail`;return await w(t)?t:r}return r},b=e=>{let t=new Date(e).toLocaleDateString("en-US").split("/"),r=["January","February","March","April","May","June","July","August","September","October","November","December"][t[0]-1];return`${r} ${t[1]}, ${t[2]}`},$=(e,t)=>{(0,i.useEffect)(()=>{let r=r=>{!e.current||e.current.contains(r.target)||t(r)};return document.addEventListener("mousedown",r),document.addEventListener("touchstart",r),()=>{document.removeEventListener("mousedown",r),document.removeEventListener("touchstart",r)}},[e,t])},A=e=>{let{startDate:t,endDate:r,dateFormat:i="MMM do"}=e,o=t&&(0,n.GP)(t,i),a=r&&(0,n.GP)(r,i);return`${o||""}${a?` - ${a}`:""}`},_=(e,t)=>e.some(e=>e===t)?e.filter(e=>e!==t):[...e,t],j=e=>e.charAt(0).toUpperCase()+e.slice(1),I=(e,t)=>!!e&&(!!e.isAdmin||!!e.isVenueOwner&&!!t&&e.id==t),k="newBackendEvents",C=()=>{try{return JSON.parse(localStorage.getItem(k)||"{}")}catch{return{}}},T=(e,t)=>{if(!e)return;let r=C();r[e]={...r[e]||{},...t||{},slug:e},localStorage.setItem(k,JSON.stringify(r))},S=e=>!!e&&!!C()[e],P=()=>Object.values(C()).filter(e=>e&&e.name),F=()=>{let e="visited";if(!("u">typeof localStorage))return!1;{let t=localStorage.getItem(e),r=Date.now();return(!t||r-t>864e5)&&(window.localStorage.setItem(e,r),!0)}}},91059:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>M});var i=r(37876),n=r(14232),o=r(27797),a=r(75314),l=r(10361),d=r(5646),s=r(22112),c=r(43623);let{md:u}=s.fi,p=d.Ay.div.withConfig({componentId:"sc-1968e2b2-0"})(["display:flex;"]),h=d.Ay.div.withConfig({componentId:"sc-1968e2b2-1"})(["width:100%;background-color:transparent;padding-left:20px;padding-right:20px;"]),g=d.Ay.div.withConfig({componentId:"sc-1968e2b2-2"})(["width:90%;position:relative;z-index:20;padding-top:20px;display:flex;align-items:center;justify-content:space-between;> h2{font-size:20px;}> button{width:140px;font-weight:normal;}"]),y=d.Ay.div.withConfig({componentId:"sc-1968e2b2-3"})(["width:100%;margin-top:12px;border-radius:16px;min-height:700px;display:flex;"]),f=d.Ay.div.withConfig({componentId:"sc-1968e2b2-4"})(["width:100%;height:100%;display:flex;flex-direction:column;"]),v=d.Ay.div.withConfig({componentId:"sc-1968e2b2-5"})(["display:flex;justify-content:flex-start;align-items:center;margin-bottom:10px;"]),m=(0,d.AH)(["color:",";"],s.Tj.c3),w=(0,d.AH)(["color:",";"],s.Tj.c4),x=d.Ay.div.withConfig({componentId:"sc-1968e2b2-6"})(["cursor:pointer;> h2{font-size:24px;","}&:last-child{margin-left:24px;}"],e=>{let{$active:t}=e;return t?m:w}),b=d.Ay.div.withConfig({componentId:"sc-1968e2b2-7"})(["display:flex;justify-content:center;"]),$=d.Ay.div.withConfig({componentId:"sc-1968e2b2-8"})(["display:flex;flex-wrap:wrap;width:100%;gap:16px;"]),A=d.Ay.div.withConfig({componentId:"sc-1968e2b2-9"})(["display:flex;border:2px solid ",';height:180px;width:180px;background-image:url("','");border-radius:16px;background-size:cover;background-position:center;&:hover{border:2px solid ',";}"],s.Tj.c14,e=>{let{$imageUrl:t}=e;return t},s.Tj.c4),_=d.Ay.div.withConfig({componentId:"sc-1968e2b2-10"})(["display:flex;width:100%;justify-content:flex-end;padding:5px 5px;> button{height:34px;width:34px;display:flex;justify-content:center;align-items:center;padding:unset;background-color:",";> svg{height:20px;width:20px;color:",";margin-right:unset;}}"],s.Tj.c23,s.Tj.c3),j=d.Ay.span.withConfig({componentId:"sc-1968e2b2-11"})(["border-radius:100px;background-color:",";color:white;height:34px;display:flex;justify-content:center;align-items:center;padding:0 18px;font-size:12px;"],s.Tj.c23),I=(0,d.Ay)(c.AM).withConfig({componentId:"sc-1968e2b2-12"})(["position:relative;margin-left:5px;"]),k=(0,d.Ay)(c.AM.Button).withConfig({componentId:"sc-1968e2b2-13"})(["background:rgba(0,0,0,0.8);border:none;cursor:pointer;border-radius:50%;height:35px;width:35px;display:flex;justify-content:center;align-items:center;> svg{height:24px;width:24px;color:",";}"],s.Tj.c3),C=(0,d.Ay)(c.AM.Panel).withConfig({componentId:"sc-1968e2b2-14"})(["position:absolute;z-index:2;background:",";border-radius:16px;right:0px;width:115px;max-width:calc(100vw - 36px);padding:10px;display:flex;flex-direction:column;"],s.Tj.c18);d.Ay.div.withConfig({componentId:"sc-1968e2b2-15"})(["padding:20px 20px 24px 20px;border-bottom:1px solid #101010;> div{&:first-child{}&:last-child{}}"]);let T=(0,d.Ay)(c.AM.Button).withConfig({componentId:"sc-1968e2b2-16"})(["background-color:transparent;border:none;padding:unset;>

1 span{display:flex;justify-content:center;align-items:center;width:100%;background-color:transparent;border:none;border-radius:12px;color:",";justify-content:left;height:40px;cursor:pointer;font-size:16px;font-weight:normal;padding-left:10px;&:hover{background:",";color:",";}}"],s.Tj.c4,s.Tj.c16,s.Tj.c3);var S=r(79350),P=r(51152),F=r(52133),E=r(22296),O=r(62477),N=r(89099);let z=(0,S.J1)`
2  query getVenue($where: venues_bool_exp = {}) {
3    venues(where: $where, limit: 1) {
4      name
5      id
6      bg_image_id
7      owner_id
8      venue_gallery {
9        name
10        id
11      }
12    }
13  }
14`,M=()=>{let[e,t]=(0,n.useState)(1),r=(0,N.useRouter)(),{slug:d}=r.query,[s,c]=(0,n.useState)(),[u,m]=(0,n.useState)(),{user:w,userData:S,loading:M}=(0,E.SE)("user","userData","userLoading"),[D,{loading:U,data:q}]=(0,P._)(z,{variables:{where:{slug:{_eq:d}}},fetchPolicy:"network-only"});(0,n.useEffect)(()=>{D({variables:{where:{slug:{_eq:d}}}})},[]);let J=null==q?void 0:q.venues[0];(0,n.useMemo)(()=>!!U||!q||(!M&&((0,O.dg)(S,null==J?void 0:J.owner_id)||r.push("/")),!1),[U,q,M]),(0,n.useEffect)(()=>{if(J){let e=[],t=[];for(let r of J.venue_gallery)r.is_video?t.push(r):e.push(r);c(e),m(t)}},[J]);let L=async(e,t)=>{let r=await w.getIdToken();await (0,F.Hz)({venueId:e,mediaId:t,token:r}),await D({variables:{where:{slug:{_eq:d}}}})},R=async e=>{let t=e.target.files[0],r=await w.getIdToken();await (0,F.Dw)({venueId:J.id,media:t,token:r}),await D({variables:{where:{slug:{_eq:d}}}})},H=async e=>{let t=await w.getIdToken();await (0,F.pk)({venueId:J.id,mediaName:e,token:t}),await D({variables:{where:{slug:{_eq:d}}}})},V=(e,t)=>{let r=e.id===J.bg_image_id;return(0,i.jsx)(A,{$imageUrl:`https://rca-s3.imgix.net/4/${J.id}/${e.name}?fm=webp&fit=crop&q=60&w=600&dpr=1.5&strip=true&height=250`,children:(0,i.jsxs)(_,{children:[r&&(0,i.jsx)(j,{children:"Cover"}),(0,i.jsxs)(I,{children:[(0,i.jsx)(k,{"aria-label":"More",children:(0,i.jsx)(a.A,{name:"moreIcon"})}),(0,i.jsxs)(C,{children:[(0,i.jsx)(T,{children:(0,i.jsx)("span",{onClick:()=>L(J.id,e.id),children:"Set cover"})}),(0,i.jsx)(T,{children:(0,i.jsx)("span",{onClick:()=>H(e.name),children:"Delete"})})]})]})]})},t)};return(0,i.jsxs)(p,{children:[(0,i.jsx)(l.A,{active:2}),(0,i.jsxs)(h,{children:[(0,i.jsxs)(g,{children:[(0,i.jsx)("h2",{children:"Gallery"}),(0,i.jsxs)(o.A,{"aria-label":"Upload",children:[(0,i.jsx)("input",{type:"file",style:{display:"none"},onChange:e=>R(e)}),(0,i.jsx)("span",{onClick:()=>document.querySelector('input[type="file"]').click(),children:"Upload"})]})]}),(0,i.jsx)(y,{children:(0,i.jsxs)(f,{children:[(0,i.jsx)(v,{children:(0,i.jsx)(x,{$active:1==e,onClick:()=>t(1),children:(0,i.jsx)("h2",{children:"Images"})})}),(0,i.jsxs)(b,{children:[1===e&&(0,i.jsx)($,{children:null==s?void 0:s.map(V)}),2===e&&(0,i.jsx)($,{children:null==u?void 0:u.map(V)})]})]})})]})]})}}},e=>{e.O(0,[4597,3259,636,6593,8792],()=>e(e.s=23820)),_N_E=e.O()}]);