https://teliportme.com/_next/static/chunks/1950.aa51d8aa7115c1d8.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1950],{1292:function(e,t,r){"use strict";r.r(t);var n=r(85893),c=r(67294),a=r(49106),i=r(56009),o=r(5219),s=r.n(o),l=r(34749),u=r(5e4),m=r(64593),d=r(12051),p=r(5434),f=r(76177),h=r(85804),x=r(8813);t.default=function(e){var t=e.match,r=e.history,o=e.customDomain,v=void 0===o?"":o,w=e.embed,g=void 0!==w&&w,b=e.branding,j=void 0===b||b,y=function(e){k(e.clientX)},_=function(e){S(e.clientX)},N=function(e){e.preventDefault(),k(e.touches[0].clientX||e.touches[0].pageX)},R=function(e){var t=e.touches[0].clientX||e.touches[0].pageX;S(t)},k=function(e){K.current=!0,X.current=e},S=function(e){if(K.current){var t=F.current.getBoundingClientRect(),r=e-X.current,n=C.current.clientWidth,c=(t.width+r)/n*100;c=Math.min(Math.max(c,E),L),F.current.style.width=c+"%",Z.current.style.width=100-c+"%",K.current&&(A.current.resize(),q.current.resize())}X.current=e},z=function(){K.current=!1},E=20,L=80,M=(0,c.useRef)(null),T=(0,c.useRef)(null),C=(0,c.useRef)(null),F=(0,c.useRef)(null),Z=(0,c.useRef)(null),I=(0,c.useRef)(null),P=(0,c.useRef)(),H=(0,c.useRef)(null),K=(0,c.useRef)(!1),X=(0,c.useRef)(0),q=(0,c.useRef)(null),A=(0,c.useRef)(null),D=(0,c.useRef)(0),O=(0,c.useRef)([0,0]),U=(0,c.useRef)([0,0]),V=(0,c.useState)(null),Y=V[0],B=V[1],Q=(0,c.useState)(!1),W=Q[0],G=Q[1],J=(0,c.useState)(!1),$=J[0],ee=J[1],te=(0,c.useState)(""),re=te[0],ne=te[1],ce=(0,c.useState)(""),ae=ce[0],ie=ce[1],oe=(0,c.useState)([]),se=oe[0],le=oe[1],ue=(0,c.useState)(!1),me=ue[0],de=ue[1],pe=(0,c.useState)(!1),fe=pe[0],he=pe[1],xe=(0,c.useState)("1:2"),ve=xe[0],we=xe[1],ge=(0,c.useState)(1e3),be=ge[0],je=ge[1],ye=(0,h.D)();function _e(){var e,t,r,n;if(null!==H.current)if(H.current===A.current){e=O.current[0],t=O.current[1],r=U.current[0],n=U.current[1];var c=A.current.getPitch()-r,a=A.current.getYaw()-e,i=A.current.getHfov()-D.current;q.current.setPitch(c+n,!1),q.current.setYaw(a+t,!1),q.current.setHfov(i,!1),q.current.isLoaded()&&q.current.setUpdate(!0)}else{e=O.current[1],t=O.current[0],r=U.current[1],n=U.current[0];var o=q.current.getPitch()-r,s=q.current.getYaw()-e,l=q.current.getHfov()+D.current;A.current.setPitch(o+n,!1),A.current.setYaw(s+t,!1),A.current.setHfov(l,!1),A.current.isLoaded()&&A.current.setUpdate(!0)}P.current=requestAnimationFrame(_e)}return(0,c.useEffect)((function(){C.current&&je(Math.max(750,C.current.offsetWidth))}),[ye]),(0,c.useEffect)((function(){document.body.scrollTop=0,a.Z.Tours.getTourCdn(t.params.streamKey,v).then((function(e){var r=e.response,n=(0,u.aq)(r);(0,x.L)(n),B(n),we(t.params.index||"1:2"),G(!0)})).catch((function(e){e&&403===e.status&&ee(!0),e&&404===e.status&&r.push("/404")}))}),[]),(0,c.useEffect)((function(){if(W){var e=function(e){H.current=q.current},t=function(e){H.current=A.current},r={},n=Y.items.filter((function(e){return"environment"===e.type})),c=[],a=1;n.forEach((function(e){c.push({value:a++,title:e.item_title,src:"".concat(e.thumb_url,"800_300.jpg")});var t={type:"equirectangular",autoRotate:!1,keyboardZoom:!1,compass:!1,hfov:(e.camera&&e.camera.yfov||115)*((0,u.l9)()?.8:1),haov:e.source?e.source.fov:360,showFullscreenCtrl:!1,panorama:e.original_image_url||e.image_url,horizonPitch:e.source.pitch,horizonRoll:e.source.roll,yaw:e.camera&&e.camera.heading||0,pitch:e.camera&&e.camera.heading_pitch||0,showInfoButton:!1};e.is_multires_ready&&Object.assign(t,{type:"multires",panorama:null,multiRes:Object.assign({},e.multires,{cubeResolution:parseInt(e.multires.cubeResolution)/6,tileResolution:parseInt(e.multires.tileResolution)})}),r[e.id]=t})),le(c);var o=(ve||"1:2").split(":"),s=isNaN(o[0])?0:parseInt(o[0])-1,l=isNaN(o[1])?1:parseInt(o[1])-1,m=n[s>=0&&s<n.length?s:0];ne(m.item_title);var d=(m.camera&&m.camera.yfov||115)*((0,u.l9)()?.8:1),p=m.camera&&m.camera.heading||0,f=m.camera&&m.camera.heading_pitch||0,h=n[l>=0&&l<n.length?l:n.length-1];ie(h.item_title);var x=(h.camera&&h.camera.yfov||115)*((0,u.l9)()?.8:1),v=h.camera&&h.camera.heading||0,w=h.camera&&h.camera.heading_pitch||0;return D.current=d-x,O.current=[p,v],U.current=[f,w],q.current=i.Z.viewer(M.current,{scenes:r,autoLoad:!0,default:{firstScene:h.id,sceneFadeDuration:1e3}}),A.current=i.Z.viewer(T.current,{scenes:r,autoLoad:!0,default:{firstScene:m.id,sceneFadeDuration:1e3}}),H.current=null,K.current=!1,X.current=0,q.current.on("mousedown",e),q.current.on("touchstart",e),q.current.on("zoomchange",e),A.current.on("mousedown",t),A.current.on("touchstart",t),A.current.on("zoomchange",t),I.current.addEventListener("mousedown",y,!1),window.addEventListener("mousemove",_,!1),window.addEventListener("mouseup",z,!1),I.current.addEventListener("touchstart",N,!1),window.addEventListener("touchmove",R,!1),window.addEventListener("touchend",z,!1),P.current=requestAnimationFrame(_e),function(){return cancelAnimationFrame(P.current)}}}),[W]),(0,c.useEffect)((function(){if(W){var e,t,r=Y.items.filter((function(e){return"environment"===e.type})),n=(ve||"1:2").split(":"),c=isNaN(n[0])?0:parseInt(n[0])-1,a=isNaN(n[1])?1:parseInt(n[1])-1,i=r[c>=0&&c<r.length?c:0];ne(i.item_title);var o=i.camera&&i.camera.heading||0,s=i.camera&&i.camera.heading_pitch||0;null===(e=A.current)||void 0===e||e.loadScene(i.id);var l=r[a>=0&&a<r.length?a:r.length-1];ie(l.item_title);var u=l.camera&&l.camera.heading||0,m=l.camera&&l.camera.heading_pitch||0;O.current=[o,u],U.current=[s,m],null===(t=q.current)||void 0===t||t.loadScene(l.id)}}),[ve]),(0,n.jsx)("div",{className:"absolute--fill absolute bg-black",ref:C,id:"app",children:W?(0,n.jsxs)(c.Fragment,{children:[(0,n.jsxs)(m.Z,{children:[(0,n.jsx)("title",{children:"".concat(Y.collection.title," by ").concat(Y.collection.user.n

1ame)}),(0,n.jsx)("link",{rel:"canonical",href:"".concat(Y.collection.canonical_url,"/twin")}),(0,n.jsx)("meta",{property:"fb:app_id",content:"157522767638247"}),(0,n.jsx)("meta",{property:"description",content:Y.collection.description?Y.collection.description:"Virtual tour created by ".concat(Y.collection.user.name," on TeliportMe")}),(0,n.jsx)("meta",{property:"og:title",content:"".concat(Y.collection.title," by ").concat(Y.collection.user.name)}),(0,n.jsx)("meta",{property:"og:description",content:Y.collection.description?Y.collection.description:"Virtual tour created by ".concat(Y.collection.user.name," on TeliportMe")}),(0,n.jsx)("meta",{property:"og:url",content:"".concat("https://teliportme.com","/virtualtour/").concat(t.params.streamKey,"/twin")}),(0,n.jsx)("meta",{property:"og:image",content:"".concat(Y.collection.thumb_url)}),(0,n.jsx)("meta",{property:"og:image:width",content:"800"}),(0,n.jsx)("meta",{property:"og:image:height",content:"300"}),(0,n.jsx)("meta",{property:"og:type",content:"tm_threesixty:panorama"}),(0,n.jsx)("meta",{property:"og:site_name",content:"TeliportMe"}),(0,n.jsx)("meta",{name:"twitter:site",content:"@teliportme"}),(0,n.jsx)("meta",{name:"twitter:creator",content:"@teliportme"}),(0,n.jsx)("meta",{name:"twitter:description",content:Y.collection.description?Y.collection.description:"Virtual tour created by ".concat(Y.collection.user.name," on TeliportMe")}),(0,n.jsx)("meta",{name:"twitter:image:src",content:"".concat(Y.collection.thumb_url)})]}),(0,n.jsxs)("div",{className:" relative h-screen w-screen ".concat(s()["twin-view-wrapper"]),children:[(0,n.jsxs)("div",{className:s()["after-wrapper"],ref:F,children:[(0,n.jsx)("div",{className:s().after,ref:T}),(0,n.jsx)("div",{className:s()["resize-knob"],ref:I}),re&&(0,n.jsx)("div",{className:"tme-translate-x--50 tme-left-50 tme-avoid-clicks absolute top-4 z-30 w-3/5 p-2 pt-0 text-center",children:(0,n.jsx)("h2",{className:"tme-unselectable my-0 truncate text-xs text-white sm:text-base",style:{textShadow:"1px 1px 1.9px rgba(0, 0, 0, 0.55)"},children:re})})]}),(0,n.jsxs)("div",{className:s()["before-wrapper"],ref:Z,children:[(0,n.jsxs)("div",{className:s().before,children:[(0,n.jsx)("div",{ref:M}),ae&&(0,n.jsx)("div",{className:"tme-translate-x--50 tme-left-50 tme-avoid-clicks absolute top-4 z-30 w-3/5 p-2 pt-0 text-center",children:(0,n.jsx)("h2",{className:"tme-unselectable my-0 truncate text-xs text-white sm:text-base",style:{textShadow:"1px 1px 1.9px rgba(0, 0, 0, 0.55)"},children:ae})})]}),!g&&(0,n.jsxs)("div",{className:(0,u.AK)("absolute right-0 flex flex-col p-1",(0,u.sb)()?"top-10":"top-0"),children:[(0,n.jsx)(p.QA0,{className:"m-1 inline-block text-white",size:"20",onClick:function(){he(!0)}}),(0,n.jsx)(p.KQY,{size:"20",className:"m-1 inline-block text-white",onClick:function(){de(!0)}})]}),j&&"d"==Y.settings.tour.logoSetting&&!Y.settings.tour.logoEnabled&&(0,n.jsx)("div",{className:" absolute bottom-4 right-4 z-[999]",children:(0,n.jsxs)("a",{className:"link table-cell align-middle",target:"_blank",title:"Home",rel:"noopener noreferrer",href:"https://teliportme.com",children:[(0,n.jsx)("div",{className:"text-left text-xs text-white",children:"Powered by"}),(0,n.jsx)("img",{alt:"Best Virtual Tour Software TeliportMe logo",src:"/image/teliportme-logo-full-white.svg",style:{width:"".concat(.1*be,"px"),opacity:1}})]})})]}),!g&&(0,n.jsxs)("div",{id:"modals",children:[(0,n.jsx)(d.Z,{isOpen:fe,closeModal:function(){return he(!1)},data:se,onSave:function(e){we(e)}}),(0,n.jsx)(f.Z,{isOpen:me,url:"".concat("https://teliportme.com","/virtualtour/").concat(t.params.streamKey,"/twin").concat("1:2"===ve?"":"/".concat(ve)),embedUrl:"".concat("https://teliportme.com","/embed/tour/").concat(t.params.streamKey,"/twin").concat("1:2"===ve?"":"/".concat(ve)),onRequestClose:function(){de(!1)},showSocial:!0})]})]})]}):$?(0,n.jsxs)("div",{className:"flex h-full w-full flex-col items-center justify-center text-white",children:[(0,n.jsx)("img",{src:"/image/lock.svg",className:"w-64",alt:"Privacy"}),(0,n.jsx)("p",{className:"p-4 text-center text-2xl leading-normal text-gray-100 sm:text-xl",children:"The pano you're trying to view is private."})]}):(0,n.jsx)(l.Z,{})})}}

1,5219:function(e){e.exports={"twin-view-wrapper":"twinview_twin-view-wrapper__0mOV5","before-wrapper":"twinview_before-wrapper__vvsFM","after-wrapper":"twinview_after-wrapper__lgUU4",before:"twinview_before__fpdMC",after:"twinview_after__ilyoH","resize-knob":"twinview_resize-knob__88k06"}}}]);