https://razorpay.com/build/browser/4c2a12230cc9c3fba94f3ab0e6f42eccec912938/js/modern/215.4fa18d11.js

1(self.webpackChunkfrontend_website=self.webpackChunkfrontend_website||[]).push([[215],{93588:(e,t,a)=>{a.r(t),a.d(t,{default:()=>E});var l=a(64572),n=a(67294),r=a(80681),o=a(79475),i=a(3887),c=a(88557),p=a(16335),u=1600;function s(e){var{values:t}=e,a=(0,n.useRef)(null),[l,s]=(0,n.useState)(null),[m,d]=(0,n.useState)(c.mf.phase),[f,g]=(0,n.useState)(!1),[v,y]=(0,n.useState)(!1),[h,b]=(0,n.useState)(!0);(0,n.useEffect)(()=>(0,c.gw)(d),[]),(0,n.useEffect)(()=>{var e=0,t=()=>{var l,n,c;e=requestAnimationFrame(t);var p=a.current,u=null===(l=(0,o.pv)())||void 0===l?void 0:l.readView();if(p&&u){var[s,m,d]=u.pos,[f,g,v]=u.tgt,y=null===(n=(0,r.IA)())||void 0===n?void 0:n.uniforms,h=e=>"number"==typeof e?String(Math.round(1e3*e)/1e3):"—",b=null===(c=(0,i.FL)())||void 0===c?void 0:c.read(),E=b?"scroll ".concat(b.progress.toFixed(3),"  beat ").concat(b.beat):"scroll —";p.textContent="".concat("pos  [".concat(s,", ").concat(m,", ").concat(d,"]\n")+"tgt  [".concat(f,", ").concat(g,", ").concat(v,"]\n")+"dist ".concat(u.distance,"   fov ").concat(u.fov,"\n")+"azim ".concat(u.azimuthDeg,"°  polar ").concat(u.polarDeg,"°  roll ").concat(u.rollDeg,"°\n")+"revealY ".concat(h(null==y?void 0:y.uRevealY.value),"  stemVoid ").concat(h(null==y?void 0:y.uMaskR.value),"\n")).concat(E)}};return e=requestAnimationFrame(t),()=>cancelAnimationFrame(e)},[]);var E=(0,n.useCallback)((e,t)=>{navigator.clipboard.writeText(t).then(()=>s(e)).catch(()=>s("clipboard blocked")),window.setTimeout(()=>s(null),u)},[]),x=(0,n.useCallback)(()=>{var e,t=null===(e=(0,o.pv)())||void 0===e?void 0:e.readView();if(t){var a=t.rollDeg?", roll: ".concat(t.rollDeg):"";E("view","{ pos: [".concat(t.pos.join(", "),"], tgt: [").concat(t.tgt.join(", "),"]").concat(a," }"))}},[E]),k=(0,n.useCallback)(()=>{var e,a=null===(e=(0,o.pv)())||void 0===e?void 0:e.readView(),l=(0,r.IA)();if(a&&l){var n=l.defaults,i=Object.entries(t).filter(e=>{var[t,a]=e;return"number"==typeof a&&Math.abs(a-n[t])>1e-6}).map(e=>{var[t,a]=e;return"    ".concat(t,": ").concat(a,",")});E("beat",["{","  id: 'unnamed',","  at: 0,","  cam: [".concat(a.pos.join(", "),"],"),"  tgt: [".concat(a.tgt.join(", "),"],"),...a.rollDeg?["  roll: ".concat(a.rollDeg,",")]:[],i.length?"  u: {\n".concat(i.join("\n"),"\n  },"):"  u: {},","}"].join("\n"))}},[E,t]);return n.createElement(p.ZA,null,n.createElement(p.pF,null,"Camera"),n.createElement(p.F7,{ref:a},"reading…"),n.createElement(p.VR,null,n.createElement(p.Af,{type:"button",onClick:x},"Copy view"),n.createElement(p.Af,{type:"button",onClick:k},"Copy beat")),n.createElement(p.VR,null,n.createElement(p.Af,{type:"button",$on:"landing"===m,onClick:()=>(0,c.KQ)()},"Enter"),n.createElement(p.Af,{type:"button",onClick:()=>(0,c.Oz)()},"Replay intro")),n.createElement(p.Jr,null,n.createElement(p.Jg,{type:"checkbox",checked:h,onChange:e=>{var t;b(e.target.checked),null===(t=(0,i.FL)())||void 0===t||t.setEnabled(e.target.checked)}}),n.createElement(p.XZ,null,"Timeline drives camera")),n.createElement(p.Jr,null,n.createElement(p.Jg,{type:"checkbox",checked:v,onChange:e=>{var t;y(e.target.checked),null===(t=(0,o.pv)())||void 0===t||t.setFreeLook(e.target.checked)}}),n.createElement(p.XZ,null,"Free look (3-axis)")),n.createElement(p.Jr,null,n.createElement(p.Jg,{type:"checkbox",checked:f,onChange:e=>{var t;g(e.target.checked),null===(t=(0,r.IA)())||void 0===t||t.setAutoReveal(e.target.checked)}}),n.createElement(p.XZ,null,"Reveal follows camera")),n.createElement(p.F7,null,v?"drag = look (yaw+pitch) · Z/C roll · X level\nW/S fly · A/D strafe · Q/E down·up · Shift faster":"drag orbit · right-drag pan · scroll zoom\nW/S fly · A/D strafe · Q/E down·up · Shift faster"),l?n.createElement(p.F7,null,"copied ".concat(l," to clipboard")):null)}var m=a(31954),d=a(73139),f=a(32801),g=a(19784);function v(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),a.push.apply(a,l)}return a}function y(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};

1t%2?v(Object(a),!0).forEach(function(t){(0,l.Z)(e,t,a[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):v(Object(a)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))})}return e}var h=[{id:"logo",label:"Logo"},{id:"treeTop",label:"Tree top"},{id:"hero",label:"Hero"},{id:"three",label:"3/4"},{id:"top",label:"Top"},{id:"side",label:"Side"}],b=["Angle","Radius","Height"];function E(){var e,[t,a]=(0,n.useState)(r.IA),[l,i]=(0,n.useState)({}),[c,u]=(0,n.useState)([]),[v,E]=(0,n.useState)("#ffffff"),[x,k]=(0,n.useState)(0),[q,w]=(0,n.useState)(!0),[C,Z]=(0,n.useState)(null),[S,_]=(0,n.useState)("logo"),[X,A]=(0,n.useState)(!1),[P,I]=(0,n.useState)(g.M8),[R,F]=(0,n.useState)(f.pV),[N,j]=(0,n.useState)({}),[O,z]=(0,n.useState)({});(0,n.useEffect)(()=>(0,r.uk)(a),[]),(0,n.useEffect)(()=>(0,g.Qi)(I),[]),(0,n.useEffect)(()=>(0,f.uX)(F),[]);var L=null==P?void 0:P.defaults,D=null==R?void 0:R.defaults;(0,n.useEffect)(()=>{j(e=>y(y(y({},e),null!=L?L:{}),null!=D?D:{}))},[L,D]);var V=null==t?void 0:t.defaults;(0,n.useEffect)(()=>{V&&(i((0,d.N8)(V)),u([...V.ramp]),E(V.packet),k(V.map),w(V.spin))},[V]);var H=null!==(e=null==t?void 0:t.coreField)&&void 0!==e?e:null,T=null==H?void 0:H.defaults;(0,n.useEffect)(()=>{T&&z(T)},[T]);var J=(0,n.useCallback)((e,t)=>{var a,l=parseFloat(t);i(t=>y(y({},t),{},{[e]:l}));var n=(0,r.IA)();n&&(null===(a=d.jm.find(t=>t.key===e))||void 0===a||a.apply(l,n))},[]),M=(0,n.useCallback)((e,t)=>{var a,l;u(e),E(t),null===(a=(0,r.IA)())||void 0===a||a.setRamp(e,t),null===(l=(0,g.M8)())||void 0===l||l.syncRamp(e,t)},[]),G=(0,n.useCallback)(()=>{var e,t=(0,r.IA)();if(t){var a=(0,d.N8)(t.defaults);i(a),d.jm.forEach(e=>e.apply(a[e.key],t));var l=t.coreField;if(l){var n=y({},l.defaults);z(n),d.LK.forEach(e=>e.apply(n[e.key],l))}M([...t.defaults.ramp],t.defaults.packet),Z(null),k(t.defaults.map),t.setMap(t.defaults.map),w(t.defaults.spin),t.setSpin(t.defaults.spin),_("logo"),null===(e=(0,o.pv)())||void 0===e||e.reset()}},[M]),$=(e,t,a)=>{var l=parseFloat(t);if(j(t=>y(y({},t),{},{[e]:l})),"logo"===a){var n,r=(0,g.M8)();r&&(null===(n=d.sN.find(t=>t.key===e))||void 0===n||n.apply(l,r))}else{var o,i=(0,f.pV)();i&&(null===(o=d.e3.find(t=>t.key===e))||void 0===o||o.apply(l,i))}};if(!t&&!P&&!R)return null;var K=null==t?void 0:t.stats;return n.createElement(p.uC,{"data-mini":X,"data-lenis-prevent":!0},n.createElement(p.Nh,null,n.createElement(p.Cr,null,"Field"),n.createElement(p.pK,null,K?"".concat(Math.round(K.points/1e3),"k pts"):"building…"),n.createElement(p.b_,{type:"button",onClick:()=>A(e=>!e)},X?"Show":"Hide")),n.createElement(s,{values:l}),P&&n.createElement(p.ZA,null,n.createElement(p.pF,null,"Logo"),d.sN.map(e=>{var t,a=null!==(t=N[e.key])&&void 0!==t?t:0;return n.createElement(p.X2,{key:e.key},n.createElement(p.XZ,null,e.label),n.createElement(p.qe,null,e.fmt(a)),n.createElement(p.iR,{type:"range",min:e.min,max:e.max,step:e.step,value:a,onChange:t=>$(e.key,t.target.value,"logo")}))}),n.createElement(p.X2,null,n.createElement(p.XZ,null,"Particles"),n.createElement(p.qe,null,P.stats.particles.toLocaleString())),n.createElement(p.X2,null,n.createElement(p.XZ,null,"· of which edge"),n.createElement(p.qe,null,P.stats.edge.toLocaleString()))),R&&n.createElement(p.ZA,null,n.createElement(p.pF,null,"Galaxy"),d.e3.map(e=>{var t,a=null!==(t=N[e.key])&&void 0!==t?t:0;return n.createElement(p.X2,{key:e.key},n.createElement(p.XZ,null,e.label),n.createElement(p.qe,null,e.fmt(a)),n.createElement(p.iR,{type:"range",min:e.min,max:e.max,step:e.step,value:a,onChange:t=>$(e.key,t.target.value,"galaxy")}))}),n.createElement(p.X2,null,n.createElement(p.XZ,null,"Stars"),n.createElement(p.qe,null,R.stats.stars.toLocaleString()))),n.createElement(p.ZA,null,n.createElement(p.pF,null,"View"),n.createElement(p.VR,null,h.map(e=>n.createElement(p.Af,{key:e.id,type:"button",$on:S===e.id,onClick:()=>{var t;_(e.id),null===(t=(0,o.pv)())||void 0===t||t.goto(e.id)}},e.label))),n.createElement(p.Jr,null,n.createElement(p.Jg,{type:"checkbox",checked:q,onChange:e=>{var t;w(e.target.checked),null===(t=(0,r.IA)())||void 0===t||t.setSpin(e.target.checked)}}),n.createElement(p.XZ,null,"Auto-spin")),n.createElement(p.VR,null,n.createElement(p.Af,{type:"button",onClick:G},"Reset all"))),t&&n.createElement(p.ZA,null,n.createElement(p.pF,null,"Palette"),n.createElement(p.VR,null,Object.keys(m.PG).map(e=>n.createElement(p.Af,{key:e,type:"button",$on:C===e,onClick:()=>{Z(e),M([...m.PG[e].ramp],m.PG[e].packet)}},e))),n.createElement(p.yj,null,c.map((e,t)=>n.createElement(p.m4,{key:t,type:"color",value:e,"aria-label":"Ramp colour ".concat(t+1),onChange:e=>{var a=[...c];a[t]=e.target.value,Z(null),M(a,v)}}

1)),n.createElement(p.m4,{type:"color",value:v,"aria-label":"Data packet colour",onChange:e=>{Z(null),M(c,e.target.value)}})),n.createElement(p.VR,null,b.map((e,t)=>n.createElement(p.Af,{key:e,type:"button",$on:x===t,onClick:()=>{var e;k(t),null===(e=(0,r.IA)())||void 0===e||e.setMap(t)}},e)))),t&&d.RN.map(e=>n.createElement(p.ZA,{key:e.title},n.createElement(p.pF,null,e.title),e.controls.map(e=>{var t,a=null!==(t=l[e.key])&&void 0!==t?t:0;return n.createElement(p.X2,{key:e.key},n.createElement(p.XZ,null,e.label),n.createElement(p.qe,null,e.fmt(a)),n.createElement(p.iR,{type:"range",min:e.min,max:e.max,step:e.step,value:a,onChange:t=>J(e.key,t.target.value)}))}))),H&&n.createElement(p.ZA,null,n.createElement(p.pF,null,"Core field · look"),d.LK.map(e=>{var t,a=null!==(t=O[e.key])&&void 0!==t?t:0;return n.createElement(p.X2,{key:e.key},n.createElement(p.XZ,null,e.label),n.createElement(p.qe,null,e.fmt(a)),n.createElement(p.iR,{type:"range",min:e.min,max:e.max,step:e.step,value:a,onChange:t=>((e,t)=>{var a,l,n=parseFloat(t);z(t=>y(y({},t),{},{[e]:n}));var o=null===(a=(0,r.IA)())||void 0===a?void 0:a.coreField;o&&(null===(l=d.LK.find(t=>t.key===e))||void 0===l||l.apply(n,o))})(e.key,t.target.value)}))}),n.createElement(p.X2,null,n.createElement(p.XZ,null,"Points"),n.createElement(p.qe,null,H.stats.points.toLocaleString())),n.createElement(p.X2,null,n.createElement(p.XZ,null,"Spoke segs"),n.createElement(p.qe,null,H.stats.spokeSegs.toLocaleString()))),K&&n.createElement(p.ZA,null,n.createElement(p.pF,null,"Build"),n.createElement(p.X2,null,n.createElement(p.XZ,null,"Optical segs"),n.createElement(p.qe,null,K.opticalSegs.toLocaleString())),n.createElement(p.X2,null,n.createElement(p.XZ,null,"Track segs"),n.createElement(p.qe,null,(K.ringSegs+K.rootSegs).toLocaleString())),n.createElement(p.X2,null,n.createElement(p.XZ,null,"Model wires"),n.createElement(p.qe,null,K.mwireSegs.toLocaleString())),n.createElement(p.X2,null,n.createElement(p.XZ,null,"Inflow"),n.createElement(p.qe,null,K.inflow.toLocaleString())),n.createElement(p.X2,null,n.createElement(p.XZ,null,"GLB meshes"),n.createElement(p.qe,null,K.models.length||"…"))))}},16335:(e,t,a)=>{a.d(t,{Af:()=>v,Cr:()=>o,F7:()=>y,Jg:()=>x,Jr:()=>E,Nh:()=>r,VR:()=>g,X2:()=>s,XZ:()=>m,ZA:()=>p,b_:()=>c,iR:()=>f,m4:()=>b,pF:()=>u,pK:()=>i,qe:()=>d,uC:()=>n,xv:()=>k,yj:()=>h,yn:()=>q});var l=a(27951),n=l.ZP.aside.withConfig({displayName:"styled__Hud",componentId:"sc-1qrqraq-0"})(["position:fixed;top:12px;right:12px;z-index:var(--fm-z-chrome);width:268px;max-height:calc(100dvh - 24px);overflow-y:auto;padding:12px 14px 16px;border:1px solid var(--fm-hairline);border-radius:10px;background:rgba(8,8,10,0.82);backdrop-filter:blur(14px);font-family:var(--fm-font-mono);font-size:11px;line-height:1.4;color:var(--fm-muted);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.25) transparent;&[data-mini='true'] > *:not(header){display:none;}"]),r=l.ZP.header.withConfig({displayName:"styled__HudHeader",componentId:"sc-1qrqraq-1"})(["display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;color:var(--fm-foreground);font-size:11px;letter-spacing:0.06em;text-transform:uppercase;"]),o=l.ZP.span.withConfig({displayName:"styled__HudTitle",componentId:"sc-1qrqraq-2"})(["font-weight:600;"]),i=l.ZP.span.withConfig({displayName:"styled__HudStats",componentId:"sc-1qrqraq-3"})(["color:var(--fm-muted);font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:0;"]),c=l.ZP.button.withConfig({displayName:"styled__HudToggle",componentId:"sc-1qrqraq-4"})(["&&{padding:2px 7px;border:1px solid var(--fm-hairline);border-radius:5px;color:var(--fm-muted);font-family:inherit;font-size:10px;}&:hover{color:var(--fm-foreground);}"]),p=l.ZP.section.withConfig({displayName:"styled__Group",componentId:"sc-1qrqraq-5"})(["margin-top:12px;padding-top:10px;border-top:1px solid var(--fm-hairline);&:first-of-type{margin-top:0;padding-top:0;border-top:0;}"]),u=l.ZP.h4.withConfig({displayName:"styled__GroupTitle",componentId:"sc-1qrqraq-6"})(["&&{margin-bottom:8px;color:rgba(255,255,255,0.45);font-size:10px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;}"]),s=l.ZP.label.withConfig({displayName:"styled__Row",componentId:"sc-1qrqraq-7"})(["display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;margin-bottom:7px;"]),m=l.ZP.span.withConfig({displayName:"styled__RowLabel",componentId:"sc-1qrqraq-8"})(["color:var(--fm-muted);"]),d=l.ZP.span.withConfig({displayName:"styled__RowValue",componentId:"sc-1qrqraq-9"})(["color:var(--fm-foreground);font-variant-numeric:tabular-nums;"]),f=l.ZP.input.withConfig({displayName:"styled__Slider",componentId:"sc-1qrqraq-10"})(["grid-column:1 / -1;width:100%;height:14px;margin:0;accent-color:#7fd7ff;cursor:ew-resize;"]),g=l.ZP.div.withConfig({displayName:"styled__ButtonRow",componentId:"sc-1qrqraq-11"})(["display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px;"]),v=l.ZP.button.withConfig({displayName:"styled__Chip",componentId:"sc-1qrqraq-12"})(["&&{padding:3px 8px;border:1px solid ",";border-radius:5px;background:",";color:",";font-family:inherit;font-size:10px;text-transform:capitalize;}&:hover{color:var(--fm-foreground);}"],e=>{var{$on:t}=e;return t?"rgba(127,215,255,0.7)":"var(--fm-hairline)"},e=>{var{$on:t}=e;return t?"rgba(127,215,255,0.14)":"transparent"},e=>{var{$on:t}=e;return t?"#bfeaff":"var(--fm-muted)"}),y=l.ZP.pre.withConfig({displayName:"styled__Readout",componentId:"sc-1qrqraq-13"})(["margin:0 0 8px;padding:7px 8px;border:1px solid var(--fm-hairline);border-radius:5px;background:rgba(255,255,255,0.03);color:rgba(255,255,255,0.82);font-family:var(--fm-font-mono);font-size:10px;line-height:1.5;white-space:pre;font-variant-numeric:tabular-nums;overflow-x:auto;"]),h=l.ZP.div.withConfig({displayName:"styled__Swatches",componentId:"sc-1qrqraq-14"})(["display:flex;gap:5px;margin-bottom:8px;"]),b=l.ZP.input.withConfig({displayName:"styled__Swatch",componentId:"sc-1qrqraq-15"})(["width:30px;height:22px;padding:0;border:1px solid var(--fm-hairline);border-radius:4px;background:none;cursor:pointer;&::-webkit-color-swatch-wrapper{padding:2px;}&::-webkit-color-swatch{border:0;border-radius:2px;}"]),E=l.ZP.label.withConfig({displayName:"styled__Check",componentId:"sc-1qrqraq-16"})(["display:flex;align-items:center;gap:6px;margin-bottom:8px;color:var(--fm-muted);cursor:pointer;

1"]),x=l.ZP.input.withConfig({displayName:"styled__CheckBox",componentId:"sc-1qrqraq-17"})(["width:12px;height:12px;margin:0;accent-color:#7fd7ff;cursor:pointer;"]),k=l.ZP.div.withConfig({displayName:"styled__HoverTag",componentId:"sc-1qrqraq-18"})(["position:fixed;top:0;left:0;z-index:var(--fm-z-chrome);transform:translate3d(0,0,0);padding:3px 8px;border:1px solid rgba(127,215,255,0.4);border-radius:5px;background:rgba(8,8,10,0.86);color:#d8f3ff;font-family:var(--fm-font-mono);font-size:11px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 140ms ease;&[data-on='true']{opacity:1;}"]),q=l.ZP.p.withConfig({displayName:"styled__DragHint",componentId:"sc-1qrqraq-19"})(["position:fixed;bottom:22px;left:50%;z-index:var(--fm-z-chrome);transform:translateX(-50%);color:rgba(255,255,255,0.34);font-family:var(--fm-font-mono);font-size:11px;letter-spacing:0.04em;pointer-events:none;transition:opacity 600ms ease;&[data-gone='true']{opacity:0;}"])}}]);