https://www.diabrowser.com/_next/static/chunks/3263.0290d00026b473a3.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3263],{3399:(e,r,t)=>{"use strict";t.d(r,{MS:()=>c,Ol:()=>s,Os:()=>o,f2:()=>d,ie:()=>i,oF:()=>p,pl:()=>n,qT:()=>l,xt:()=>u});let a=new Map([[1,{name:"12pm",gradient:"linear-gradient(180deg, #8FC4EF 0%, rgba(143, 202, 239, 0.85) 50%, rgba(240, 254, 197, 0.00) 100%)",themeColor:"#8FC4EF"}],[2,{name:"6am",gradient:"linear-gradient(180deg, #F6FEC4 0%, rgba(255, 238, 160, 0.85) 50%, rgba(255, 236, 248, 0.00) 100%)",themeColor:"#F6FEC4"}],[3,{name:"7pm",gradient:"linear-gradient(180deg, #FEB085 0%, rgba(255, 176, 178, 0.85) 17.79%, rgba(255, 204, 249, 0.85) 35%, rgba(233, 215, 255, 0.85) 56.73%, rgba(236, 242, 255, 0.00) 100%)",themeColor:"#FEB085"}],[4,{name:"10pm",gradient:"linear-gradient(180deg, #B1BDFF 0%, rgba(154, 191, 255, 0.85) 33%, rgba(177, 215, 255, 0.85) 66%, rgba(229, 255, 254, 0.00) 100%)",themeColor:"#B1BDFF"}]]),s=e=>{var r;if(e)return null==(r=a.get(e))?void 0:r.themeColor},n=e=>"transition"===e||"experimental"===e?e:"classic",o=30,l=230,i=6,d=-20,c=-78,p=90,u=500},15770:(e,r,t)=>{"use strict";t.d(r,{BW:()=>o,eY:()=>l,vH:()=>s});var a=t(46569);let s={w:1600,h:1e3,fit:"crop",dpr:2},n=e=>null==e?void 0:e.find(e=>"releaseNotePostcard"===e._type),o=e=>{var r;let t=n(e),o=null==t||null==(r=t.heroImage)?void 0:r.url;if(o&&(e=>{try{return"https:"===new URL(e).protocol}catch(e){return!1}})(o))return(0,a.A)(o,s)},l=e=>{var r;return(null==(r=n(e))?void 0:r.showPolaroid)===!0}},73263:(e,r,t)=>{"use strict";t.r(r),t.d(r,{ReleaseNotePostcard:()=>f});var a=t(53108),s=t(64312),n=t(37295),o=t(48569),l=t(42816),i=t(94947),d=t(93673),c=t(37078),p=t(3399),u=t(15770),m=t(73546),g=t.n(m);let h={duration:.95,delay:.1,ease:[.12,.66,.3,1]},_={duration:.95,delay:.1,ease:[.5,.02,.35,1]},v="/images/release-notes/postcard/postmark.png",w=e=>{let{value:r,tabIndex:t,children:s}=e,n=null==r?void 0:r.href;return n?n.startsWith("/")||n.startsWith("#")?(0,a.jsx)(c.N,{className:g().messageLink,url:n,openInNewWindow:null==r?void 0:r.openInNewWindow,tabIndex:t,children:s}):(0,a.jsx)("a",{className:g().messageLink,href:n,target:(null==r?void 0:r.openInNewWindow)?"_blank":void 0,rel:(null==r?void 0:r.openInNewWindow)?"noopener noreferrer":void 0,tabIndex:t,children:s}):(0,a.jsx)(a.Fragment,{children:s})},f=e=>{let{heroImage:r,greeting:t,message:c,signOff:m,signOffImage:f,postmarkWeek:x,postmarkImage:y,stampImage:N,showPolaroid:b,polaroidImage:P,isPostcardTransitionTarget:R=!1}=e,j=(0,s.useRef)(null),k=(0,s.useRef)(null),L=(0,s.useRef)(null),E=(0,s.useRef)(null),C=(0,s.useRef)(!1),F=(0,s.useRef)(!1),I=(0,s.useRef)(!1),T=(0,s.useRef)(!1),z=(0,s.useRef)(!1),[B,W]=(0,s.useState)(!1),[Y,M]=(0,s.use

1State)(!1),O=(0,l.W)(j,{once:!0,amount:.35}),q=(0,i.I)(),A=(0,s.useMemo)(()=>({block:{normal:e=>{let{children:r}=e;return(0,a.jsx)("p",{children:r})}},marks:{strong:e=>{let{children:r}=e;return(0,a.jsx)("strong",{children:r})},em:e=>{let{children:r}=e;return(0,a.jsx)("em",{children:r})},link:e=>{let{value:r,children:t}=e;return(0,a.jsx)(w,{value:r,tabIndex:B?void 0:-1,children:t})}}}),[B]),X=(0,s.useMemo)(()=>(e=>(null!=e?e:[]).reduce((e,r)=>{var t;return e+("block"===r._type?(null!=(t=r.children)?t:[]).reduce((e,r)=>{var t,a;return e+(null!=(a=null==(t=r.text)?void 0:t.length)?a:0)},0):0)},0))(c)>p.xt,[c]),U=(0,s.useCallback)(()=>{L.current=null,null!==E.current&&(window.clearTimeout(E.current),E.current=null);let e=k.current;e&&(e.removeAttribute("data-tilting"),e.removeAttribute("data-tilt-entering"),e.style.removeProperty("--postcard-rotate-x"),e.style.removeProperty("--postcard-rotate-y"),e.style.removeProperty("--postcard-rotate-z"),e.style.removeProperty("--postcard-sheen-x"),e.style.removeProperty("--postcard-sheen-y"),e.style.removeProperty("--postcard-sheen-opacity"))},[]);(0,s.useEffect)(()=>U,[U]);let S=(0,s.useCallback)(e=>{e!==C.current&&(C.current=e,e&&U(),W(e))},[U]);(0,s.useEffect)(()=>{let e=()=>{let e="#dia-postcard-instant"===window.location.hash;document.documentElement.toggleAttribute("data-dia-release-notes-postcard-instant",e),M(e),e&&S(!1)};return e(),window.addEventListener("hashchange",e),()=>window.removeEventListener("hashchange",e)},[S]),(0,s.useEffect)(()=>{if("#dia-postcard-instant"===window.location.hash)return void S(!1);let e=k.current;if(!e)return;let r=()=>{if(F.current)return;let r=e.getBoundingClientRect(),t=window.innerHeight;I.current||(I.current=window.scrollY>0);let a=window.scrollY>=50,s=r.bottom<=t-32,n=r.top+r.height/2<=.65*t,o=a&&(s||n);if(T.current&&!z.current){if(!o)return;z.current=!0}S(o)};return r(),window.addEventListener("scroll",r,{passive:!0}),window.addEventListener("resize",r),()=>{window.removeEventListener("scroll",r),window.removeEventListener("resize",r)}},[Y,S]),(0,s.useEffect)(()=>{let e;if("#dia-postcard-instant"===window.location.hash)return;let r=()=>{void 0===e&&(e=window.setTimeout(()=>{F.current||I.current||(T.current=!0,S(!0))},2500))},t=e=>{("mouse"===e.pointerType||"touch"===e.pointerType)&&r()},a=document.documentElement;return a.addEventListener("pointerenter",t),(!window.matchMedia("(hover: hover) and (pointer: fine)").matches||a.matches(":hover"))&&r(),()=>{a.removeEventListener("pointerenter",t),void 0!==e&&window.clearTimeout(e)}},[Y,S]);let H=(0,s.useCallback)(()=>{"#dia-postcard-instant"!==window.location.hash&&(F.current=!0,S(!C.current))},[S]),K=(0,s.useCallback)(e=>{if("#dia-postcard-instant"===window.location.hash||"mouse"!==e.pointerType||q||B)return;L.current=e.currentTarget.getBoundingClientRect();let r=k.current;r&&(r.setAttribute("data-tilting","true"),r.setAttribute("data-tilt-entering","true"),r.style.setProperty("--postcard-sheen-opacity","0.55"),E.current=window.setTimeout(()=>{var e;null==(e=k.current)||e.removeAttribute("data-tilt-entering"),E.current=null},400))},[B,q]),D=(0,s.useCallback)(e=>{if("#dia-postcard-instant"===window.location.hash)return;let r=L.current;if(!r||q||"mouse"!==e.pointerType||B)return;let t=(e.clientX-r.left)/r.width*2-1,a=(e.clientY-r.top)/r.height*2-1,s=k.current;s&&(s.style.setProperty("--postcard-rotate-x","".concat(-4.5*a,"deg")),s.style.setProperty("--postcard-rotate-y","".concat(6.5*t,"deg")),s.style.setProperty("--postcard-rotate-z","".concat(-.8*t,"deg")),s.style.setProperty("--postcard-sheen-x","".concat(t*r.width*.2,"px")),s.style.setProperty("--postcard-sheen-y","".concat(a*r.height*.16,"px")))},[B,q]);if(!(null==r?void 0:r.url))return null;let G=O||q;return(0,a.jsx)("div",{ref:j,className:"site-padding w-full py-20 800:py-40",children:(0,a.jsx)(o.Uu,{className:g().entranceY,initial:!q&&{transform:"translateY(55%)"},animate:G?{transform:"translateY(0%)"}:void 0,transition:q?{duration:0}:h,children:(0,a.jsx)(o.Uu,{className:g().entranceX,initial:!q&&{opacity:0,transform:"translateX(-18%) rotate(-7deg) scale(0.72)"},animate:G?{opacity:1,transform:"translateX(0%) rotate(0deg) scale(1)"}:void 0,transition:q?{duration:0}:_,children:(0,a.jsxs)("div",{ref:k,className:g().scene,...R?{"data-dia-release-notes-postcard":!0}:{},children:[(0,a.jsx)("div",{className:g().card,"data-flipped":B,children:(0,a.jsxs)("div",{className:g().inner,children:[b&&(0,a.jsx)("div",{className:g().blankCardLayer,"aria-hidden":"true",children:(0,a.jsx)("img",{src:"/images/release-notes/postcard/card-blank.png",alt:"",draggable:!1})}),(0,a.jsxs)("div",{className:"".concat(g().face," ").concat(g().front),"aria-hidden":"true",children:[(0,a.jsx)(d._,{alt:"",lqip:r.lqip||void 0,lazy:!1,sizes:"(max-width: 600px) 92vw, (max-width: 1100px) 86vw, 980px",sources:[{url:r.url,...u.vH,media:"(min-width: 1100px)"},{url:r.url,w:1200,h:750,fit:"crop",dpr:2,media:"(min-width: 700px)"}],src:{url:r.url,w:800,h:500,fit:"crop",dpr:2},className:g().heroImage,imgProps:{draggable:!1}}),(0,a.jsx)("span",{"aria-hidden":"true",className:g().sheen})]}),b&&(0,a.jsx)("div",{className:g().paperclipLayer,"aria-hidden":"true",children:(0,a.jsx)("img",{src:"/images/release-notes/postcard/paperclip.png",alt:"",draggable:!1})}),(0,a.jsxs)("div",{className:"".concat(g().face," ").concat(g().back),children:[(0,a.jsxs)("picture",{className:g().paper,children:[(0,a.jsx)("source",{media:"(prefers-color-scheme: dark)",srcSet:"/images/release-notes/postcard/postcard-back-dark.png"}),(0,a.jsx)("img",{src:"/images/release-notes/postcard/postcard-back.png",alt:"",draggable:!1})]}),(0,a.jsx)("img",{className:g().stamp,src:(null==N?void 0:N.url)||"/images/release-notes/postcard/stamp-brooklyn.png",alt:"","aria-hidden":"true",draggable:!1}),(0,a.jsx)("img",{className:g().postmark,src:(null==y?void 0:y.url)||(e=>e?"/images/release-notes/postcard/postmark-w".concat(e,".png"):v)(x),alt:"","aria-hidden":"true",draggable:!1,onError:e=>{e.currentTarget.src.endsWith("postmark.png")||(e.currentTarget.src=v)}}),(0,a.jsxs)("div",{className:g().copy,"data-long-message":X,children:[t&&(0,a.jsx)("p",{className:g().greeting,children:t}),(0,a.jsx)("div",{className:g().message,children:(0,a.jsx)(n.RK,{value:null!=c?c:[],components:A})}),(null==f?void 0:f.url)?(0,a.jsx)(d._,{alt:m,lqip:f.lqip||void 0,lazy:!0,sizes:"(max-width: 599px) 55vw, 28vw",src:{url:f.url,w:420,dpr:2},className:g().signOffImage,imgProps:{draggable:!1}}):(0,a.jsx)("p",{className:g().signOff,children:m})]})]}),b&&(0,a.jsx)("div",{className:g().polaroidLayer,"aria-hidden":"true",children:(0,a.jsxs)("div",{className:g().polaroid,children:[(0,a.jsx)("img",{src:"/images/release-notes/postcard/polaroid.png",alt:"",draggable:!1}),(null==P?void 0:P.url)&&(0,a.jsx)(d._,{alt:"",lqip:P.lqip||void 0,lazy:!0,sizes:"(max-width: 1100px) 34vw, 430px",sources:[{url:P.url,w:520,dpr:2,media:"(min-width: 1100px)"}],src:{url:P.url,w:430,dpr:2},className:g().polaroidPhoto,imgProps:{draggable:!1}})]})})]})}),(0,a.jsx)("button",{type:"button",className:g().flipToggle,onClick:H,onPointerEnter:K,onPointerMove:D,onPointerLeave:U,onPointerCancel:U,"aria-pressed":B,"aria-label":B?"Turn the postcard over to the photo":"Turn the postcard over to read the message"})]})})})})}},73546:e=>{e.exports={entranceY:"ReleaseNotePostcard_entranceY__GlsIs",entranceX:"ReleaseNotePostcard_entranceX__g_AK5",scene:"ReleaseNotePostcard_scene__LMbc9",card:"ReleaseNotePostcard_card__mLEUt",inner:"ReleaseNotePostcard_inner__IKZGf",face:"ReleaseNotePostcard_face__nwmPl",front:"ReleaseNotePostcard_front__nU4M8",flipToggle:"ReleaseNotePostcard_flipToggle__LRFce",heroImage:"ReleaseNotePostcard_heroImage__BxRpf",sheen:"ReleaseNotePostcard_sheen__9rFHD",blankCardLayer:"ReleaseNotePostcard_blankCardLayer__gN0zx",paperclipLayer:"ReleaseNotePostcard_paperclipLayer__PTjGK",polaroidLayer:"ReleaseNotePostcard_polaroidLayer__5j5vY",polaroid:"ReleaseNotePostcard_polaroid___bB2n",polaroidPhoto:"ReleaseNotePostcard_polaroidPhoto__PFUhl",back:"ReleaseNotePostcard_back__rA_l_",paper:"ReleaseNotePostcard_paper__XI8On",stamp:"ReleaseNotePostcard_stamp__qQMW8",postmark:"ReleaseNotePostcard_postmark__rynpF",copy:"ReleaseNotePostcard_copy___iY8J",greeting:"ReleaseNotePostcard_greeting__O3g__",message:"ReleaseNotePostcard_message__M9_eL",signOff:"ReleaseNotePostcard_signOff__gJqLo",messageLink:"ReleaseNotePostcard_messageLink__uanWb",signOffImage:"ReleaseNotePostcard_signOffImage__yhSXa"}}}]);