1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[33203],{2574:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/shared-album/[token]",function(){return n(30730)}])},30730:(e,t,n)=>{"use strict";n.r(t),n.d(t,{__N_SSP:()=>g,default:()=>j});var l=n(37876),r=n(39822),o=n(43123),s=n(20529),i=n(30488),a=n(58239),u=n(52861),h=n(6815),p=n(4520),d=n(2697),c=n(77328),f=n.n(c),x=n(14232),m=n(25633),b=n(25906),g=!0;function j({album:e}){let[t,n]=(0,x.useState)(null),c=e.photos,g=null!==t?c[t]:null,w=(0,x.useCallback)(e=>n(t=>null===t?t:(t+e+c.length)%c.length),[c.length]);return(0,x.useEffect)(()=>{if(null===t)return;let e=e=>{"ArrowRight"===e.key&&w(1),"ArrowLeft"===e.key&&w(-1)};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[t,w]),(0,l.jsxs)(b.A,{children:[(0,l.jsxs)(f(),{children:[(0,l.jsx)("title",{children:`${e.name} | Shared with Unique Photo`}),(0,l.jsx)("meta",{name:"robots",content:"noindex, nofollow"}),(0,l.jsx)("meta",{name:"referrer",content:"no-referrer"})]}),(0,l.jsxs)(r.a,{maxW:"1320px",mx:"auto",px:{base:3,md:6},pt:6,pb:12,children:[(0,l.jsxs)(o.s,{align:"center",gap:2,fontSize:"sm",color:"var(--up-fg-muted)",mb:1,children:[(0,l.jsx)(h.default,{size:14})," Shared with Unique Photo"]}),(0,l.jsx)(s.D,{as:"h1",size:"lg",color:"var(--up-fg)",mb:1,children:e.name}),(0,l.jsxs)(i.E,{color:"var(--up-fg-muted)",fontSize:"sm",mb:6,children:[e.photoCount," photo",1===e.photoCount?"":"s"," \xb7 view only"]}),c.length?(0,l.jsx)(a.r,{minChildWidth:"160px",gap:"8px",children:c.map((e,t)=>e.thumbUrl?(0,l.jsx)(r.a,{as:"button",onClick:()=>n(t),"aria-label":`Open photo ${t+1} of ${c.length}`,aspectRatio:1,borderRadius:"8px",overflow:"hidden",position:"relative",bg:"var(--up-product-bg)",_focusVisible:{outline:"2px solid var(--up-focus-ring)",outlineOffset:"2px"},children:(0,l.jsx)(m.A,{srcs:[e.thumbUrl,e.previewUrl],alt:"",compact:!0,style:{width:"100%",height:"100%",objectFit:"cover"}})},e.photoID):null)}):(0,l.jsx)(i.E,{color:"var(--up-fg-muted)",children:"This album is empty."})]}),(0,l.jsxs)(u.Dz,{open:null!==t,onOpenChange:e=>!e.open&&n(null),size:"full",children:[(0,l.jsx)(u.Xi,{bg:"rgba(0,0,0,0.92)"}),(0,l.jsx)(u.f5,{children:(0,l.jsxs)(u.Cf,{bg:"transparent",boxShadow:"none",children:[(0,l.jsx)(u.tK,{color:"#fff",top:"12px",right:"12px"}),(0,l.jsxs)(u.R4,{display:"flex",alignItems:"center",justifyContent:"center",p:{base:2,md:10},children:[g&&(0,l.jsx)(r.a,{position:"relative",minW:"200px",minH:"200px",display:"flex",alignItems:"center",justifyContent:"center",children:(0,l.jsx)(m.A,{srcs:[g.previewUrl,g.thumbUrl],alt:`Photo ${(t??0)+1} of ${c.length}`,loading:"eager",style:{maxWidth:"100%",maxHeight:"88vh",objectFit:"contain"}})}),c.length>1&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(r.a,{as:"button","aria-label":"Previous photo",onClick:()=>w(-1),position:"absolute",left:{base:1,md:4},top:"50%",transform:"translateY(-50%)",color:"#fff",p:2,children:(0,l.jsx)(p.default,{size:32})}),(0,l.jsx)(r.a,{as:"button","aria-label":"Next photo",onClick:()=>w(1),position:"absolute",right:{base:1,md:4},top:"50%",transform:"translateY(-50%)",color:"#fff",p:2,children:(0,l.jsx)(d.default,{size:32})})]})]})]})})]})]})}},58239:(e,t,n)=>{"use strict";n.d(t,{r:()=>a});var l=n(37876),r=n(14232),o=n(60307),s=n(33712),i=n(77005);let a=(0,r.forwardRef)(function(e,t){var n,r,a;let{columns:u,minChildWidth:h,...p}=e,d=(0,o.$)(),c=h?(n=h,r=d,(0,s.s)(n,e=>{let t=r.tokens.getVar(`sizes.${e}`,"number"==typeof e?`${e}px`:e);return null===e?null:`repeat(auto-fit, minmax(${t}, 1fr))`})):(a=u,(0,s.s)(a,e=>null===e?null:`repeat(${e}, minmax(0, 1fr))`));return(0,l.jsx)(i.x,{ref:t,templateColumns:c,...p})});a.displayName="SimpleGrid"}},e=>{e.O(0,[90636,46593,38792],()=>e(e.s=2574)),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.