https://rentok.com/_next/static/chunks/pages/_sites/payment-pages/p2/preview/skyline-9e7d57b39c17ee7c.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="658420b0-7c7f-49a0-8a2d-34b1f70bd578",e._sentryDebugIdIdentifier="sentry-dbid-658420b0-7c7f-49a0-8a2d-34b1f70bd578")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5866],{5127:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_sites/payment-pages/p2/preview/skyline",function(){return n(85417)}])},620:function(e,t,n){"use strict";n.d(t,{YQ:function(){return boardName},ZP:function(){return Skyline}});var a=n(85893),r=n(9008),i=n.n(r),l=n(67294);let o={x:936,y:441,w:252,h:366},s={x:869,y:271,w:154,h:60,lean:24.4},c="pay-city-arrived",d={day:{ground:"#E4D6C7"},golden:{ground:"#D4B8AE"},night:{ground:"#1C2A42"}},u=new Set(["by","co","the","and","for","at","in","of","a","de","&"]);function boardName(e){let t=String(e||"").trim().split(/\s+/).filter(Boolean);if(!t.length)return null;let n=[],a=-1;for(let e of t){if(a+1+e.length>16)break;n.push(e),a+=1+e.length}for(;n.length>1&&u.has(n[n.length-1].toLowerCase());)n.pop();return n.length?n.join(" "):t[0].slice(0,2).toUpperCase()}let lightAt=e=>e>=6&&e<16?"day":e>=16&&e<19?"golden":"night",clamp=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return Math.min(n,Math.max(t,e))},ease=e=>1-Math.pow(1-e,3);function Skyline(e){let{propertyName:t,brandColor:n,brand:r="RentOk",height:u=232,force:p,at:m,pinned:h=!1,slim:y=!1,seal:g=!1,onPlace:f,children:v}=e,[b,x]=(0,l.useState)(()=>p||lightAt(function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:new Date;return new Date(e.getTime()+(330+e.getTimezoneOffset())*6e4).getHours()}(m?new Date(m):void 0))),[w,k]=(0,l.useState)(null),[j,N]=(0,l.useState)(!1),S=function(e){let t=boardName(e);if(!t)return null;let n=t.split(" ");if(t.length<=9||n.length<2)return[t];let a=null;for(let e=1;e<n.length;e++){let t=n.slice(0,e).join(" "),r=n.slice(e).join(" "),i=Math.max(t.length,r.length);(!a||i<a[0])&&(a=[i,t,r])}return[a[1],a[2]]}(t),_=S?S.join("|"):"",E=(0,l.useRef)(null),F=(0,l.useRef)(null),D=(0,l.useRef)(null),A=(0,l.useRef)(null),P=(0,l.useRef)(null),C=(0,l.useRef)(null),R=(0,l.useRef)(null),L=(0,l.useRef)(null),M=(0,l.useRef)(null),W=(0,l.useRef)(()=>{});(0,l.useEffect)(()=>{let e=p||lightAt(new Date().getHours());e!==b&&x(e);let t="undefined"!=typeof navigator?navigator.connection:null,n=!!((null==t?void 0:t.saveData)||/2g/.test((null==t?void 0:t.effectiveType)||""));k("/paypage/city-".concat(e).concat(n?"-light":"",".webp"))},[p]),(0,l.useEffect)(()=>{var e,t,n;let a=E.current;if(!a)return;let r=null===(e=(t=window).matchMedia)||void 0===e?void 0:e.call(t,"(prefers-reduced-motion: reduce)").matches,i=!!((null===(n=navigator.connection)||void 0===n?void 0:n.saveData)||navigator.deviceMemory&&navigator.deviceMemory<4),l={W:a.clientWidth||390,p:0,target:0,arrive:1,hero:1,lit:1},set=(e,t,n)=>e&&(e.style[t]=n),paint=()=>{var e;let t=l.p,n=h?232-160*t:a.clientHeight,r=h?n-26*(1-t):n,i=Math.min(.84*r/o.h,(l.W-144)/o.w)*(.45+.55*l.arrive);i=Math.max(i,l.W/1651,n/922);let s=clamp(l.W/2-(o.x+90*(1-l.arrive))*i,l.W-1651*i,0),c=clamp(r/2-o.y*i+4,n-922*i,0);if(set(F.current,"transform","translate3d(".concat(s,"px, ").concat(c,"px, 0) scale(").concat(i,")")),set(A.current,"opacity",String(l.hero)),set(P.current,"opacity",String(l.lit*(1-clamp((t-.4)/.3)))),!h)return;let d=clamp((t-.55)/.45),u="inset(0 0 ".concat(232-n,"px 0");a.style.clipPath="".concat(u,")"),set(F.current,"opacity",String(1-d)),set(R.current,"clipPath","".concat(u," round 0 0 ").concat(18*t,"px ").concat(18*t,"px)")),set(R.current,"opacity",String(d)),set(L.current,"opacity",String(d)),set(L.current,"transform","translate(-50%, ".concat(n-64+(1-d)*8,"px)"));let p=M.current;p&&(p.style.opacity=String(d),p.style.transform="translateY(".concat(n-25,"px)"),p.inert=d<=.6,p.style.pointerEvents=d>.6?"auto":"none",p.tabIndex=d>.6?0:-1),null===(e=C.current)||void 0===e||e.style.setProperty("--p",String(t))},s=0;W.current=()=>{var e;null===(e=D.current)||void 0===e||e.classList.add("is-ready");let t=!0;try{t="1"===sessionStorage.getItem(c),sessionStorage.setItem(c,"1")}catch(e){t=!0}if(!h||r||i||t){paint();return}let n=performance.now(),step=e=>{let t=e-n;l.arrive=ease(clamp(t/1400)),l.hero=clamp((t-700)/400),l.lit=clamp((t-950)/200),paint(

1),t<1400&&(s=requestAnimationFrame(step))};l.arrive=l.hero=l.lit=0,paint(),s=requestAnimationFrame(step)};let d="undefined"!=typeof ResizeObserver?new ResizeObserver(()=>(l.W=a.clientWidth,paint())):null;null==d||d.observe(a);let u=0,p=0,m=!1,tick=()=>{l.p+=(l.target-l.p)*.24,.002>Math.abs(l.target-l.p)&&(l.p=l.target),paint(),u=l.p!==l.target?requestAnimationFrame(tick):0},span=()=>Math.min(160,document.documentElement.scrollHeight-window.innerHeight),progress=()=>{let e=span();return e<100?0:clamp((window.scrollY-40)/(e-40))},arm=()=>{clearTimeout(p),p=setTimeout(()=>{let e=window.scrollY,t=span();!(m||t<100||document.querySelector("dialog[open]"))&&e>40&&e<t&&window.scrollTo({top:e<(40+t)/2?0:t,behavior:r?"instant":"smooth"})},140)},onScroll=()=>{l.target=progress(),r?(l.p=l.target,paint()):u||(u=requestAnimationFrame(tick)),arm()},down=()=>m=!0,up=()=>(m=!1,arm());return h&&(l.p=l.target=progress(),window.addEventListener("scroll",onScroll,{passive:!0}),window.addEventListener("touchstart",down,{passive:!0}),window.addEventListener("touchend",up,{passive:!0}),window.addEventListener("touchcancel",up,{passive:!0})),paint(),()=>{cancelAnimationFrame(s),cancelAnimationFrame(u),clearTimeout(p),null==d||d.disconnect(),window.removeEventListener("scroll",onScroll),window.removeEventListener("touchstart",down),window.removeEventListener("touchend",up),window.removeEventListener("touchcancel",up)}},[h]),(0,l.useEffect)(()=>{var e,t;let n=P.current;if(!n)return;let fit=()=>{let e=22;for(n.style.fontSize="".concat(e,"px");(n.scrollWidth>n.clientWidth||n.scrollHeight>n.clientHeight)&&e>12;)e-=1,n.style.fontSize="".concat(e,"px")};fit(),null===(t=document.fonts)||void 0===t||null===(e=t.ready)||void 0===e||e.then(fit)},[_]);let I="radial-gradient(ellipse ".concat(.78*o.w,"px ").concat(.64*o.h,"px at ").concat(o.x,"px ").concat(o.y,"px, #000 55%, transparent 100%)");return y?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i(),{children:(0,a.jsx)("meta",{name:"theme-color",content:d[b].ground},"theme-color")}),(0,a.jsxs)("div",{className:"pay-slimbar is-".concat(b),style:{background:d[b].ground},children:[(0,a.jsx)("img",{src:"/paypage/skyline-".concat(b,".webp"),alt:"",className:"pay-slimbar-sky",decoding:"async"}),t?(0,a.jsxs)("button",{type:"button",className:"pay-slimbar-name",onClick:f,"aria-label":g?"".concat(t,". Official ").concat(r," link"):"About ".concat(t),children:[(0,a.jsx)("span",{children:boardName(t)||t}),g?(0,a.jsx)("img",{src:"/paypage/badge-verified.svg",alt:"",width:15,height:15}):null]}):null,v]})]}):(0,a.jsxs)(a.Fragment,{children:[h?(0,a.jsx)(i(),{children:(0,a.jsx)("meta",{name:"theme-color",content:d[b].ground},"theme-color")}):null,(0,a.jsxs)("div",{ref:E,className:"".concat(h?"pay-top ":"","pay-sky is-").concat(b),style:{height:h?232:u,background:d[b].ground},"aria-hidden":!0,children:[(0,a.jsx)("div",{ref:F,className:"pay-sky-cam",style:{width:1651,height:922},children:(0,a.jsxs)("div",{ref:D,className:"pay-sky-world",children:[w?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("img",{src:w,alt:"",className:"pay-sky-city",decoding:"async",onLoad:()=>W.current(),onError:()=>N(!0)}),(0,a.jsx)("img",{ref:A,src:w,alt:"",className:"pay-sky-city pay-sky-hers",style:{maskImage:I,WebkitMaskImage:I}})]}):null,S?(0,a.jsx)("div",{ref:P,className:"pay-sky-sign pay-sky-board",style:{left:s.x,top:s.y,width:s.w,height:s.h,"--lean":"".concat(s.lean,"deg"),"--sign":n||("night"===b?"#2F66E8":"#1D3A7A"),color:n?"var(--pay-on-brand)":"#FFFFFF"},children:S.map(e=>(0,a.jsx)("span",{children:e},e))}):null]})}),j&&t?(0,a.jsx)("div",{className:"pay-sky-fallback",children:t}):null]}),h?(0,a.jsxs)("div",{ref:C,className:"pay-skybar is-".concat(b),children:[(0,a.jsx)("div",{ref:R,className:"pay-skybar-fade"}),(0,a.jsx)("img",{ref:L,src:"/paypage/skyline-".concat(b,".webp"),alt:"",className:"pay-skybar-sky",decoding:"async"}),t?(0,a.jsxs)("button",{ref:M,type:"button",className:"pay-skybar-name",onClick:f,tabIndex:-1,"aria-label":g?"".concat(t,". Official ").concat(r," link"):"About ".concat(t),children:[(0,a.jsx)("span",{children:t}),g?(0,a.jsx)("img",{src:"/paypage/badge-verified.svg",alt:"",width:15,height:15}):null]}):null,v]}):null]})}},85417:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSP:function(){return c},default:function(){return SkylinePreview}});var a=n(85893),r=n(9008),i=n.n(r),l=n(48316),o=n(620);let s=[{name:"Jai Dada PG",room:"302",colour:"#1E4FD8"},{name:"CB 129",room:"1B 2",colour:null},{name:"Siyaram Boys Pg",room:"303 4 Sh",colour:null},{name:"VR Comforts Luxury Co-living PG",room:"6-A7",colour:"#7A3FBF"},{name:"Stayfino By Dice Hostel",room:"314",colour:"#2E5D42"},{name:"Bliss Co Living 1033 Sector 15",room:"302",colour:"#B3261E"},{name:"Sunrise",room:"12",colour:"#C2571A"},{name:"Shri Krishna Paying Guest House For Working Professionals",room:"A-4",colour:null}];var c=!0;function SkylinePreview(){return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(i(),{children:[(0,a.jsx)("title",{children:"Skyline bench"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1"}),(0,a.jsx)("meta",{name:"robots",content:"noindex"})]}),(0,a.jsx)(l.Z,{children:(0,a.jsxs)("div",{className:"pay-skybench",children:[(0,a.jsx)("div",{className:"pay-label pay-skybench-head",children:"her building, at night"}),s.map((e,t)=>(0,a.jsxs)("section",{className:"pay-skybench-case",children:[(0,a.jsx)(o.ZP,{propertyName:e.n

1ame,room:e.room,brandColor:e.colour,height:148,force:t%2?"day":"night"}),(0,a.jsxs)("div",{className:"pay-skybench-caption",children:[(0,a.jsx)("div",{className:"pay-skybench-name",children:e.name}),(0,a.jsxs)("div",{className:"pay-skybench-meta",children:["Room ",e.room," \xb7 ",(0,a.jsxs)("span",{children:["board reads “",(0,o.YQ)(e.name),"”",e.colour?" \xb7 brand colour":" \xb7 no brand colour",t%2?" \xb7 day":" \xb7 night"]})]})]})]},t)),(0,a.jsx)("div",{className:"pay-label pay-skybench-head pay-skybench-head--next",children:"the same property, her clock: night, then day"}),(0,a.jsx)(o.ZP,{propertyName:"Jai Dada PG",room:"302",brandColor:"#1E4FD8",height:190,force:"night"}),(0,a.jsx)("div",{className:"pay-skybench-gap"}),(0,a.jsx)(o.ZP,{propertyName:"Jai Dada PG",room:"302",brandColor:"#1E4FD8",height:190,force:"day"})]})})]})}},62538:function(e){e.exports={style:{fontFamily:"'__Figtree_8cbda3', '__Figtree_Fallback_8cbda3'",fontStyle:"normal"},className:"__className_8cbda3",variable:"__variable_8cbda3"}}},function(e){e.O(0,[1664,8316,9774,2888,179],function(){return e(e.s=5127)}),_N_E=e.O()}]);