https://culturenow.org/_next/static/chunks/pages/content/new-image/ImagePreview-be17d2f6616a0d5d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[781],{36436:function(e,i,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/content/new-image/ImagePreview",function(){return t(97994)}])},97994:function(e,i,t){"use strict";t.r(i);var l=t(85893),n=t(67294),o=t(97279),d=t(64199);i.default=function(e){var i,t,s,a,r,c,x,p,h,u,v,m,f,g,b,j,w,y,k,N,_,I,S,C,z,W,A,E,R=e.images,T=e.mode,D=(0,n.useState)(0),L=D[0],P=D[1],B=function(e){return new Date(2023,e,1).toLocaleString("default",{month:"long"})};return R&&R.length?"desktop"===T?(0,l.jsxs)("div",{className:"container py-5 position-relative",children:[(0,l.jsx)("h6",{className:"fw-bold",children:"Images"}),(0,l.jsxs)("div",{className:"d-flex flex-row",style:{height:"600px",minWidth:0},children:[(0,l.jsx)("div",{className:"d-flex flex-column flex-shrink-0",style:{height:"600px",width:"200px",overflowY:"auto",borderLeft:"3px solid #707070",position:"relative",zIndex:2},children:R.map((function(e,i){var t,n;return(0,l.jsxs)("div",{className:"d-flex flex-column",style:{paddingLeft:"10px",paddingTop:"12px"},onClick:function(){return function(e){return P(e)}(i)},children:[(0,l.jsx)("span",{style:{display:"inline-block",position:"relative"},children:(0,l.jsx)("span",{style:{position:"absolute",bottom:"-5px",left:"-10px",width:"10px",borderBottom:"3px solid #707070"}})}),(0,l.jsx)("img",{src:(0,d.getImageUrl)(e.url,"thumb",e.replacedAt),style:{border:(null===(t=R[L])||void 0===t?void 0:t.id)===e.id?"2px solid black":"",cursor:"pointer",height:"64px",width:"80px",opacity:(null===(n=R[L])||void 0===n?void 0:n.id)!==e.id?.5:1}})]},"".concat(e.id,"-").concat(e.replacedAt||""))}))}),(0,l.jsxs)("div",{className:"d-flex flex-row justify-content-center align-items-center gap-3",style:{flexGrow:1,minWidth:0,overflow:"hidden",position:"relative"},children:[(0,l.jsx)("div",{className:"d-flex flex-row justify-content-center align-items-center",style:{position:"absolute",right:"8px",top:"0px",width:"40px",height:"30px",border:"1px solid #707070",borderRadius:"5px",zIndex:2,backgroundColor:"#fff"},children:"".concat(L+1,"/").concat(R.length)}),(0,l.jsx)("button",{onClick:function(){L>0&&P(L-1)},disabled:0===L,"aria-label":"Previous image",style:{background:"transparent",border:"none",cursor:L>0?"pointer":"default",fontSize:"20px",width:"36px",height:"32px",flexShrink:0,opacity:L>0?1:.35,zIndex:2},children:(0,l.jsx)("img",{src:"/img/icons/arrow-left.svg",height:24,width:24,alt:""})}),(null===R||void 0===R?void 0:R.length)>0?(0,l.jsx)("div",{className:"d-flex justify-content-center align-items-center",style:{flex:1,minWidth:0,maxWidth:"100%",height:"550px",overflow:"hidden",position:"relative"},children:(0,l.jsx)("img",{src:(0,d.getEditorPreviewUrl)(R[L]),alt:"",style:{maxWidth:"100%",maxHeight:"100%",width:"auto",height:"auto",objectFit:"contain"}})}):(0,l.jsx)("p",{children:"Select an image to view details."}),(0,l.jsx)("button",{onClick:function(){L<(null===R||void 0===R?void 0:R.length)-1&&P(L+1)},disabled:L>=R.length-1,"aria-label":"Next image",style:{background:"transparent",border:"none",cursor:L<R.length-1?"pointer":"default",fontSize:"20px",width:"36px",height:"32px",flexShrink:0,opacity:L<R.length-1?1:.35,zIndex:2},children:(0,l.jsx)("img",{src:"/img/icons/arrow-right.svg",height:24,width:24,alt:""})})]})]}),(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",backgroundColor:"#ededed",padding:"10px"},children:[(0,l.jsxs)("div",{className:"d-flex flex-column justify-content-between align-items-start mb-2 flex-md-row",children:[(0,l.jsx)("h2",{className:"fs-7 fw-bold flex-grow-1 me-3 mb-0 lh-sm",children:(null===(i=R[L])||void 0===i?void 0:i.caption)?(0,l.jsxs)(l.Fragment,{children:[(null===(t=R[L])||void 0===t||null===(s=t.taken_date)||void 0===s?void 0:s.month)&&"".concat(B(R[L].taken_date.month)," "),(null===(a=R[L])||void 0===a||null===(r=a.taken_date)||void 0===r?void 0:r.day)&&"".concat(R[L].taken_date.day,", "),(null===(c=R[L])||void 0===c||null===(x=c.taken_date)||void 0===x?void 0:x.year)&&"".concat(R[L].taken_date.year," - "),null===(p=R[L])||void 0===p?void 0:p.caption]}):""}),(null===(h=R[L])||void 0===h?void 0:h.credits)&&(0,l.jsxs)("div",{className:"d-flex fs-8 gap-1 small text-muted flex-md-shrink-0 lh-sm",children:[(0,l.jsx)("span",{children:"\xa9"}),(0,l.jsx)("span",{children:null===(u=R[L])||void 0===u||null===(v=u.credits)||void 0===v?void 0:v.map((function(e,i,t){return(0,l.jsxs)("span",{className:"me-1",children:[null===e||void 0===e?void 0:e.person_name,i<t.length-1&&", "]},i)}))})]})]}),(0,l.jsx)("h3",{style:{marginTop:"10px",fontSize:"12.25px",height:"100px",overflowY:(null===(m=R[L])||void 0===m?void 0:m.description)&&"auto",scrollbarWidth:"thin",scrollbarColor:"rgba(0, 0, 0, 0.5) rgba(255, 255, 255, 0.5)",whiteSpace:"pre-wrap"},children:null===(f=R[L])||void 0===f?void 0:f.description})]})]}):(0,l.jsx)("div",{className:"d-flex flex-row w-100 justify-content-center mt-5",children:(0,l.jsx)("div",{style:{width:"400px",backgroundColor:"white",position:"relative"},children:(0,l.jsxs)("div",{style:{position:"relative"},children:[(0,l.jsx)("img",{src:"/img/mobileframe.png",width:400}),(0,l.jsxs)("div",{style:{margin:"5px",position:"absolute",top:"40px",left:"23px",width:"345px",overflowY:"scroll",scrollbarWidth:"none"},children:[(0,l.jsxs)("div",{style:{position:"absolute",top:"6px",right:"20px",background:"white",padding:"5px 10px",borderRadius:"5px",border:"1px solid black"},children:[L+1," / ",null===R||void 0===R?void 0:R.length]}),(0,l.jsx)("p",{className:"fs-6 fw-bold ms-2 mt-2",children:"Images"}),(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"row",gap:"20px",padding:"10px",height:"500px",borderLeft:"3px solid #707070"},children:[(0,l.jsx)("div",{style:{width:"20%",display:"flex",flexDirection:"column",alignItems:"center"},children:R.map((function(e,i){return(0,l.jsxs)("div",{className:"d-flex flex-column",children:[(0,l.jsx)("span",{style:{display:"inline-block",position:"relative"},children:(0,l.jsx)("span",{style:{position:"absolute",bottom:"-10px",left:"-10px",width:"15px",borderBottom:"3px solid #707070"}})}),(0,l.jsx)("img",{src:(0,d.getImageUrl)(null===e||void 0===e?void 0:e.url,"thumb",e.replacedAt),alt:"Thumbn

1ail ".concat(i+1),onClick:function(){return P(i)},style:{width:"70px",height:"60px",margin:"5px",opacity:L===i?1:.5,cursor:"pointer",border:"2px solid black"}})]},"".concat(e.id,"-").concat(e.replacedAt||""))}))}),(0,l.jsx)("div",{className:"d-flex flex-column justify-content-center align-items-center",style:{width:"80%",height:"550px",position:"relative",overflow:"hidden"},children:(0,l.jsx)(o.Z,{activeIndex:L,onSelect:P,interval:null,indicators:!1,nextIcon:(0,l.jsx)("span",{className:"carousel-control-next-icon"}),prevIcon:(0,l.jsx)("span",{className:"carousel-control-prev-icon"}),children:R.map((function(e,i){return(0,l.jsx)(o.Z.Item,{children:(0,l.jsx)("img",{src:(0,d.getImageUrl)(null===e||void 0===e?void 0:e.url,"thumb",e.replacedAt),alt:"Slide ".concat(i+1),style:{width:"100%",height:"auto",objectFit:"contain"}})},"".concat(e.id,"-").concat(e.replacedAt||""))}))})})]}),(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",backgroundColor:"#ededed",padding:"10px",height:"200px",overflowY:"scroll",scrollbarWidth:"none",borderBottomLeftRadius:"20px",borderBottomRightRadius:"20px"},children:[(0,l.jsx)("h2",{className:"fs-7 fw-bold me-3 mb-0",children:(null===(g=R[L])||void 0===g?void 0:g.caption)?(0,l.jsxs)(l.Fragment,{children:[(null===(b=R[L])||void 0===b||null===(j=b.taken_date)||void 0===j?void 0:j.month)&&"".concat(B(null===(w=R[L])||void 0===w?void 0:w.taken_date.month)," "),(null===(y=R[L])||void 0===y||null===(k=y.taken_date)||void 0===k?void 0:k.day)&&"".concat(null===(N=R[L])||void 0===N?void 0:N.taken_date.day,", "),(null===(_=R[L])||void 0===_||null===(I=_.taken_date)||void 0===I?void 0:I.year)&&"".concat(null===(S=R[L])||void 0===S?void 0:S.taken_date.year," - "),null===(C=R[L])||void 0===C?void 0:C.caption]}):""}),(null===(z=R[L])||void 0===z?void 0:z.credits)&&(0,l.jsx)("div",{className:"d-flex align-items-end fs-8 justify-content-start gap-1 small text-muted",children:(0,l.jsxs)("span",{children:[(0,l.jsx)("span",{style:{marginRight:"5px"},children:"\xa9"}),null===(W=R[L])||void 0===W||null===(A=W.credits)||void 0===A?void 0:A.map((function(e,i,t){return(0,l.jsxs)("span",{className:"me-1",children:[null===e||void 0===e?void 0:e.person_name,i<t.length-1&&", "]},i)}))]})}),(0,l.jsx)("div",{style:{marginTop:"5px"},children:(0,l.jsx)("h3",{style:{fontSize:"12.25px",whiteSpace:"break-spaces"},children:null===(E=R[L])||void 0===E?void 0:E.description})})]})]})]})})}):null}}},function(e){e.O(0,[2433,7279,9774,2888,179],(function(){return i=36436,e(e.s=i);var i}));var i=e.O();_N_E=i}]);