https://blockparty.game/assets/chunks/OnboardingPreview-BZKDK43R.js

1import{a as Ee}from"./chunk-HFAJHRMF.js";import{a as Fe}from"./chunk-UC3G5O6W.js";import{a as oe}from"./chunk-VXA2M72H.js";import{a as Ne}from"./chunk-VU53C3YG.js";import{a as He}from"./chunk-WU4E7263.js";import{a as Le}from"./chunk-EGWJWJHW.js";import{a as Re}from"./chunk-BVPXNPPG.js";import{a as De}from"./chunk-ZZZTASR4.js";import"./chunk-V7EKELM6.js";import"./chunk-KERAD7SJ.js";import{a as Me}from"./chunk-ZHS66S6U.js";import"./chunk-5D46QXSC.js";import"./chunk-NC22ADEA.js";import"./chunk-IWDOFJ6Q.js";import{$ as ie,C as I,D as Ce,F as B,I as Pe,J as Te,Ka as Be,N as b,P,S as p,T as s,U as re,Y as f,Ya as M,Z as Ae,_ as se,g as A,i as j,j as te,l as $,m as i,ma as le,n as Se,p as qe,pa as K,r as d,s as g,t as m,v as e,va as je,y as ae}from"./chunk-ZLKLRZDC.js";import"./chunk-JJ75YLVJ.js";var vt=P('<div class="w-full h-full flex items-center justify-center bg-gray-900 text-gray-500 text-center p-6 pt-11 pb-8"><div><div class="text-4xl mb-3">\u2753</div> <div class="text-sm"> </div></div></div>'),gt=P('<div class="w-full h-full"><!></div>'),pt=P("<button></button>"),ft=P("<button></button>"),_t=P(`<div><div class="flex items-center justify-between px-4 py-2.5 border-b border-gray-800 bg-gray-900/80 backdrop-blur-sm shrink-0"><button class="flex items-center gap-2 px-3 py-1.5 rounded-lg bg-gray-800 hover:bg-gray-700 text-gray-300 text-sm transition-colors"><svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path d="M10 19l-7-7m0 0l7-7m-7 7h18"></path></svg> Back</button> <span class="text-gray-400 text-sm font-medium">Preview Mode</span> <div class="w-20"></div></div> <div class="flex-1 flex items-center justify-center p-3 overflow-hidden bg-gradient-to-b from-gray-900 to-gray-950 min-h-0"><!> <div class="absolute right-3 top-1/2 -translate-y-1/2 flex flex-col gap-1"></div></div> <div class="flex items-center justify-between px-4 py-2.5 border-t border-gray-800 bg-gray-900/80 backdrop-blur-sm shrink-0"><button class="flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-gray-800 hover:bg-gray-700 text-white font-medium text-sm transition-colors
2					disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:bg-gray-800"><svg class="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path d="M15 19l-7-7 7-7"></path></svg> Previous</button> <div class="flex items-center gap-2"><div class="flex gap-1"></div> <span class="text-gray-500 text-xs"> </span></div> <button class="flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-amber-500 hover:bg-amber-400 text-black font-semibold text-sm transition-colors
3					disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:bg-amber-500">Next <svg class="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path d="M9 5l7 7-7 7"></path></svg></button></div></div>`);function mt(Ie,T){Pe(T,!1);let v=A(),o=A(),ne=A(),a=M(T,"config",24,()=>({})),Ke=M(T,"availableAvatars",24,()=>[]),Oe=M(T,"isFullscreen",8,!1),ce=M(T,"live",8,null);function de(t,n={}){ce()&&ce().pushEvent(t,n)}let r=A(0);function $e(t){t>=0&&t<e(v).length&&j(r,t)}function O(){e(r)<e(v).length-1&&te(r)}function ve(){e(r)>0&&te(r,-1)}function _(){O()}function Ue(t){t.key==="ArrowRight"||t.key===" "?(t.preventDefault(),O()):t.key==="ArrowLeft"?(t.preventDefault(),ve()):t.key==="Escape"&&de("close")}let ge={narrative:"Narrative",set_handle:"Username",set_avatar:"Avatar",healthkit_access:"HealthKit",location_access:"Location",collect_drops:"Collect Drops",edit_artifact:"Create Building",recap:"Recap"};I(()=>ae(a()),()=>{j(v,a().tutorial_order||["narrative","collect_drops","edit_artifact","set_avatar","set_handle","healthkit_access","location_access"])}),I(()=>(e(v),e(r)),()=>{j(o,e(v)[e(r)]||"narrative")}),I(()=>ae(a()),()=>{j(ne,a().narrative_pages||[])}),Ce(),Be();var D=_t();b("keydown",qe,Ue);var U=d(D),ze=d(U);Se(4),i(U);var z=m(U,2),pe=d(z);De(pe,{children:(t,n)=>{var c=p(),l=g(c);Ae(l,()=>e(o),u=>{var L=gt(),Je=d(L);{var Qe=h=>{Le(h,{get pages(){return e(ne)},$$events:{complete:_}})},Ve=h=>{var be=p(),We=g(be);{var Xe=x=>{Ee(x,{get avatars(){return Ke()},$$events:{complete:_}})},Ye=x=>{var he=p(),Ze=g(he);{var et=y=>{Fe(y,{$$events:{complete:_}})},tt=y=>{var xe=p(),at=g(xe);{var rt=w=>{let R=$(()=>a().healthkit_access_media||a().healthkit_scene),V=$(()=>a().healthkit_access_text||[]);oe(w,{permissionType:"healthkit",get media(){return e(R)},get tutorialText(){return e(V)},$$events:{complete:_}})},st=w=>{var R=p(),V=g(R);{var it=k=>{let E=$(()=>a().location_access_media||a().location_scene),W=$(()=>a().location_access_text||[]);oe(k,{permissionType:"location",get media(){return e(E)},get tutorialText(){return e(W)},$$events:{complete:_}})},lt=k=>{var E=p(),W=g(E);{var ot=S=>{let F=$(()=>a().collect_drops_text||[]),X=$(()=>{var N;return(N=a().prefers_mocked_location)!=null?N:!0});Ne(S,{get tutorialText(){return e(F)},get prefersMockedLocation(){return e(X)},$$events:{complete:_}})},nt=S=>{var F=p(),X=g(F);{var N=q=>{let H=$(()=>a().edit_artifact_text_initial||[]),Y=$(()=>a().edit_artifact_text_progress||[]),Z=$(()=>a().edit_artifact_text_complete||[]);He(q,{get tutorialTextInitial(){return e(H)},get tutorialTextProgress(){return e(Y)},get tutorialTextComplete(){return e(Z)},$$events:{complete:_}})},ct=q=>{var H=p(),Y=g(H);{var Z=C=>{Re(C,{$$events:{complete:_}})},dt=C=>{var ee=vt(),ye=d(ee),we=m(d(ye),2),$t=d(we);i(we),i(ye),i(ee),B(()=>{var ke;return re($t,`Unknown step: ${(ke=e(o))!=null?ke:""}`)}),s(C,ee)};f(Y,C=>{e(o)==="recap"?C(Z):C(dt,!1)},!0)}s(q,H)};f(X,q=>{e(o)==="edit_artifact"?q(N):q(ct,!1)},!0)}s(S,F)};f(W,S=>{e(o)==="collect_drops"?S(ot):S(nt,!1)},!0)}s(k,E)};f(V,k=>

3{e(o)==="location_access"?k(it):k(lt,!1)},!0)}s(w,R)};f(at,w=>{e(o)==="healthkit_access"?w(rt):w(st,!1)},!0)}s(y,xe)};f(Ze,y=>{e(o)==="set_handle"?y(et):y(tt,!1)},!0)}s(x,he)};f(We,x=>{e(o)==="set_avatar"?x(Xe):x(Ye,!1)},!0)}s(h,be)};f(Je,h=>{e(o)==="narrative"?h(Qe):h(Ve,!1)})}i(L),je(1,L,()=>Me,()=>({duration:150})),s(u,L)}),s(t,c)},$$slots:{default:!0}});var fe=m(pe,2);ie(fe,5,()=>e(v),se,(t,n,c)=>{var l=pt();l.textContent=c+1,B(()=>{var u;K(l,`w-6 h-6 rounded-full text-[10px] font-semibold flex items-center justify-center transition-all duration-200
4						${(u=c===e(r)?"bg-amber-500 text-black shadow-lg":c<e(r)?"bg-green-600 text-white":"bg-gray-800 text-gray-400 hover:bg-gray-700")!=null?u:""}`),le(l,"title",ge[e(n)]||e(n))}),b("click",l,()=>$e(c)),s(t,l)}),i(fe),i(z);var _e=m(z,2),G=d(_e),J=m(G,2),Q=d(J);ie(Q,5,()=>e(v),se,(t,n,c)=>{var l=ft();B(()=>{var u;K(l,`h-1.5 rounded-full transition-all duration-200
5							${(u=c===e(r)?"bg-amber-400 w-4":c<e(r)?"bg-green-500 w-1.5":"bg-gray-600 w-1.5")!=null?u:""}`),le(l,"title",ge[e(n)]||e(n))}),b("click",l,()=>$e(c)),s(t,l)}),i(Q);var me=m(Q,2),Ge=d(me);i(me),i(J);var ue=m(J,2);i(_e),i(D),B(()=>{var t,n;K(D,`relative flex flex-col bg-gray-950 text-white font-sfProRounded ${(t=Oe()?"h-screen w-screen":"h-full")!=null?t:""}`),G.disabled=e(r)===0,re(Ge,`${e(r)+1}/${(n=e(v).length)!=null?n:""}`),ue.disabled=e(r)===e(v).length-1}),b("click",ze,()=>de("close")),b("click",G,ve),b("click",ue,O),s(Ie,D),Te()}export{mt as default};