@stacknet/userutils 0.2.55 → 0.3.5

package/README.md

@@ -164,30 +164,6 @@ export function Header() {
 }
 ```
 
-## Auth Flow
-
-```
-1. User clicks wallet button in ConnectWidget
-2. useStackAuth calls StackNet: POST /api/v2/stacks/{stackId}/auth/web3/challenge
-3. User signs the challenge message with their wallet
-4. Client POSTs signature to your /api/auth/callback
-5. Server verifies with StackNet, re-signs JWT with AUTH_SECRET
-6. Server sets three cookies:
-   - stackauth_jwt (HttpOnly) — server-side session validation
-   - stackauth_session (readable) — client-side UI state
-   - __csrf — CSRF protection token
-7. useSession() reads stackauth_session cookie → isAuthenticated: true
-8. UI updates to show authenticated state
-```
-
-## Cookies
-
-| Cookie | HttpOnly | Purpose |
-|--------|----------|---------|
-| `stackauth_jwt` | Yes | Server-side JWT (15 min, auto-refreshes) |
-| `stackauth_session` | No | Public session for UI (userId, address, chain, expiresAt) |
-| `__csrf` | No | CSRF double-submit token |
-
 The JWT auto-refreshes when `/api/auth/session` is called and the token is within 5 minutes of expiry.
 
 ## Hooks
@@ -229,50 +205,6 @@ const {
 })
 ```
 
-### useAuthBridge(opts?)
-
-Cross-domain auth state detection via iframe.
-
-```typescript
-const bridge = useAuthBridge()
-
-// bridge.ready — iframe loaded
-// bridge.known — previous auth found
-// bridge.identity — { address, chain, method, stackCount }
-// bridge.resolvedStackId — last stackId used on this domain
-// bridge.reportConnected({ address, chain, method, stackId })
-// bridge.reportDisconnected({ address, chain, stackId })
-```
-
-The bridge never transmits JWTs — only public metadata (address, chain, method, stackId).
-
-### useWeb3Wallet()
-
-Low-level wallet connection. Used internally by useStackAuth.
-
-```typescript
-const { wallet, connectSolana, connectEVM, signMessage, disconnect } = useWeb3Wallet()
-```
-
-### useCSRFToken(cookieName?, headerName?)
-
-Reads CSRF token for mutation requests.
-
-```typescript
-const { token, headers } = useCSRFToken()
-// headers = { 'x-csrf-token': '...' }
-```
-
-### Billing hooks
-
-```typescript
-const { plans, loading } = usePlans(apiBaseUrl?)
-const { subscription, subscribe, cancel } = useSubscription(apiBaseUrl?)
-const { usage, refresh } = useUsage(apiBaseUrl?)
-const { purchase, verifySession } = usePrepaidCheckout(apiBaseUrl?)
-const { records, refresh } = useBillingHistory(apiBaseUrl?, { limit, offset })
-```
-
 ## Components
 
 ### ConnectWidget
@@ -300,88 +232,6 @@ React context provider. Wrap your app with this.
 </UserUtilsProvider>
 ```
 
-## Server Exports
-
-```typescript
-import {
-  // Auth route handlers
-  createAuthCallback,     // POST /api/auth/callback
-  createSessionHandler,   // GET /api/auth/session
-  createLogoutHandler,    // POST /api/auth/logout
-  createOTPHandler,       // POST /api/auth/otp
-
-  // Billing proxy
-  createBillingProxy,     // All billing routes
-  createWebhookHandler,   // Stripe webhooks
-
-  // JWT utilities
-  signJWT,
-  verifyJWT,
-  verifyJWTSignature,
-  decodeJWTPayload,
-  maybeRefreshJWT,
-  extractJwt,
-
-  // Security
-  createCSRFProtection,
-  securityHeaders,
-  withSecurityHeaders,
-  nextSecurityHeaders,
-  extractIP,
-  generateToken,
-
-  // StackNet proxy
-  buildStackNetHeaders,
-  resignForStackNet,
-
-  // Rate limiting
-  createInMemoryRateLimiter,
-  createInMemoryReplayStore,
-} from '@stacknet/userutils/server'
-```
-
-## Server Config
-
-```typescript
-interface ServerConfig {
-  authSecret: string          // HMAC-SHA256 secret for signing JWTs
-  stacknetUrl: string         // https://stacknet.magma-rpc.com
-  stackId: string             // Your stack ID
-  stacknetJwtSecret?: string  // For re-signing to StackNet (defaults to authSecret)
-  cookieDomain?: string       // For subdomain sharing (e.g. '.geoff.ai')
-  secureCookies?: boolean     // Secure flag on cookies (default: true)
-  sessionMaxAge?: number      // Session duration in seconds (default: 604800 = 7 days)
-  jwtExpiry?: number          // JWT expiry in seconds (default: 900 = 15 min)
-}
-```
-
-## Auth Bridge
-
-The auth bridge enables cross-domain session detection via an invisible iframe loaded from `https://stacknet.magma-rpc.com/auth/bridge`.
-
-When a user authenticates on one stack app, the bridge stores their public identity (address, chain, method). When they visit another stack app, `useAuthBridge()` detects the known identity and can auto-trigger wallet connection if `autoConnect: true`.
-
-The bridge uses postMessage with the `stacknet-auth-bridge` protocol. It never stores or transmits JWTs.
-
-## Proxying to StackNet
-
-If your app needs to call StackNet APIs on behalf of the user, store the original StackNet JWT in a separate cookie during callback:
-
-```typescript
-// In your custom /api/auth/callback handler:
-const originalJwt = sessionData.jwt
-headers.append('Set-Cookie',
-  `stacknet_jwt=${originalJwt}; Path=/; HttpOnly; SameSite=Lax; Max-Age=604800${secureSuffix}`
-)
-
-// In your proxy routes:
-import { extractJwt } from '@stacknet/userutils/server'
-
-const jwt = extractJwt(request)  // reads stackauth_jwt cookie
-const headers = buildStackNetHeaders(jwt, process.env.STACKNET_JWT_SECRET!)
-await fetch(`https://stacknet.magma-rpc.com/api/...`, { headers })
-```
-
 ## Security
 
 - **HttpOnly cookies** prevent XSS token theft

package/dist/components/index.cjs

@@ -1,2 +1,2 @@
-'use strict';var react=require('react'),jsxRuntime=require('react/jsx-runtime');var we=react.createContext(null);function Qe(){let e=react.useContext(we);if(!e)throw new Error("useUserUtilsContext must be used within <UserUtilsProvider>");return e}function Ye({config:e,callbacks:n,children:a}){return jsxRuntime.jsx(we.Provider,{value:{config:e,callbacks:n},children:a})}function xe(){let[e,n]=react.useState({connected:false,address:null,chain:null,provider:null}),[a,l]=react.useState(null),w=react.useCallback(async(p="phantom")=>{l(null);try{let c=typeof window<"u"?window:null,v=p==="phantom"?c?.phantom?.solana||c?.solana:c?.solflare;if(!v)return l(`${p} wallet not found`),null;let d=(await v.connect()).publicKey.toString();return n({connected:!0,address:d,chain:"solana",provider:p}),d}catch(c){return l(c.message||"Failed to connect wallet"),null}},[]),m=react.useCallback(async()=>{l(null);try{let c=(typeof window<"u"?window:null)?.ethereum;if(!c)return l("MetaMask not found"),null;let v=c;c.providers?.length&&(v=c.providers.find(t=>t.isMetaMask)||c);let d=(await v.request({method:"eth_requestAccounts"}))[0];return d?(n({connected:!0,address:d,chain:"ethereum",provider:"metamask"}),d):(l("No account selected"),null)}catch(p){return l(p.message||"Failed to connect wallet"),null}},[]),g=react.useCallback(async(p,c)=>{l(null);let v=c?.chain||e.chain,s=c?.provider||e.provider,d=c?.address||e.address;try{if(v==="solana"){let t=typeof window<"u"?window:null,r=s==="solflare"?t?.solflare:t?.phantom?.solana||t?.solana;if(!r)throw new Error("Wallet not available");let o=new TextEncoder().encode(p),f=await r.signMessage(o,"utf8"),y=new Uint8Array(f.signature||f),h="";for(let S=0;S<y.byteLength;S++)h+=String.fromCharCode(y[S]);return btoa(h)}if(v==="ethereum"){let r=(typeof window<"u"?window:null)?.ethereum;if(r?.providers?.length&&(r=r.providers.find(f=>f.isMetaMask)||r),!r)throw new Error("MetaMask not available");return await r.request({method:"personal_sign",params:[p,d]})}throw new Error("No wallet connected")}catch(t){return l(t.message||"Signing failed"),null}},[e]),i=react.useCallback(()=>{n({connected:false,address:null,chain:null,provider:null}),l(null);},[]);return {wallet:e,error:a,connectSolana:w,connectEVM:m,signMessage:g,disconnect:i}}function ve(){if(typeof document>"u")return null;try{let e=document.cookie.split(";").map(a=>a.trim()).find(a=>a.startsWith("stackauth_session="));if(!e)return null;let n=e.slice(18);return JSON.parse(atob(n.replace(/-/g,"+").replace(/_/g,"/")))}catch{return null}}function Ne(e="__csrf"){if(typeof document>"u")return null;let n=document.cookie.split(";").map(a=>a.trim()).find(a=>a.startsWith(`${e}=`));return n?n.slice(e.length+1):null}function Se(){let[e,n]=react.useState(null),[a,l]=react.useState(true),w=react.useCallback(()=>{let i=ve();i&&i.expiresAt>Date.now()?n({userId:i.userId,address:i.address,chain:i.chain,expiresAt:i.expiresAt,planId:i.planId,authMethod:i.authMethod}):n(null),l(false);},[]);react.useEffect(()=>{w();},[w]);let m=react.useCallback(async(i="")=>{try{let p=await fetch(`${i}/api/auth/session`);if(p.ok){let c=await p.json();if(c.session)return n(c.session),c.session}return n(null),null}catch{return null}},[]),g=!!e&&e.expiresAt>Date.now();return {session:e,loading:a,isAuthenticated:g,refresh:m,readSession:w}}function Ie(e="__csrf",n="x-csrf-token"){let[a,l]=react.useState(null);react.useEffect(()=>{l(Ne(e));},[e]);let w=a?{[n]:a}:{};return {token:a,headers:w}}var qe="https://stacknet.magma-rpc.com/auth/bridge",X="stacknet-auth-bridge";function Le(e){let n=e?.bridgeUrl||qe,a=e?.disabled||false,l=react.useRef(null),[w,m]=react.useState({ready:false,known:false,identity:null,identityCount:0,resolvedStackId:null}),g=react.useRef([]),i=react.useRef(false),p=react.useCallback(t=>{let r={...t,protocol:X};i.current&&l.current?.contentWindow?l.current.contentWindow.postMessage(r,new URL(n).origin):g.current.push(r);},[n]);react.useEffect(()=>{if(a)return;let t=o=>{if(!(!o.data||o.data.protocol!==X)){try{if(o.origin!==new URL(n).origin)return}catch{return}switch(o.data.type){case "bridge:ready":i.current=true,m(f=>({...f,ready:true}));for(let f of g.current)l.current?.contentWindow?.postMessage(f,o.origin);g.current=[],l.current?.contentWindow?.postMessage({protocol:X,type:"auth:check"},o.origin),l.current?.contentWindow?.postMessage({protocol:X,type:"auth:resolve-stack"},o.origin);break;case "auth:status":m(f=>({...f,known:o.data.known,identity:o.data.identity,identityCount:o.data.identityCount||0}));break;case "auth:resolved-stack":m(f=>({...f,resolvedStackId:o.data.stackId||null}));break;}}};window.addEventListener("message",t);let r=document.createElement("iframe");return r.src=n,r.style.display="none",r.setAttribute("aria-hidden","true"),r.setAttribute("tabindex","-1"),r.setAttribute("sandbox","allow-scripts allow-same-origin"),document.body.appendChild(r),l.current=r,()=>{window.removeEventListener("message",t),r.parentNode&&r.parentNode.removeChild(r),l.current=null,i.current=false;}},[n,a]);let c=react.useCallback(t=>{p({type:"auth:connected",...t});},[p]),v=react.useCallback(t=>{p({type:"auth:disconnected",...t});},[p]),s=react.useCallback(()=>{p({type:"auth:clear"}),m({ready:w.ready,known:false,identity:null,identityCount:0,resolvedStackId:null});},[p,w.ready]),d=react.useCallback(()=>{p({type:"auth:check"});},[p]);return {...w,reportConnected:c,reportDisconnected:v,clearAll:s,refresh:d}}async function Ue(e,n,a,l){let w=e.apiVersion||"v2",m=`${e.baseUrl}/api/${w}${a}`;try{let g=await fetch(m,{method:n,headers:{"Content-Type":"application/json"},body:l?JSON.stringify(l):void 0}),i=await g.json();return g.ok?i.success&&i.data!==void 0?{success:!0,data:i.data}:{success:!0,data:i}:{success:!1,error:i.error||{code:"UNKNOWN_ERROR",message:"Unknown error"}}}catch(g){return {success:false,error:{code:"NETWORK_ERROR",message:g instanceof Error?g.message:"Network error"}}}}function Pe(e){return {getNetworkStatus:()=>Ue(e,"GET","/network/status"),getWeb3Challenge:(n,a)=>Ue(e,"POST",`/stacks/${e.stackId}/auth/web3/challenge`,{chain:n,address:a})}}function Ae(e={apiBaseUrl:""}){let{wallet:n,connectSolana:a,connectEVM:l,signMessage:w,disconnect:m}=xe(),{session:g,isAuthenticated:i,refresh:p,readSession:c}=Se(),{headers:v}=Ie(),s=Le({disabled:typeof window>"u"}),[d,t]=react.useState(false),[r,o]=react.useState(null),[f,y]=react.useState(false),h=e.apiBaseUrl||"",S=e.stacknetUrl||"https://stacknet.magma-rpc.com",N=e.stackId||s.resolvedStackId||"",M=Pe({baseUrl:S,stackId:N}),L=react.useCallback(async(x,C,$,W)=>{t(true),o(null);try{let A=C;if(!A){let F=await $();if(!F)return t(!1),!1;A=F;}let R=await M.getWeb3Challenge(x,A);if(!R.success||!R.data)return o("Failed to get challenge"),t(!1),!1;let K=await w(R.data.message,{chain:x,provider:W,address:A});if(!K)return t(!1),!1;let Q={chain:x,message:R.data.message,signature:K,stackId:N};x==="solana"&&(Q.publicKey=A);let B=await fetch(`${h}/api/auth/callback`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(Q)});if(!B.ok){let F=await B.json().catch(()=>({}));return o(F.error||"Authentication failed"),t(!1),!1}return s.reportConnected({address:A,chain:x,method:W||(x==="solana"?"phantom":"metamask"),stackId:N}),c(),t(!1),!0}catch(A){return o(A.message||"Authentication failed"),t(false),false}},[h,M,w,c,s,N]),D=react.useCallback(async(x="phantom")=>{let C=await a(x);return C?L("solana",C,()=>a(x),x):false},[a,L]),j=react.useCallback(async()=>{let x=await l();return x?L("ethereum",x,l,"metamask"):false},[l,L]),P=react.useCallback(async x=>{t(true),o(null);try{let C=await fetch(`${h}/api/auth/otp`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({code:x})});if(!C.ok){let $=await C.json().catch(()=>({}));return o($.error||"Invalid code"),t(!1),!1}return c(),t(!1),!0}catch(C){return o(C.message||"OTP verification failed"),t(false),false}},[h,c]),O=react.useCallback(async()=>{n.address&&n.chain&&s.reportDisconnected({address:n.address,chain:n.chain,stackId:N});try{await fetch(`${h}/api/auth/logout`,{method:"POST",headers:v});}catch{}m(),c();},[h,v,m,c,n,s,N]);return react.useEffect(()=>{if(!e.autoConnect||f||i||!s.ready||!s.known||!s.identity)return;y(true);let{chain:x,method:C}=s.identity;x==="solana"&&(C==="phantom"||C==="solflare")?D(C):x==="ethereum"&&j();},[e.autoConnect,f,i,s,D,j]),{session:g,isAuthenticated:i,wallet:n,loading:d,error:r,authenticateSolana:D,authenticateEVM:j,authenticateOTP:P,logout:O,refresh:()=>p(h),stackId:N,bridge:{ready:s.ready,known:s.known,identity:s.identity,identityCount:s.identityCount,resolvedStackId:s.resolvedStackId}}}function je(e,n="https://stacknet.magma-rpc.com"){let[a,l]=react.useState(null),[w,m]=react.useState(false),[g,i]=react.useState(null),p=react.useCallback(async v=>{m(true),i(null);try{let s=await fetch(`${n}/api/v2/stacks/${v}`);if(!s.ok)return i("Stack not found"),m(!1),null;let d=await s.json(),t=d.data?.stack||d.stack||d,r={id:t.id,name:t.name,displayName:t.displayName||t.name,description:t.description,logoUrl:t.logoUrl,webPageUrl:t.webPageUrl,allowedChains:t.allowedChains||[],features:t.features,stripeProvider:t.stripeProvider,oauthProviders:t.oauthProviders?.map(o=>({provider:o.provider,enabled:o.enabled!==!1}))};return l(r),m(!1),r}catch(s){return i(s.message),m(false),null}},[n]);react.useEffect(()=>{e&&p(e);},[e,p]);let c=a?nt(a):[];return {config:a,loading:w,error:g,identityProviders:c,fetchConfig:p}}function nt(e){let n=[];if(e.features?.web3Auth!==false&&(e.allowedChains.includes("solana")&&(n.push({type:"wallet",id:"phantom",name:"Phantom",chain:"solana"}),n.push({type:"wallet",id:"solflare",name:"Solflare",chain:"solana"})),(e.allowedChains.includes("ethereum")||e.allowedChains.includes("polygon")||e.allowedChains.includes("base"))&&n.push({type:"wallet",id:"metamask",name:"MetaMask",chain:"ethereum"})),e.features?.apiKeyAuth!==false&&n.push({type:"otp",id:"otp",name:"Access Code"}),e.features?.oauthAuth&&e.oauthProviders)for(let a of e.oauthProviders)a.enabled&&n.push({type:"oauth",id:a.provider,name:a.provider});return n}function ee({length:e=6,onComplete:n,disabled:a=false,error:l,className:w="",inputClassName:m=""}){let [g,i]=react.useState(Array(e).fill("")),p=react.useCallback((s,d)=>{if(d.length>1){let r=d.replace(/\D/g,"").slice(0,e).split(""),o=[...g];r.forEach((y,h)=>{s+h<e&&(o[s+h]=y);}),i(o);let f=Math.min(s+r.length,e-1);document.getElementById(`userutils-otp-${f}`)?.focus(),o.every(y=>y!=="")&&setTimeout(()=>n(o.join("")),100);return}if(!/^\d?$/.test(d))return;let t=[...g];t[s]=d,i(t),d&&s<e-1&&document.getElementById(`userutils-otp-${s+1}`)?.focus(),d&&s===e-1&&t.every(r=>r!=="")&&setTimeout(()=>n(t.join("")),100);},[g,e,n]),c=react.useCallback((s,d)=>{if(d.key==="Backspace"&&!g[s]&&s>0){document.getElementById(`userutils-otp-${s-1}`)?.focus();let t=[...g];t[s-1]="",i(t);}if(d.key==="Enter"){let t=g.join("");t.length===e&&n(t);}},[g,e,n]);react.useCallback(()=>{i(Array(e).fill("")),document.getElementById("userutils-otp-0")?.focus();},[e]);return jsxRuntime.jsxs("div",{className:w,children:[jsxRuntime.jsx("div",{className:"flex gap-2 justify-center",children:g.map((s,d)=>jsxRuntime.jsx("input",{id:`userutils-otp-${d}`,type:"text",inputMode:"numeric",maxLength:e,value:s,onChange:t=>p(d,t.target.value),onKeyDown:t=>c(d,t),disabled:a,autoFocus:d===0,className:`w-12 h-14 text-center text-xl font-mono bg-secondary border border-primary/10 text-foreground focus:outline-none focus:border-primary/30 disabled:opacity-50 ${m}`},d))}),l&&jsxRuntime.jsx("p",{className:"text-center text-sm text-red-400 mt-2",children:l})]})}ee.displayName="OTPInput";var rt="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA4IiBoZWlnaHQ9IjEwOCIgdmlld0JveD0iMCAwIDEwOCAxMDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIxMDgiIGhlaWdodD0iMTA4IiByeD0iMjYiIGZpbGw9IiNBQjlGRjIiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Ni41MjY3IDY5LjkyMjlDNDIuMDA1NCA3Ni44NTA5IDM0LjQyOTIgODUuNjE4MiAyNC4zNDggODUuNjE4MkMxOS41ODI0IDg1LjYxODIgMTUgODMuNjU2MyAxNSA3NS4xMzQyQzE1IDUzLjQzMDUgNDQuNjMyNiAxOS44MzI3IDcyLjEyNjggMTkuODMyN0M4Ny43NjggMTkuODMyNyA5NCAzMC42ODQ2IDk0IDQzLjAwNzlDOTQgNTguODI1OCA4My43MzU1IDc2LjkxMjIgNzMuNTMyMSA3Ni45MTIyQzcwLjI5MzkgNzYuOTEyMiA2OC43MDUzIDc1LjEzNDIgNjguNzA1MyA3Mi4zMTRDNjguNzA1MyA3MS41NzgzIDY4LjgyNzUgNzAuNzgxMiA2OS4wNzE5IDY5LjkyMjlDNjUuNTg5MyA3NS44Njk5IDU4Ljg2ODUgODEuMzg3OCA1Mi41NzU0IDgxLjM4NzhDNDcuOTkzIDgxLjM4NzggNDUuNjcxMyA3OC41MDYzIDQ1LjY3MTMgNzQuNDU5OEM0NS42NzEzIDcyLjk4ODQgNDUuOTc2OCA3MS40NTU2IDQ2LjUyNjcgNjkuOTIyOVpNODMuNjc2MSA0Mi41Nzk0QzgzLjY3NjEgNDYuMTcwNCA4MS41NTc1IDQ3Ljk2NTggNzkuMTg3NSA0Ny45NjU4Qzc2Ljc4MTYgNDcuOTY1OCA3NC42OTg5IDQ2LjE3MDQgNzQuNjk4OSA0Mi41Nzk0Qzc0LjY5ODkgMzguOTg4NSA3Ni43ODE2IDM3LjE5MzEgNzkuMTg3NSAzNy4xOTMxQzgxLjU1NzUgMzcuMTkzMSA4My42NzYxIDM4Ljk4ODUgODMuNjc2MSA0Mi41Nzk0Wk03MC4yMTAzIDQyLjU3OTVDNzAuMjEwMyA0Ni4xNzA0IDY4LjA5MTYgNDcuOTY1OCA2NS43MjE2IDQ3Ljk2NThDNjMuMzE1NyA0Ny45NjU4IDYxLjIzMyA0Ni4xNzA0IDYxLjIzMyA0Mi41Nzk1QzYxLjIzMyAzOC45ODg1IDYzLjMxNTcgMzcuMTkzMSA2NS43MjE2IDM3LjE5MzFDNjguMDkxNiAzNy4xOTMxIDcwLjIxMDMgMzguOTg4NSA3MC4yMTAzIDQyLjU3OTVaIiBmaWxsPSIjRkZGREY4Ii8+Cjwvc3ZnPgo=";function te({className:e}){return jsxRuntime.jsx("img",{src:rt,alt:"Phantom",className:e})}function ne({className:e}){return jsxRuntime.jsxs("svg",{className:e,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 507.83 470.86",children:[jsxRuntime.jsx("polygon",{fill:"#e2761b",stroke:"#e2761b",strokeLinecap:"round",strokeLinejoin:"round",points:"482.09 0.5 284.32 147.38 320.9 60.72 482.09 0.5"}),jsxRuntime.jsx("polygon",{fill:"#e4761b",stroke:"#e4761b",strokeLinecap:"round",strokeLinejoin:"round",points:"25.54 0.5 221.72 148.77 186.93 60.72 25.54 0.5"}),jsxRuntime.jsx("polygon",{fill:"#e4761b",stroke:"#e4761b",strokeLinecap:"round",strokeLinejoin:"round",points:"410.93 340.97 358.26 421.67 470.96 452.67 503.36 342.76 410.93 340.97"}),jsxRuntime.jsx("polygon",{fill:"#e4761b",stroke:"#e4761b",strokeLinecap:"round",strokeLinejoin:"round",points:"4.67 342.76 36.87 452.67 149.57 421.67 96.9 340.97 4.67 342.76"}),jsxRuntime.jsx("polygon",{fill:"#e4761b",stroke:"#e4761b",strokeLinecap:"round",strokeLinejoin:"round",points:"143.21 204.62 111.8 252.13 223.7 257.1 219.73 136.85 143.21 204.62"}),jsxRuntime.jsx("polygon",{fill:"#e4761b",stroke:"#e4761b",strokeLinecap:"round",strokeLinejoin:"round",points:"364.42 204.62 286.91 135.46 284.32 257.1 396.03 252.13 364.42 204.62"}),jsxRuntime.jsx("polygon",{fill:"#e4761b",stroke:"#e4761b",strokeLinecap:"round",strokeLinejoin:"round",points:"149.57 421.67 216.75 388.87 158.71 343.55 149.57 421.67"}),jsxRuntime.jsx("polygon",{fill:"#e4761b",stroke:"#e4761b",strokeLinecap:"round",strokeLinejoin:"round",points:"290.88 388.87 358.26 421.67 348.92 343.55 290.88 388.87"}),jsxRuntime.jsx("polygon",{fill:"#d7c1b3",stroke:"#d7c1b3",strokeLinecap:"round",strokeLinejoin:"round",points:"358.26 421.67 290.88 388.87 296.25 432.8 295.65 451.28 358.26 421.67"}),jsxRuntime.jsx("polygon",{fill:"#d7c1b3",stroke:"#d7c1b3",strokeLinecap:"round",strokeLinejoin:"round",points:"149.57 421.67 212.18 451.28 211.78 432.8 216.75 388.87 149.57 421.67"}),jsxRuntime.jsx("polygon",{fill:"#233447",stroke:"#233447",strokeLinecap:"round",strokeLinejoin:"round",points:"213.17 314.54 157.12 298.04 196.67 279.95 213.17 314.54"}),jsxRuntime.jsx("polygon",{fill:"#233447",stroke:"#233447",strokeLinecap:"round",strokeLinejoin:"round",points:"294.46 314.54 310.96 279.95 350.71 298.04 294.46 314.54"}),jsxRuntime.jsx("polygon",{fill:"#cd6116",stroke:"#cd6116",strokeLinecap:"round",strokeLinejoin:"round",points:"149.57 421.67 159.11 340.97 96.9 342.76 149.57 421.67"}),jsxRuntime.jsx("polygon",{fill:"#cd6116",stroke:"#cd6116",strokeLinecap:"round",strokeLinejoin:"round",points:"348.72 340.97 358.26 421.67 410.93 342.76 348.72 340.97"}),jsxRuntime.jsx("polygon",{fill:"#cd6116",stroke:"#cd6116",strokeLinecap:"round",strokeLinejoin:"round",points:"396.03 252.13 284.32 257.1 294.66 314.54 311.16 279.95 350.91 298.04 396.03 252.13"}),jsxRuntime.jsx("polygon",{fill:"#cd6116",stroke:"#cd6116",strokeLinecap:"round",strokeLinejoin:"round",points:"157.12 298.04 196.87 279.95 213.17 314.54 223.7 257.1 111.8 252.13 157.12 298.04"}),jsxRuntime.jsx("polygon",{fill:"#e4751f",stroke:"#e4751f",strokeLinecap:"round",strokeLinejoin:"round",points:"111.8 252.13 158.71 343.55 157.12 298.04 111.8 252.13"}),jsxRuntime.jsx("polygon",{fill:"#e4751f",stroke:"#e4751f",strokeLinecap:"round",strokeLinejoin:"round",points:"350.91 298.04 348.92 343.55 396.03 252.13 350.91 298.04"}),jsxRuntime.jsx("polygon",{fill:"#e4751f",stroke:"#e4751f",strokeLinecap:"round",strokeLinejoin:"round",points:"223.7 257.1 213.17 314.54 226.29 382.31 229.27 293.07 223.7 257.1"}),jsxRuntime.jsx("polygon",{fill:"#e4751f",stroke:"#e4751f",strokeLinecap:"round",strokeLinejoin:"round",points:"284.32 257.1 278.96 292.87 281.34 382.31 294.66 314.54 284.32 257.1"}),jsxRuntime.jsx("polygon",{fill:"#f6851b",stroke:"#f6851b",strokeLinecap:"round",strokeLinejoin:"round",points:"294.66 314.54 281.34 382.31 290.88 388.87 348.92 343.55 350.91 298.04 294.66 314.54"}),jsxRuntime.jsx("polygon",{fill:"#f6851b",stroke:"#f6851b",strokeLinecap:"round",strokeLinejoin:"round",points:"157.12 298.04 158.71 343.55 216.75 388.87 226.29 382.31 213.17 314.54 157.12 298.04"}),jsxRuntime.jsx("polygon",{fill:"#c0ad9e",stroke:"#c0ad9e",strokeLinecap:"round",strokeLinejoin:"round",points:"295.65 451.28 296.25 432.8 291.28 428.42 216.35 428.42 211.78 432.8 212.18 451.28 149.57 421.67 171.43 439.55 215.75 470.36 291.88 470.36 336.4 439.55 358.26 421.67 295.65 451.28"}),jsxRuntime.jsx("polygon",{fill:"#161616",stroke:"#161616",strokeLinecap:"round",strokeLinejoin:"round",points:"290.88 388.87 281.34 382.31 226.29 382.31 216.75 388.87 211.78 432.8 216.35 428.42 291.28 428.42 296.25 432.8 290.88 388.87"}),jsxRuntime.jsx("polygon",{fill:"#763d16",stroke:"#763d16",strokeLinecap:"round",strokeLinejoin:"round",points:"490.44 156.92 507.33 75.83 482.09 0.5 290.88 142.41 364.42 204.62 468.37 235.03 491.43 208.2 481.49 201.05 497.39 186.54 485.07 177 500.97 164.87 490.44 156.92"}),jsxRuntime.jsx("polygon",{fill:"#763d16",stroke:"#763d16",strokeLinecap:"round",strokeLinejoin:"round",points:"0.5 75.83 17.39 156.92 6.66 164.87 22.56 177 10.44 186.54 26.34 201.05 16.4 208.2 39.26 235.03 143.21 204.62 216.75 142.41 25.54 0.5 0.5 75.83"}),jsxRuntime.jsx("polygon",{fill:"#f6851b",stroke:"#f6851b",strokeLinecap:"round",strokeLinejoin:"round",points:"468.37 235.03 364.42 204.62 396.03 252.13 348.92 343.55 410.93 342.76 503.36 342.76 468.37 235.03"}),jsxRuntime.jsx("polygon",{fill:"#f6851b",stroke:"#f6851b",strokeLinecap:"round",strokeLinejoin:"round",points:"143.21 204.62 39.26 235.03 4.67 342.76 96.9 342.76 158.71 343.55 111.8 252.13 143.21 204.62"}),jsxRuntime.jsx("polygon",{fill:"#f6851b",stroke:"#f6851b",strokeLinecap:"round",strokeLinejoin:"round",points:"284.32 257.1 290.88 142.41 321.1 60.72 186.93 60.72 216.75 142.41 223.7 257.1 226.09 293.27 226.29 382.31 281.34 382.31 281.74 293.27 284.32 257.1"})]})}function pe({className:e}){return jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",className:e||"h-5 w-5",children:[jsxRuntime.jsxs("linearGradient",{id:"sol-g",x1:"7.233",x2:"24.766",y1:"24.766",y2:"7.234",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{offset:"0",stopColor:"#9945ff"}),jsxRuntime.jsx("stop",{offset:"0.2",stopColor:"#7962e7"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"#00d18c"})]}),jsxRuntime.jsx("path",{fill:"#10111a",d:"M0 0h32v32H0z"}),jsxRuntime.jsx("path",{fill:"url(#sol-g)",fillRule:"evenodd",d:"M9.873 20.41a.65.65 0 0 1 .476-.21l14.662.012a.323.323 0 0 1 .238.54l-3.123 3.438a.64.64 0 0 1-.475.21l-14.662-.012a.323.323 0 0 1-.238-.54zm15.376-2.862a.322.322 0 0 1-.238.54l-14.662.012a.64.64 0 0 1-.476-.21l-3.122-3.44a.323.323 0 0 1 .238-.54l14.662-.012a.64.64 0 0 1 .475.21zM9.873 7.81a.64.64 0 0 1 .476-.21l14.662.012a.322.322 0 0 1 .238.54l-3.123 3.438a.64.64 0 0 1-.475.21l-14.662-.012a.323.323 0 0 1-.238-.54z",clipRule:"evenodd"})]})}function ge({className:e}){return jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",className:e||"h-5 w-5",children:[jsxRuntime.jsx("rect",{width:"20",height:"20",rx:"4",fill:"#627EEA",fillOpacity:"0.2"}),jsxRuntime.jsx("path",{fill:"#627EEA",d:"M10 3l-4 6.5 4 2.5 4-2.5L10 3z"}),jsxRuntime.jsx("path",{fill:"#627EEA",fillOpacity:"0.6",d:"M6 9.5L10 12l4-2.5L10 17 6 9.5z"})]})}function ct({config:e,onSuccess:n,title:a="Log in or Sign up",showWallets:l,showOTP:w,className:m=""}){let g=Ae(e),{isAuthenticated:i,wallet:p,loading:c,error:v,authenticateSolana:s,authenticateEVM:d,authenticateOTP:t,bridge:r,stackId:o}=g,f=!e.stackId&&!o,y=e.stacknetUrl||"https://stacknet.magma-rpc.com",{config:h,identityProviders:S,loading:N}=je(o||e.stackId||null,y),[M,L]=react.useState(f?"stack-select":"select"),[D,j]=react.useState(null),[P,O]=react.useState(false),[x,C]=react.useState("idle"),[$,W]=react.useState(""),[A,R]=react.useState([]),[K,Q]=react.useState(e.stackId||null),[B,F]=react.useState(false),[Ee,We]=react.useState(false);react.useEffect(()=>{if(typeof window>"u")return;let b=()=>{let H=window;F(!!(H.phantom?.solana?.isPhantom||H.solana?.isPhantom));let Y=H.ethereum;We(!!(Y?.isMetaMask||Y?.providers?.some(G=>G.isMetaMask)));};b(),window.addEventListener("ethereum#initialized",b);let E=setTimeout(b,500);return ()=>{window.removeEventListener("ethereum#initialized",b),clearTimeout(E);}},[]),react.useEffect(()=>{M==="stack-select"&&o&&(Q(o),L("select"));},[M,o]),react.useEffect(()=>{if(!(!r.ready||!f)&&r.identity){let b=[];r.resolvedStackId&&b.push({stackId:r.resolvedStackId,domain:typeof window<"u"?window.location.origin:""}),Promise.all(b.map(async E=>{try{let H=await fetch(`${y}/api/v2/stacks/${E.stackId}`);if(H.ok){let Y=await H.json(),G=Y.data?.stack||Y;E.name=G.displayName||G.name,E.logoUrl=G.logoUrl;}}catch{}return E})).then(R);}},[r.ready,r.identity,r.resolvedStackId,f,y]),react.useEffect(()=>{i&&M==="success"&&n?.();},[i,M,n]);let he=l||(S.length>0?S.filter(b=>b.type==="wallet").map(b=>b.id):["phantom","metamask"]),ye=w!==void 0?w:S.length>0?S.some(b=>b.type==="otp"):true,Re=async()=>{j("phantom"),L("connecting");let b=await s("phantom");L(b?"success":"error");},Be=async()=>{j("metamask"),L("connecting");let b=await d();L(b?"success":"error");},Fe=async b=>{C("verifying"),W(""),await t(b)?(C("success"),L("success")):(C("error"),W("Invalid or expired code"),setTimeout(()=>C("idle"),2e3));},ke=()=>{L(f&&!K?"stack-select":"select"),j(null),O(false),C("idle"),W("");};return jsxRuntime.jsxs("div",{className:`w-full max-w-md space-y-3 ${m}`,children:[jsxRuntime.jsxs("div",{className:"mb-6 text-center",children:[h?.logoUrl&&M!=="stack-select"&&jsxRuntime.jsx("img",{src:h.logoUrl,alt:"",className:"h-10 w-10 mx-auto mb-3"}),jsxRuntime.jsx("h1",{className:"font-semibold text-2xl text-white",children:a}),h?.displayName&&M!=="stack-select"&&jsxRuntime.jsx("p",{className:"text-sm text-zinc-400 mt-1",children:h.displayName})]}),M==="stack-select"&&jsxRuntime.jsxs("div",{className:"space-y-3",children:[jsxRuntime.jsx("p",{className:"text-center text-sm text-zinc-400 mb-4",children:A.length>0?"Select a network to continue":"No previous connections found. Enter a Stack ID to continue."}),A.map(b=>jsxRuntime.jsxs("button",{onClick:()=>{Q(b.stackId),L("select");},className:"flex w-full items-center gap-4 border border-zinc-800 bg-[#25252f] p-4 transition-colors hover:bg-[#2d2d3a]",children:[b.logoUrl?jsxRuntime.jsx("img",{src:b.logoUrl,alt:"",className:"h-10 w-10 flex-shrink-0"}):jsxRuntime.jsx("div",{className:"h-10 w-10 flex-shrink-0 bg-zinc-700 flex items-center justify-center text-zinc-400 text-sm font-mono",children:b.name?.[0]?.toUpperCase()||"S"}),jsxRuntime.jsxs("div",{className:"flex-1 text-left",children:[jsxRuntime.jsx("span",{className:"font-medium text-white",children:b.name||b.stackId}),jsxRuntime.jsx("p",{className:"text-xs text-zinc-500",children:b.domain})]}),jsxRuntime.jsx("span",{className:"text-xs text-zinc-600",children:"Previously connected"})]},b.stackId)),r.ready&&!r.known&&jsxRuntime.jsx("p",{className:"text-center text-xs text-zinc-600 mt-4",children:"Connect to a stack for the first time to get started."})]}),M==="select"&&N&&jsxRuntime.jsx("div",{className:"flex items-center justify-center py-8",children:jsxRuntime.jsx("div",{className:"h-6 w-6 border-2 border-zinc-600 border-t-white animate-spin",style:{borderRadius:"50%"}})}),v&&M==="error"&&jsxRuntime.jsxs("div",{className:"mb-4 border border-red-500/30 bg-red-500/10 p-4",children:[jsxRuntime.jsx("p",{className:"text-center text-red-400 text-sm",children:v}),jsxRuntime.jsx("button",{className:"mt-3 w-full text-sm text-zinc-400 hover:text-white",onClick:ke,children:"Try Again"})]}),M==="success"&&jsxRuntime.jsxs("div",{className:"border border-green-500/30 bg-green-500/10 p-6 text-center",children:[jsxRuntime.jsx("p",{className:"font-medium text-green-400 text-sm",children:"Connected!"}),jsxRuntime.jsx("p",{className:"mt-1 text-xs text-zinc-400",children:"Redirecting..."})]}),M==="connecting"&&c&&jsxRuntime.jsxs("div",{className:"border border-zinc-800 bg-[#25252f] p-6 text-center",children:[jsxRuntime.jsxs("div",{className:"mx-auto mb-3 h-14 w-14 animate-pulse",children:[D==="phantom"&&jsxRuntime.jsx(te,{className:"h-14 w-14"}),D==="metamask"&&jsxRuntime.jsx(ne,{className:"h-14 w-14"})]}),jsxRuntime.jsx("p",{className:"font-medium text-sm text-white",children:p.connected?"Signing message...":"Connecting wallet..."}),jsxRuntime.jsx("p",{className:"mt-1 text-xs text-zinc-500",children:"Please confirm in your wallet"}),jsxRuntime.jsx("button",{className:"mt-4 text-sm text-zinc-500 hover:text-white",onClick:ke,children:"Cancel"})]}),M==="select"&&!c&&!N&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[he.includes("phantom")&&jsxRuntime.jsxs("button",{onClick:Re,disabled:!B,className:`flex w-full items-center gap-4 border border-zinc-800 bg-[#25252f] p-4 transition-colors hover:bg-[#2d2d3a] ${B?"":"cursor-not-allowed opacity-50"}`,children:[jsxRuntime.jsx(te,{className:"h-14 w-14 flex-shrink-0"}),jsxRuntime.jsxs("div",{className:"flex-1 text-left",children:[jsxRuntime.jsx("span",{className:"font-medium text-lg text-white",children:"Phantom"}),!B&&jsxRuntime.jsx("p",{className:"text-xs text-zinc-500",children:"Not installed"})]}),jsxRuntime.jsx(pe,{className:"h-8 w-8"})]}),he.includes("metamask")&&Ee&&jsxRuntime.jsxs("button",{onClick:Be,className:"flex w-full items-center gap-4 border border-zinc-800 bg-[#25252f] p-4 transition-colors hover:bg-[#2d2d3a]",children:[jsxRuntime.jsx("div",{className:"flex h-14 w-14 flex-shrink-0 items-center justify-center bg-white p-2",children:jsxRuntime.jsx(ne,{className:"h-10 w-10"})}),jsxRuntime.jsx("div",{className:"flex-1 text-left",children:jsxRuntime.jsx("span",{className:"font-medium text-lg text-white",children:"MetaMask"})}),jsxRuntime.jsx(ge,{className:"h-8 w-8"})]}),ye&&!P&&jsxRuntime.jsxs("button",{onClick:()=>O(true),className:"flex w-full items-center gap-4 border border-zinc-800 bg-[#25252f] p-4 transition-colors hover:bg-[#2d2d3a]",children:[jsxRuntime.jsx("div",{className:"flex h-14 w-14 flex-shrink-0 items-center justify-center border border-zinc-700 bg-[#2a2a3e]",children:jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"28px",viewBox:"0 -960 960 960",width:"28px",fill:"#e3e3e3",children:jsxRuntime.jsx("path",{d:"M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Z"})})}),jsxRuntime.jsx("div",{className:"flex-1 text-left",children:jsxRuntime.jsx("span",{className:"font-medium text-lg text-white",children:"Access Code"})})]}),ye&&P&&jsxRuntime.jsxs("div",{className:"border border-zinc-800 bg-[#25252f] p-6 space-y-4",children:[jsxRuntime.jsx("p",{className:"text-center text-sm text-zinc-400",children:"Enter your 6-digit access code"}),jsxRuntime.jsx(ee,{onComplete:Fe,disabled:x==="verifying",error:$}),x==="verifying"&&jsxRuntime.jsx("p",{className:"text-center text-sm text-zinc-400 animate-pulse",children:"Verifying..."}),x==="success"&&jsxRuntime.jsx("p",{className:"text-center text-sm text-green-400",children:"Verified!"}),h?.webPageUrl&&x==="idle"&&jsxRuntime.jsx("a",{href:`${h.webPageUrl}/connect/pair`,target:"_blank",rel:"noopener noreferrer",className:"block text-center text-sm text-zinc-500 hover:text-white transition-colors",children:"Get code"})]})]})]})}function pt(){if(typeof document>"u")return null;let e=document.cookie.split(";").map(n=>n.trim()).find(n=>n.startsWith("__csrf="));return e?e.slice(7):null}function De(e,n){let[a,l]=react.useState(null),[w,m]=react.useState(true),[g,i]=react.useState(false),[p,c]=react.useState(null),v=n?.apiBaseUrl??"",s=n?.scope??"global",d=react.useCallback(o=>s==="global"?`${v}/api/user/profile/${o}`:`${v}/api/v2/stacks/${s.stackId}/members/${o}/profile`,[v,s]),t=react.useCallback(async()=>{if(!e){l(null),m(false);return}m(true),c(null);try{let o=await fetch(d(e));if(o.ok){let f=await o.json(),y=f.profile||f.data?.profile||f;l({mid:y.mid||e,username:y.username||"",avatarUrl:y.avatar_url||y.avatarUrl,bio:y.bio,createdAt:y.created_at||y.createdAt,updatedAt:y.updated_at||y.updatedAt});}else if(o.status===404)l({mid:e,username:""});else throw new Error(`${o.status}`)}catch(o){c(o instanceof Error?o.message:"Failed to load profile");}finally{m(false);}},[e,d]);react.useEffect(()=>{t();},[t]);let r=react.useCallback(async o=>{if(!e)return  false;i(true),c(null);try{let f=pt(),y=await fetch(d(e),{method:"PUT",headers:{"Content-Type":"application/json",...f?{"x-csrf-token":f}:{}},credentials:"same-origin",body:JSON.stringify({username:o.username,avatar_url:o.avatarUrl,bio:o.bio})});if(!y.ok){let N=await y.json().catch(()=>({}));throw new Error(N.error||N.message||`Update failed: ${y.status}`)}let h=await y.json(),S=h.profile||h.data?.profile||h;return l(N=>({mid:N?.mid||e,username:o.username??N?.username??"",avatarUrl:o.avatarUrl??N?.avatarUrl,bio:o.bio??N?.bio,createdAt:N?.createdAt,updatedAt:S.updated_at||S.updatedAt||Date.now()})),!0}catch(f){return c(f instanceof Error?f.message:"Update failed"),false}finally{i(false);}},[e,d]);return {profile:a,loading:w,saving:g,error:p,updateProfile:r,refresh:t}}function mt({mid:e,apiBaseUrl:n="",scope:a,onSave:l,className:w}){let{profile:m,loading:g,saving:i,error:p,updateProfile:c}=De(e,{apiBaseUrl:n,scope:a}),[v,s]=react.useState(null),[d,t]=react.useState(null),[r,o]=react.useState(null),f=react.useRef(null),[y,h]=react.useState(false),S=v??m?.username??"",N=d??m?.bio??"",M=r??m?.avatarUrl,L=react.useCallback(P=>{let O=P.target.files?.[0];if(!O)return;let x=new FileReader;x.onload=()=>{o(x.result),h(true);},x.readAsDataURL(O);},[]),D=async()=>{await c({username:S||void 0,avatarUrl:r??m?.avatarUrl,bio:N||void 0})&&(h(false),l?.());};if(g)return jsxRuntime.jsxs("div",{className:w,style:{display:"grid",gap:"1.5rem"},children:[jsxRuntime.jsx("div",{style:{height:40,background:"var(--x-color-neutral-800, #333)",animation:"pulse 2s infinite"}}),jsxRuntime.jsx("div",{style:{height:40,background:"var(--x-color-neutral-800, #333)",animation:"pulse 2s infinite"}})]});let j=a==="global"||!a?"Global profile":`Stack profile (${a.stackId})`;return jsxRuntime.jsxs("div",{className:w,style:{display:"grid",gap:"1.5rem"},children:[jsxRuntime.jsx("p",{style:{fontSize:11,color:"var(--x-color-neutral-500, #91918D)",textTransform:"uppercase",letterSpacing:"0.05em"},children:j}),jsxRuntime.jsxs("div",{style:{display:"grid",gap:"1.5rem",gridTemplateColumns:"1fr 1fr"},children:[jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"0.5rem"},children:[jsxRuntime.jsx("label",{style:{fontSize:14,color:"var(--x-color-neutral-400, #91918D)"},children:"Username"}),jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"0.75rem"},children:[jsxRuntime.jsx("button",{type:"button",onClick:()=>f.current?.click(),style:{width:40,height:40,flexShrink:0,cursor:"pointer",overflow:"hidden",background:"var(--x-color-neutral-800, #262625)",border:"none",position:"relative",display:"flex",alignItems:"center",justifyContent:"center"},children:M?jsxRuntime.jsx("img",{src:M,alt:"",style:{width:"100%",height:"100%",objectFit:"cover"}}):jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{color:"var(--x-color-neutral-500, #91918D)"},children:[jsxRuntime.jsx("path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"}),jsxRuntime.jsx("circle",{cx:"12",cy:"7",r:"4"})]})}),jsxRuntime.jsx("input",{type:"text",value:S,onChange:P=>{s(P.target.value),h(true);},placeholder:"Enter username",maxLength:30,style:{flex:1,padding:"0.75rem 1rem",fontSize:14,background:"var(--x-color-neutral-800, #262625)",color:"var(--x-color-neutral-100, #FAFAF7)",border:"none",outline:"none"}})]}),jsxRuntime.jsx("input",{ref:f,type:"file",accept:"image/*",onChange:L,style:{display:"none"}})]}),jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"0.5rem"},children:[jsxRuntime.jsx("label",{style:{fontSize:14,color:"var(--x-color-neutral-400, #91918D)"},children:"Bio"}),jsxRuntime.jsx("input",{type:"text",value:N,onChange:P=>{t(P.target.value),h(true);},placeholder:"Tell us about yourself",maxLength:200,style:{width:"100%",padding:"0.75rem 1rem",fontSize:14,background:"var(--x-color-neutral-800, #262625)",color:"var(--x-color-neutral-100, #FAFAF7)",border:"none",outline:"none"}})]})]}),p&&jsxRuntime.jsx("p",{style:{fontSize:13,color:"var(--x-color-red-500, #BF4D43)"},children:p}),y&&jsxRuntime.jsxs("div",{style:{display:"flex",gap:"0.5rem"},children:[jsxRuntime.jsx("button",{onClick:D,disabled:i,style:{padding:"0.5rem 1.25rem",fontSize:13,fontWeight:700,background:"var(--x-color-blue-600, #165DFC)",color:"#FFF",border:"none",cursor:i?"wait":"pointer",opacity:i?.6:1},children:i?"Saving...":"Save"}),jsxRuntime.jsx("button",{onClick:()=>{s(null),t(null),o(null),h(false);},style:{padding:"0.5rem 1.25rem",fontSize:13,background:"var(--x-color-neutral-800, #262625)",color:"var(--x-color-neutral-400, #91918D)",border:"none",cursor:"pointer"},children:"Cancel"}),jsxRuntime.jsx("p",{style:{fontSize:11,color:"var(--x-color-neutral-500, #666663)",alignSelf:"center",marginLeft:"0.5rem"},children:"Profile updates cost 100M tokens"})]})]})}function ht({className:e}){return jsxRuntime.jsxs("svg",{className:e||"h-8 w-8",viewBox:"0 0 33 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("rect",{x:"0.5",width:"32",height:"32",rx:"4",fill:"black"}),jsxRuntime.jsx("path",{d:"M8.53901 8L14.7164 16.2153L8.5 22.8947H9.89907L15.3415 17.0468L19.7389 22.8947H24.5L17.975 14.2173L23.7612 8H22.3621L17.3499 13.3858L13.3001 8H8.53901ZM10.5964 9.02501H12.7837L22.4422 21.8695H20.255L10.5964 9.02501Z",fill:"#F7F7F7"})]})}function kt({className:e}){return jsxRuntime.jsxs("svg",{className:e||"h-8 w-8",viewBox:"0 0 33 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("rect",{x:"0.5",width:"32",height:"32",rx:"4",fill:"#F1F2F9"}),jsxRuntime.jsx("path",{d:"M26.1001 16.2273C26.1001 15.5182 26.0365 14.8364 25.9183 14.1818H16.5001V18.05H21.8819C21.6501 19.3 20.9456 20.3591 19.8865 21.0682V23.5773H23.1183C25.0092 21.8364 26.1001 19.2727 26.1001 16.2273Z",fill:"#4285F4"}),jsxRuntime.jsx("path",{d:"M16.5001 26C19.2001 26 21.4637 25.1046 23.1182 23.5773L19.8864 21.0682C18.991 21.6682 17.8455 22.0227 16.5001 22.0227C13.8955 22.0227 11.691 20.2637 10.9046 17.9H7.56372V20.4909C9.20917 23.7591 12.591 26 16.5001 26Z",fill:"#34A853"}),jsxRuntime.jsx("path",{d:"M10.9047 17.8999C10.7047 17.2999 10.591 16.659 10.591 15.9999C10.591 15.3408 10.7047 14.6999 10.9047 14.0999V11.509H7.56376C6.86376 12.9025 6.49951 14.4405 6.50012 15.9999C6.50012 17.6136 6.88649 19.1408 7.56376 20.4908L10.9047 17.8999Z",fill:"#FBBC05"}),jsxRuntime.jsx("path",{d:"M16.5001 9.97726C17.9682 9.97726 19.2864 10.4818 20.3228 11.4727L23.191 8.60454C21.4591 6.99091 19.1955 6 16.5001 6C12.591 6 9.20917 8.2409 7.56372 11.5091L10.9046 14.1C11.691 11.7364 13.8955 9.97726 16.5001 9.97726Z",fill:"#EA4335"})]})}function bt({className:e}){return jsxRuntime.jsxs("svg",{className:e||"h-8 w-8",viewBox:"0 0 33 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("rect",{x:"0.5",width:"32",height:"32",rx:"4",fill:"#5462EB"}),jsxRuntime.jsx("path",{d:"M23.5433 8.87438C22.2479 8.26174 20.8587 7.81038 19.4063 7.55187C19.3799 7.54688 19.3534 7.55934 19.3398 7.58428C19.1612 7.91179 18.9633 8.33905 18.8247 8.67487C17.2625 8.43382 15.7084 8.43382 14.1782 8.67487C14.0396 8.33158 13.8345 7.91179 13.6551 7.58428C13.6414 7.56018 13.615 7.54771 13.5886 7.55187C12.1369 7.80955 10.7478 8.26092 9.45159 8.87438C9.44037 8.87937 9.43075 8.88769 9.42437 8.89849C6.78947 12.9558 6.06766 16.9134 6.42176 20.8219C6.42336 20.841 6.43378 20.8593 6.4482 20.871C8.18663 22.1868 9.87059 22.9857 11.5233 23.5152C11.5497 23.5235 11.5778 23.5135 11.5946 23.491C11.9855 22.9408 12.334 22.3606 12.6328 21.7504C12.6505 21.7147 12.6336 21.6723 12.5976 21.6581C12.0448 21.442 11.5185 21.1785 11.0122 20.8793C10.9721 20.8552 10.9689 20.7961 11.0058 20.7679C11.1123 20.6856 11.2189 20.6 11.3206 20.5135C11.339 20.4977 11.3647 20.4944 11.3863 20.5044C14.7125 22.0696 18.3136 22.0696 21.6006 20.5044C21.6222 20.4936 21.6479 20.4969 21.6671 20.5127C21.7688 20.5991 21.8754 20.6856 21.9827 20.7679C22.0196 20.7961 22.0172 20.8552 21.9771 20.8793C21.4708 21.1843 20.9445 21.442 20.3909 21.6573C20.3548 21.6715 20.3388 21.7147 20.3564 21.7504C20.6617 22.3597 21.0101 22.9399 21.3939 23.4902C21.4099 23.5135 21.4387 23.5235 21.4652 23.5152C23.1259 22.9857 24.8099 22.1868 26.5483 20.871C26.5635 20.8593 26.5731 20.8419 26.5747 20.8228C26.9985 16.3041 25.8649 12.3789 23.5697 8.89931C23.5641 8.88769 23.5545 8.87937 23.5433 8.87438Z",fill:"#F7F7F7"})]})}function vt({className:e}){return jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",className:e||"h-8 w-8",children:[jsxRuntime.jsx("rect",{width:"512",height:"512",rx:"15%",fill:"#37aee2"}),jsxRuntime.jsx("path",{fill:"#c8daea",d:"M199 404c-11 0-10-4-13-14l-32-105 245-144"}),jsxRuntime.jsx("path",{fill:"#a9c9dd",d:"M199 404c7 0 11-4 16-8l45-43-56-34"}),jsxRuntime.jsx("path",{fill:"#f6fbfe",d:"M204 319l135 99c14 9 26 4 30-14l55-258c5-22-9-32-24-25L79 245c-21 8-21 21-4 26l83 26 190-121c9-5 17-3 11 4"})]})}
-exports.ConnectWidget=ct;exports.DiscordIcon=bt;exports.EthereumIcon=ge;exports.GoogleIcon=kt;exports.MetaMaskIcon=ne;exports.OTPInput=ee;exports.PhantomIcon=te;exports.ProfileSettings=mt;exports.SolanaIcon=pe;exports.TelegramIcon=vt;exports.TwitterIcon=ht;exports.UserUtilsProvider=Ye;exports.useUserUtilsContext=Qe;
+'use strict';var react=require('react'),jsxRuntime=require('react/jsx-runtime');var Ae=react.createContext(null);function at(){let e=react.useContext(Ae);if(!e)throw new Error("useUserUtilsContext must be used within <UserUtilsProvider>");return e}function it({config:e,callbacks:n,children:i}){return jsxRuntime.jsx(Ae.Provider,{value:{config:e,callbacks:n},children:i})}function je(){let[e,n]=react.useState({connected:false,address:null,chain:null,provider:null}),[i,c]=react.useState(null),w=react.useCallback(async(f="phantom")=>{c(null);try{let d=typeof window<"u"?window:null,N=f==="phantom"?d?.phantom?.solana||d?.solana:d?.solflare;if(!N)return c(`${f} wallet not found`),null;let u=(await N.connect()).publicKey.toString();return n({connected:!0,address:u,chain:"solana",provider:f}),u}catch(d){return c(d.message||"Failed to connect wallet"),null}},[]),y=react.useCallback(async()=>{c(null);try{let d=(typeof window<"u"?window:null)?.ethereum;if(!d)return c("MetaMask not found"),null;let N=d;d.providers?.length&&(N=d.providers.find(t=>t.isMetaMask)||d);let u=(await N.request({method:"eth_requestAccounts"}))[0];return u?(n({connected:!0,address:u,chain:"ethereum",provider:"metamask"}),u):(c("No account selected"),null)}catch(f){return c(f.message||"Failed to connect wallet"),null}},[]),g=react.useCallback(async(f,d)=>{c(null);let N=d?.chain||e.chain,s=d?.provider||e.provider,u=d?.address||e.address;try{if(N==="solana"){let t=typeof window<"u"?window:null,p=s==="solflare"?t?.solflare:t?.phantom?.solana||t?.solana;if(!p)throw new Error("Wallet not available");let o=new TextEncoder().encode(f),h=await p.signMessage(o,"utf8"),x=new Uint8Array(h.signature||h),k="";for(let A=0;A<x.byteLength;A++)k+=String.fromCharCode(x[A]);return btoa(k)}if(N==="ethereum"){let p=(typeof window<"u"?window:null)?.ethereum;if(p?.providers?.length&&(p=p.providers.find(h=>h.isMetaMask)||p),!p)throw new Error("MetaMask not available");return await p.request({method:"personal_sign",params:[f,u]})}throw new Error("No wallet connected")}catch(t){return c(t.message||"Signing failed"),null}},[e]),l=react.useCallback(()=>{n({connected:false,address:null,chain:null,provider:null}),c(null);},[]);return {wallet:e,error:i,connectSolana:w,connectEVM:y,signMessage:g,disconnect:l}}function De(){if(typeof document>"u")return null;try{let e=document.cookie.split(";").map(i=>i.trim()).find(i=>i.startsWith("stackauth_session="));if(!e)return null;let n=e.slice(18);return JSON.parse(atob(n.replace(/-/g,"+").replace(/_/g,"/")))}catch{return null}}function Oe(e="__csrf"){if(typeof document>"u")return null;let n=document.cookie.split(";").map(i=>i.trim()).find(i=>i.startsWith(`${e}=`));return n?n.slice(e.length+1):null}function Re(){let[e,n]=react.useState(null),[i,c]=react.useState(true),w=react.useCallback(()=>{let l=De();l&&l.expiresAt>Date.now()?n({userId:l.userId,address:l.address,chain:l.chain,expiresAt:l.expiresAt,planId:l.planId,authMethod:l.authMethod}):n(null),c(false);},[]);react.useEffect(()=>{w();},[w]);let y=react.useCallback(async(l="")=>{try{let f=await fetch(`${l}/api/auth/session`);if(f.ok){let d=await f.json();if(d.session)return n(d.session),d.session}return n(null),null}catch{return null}},[]),g=!!e&&e.expiresAt>Date.now();return {session:e,loading:i,isAuthenticated:g,refresh:y,readSession:w}}function We(e="__csrf",n="x-csrf-token"){let[i,c]=react.useState(null);react.useEffect(()=>{c(Oe(e));},[e]);let w=i?{[n]:i}:{};return {token:i,headers:w}}var mt="https://stacknet.magma-rpc.com/auth/bridge",oe="stacknet-auth-bridge";function Be(e){let n=e?.bridgeUrl||mt,i=e?.disabled||false,c=react.useRef(null),[w,y]=react.useState({ready:false,known:false,identity:null,identityCount:0,resolvedStackId:null}),g=react.useRef([]),l=react.useRef(false),f=react.useCallback(t=>{let p={...t,protocol:oe};l.current&&c.current?.contentWindow?c.current.contentWindow.postMessage(p,new URL(n).origin):g.current.push(p);},[n]);react.useEffect(()=>{if(i)return;let t=o=>{if(!(!o.data||o.data.protocol!==oe)){try{if(o.origin!==new URL(n).origin)return}catch{return}switch(o.data.type){case "bridge:ready":l.current=true,y(h=>({...h,ready:true}));for(let h of g.current)c.current?.contentWindow?.postMessage(h,o.origin);g.current=[],c.current?.contentWindow?.postMessage({protocol:oe,type:"auth:check"},o.origin),c.current?.contentWindow?.postMessage({protocol:oe,type:"auth:resolve-stack"},o.origin);break;case "auth:status":y(h=>({...h,known:o.data.known,identity:o.data.identity,identityCount:o.data.identityCount||0}));break;case "auth:resolved-stack":y(h=>({...h,resolvedStackId:o.data.stackId||null}));break;}}};window.addEventListener("message",t);let p=document.createElement("iframe");return p.src=n,p.style.display="none",p.setAttribute("aria-hidden","true"),p.setAttribute("tabindex","-1"),p.setAttribute("sandbox","allow-scripts allow-same-origin"),document.body.appendChild(p),c.current=p,()=>{window.removeEventListener("message",t),p.parentNode&&p.parentNode.removeChild(p),c.current=null,l.current=false;}},[n,i]);let d=react.useCallback(t=>{f({type:"auth:connected",...t});},[f]),N=react.useCallback(t=>{f({type:"auth:disconnected",...t});},[f]),s=react.useCallback(()=>{f({type:"auth:clear"}),y({ready:w.ready,known:false,identity:null,identityCount:0,resolvedStackId:null});},[f,w.ready]),u=react.useCallback(()=>{f({type:"auth:check"});},[f]);return {...w,reportConnected:d,reportDisconnected:N,clearAll:s,refresh:u}}async function Fe(e,n,i,c){let w=e.apiVersion||"v2",y=`${e.baseUrl}/api/${w}${i}`;try{let g=await fetch(y,{method:n,headers:{"Content-Type":"application/json"},body:c?JSON.stringify(c):void 0}),l=await g.json();return g.ok?l.success&&l.data!==void 0?{success:!0,data:l.data}:{success:!0,data:l}:{success:!1,error:l.error||{code:"UNKNOWN_ERROR",message:"Unknown error"}}}catch(g){return {success:false,error:{code:"NETWORK_ERROR",message:g instanceof Error?g.message:"Network error"}}}}function $e(e){return {getNetworkStatus:()=>Fe(e,"GET","/network/status"),getWeb3Challenge:(n,i)=>Fe(e,"POST",`/stacks/${e.stackId}/auth/web3/challenge`,{chain:n,address:i})}}function He(e={apiBaseUrl:""}){let{wallet:n,connectSolana:i,connectEVM:c,signMessage:w,disconnect:y}=je(),{session:g,isAuthenticated:l,refresh:f,readSession:d}=Re(),{headers:N}=We(),s=Be({disabled:typeof window>"u"}),[u,t]=react.useState(false),[p,o]=react.useState(null),[h,x]=react.useState(false),k=e.apiBaseUrl||"",A=e.stacknetUrl||"https://stacknet.magma-rpc.com",m=e.stackId||s.resolvedStackId||"",T=$e({baseUrl:A,stackId:m}),E=react.useCallback(async(v,C,D,O)=>{t(true),o(null);try{let M=C;if(!M){let Y=await D();if(!Y)return t(!1),!1;M=Y;}let P=await T.getWeb3Challenge(v,M);if(!P.success||!P.data)return o("Failed to get challenge"),t(!1),!1;let _=await w(P.data.message,{chain:v,provider:O,address:M});if(!_)return t(!1),!1;let G={chain:v,message:P.data.message,signature:_,stackId:m};v==="solana"&&(G.publicKey=M);let Z=await fetch(`${k}/api/auth/callback`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(G)});if(!Z.ok){let Y=await Z.json().catch(()=>({}));return o(Y.error||"Authentication failed"),t(!1),!1}return s.reportConnected({address:M,chain:v,method:O||(v==="solana"?"phantom":"metamask"),stackId:m}),d(),t(!1),!0}catch(M){return o(M.message||"Authentication failed"),t(false),false}},[k,T,w,d,s,m]),R=react.useCallback(async(v="phantom")=>{let C=await i(v);return C?E("solana",C,()=>i(v),v):false},[i,E]),z=react.useCallback(async()=>{let v=await c();return v?E("ethereum",v,c,"metamask"):false},[c,E]),U=react.useCallback(async v=>{t(true),o(null);try{let C=await fetch(`${k}/api/auth/otp`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({code:v})});if(!C.ok){let D=await C.json().catch(()=>({}));return o(D.error||"Invalid code"),t(!1),!1}return d(),t(!1),!0}catch(C){return o(C.message||"OTP verification failed"),t(false),false}},[k,d]),$=react.useCallback(async(v,C)=>{t(true),o(null);try{let D=C||`${window.location.origin}/api/auth/oauth/callback`,O=new URLSearchParams({provider:v,redirectUri:D,stackId:m}),M=await fetch(`${k}/api/auth/oauth/start?${O}`);if(!M.ok){let _=await M.json().catch(()=>({}));return o(_.error||"Failed to start OAuth flow"),t(!1),!1}let P=await M.json();return P.redirect_url?(typeof sessionStorage<"u"&&(sessionStorage.setItem("oauth_state",P.state||""),sessionStorage.setItem("oauth_provider",v)),window.location.href=P.redirect_url,!0):(o("No redirect URL returned"),t(!1),!1)}catch(D){return o(D.message||"OAuth flow failed"),t(false),false}},[k,m]),I=react.useCallback(async(v,C,D)=>{t(true),o(null);try{let O=await fetch(`${k}/api/auth/oauth/callback`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:v,code:C,state:D,stackId:m})});if(!O.ok){let M=await O.json().catch(()=>({}));return o(M.error||"OAuth authentication failed"),t(!1),!1}return d(),t(!1),!0}catch(O){return o(O.message||"OAuth callback failed"),t(false),false}},[k,m,d]),j=react.useCallback(async()=>{n.address&&n.chain&&s.reportDisconnected({address:n.address,chain:n.chain,stackId:m});try{await fetch(`${k}/api/auth/logout`,{method:"POST",headers:N});}catch{}y(),d();},[k,N,y,d,n,s,m]);return react.useEffect(()=>{if(!e.autoConnect||h||l||!s.ready||!s.known||!s.identity)return;x(true);let{chain:v,method:C}=s.identity;v==="solana"&&(C==="phantom"||C==="solflare")?R(C):v==="ethereum"&&z();},[e.autoConnect,h,l,s,R,z]),{session:g,isAuthenticated:l,wallet:n,loading:u,error:p,authenticateSolana:R,authenticateEVM:z,authenticateOTP:U,authenticateOAuth:$,authenticateOAuthCallback:I,logout:j,refresh:()=>f(k),stackId:m,bridge:{ready:s.ready,known:s.known,identity:s.identity,identityCount:s.identityCount,resolvedStackId:s.resolvedStackId}}}function Qe(e,n="https://stacknet.magma-rpc.com"){let[i,c]=react.useState(null),[w,y]=react.useState(false),[g,l]=react.useState(null),f=react.useCallback(async N=>{y(true),l(null);try{let s=await fetch(`${n}/api/v2/stacks/${N}`);if(!s.ok)return l("Stack not found"),y(!1),null;let u=await s.json(),t=u.data?.stack||u.stack||u,p={id:t.id,name:t.name,displayName:t.displayName||t.name,description:t.description,logoUrl:t.logoUrl,webPageUrl:t.webPageUrl,allowedChains:t.allowedChains||[],features:t.features,stripeProvider:t.stripeProvider,oauthProviders:t.oauthProviders?.map(o=>({provider:o.provider,enabled:o.enabled!==!1}))};return c(p),y(!1),p}catch(s){return l(s.message),y(false),null}},[n]);react.useEffect(()=>{e&&f(e);},[e,f]);let d=i?kt(i):[];return {config:i,loading:w,error:g,identityProviders:d,fetchConfig:f}}function kt(e){let n=[];if(e.features?.web3Auth!==false&&(e.allowedChains.includes("solana")&&(n.push({type:"wallet",id:"phantom",name:"Phantom",chain:"solana"}),n.push({type:"wallet",id:"solflare",name:"Solflare",chain:"solana"})),(e.allowedChains.includes("ethereum")||e.allowedChains.includes("polygon")||e.allowedChains.includes("base"))&&n.push({type:"wallet",id:"metamask",name:"MetaMask",chain:"ethereum"})),e.features?.apiKeyAuth!==false&&n.push({type:"otp",id:"otp",name:"Access Code"}),e.features?.oauthAuth&&e.oauthProviders)for(let i of e.oauthProviders)i.enabled&&n.push({type:"oauth",id:i.provider,name:i.provider});return n}function re({length:e=6,onComplete:n,disabled:i=false,error:c,className:w="",inputClassName:y=""}){let [g,l]=react.useState(Array(e).fill("")),f=react.useCallback((s,u)=>{if(u.length>1){let p=u.replace(/\D/g,"").slice(0,e).split(""),o=[...g];p.forEach((x,k)=>{s+k<e&&(o[s+k]=x);}),l(o);let h=Math.min(s+p.length,e-1);document.getElementById(`userutils-otp-${h}`)?.focus(),o.every(x=>x!=="")&&setTimeout(()=>n(o.join("")),100);return}if(!/^\d?$/.test(u))return;let t=[...g];t[s]=u,l(t),u&&s<e-1&&document.getElementById(`userutils-otp-${s+1}`)?.focus(),u&&s===e-1&&t.every(p=>p!=="")&&setTimeout(()=>n(t.join("")),100);},[g,e,n]),d=react.useCallback((s,u)=>{if(u.key==="Backspace"&&!g[s]&&s>0){document.getElementById(`userutils-otp-${s-1}`)?.focus();let t=[...g];t[s-1]="",l(t);}if(u.key==="Enter"){let t=g.join("");t.length===e&&n(t);}},[g,e,n]);react.useCallback(()=>{l(Array(e).fill("")),document.getElementById("userutils-otp-0")?.focus();},[e]);return jsxRuntime.jsxs("div",{className:w,children:[jsxRuntime.jsx("div",{className:"flex gap-2 justify-center",children:g.map((s,u)=>jsxRuntime.jsx("input",{id:`userutils-otp-${u}`,type:"text",inputMode:"numeric",maxLength:e,value:s,onChange:t=>f(u,t.target.value),onKeyDown:t=>d(u,t),disabled:i,autoFocus:u===0,className:`w-12 h-14 text-center text-xl font-mono bg-secondary border border-primary/10 text-foreground focus:outline-none focus:border-primary/30 disabled:opacity-50 ${y}`},u))}),c&&jsxRuntime.jsx("p",{className:"text-center text-sm text-red-400 mt-2",children:c})]})}re.displayName="OTPInput";var xt="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA4IiBoZWlnaHQ9IjEwOCIgdmlld0JveD0iMCAwIDEwOCAxMDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIxMDgiIGhlaWdodD0iMTA4IiByeD0iMjYiIGZpbGw9IiNBQjlGRjIiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Ni41MjY3IDY5LjkyMjlDNDIuMDA1NCA3Ni44NTA5IDM0LjQyOTIgODUuNjE4MiAyNC4zNDggODUuNjE4MkMxOS41ODI0IDg1LjYxODIgMTUgODMuNjU2MyAxNSA3NS4xMzQyQzE1IDUzLjQzMDUgNDQuNjMyNiAxOS44MzI3IDcyLjEyNjggMTkuODMyN0M4Ny43NjggMTkuODMyNyA5NCAzMC42ODQ2IDk0IDQzLjAwNzlDOTQgNTguODI1OCA4My43MzU1IDc2LjkxMjIgNzMuNTMyMSA3Ni45MTIyQzcwLjI5MzkgNzYuOTEyMiA2OC43MDUzIDc1LjEzNDIgNjguNzA1MyA3Mi4zMTRDNjguNzA1MyA3MS41NzgzIDY4LjgyNzUgNzAuNzgxMiA2OS4wNzE5IDY5LjkyMjlDNjUuNTg5MyA3NS44Njk5IDU4Ljg2ODUgODEuMzg3OCA1Mi41NzU0IDgxLjM4NzhDNDcuOTkzIDgxLjM4NzggNDUuNjcxMyA3OC41MDYzIDQ1LjY3MTMgNzQuNDU5OEM0NS42NzEzIDcyLjk4ODQgNDUuOTc2OCA3MS40NTU2IDQ2LjUyNjcgNjkuOTIyOVpNODMuNjc2MSA0Mi41Nzk0QzgzLjY3NjEgNDYuMTcwNCA4MS41NTc1IDQ3Ljk2NTggNzkuMTg3NSA0Ny45NjU4Qzc2Ljc4MTYgNDcuOTY1OCA3NC42OTg5IDQ2LjE3MDQgNzQuNjk4OSA0Mi41Nzk0Qzc0LjY5ODkgMzguOTg4NSA3Ni43ODE2IDM3LjE5MzEgNzkuMTg3NSAzNy4xOTMxQzgxLjU1NzUgMzcuMTkzMSA4My42NzYxIDM4Ljk4ODUgODMuNjc2MSA0Mi41Nzk0Wk03MC4yMTAzIDQyLjU3OTVDNzAuMjEwMyA0Ni4xNzA0IDY4LjA5MTYgNDcuOTY1OCA2NS43MjE2IDQ3Ljk2NThDNjMuMzE1NyA0Ny45NjU4IDYxLjIzMyA0Ni4xNzA0IDYxLjIzMyA0Mi41Nzk1QzYxLjIzMyAzOC45ODg1IDYzLjMxNTcgMzcuMTkzMSA2NS43MjE2IDM3LjE5MzFDNjguMDkxNiAzNy4xOTMxIDcwLjIxMDMgMzguOTg4NSA3MC4yMTAzIDQyLjU3OTVaIiBmaWxsPSIjRkZGREY4Ii8+Cjwvc3ZnPgo=";function se({className:e}){return jsxRuntime.jsx("img",{src:xt,alt:"Phantom",className:e})}function ae({className:e}){return jsxRuntime.jsxs("svg",{className:e,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 507.83 470.86",children:[jsxRuntime.jsx("polygon",{fill:"#e2761b",stroke:"#e2761b",strokeLinecap:"round",strokeLinejoin:"round",points:"482.09 0.5 284.32 147.38 320.9 60.72 482.09 0.5"}),jsxRuntime.jsx("polygon",{fill:"#e4761b",stroke:"#e4761b",strokeLinecap:"round",strokeLinejoin:"round",points:"25.54 0.5 221.72 148.77 186.93 60.72 25.54 0.5"}),jsxRuntime.jsx("polygon",{fill:"#e4761b",stroke:"#e4761b",strokeLinecap:"round",strokeLinejoin:"round",points:"410.93 340.97 358.26 421.67 470.96 452.67 503.36 342.76 410.93 340.97"}),jsxRuntime.jsx("polygon",{fill:"#e4761b",stroke:"#e4761b",strokeLinecap:"round",strokeLinejoin:"round",points:"4.67 342.76 36.87 452.67 149.57 421.67 96.9 340.97 4.67 342.76"}),jsxRuntime.jsx("polygon",{fill:"#e4761b",stroke:"#e4761b",strokeLinecap:"round",strokeLinejoin:"round",points:"143.21 204.62 111.8 252.13 223.7 257.1 219.73 136.85 143.21 204.62"}),jsxRuntime.jsx("polygon",{fill:"#e4761b",stroke:"#e4761b",strokeLinecap:"round",strokeLinejoin:"round",points:"364.42 204.62 286.91 135.46 284.32 257.1 396.03 252.13 364.42 204.62"}),jsxRuntime.jsx("polygon",{fill:"#e4761b",stroke:"#e4761b",strokeLinecap:"round",strokeLinejoin:"round",points:"149.57 421.67 216.75 388.87 158.71 343.55 149.57 421.67"}),jsxRuntime.jsx("polygon",{fill:"#e4761b",stroke:"#e4761b",strokeLinecap:"round",strokeLinejoin:"round",points:"290.88 388.87 358.26 421.67 348.92 343.55 290.88 388.87"}),jsxRuntime.jsx("polygon",{fill:"#d7c1b3",stroke:"#d7c1b3",strokeLinecap:"round",strokeLinejoin:"round",points:"358.26 421.67 290.88 388.87 296.25 432.8 295.65 451.28 358.26 421.67"}),jsxRuntime.jsx("polygon",{fill:"#d7c1b3",stroke:"#d7c1b3",strokeLinecap:"round",strokeLinejoin:"round",points:"149.57 421.67 212.18 451.28 211.78 432.8 216.75 388.87 149.57 421.67"}),jsxRuntime.jsx("polygon",{fill:"#233447",stroke:"#233447",strokeLinecap:"round",strokeLinejoin:"round",points:"213.17 314.54 157.12 298.04 196.67 279.95 213.17 314.54"}),jsxRuntime.jsx("polygon",{fill:"#233447",stroke:"#233447",strokeLinecap:"round",strokeLinejoin:"round",points:"294.46 314.54 310.96 279.95 350.71 298.04 294.46 314.54"}),jsxRuntime.jsx("polygon",{fill:"#cd6116",stroke:"#cd6116",strokeLinecap:"round",strokeLinejoin:"round",points:"149.57 421.67 159.11 340.97 96.9 342.76 149.57 421.67"}),jsxRuntime.jsx("polygon",{fill:"#cd6116",stroke:"#cd6116",strokeLinecap:"round",strokeLinejoin:"round",points:"348.72 340.97 358.26 421.67 410.93 342.76 348.72 340.97"}),jsxRuntime.jsx("polygon",{fill:"#cd6116",stroke:"#cd6116",strokeLinecap:"round",strokeLinejoin:"round",points:"396.03 252.13 284.32 257.1 294.66 314.54 311.16 279.95 350.91 298.04 396.03 252.13"}),jsxRuntime.jsx("polygon",{fill:"#cd6116",stroke:"#cd6116",strokeLinecap:"round",strokeLinejoin:"round",points:"157.12 298.04 196.87 279.95 213.17 314.54 223.7 257.1 111.8 252.13 157.12 298.04"}),jsxRuntime.jsx("polygon",{fill:"#e4751f",stroke:"#e4751f",strokeLinecap:"round",strokeLinejoin:"round",points:"111.8 252.13 158.71 343.55 157.12 298.04 111.8 252.13"}),jsxRuntime.jsx("polygon",{fill:"#e4751f",stroke:"#e4751f",strokeLinecap:"round",strokeLinejoin:"round",points:"350.91 298.04 348.92 343.55 396.03 252.13 350.91 298.04"}),jsxRuntime.jsx("polygon",{fill:"#e4751f",stroke:"#e4751f",strokeLinecap:"round",strokeLinejoin:"round",points:"223.7 257.1 213.17 314.54 226.29 382.31 229.27 293.07 223.7 257.1"}),jsxRuntime.jsx("polygon",{fill:"#e4751f",stroke:"#e4751f",strokeLinecap:"round",strokeLinejoin:"round",points:"284.32 257.1 278.96 292.87 281.34 382.31 294.66 314.54 284.32 257.1"}),jsxRuntime.jsx("polygon",{fill:"#f6851b",stroke:"#f6851b",strokeLinecap:"round",strokeLinejoin:"round",points:"294.66 314.54 281.34 382.31 290.88 388.87 348.92 343.55 350.91 298.04 294.66 314.54"}),jsxRuntime.jsx("polygon",{fill:"#f6851b",stroke:"#f6851b",strokeLinecap:"round",strokeLinejoin:"round",points:"157.12 298.04 158.71 343.55 216.75 388.87 226.29 382.31 213.17 314.54 157.12 298.04"}),jsxRuntime.jsx("polygon",{fill:"#c0ad9e",stroke:"#c0ad9e",strokeLinecap:"round",strokeLinejoin:"round",points:"295.65 451.28 296.25 432.8 291.28 428.42 216.35 428.42 211.78 432.8 212.18 451.28 149.57 421.67 171.43 439.55 215.75 470.36 291.88 470.36 336.4 439.55 358.26 421.67 295.65 451.28"}),jsxRuntime.jsx("polygon",{fill:"#161616",stroke:"#161616",strokeLinecap:"round",strokeLinejoin:"round",points:"290.88 388.87 281.34 382.31 226.29 382.31 216.75 388.87 211.78 432.8 216.35 428.42 291.28 428.42 296.25 432.8 290.88 388.87"}),jsxRuntime.jsx("polygon",{fill:"#763d16",stroke:"#763d16",strokeLinecap:"round",strokeLinejoin:"round",points:"490.44 156.92 507.33 75.83 482.09 0.5 290.88 142.41 364.42 204.62 468.37 235.03 491.43 208.2 481.49 201.05 497.39 186.54 485.07 177 500.97 164.87 490.44 156.92"}),jsxRuntime.jsx("polygon",{fill:"#763d16",stroke:"#763d16",strokeLinecap:"round",strokeLinejoin:"round",points:"0.5 75.83 17.39 156.92 6.66 164.87 22.56 177 10.44 186.54 26.34 201.05 16.4 208.2 39.26 235.03 143.21 204.62 216.75 142.41 25.54 0.5 0.5 75.83"}),jsxRuntime.jsx("polygon",{fill:"#f6851b",stroke:"#f6851b",strokeLinecap:"round",strokeLinejoin:"round",points:"468.37 235.03 364.42 204.62 396.03 252.13 348.92 343.55 410.93 342.76 503.36 342.76 468.37 235.03"}),jsxRuntime.jsx("polygon",{fill:"#f6851b",stroke:"#f6851b",strokeLinecap:"round",strokeLinejoin:"round",points:"143.21 204.62 39.26 235.03 4.67 342.76 96.9 342.76 158.71 343.55 111.8 252.13 143.21 204.62"}),jsxRuntime.jsx("polygon",{fill:"#f6851b",stroke:"#f6851b",strokeLinecap:"round",strokeLinejoin:"round",points:"284.32 257.1 290.88 142.41 321.1 60.72 186.93 60.72 216.75 142.41 223.7 257.1 226.09 293.27 226.29 382.31 281.34 382.31 281.74 293.27 284.32 257.1"})]})}function ke({className:e}){return jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",className:e||"h-5 w-5",children:[jsxRuntime.jsxs("linearGradient",{id:"sol-g",x1:"7.233",x2:"24.766",y1:"24.766",y2:"7.234",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{offset:"0",stopColor:"#9945ff"}),jsxRuntime.jsx("stop",{offset:"0.2",stopColor:"#7962e7"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"#00d18c"})]}),jsxRuntime.jsx("path",{fill:"#10111a",d:"M0 0h32v32H0z"}),jsxRuntime.jsx("path",{fill:"url(#sol-g)",fillRule:"evenodd",d:"M9.873 20.41a.65.65 0 0 1 .476-.21l14.662.012a.323.323 0 0 1 .238.54l-3.123 3.438a.64.64 0 0 1-.475.21l-14.662-.012a.323.323 0 0 1-.238-.54zm15.376-2.862a.322.322 0 0 1-.238.54l-14.662.012a.64.64 0 0 1-.476-.21l-3.122-3.44a.323.323 0 0 1 .238-.54l14.662-.012a.64.64 0 0 1 .475.21zM9.873 7.81a.64.64 0 0 1 .476-.21l14.662.012a.322.322 0 0 1 .238.54l-3.123 3.438a.64.64 0 0 1-.475.21l-14.662-.012a.323.323 0 0 1-.238-.54z",clipRule:"evenodd"})]})}function we({className:e}){return jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",className:e||"h-5 w-5",children:[jsxRuntime.jsx("rect",{width:"20",height:"20",rx:"4",fill:"#627EEA",fillOpacity:"0.2"}),jsxRuntime.jsx("path",{fill:"#627EEA",d:"M10 3l-4 6.5 4 2.5 4-2.5L10 3z"}),jsxRuntime.jsx("path",{fill:"#627EEA",fillOpacity:"0.6",d:"M6 9.5L10 12l4-2.5L10 17 6 9.5z"})]})}function xe({className:e}){return jsxRuntime.jsxs("svg",{className:e||"h-8 w-8",viewBox:"0 0 33 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("rect",{x:"0.5",width:"32",height:"32",rx:"4",fill:"#F1F2F9"}),jsxRuntime.jsx("path",{d:"M26.1001 16.2273C26.1001 15.5182 26.0365 14.8364 25.9183 14.1818H16.5001V18.05H21.8819C21.6501 19.3 20.9456 20.3591 19.8865 21.0682V23.5773H23.1183C25.0092 21.8364 26.1001 19.2727 26.1001 16.2273Z",fill:"#4285F4"}),jsxRuntime.jsx("path",{d:"M16.5001 26C19.2001 26 21.4637 25.1046 23.1182 23.5773L19.8864 21.0682C18.991 21.6682 17.8455 22.0227 16.5001 22.0227C13.8955 22.0227 11.691 20.2637 10.9046 17.9H7.56372V20.4909C9.20917 23.7591 12.591 26 16.5001 26Z",fill:"#34A853"}),jsxRuntime.jsx("path",{d:"M10.9047 17.8999C10.7047 17.2999 10.591 16.659 10.591 15.9999C10.591 15.3408 10.7047 14.6999 10.9047 14.0999V11.509H7.56376C6.86376 12.9025 6.49951 14.4405 6.50012 15.9999C6.50012 17.6136 6.88649 19.1408 7.56376 20.4908L10.9047 17.8999Z",fill:"#FBBC05"}),jsxRuntime.jsx("path",{d:"M16.5001 9.97726C17.9682 9.97726 19.2864 10.4818 20.3228 11.4727L23.191 8.60454C21.4591 6.99091 19.1955 6 16.5001 6C12.591 6 9.20917 8.2409 7.56372 11.5091L10.9046 14.1C11.691 11.7364 13.8955 9.97726 16.5001 9.97726Z",fill:"#EA4335"})]})}function ve({className:e}){return jsxRuntime.jsxs("svg",{className:e||"h-8 w-8",viewBox:"0 0 33 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("rect",{x:"0.5",width:"32",height:"32",rx:"4",fill:"#5462EB"}),jsxRuntime.jsx("path",{d:"M23.5433 8.87438C22.2479 8.26174 20.8587 7.81038 19.4063 7.55187C19.3799 7.54688 19.3534 7.55934 19.3398 7.58428C19.1612 7.91179 18.9633 8.33905 18.8247 8.67487C17.2625 8.43382 15.7084 8.43382 14.1782 8.67487C14.0396 8.33158 13.8345 7.91179 13.6551 7.58428C13.6414 7.56018 13.615 7.54771 13.5886 7.55187C12.1369 7.80955 10.7478 8.26092 9.45159 8.87438C9.44037 8.87937 9.43075 8.88769 9.42437 8.89849C6.78947 12.9558 6.06766 16.9134 6.42176 20.8219C6.42336 20.841 6.43378 20.8593 6.4482 20.871C8.18663 22.1868 9.87059 22.9857 11.5233 23.5152C11.5497 23.5235 11.5778 23.5135 11.5946 23.491C11.9855 22.9408 12.334 22.3606 12.6328 21.7504C12.6505 21.7147 12.6336 21.6723 12.5976 21.6581C12.0448 21.442 11.5185 21.1785 11.0122 20.8793C10.9721 20.8552 10.9689 20.7961 11.0058 20.7679C11.1123 20.6856 11.2189 20.6 11.3206 20.5135C11.339 20.4977 11.3647 20.4944 11.3863 20.5044C14.7125 22.0696 18.3136 22.0696 21.6006 20.5044C21.6222 20.4936 21.6479 20.4969 21.6671 20.5127C21.7688 20.5991 21.8754 20.6856 21.9827 20.7679C22.0196 20.7961 22.0172 20.8552 21.9771 20.8793C21.4708 21.1843 20.9445 21.442 20.3909 21.6573C20.3548 21.6715 20.3388 21.7147 20.3564 21.7504C20.6617 22.3597 21.0101 22.9399 21.3939 23.4902C21.4099 23.5135 21.4387 23.5235 21.4652 23.5152C23.1259 22.9857 24.8099 22.1868 26.5483 20.871C26.5635 20.8593 26.5731 20.8419 26.5747 20.8228C26.9985 16.3041 25.8649 12.3789 23.5697 8.89931C23.5641 8.88769 23.5545 8.87937 23.5433 8.87438Z",fill:"#F7F7F7"})]})}function Ne({className:e}){return jsxRuntime.jsxs("svg",{className:e||"h-8 w-8",viewBox:"0 0 33 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("rect",{x:"0.5",width:"32",height:"32",rx:"4",fill:"black"}),jsxRuntime.jsx("path",{d:"M8.53901 8L14.7164 16.2153L8.5 22.8947H9.89907L15.3415 17.0468L19.7389 22.8947H24.5L17.975 14.2173L23.7612 8H22.3621L17.3499 13.3858L13.3001 8H8.53901ZM10.5964 9.02501H12.7837L22.4422 21.8695H20.255L10.5964 9.02501Z",fill:"#F7F7F7"})]})}function Lt({config:e,onSuccess:n,title:i="Log in or Sign up",showWallets:c,showOTP:w,hideHeader:y,onOTPSubmit:g,otpLabel:l="Access Code",oauthInline:f,oauthFirst:d,className:N=""}){let s=He(e),{isAuthenticated:u,wallet:t,loading:p,error:o,authenticateSolana:h,authenticateEVM:x,authenticateOTP:k,authenticateOAuth:A,bridge:m,stackId:T}=s,E=!e.stackId&&!T,R=e.stacknetUrl||"https://stacknet.magma-rpc.com",{config:z,identityProviders:U,loading:$}=Qe(T||e.stackId||null,R),[I,j]=react.useState(E?"stack-select":"select"),[v,C]=react.useState(null),[D,O]=react.useState(false),[M,P]=react.useState("idle"),[_,G]=react.useState(""),[Z,Y]=react.useState([]),[Ke,Se]=react.useState(e.stackId||null),[te,qe]=react.useState(false),[Xe,et]=react.useState(false);react.useEffect(()=>{if(typeof window>"u")return;let a=()=>{let H=window;qe(!!(H.phantom?.solana?.isPhantom||H.solana?.isPhantom));let J=H.ethereum;et(!!(J?.isMetaMask||J?.providers?.some(K=>K.isMetaMask)));};a(),window.addEventListener("ethereum#initialized",a);let B=setTimeout(a,500);return ()=>{window.removeEventListener("ethereum#initialized",a),clearTimeout(B);}},[]),react.useEffect(()=>{I==="stack-select"&&T&&(Se(T),j("select"));},[I,T]),react.useEffect(()=>{if(!(!m.ready||!E)&&m.identity){let a=[];m.resolvedStackId&&a.push({stackId:m.resolvedStackId,domain:typeof window<"u"?window.location.origin:""}),Promise.all(a.map(async B=>{try{let H=await fetch(`${R}/api/v2/stacks/${B.stackId}`);if(H.ok){let J=await H.json(),K=J.data?.stack||J;B.name=K.displayName||K.name,B.logoUrl=K.logoUrl;}}catch{}return B})).then(Y);}},[m.ready,m.identity,m.resolvedStackId,E,R]),react.useEffect(()=>{u&&I==="success"&&n?.();},[u,I,n]);let Me=c||(U.length>0?U.filter(a=>a.type==="wallet").map(a=>a.id):["phantom","metamask"]),Ie=w!==void 0?w:U.length>0?U.some(a=>a.type==="otp"):true,V=U.filter(a=>a.type==="oauth"),ue=new Set(d||[]),Le=V.filter(a=>ue.has(a.id)),pe=f?V.filter(a=>!ue.has(a.id)):V,Ue=async a=>{C(a),j("connecting"),await A(a)||j("error");},tt=async()=>{C("phantom"),j("connecting");let a=await h("phantom");j(a?"success":"error");},nt=async()=>{C("metamask"),j("connecting");let a=await x();j(a?"success":"error");},ot=async a=>{P("verifying"),G(""),await(g||k)(a)?(P("success"),j("success")):(P("error"),G("Invalid or expired code"),setTimeout(()=>P("idle"),2e3));},Pe=()=>{j(E&&!Ke?"stack-select":"select"),C(null),O(false),P("idle"),G("");};return jsxRuntime.jsxs("div",{className:`w-full max-w-md space-y-3 ${N}`,children:[!y&&jsxRuntime.jsxs("div",{className:"mb-6 text-center",children:[z?.logoUrl&&I!=="stack-select"&&jsxRuntime.jsx("img",{src:z.logoUrl,alt:z.displayName||"",className:"h-16 w-16 mx-auto mb-4 rounded-xl"}),z?.displayName&&jsxRuntime.jsx("p",{className:"text-sm text-zinc-400 mb-2",children:z.displayName}),jsxRuntime.jsx("h1",{className:"font-semibold text-2xl text-white",children:"Log in or Sign up"})]}),I==="stack-select"&&jsxRuntime.jsxs("div",{className:"space-y-3",children:[jsxRuntime.jsx("p",{className:"text-center text-sm text-zinc-400 mb-4",children:Z.length>0?"Select a network to continue":"No previous connections found. Enter a Stack ID to continue."}),Z.map(a=>jsxRuntime.jsxs("button",{onClick:()=>{Se(a.stackId),j("select");},className:"flex w-full cursor-pointer items-center gap-4 rounded-xl border border-zinc-800 bg-[#25252f] p-4 transition-colors hover:bg-[#2d2d3a]",children:[a.logoUrl?jsxRuntime.jsx("img",{src:a.logoUrl,alt:"",className:"h-10 w-10 flex-shrink-0"}):jsxRuntime.jsx("div",{className:"h-10 w-10 flex-shrink-0 bg-zinc-700 flex items-center justify-center text-zinc-400 text-sm font-mono",children:a.name?.[0]?.toUpperCase()||"S"}),jsxRuntime.jsxs("div",{className:"flex-1 text-left",children:[jsxRuntime.jsx("span",{className:"font-medium text-white",children:a.name||a.stackId}),jsxRuntime.jsx("p",{className:"text-xs text-zinc-500",children:a.domain})]}),jsxRuntime.jsx("span",{className:"text-xs text-zinc-600",children:"Previously connected"})]},a.stackId)),m.ready&&!m.known&&jsxRuntime.jsx("p",{className:"text-center text-xs text-zinc-600 mt-4",children:"Connect to a stack for the first time to get started."})]}),I==="select"&&$&&jsxRuntime.jsx("div",{className:"flex items-center justify-center py-8",children:jsxRuntime.jsx("div",{className:"h-6 w-6 border-2 border-zinc-600 border-t-white animate-spin",style:{borderRadius:"50%"}})}),o&&I==="error"&&jsxRuntime.jsxs("div",{className:"mb-4 border border-red-500/30 bg-red-500/10 p-4",children:[jsxRuntime.jsx("p",{className:"text-center text-red-400 text-sm",children:o}),jsxRuntime.jsx("button",{className:"mt-3 w-full text-sm text-zinc-400 hover:text-white",onClick:Pe,children:"Try Again"})]}),I==="success"&&jsxRuntime.jsxs("div",{className:"border border-green-500/30 bg-green-500/10 p-6 text-center",children:[jsxRuntime.jsx("p",{className:"font-medium text-green-400 text-sm",children:"Connected!"}),jsxRuntime.jsx("p",{className:"mt-1 text-xs text-zinc-400",children:"Redirecting..."})]}),I==="connecting"&&p&&jsxRuntime.jsxs("div",{className:"border border-zinc-800 bg-[#25252f] p-6 text-center",children:[jsxRuntime.jsxs("div",{className:"mx-auto mb-3 h-14 w-14 animate-pulse",children:[v==="phantom"&&jsxRuntime.jsx(se,{className:"h-14 w-14"}),v==="metamask"&&jsxRuntime.jsx(ae,{className:"h-14 w-14"})]}),jsxRuntime.jsx("p",{className:"font-medium text-sm text-white",children:t.connected?"Signing message...":"Connecting wallet..."}),jsxRuntime.jsx("p",{className:"mt-1 text-xs text-zinc-500",children:"Please confirm in your wallet"}),jsxRuntime.jsx("button",{className:"mt-4 text-sm text-zinc-500 hover:text-white",onClick:Pe,children:"Cancel"})]}),I==="select"&&!p&&!$&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[Le.map(a=>jsxRuntime.jsxs("button",{onClick:()=>Ue(a.id),className:"flex w-full cursor-pointer items-center gap-4 rounded-xl border border-zinc-800 bg-[#25252f] p-4 transition-colors hover:bg-[#2d2d3a]",children:[jsxRuntime.jsx("div",{className:"flex h-14 w-14 flex-shrink-0 items-center justify-center rounded-xl overflow-hidden",children:jsxRuntime.jsx(Ze,{provider:a.id})}),jsxRuntime.jsx("div",{className:"flex-1 text-left",children:jsxRuntime.jsx("span",{className:"font-medium text-lg text-white capitalize",children:a.name})})]},a.id)),Me.includes("phantom")&&jsxRuntime.jsxs("button",{onClick:tt,disabled:!te,className:`flex w-full items-center gap-4 rounded-xl border border-zinc-800 bg-[#25252f] p-4 transition-colors hover:bg-[#2d2d3a] ${te?"cursor-pointer":"cursor-not-allowed opacity-50"}`,children:[jsxRuntime.jsx(se,{className:"h-14 w-14 flex-shrink-0 rounded-xl"}),jsxRuntime.jsxs("div",{className:"flex-1 text-left",children:[jsxRuntime.jsx("span",{className:"font-medium text-lg text-white",children:"Phantom"}),!te&&jsxRuntime.jsx("p",{className:"text-xs text-zinc-500",children:"Not installed"})]}),jsxRuntime.jsxs("div",{className:"flex items-center gap-2",children:[te&&jsxRuntime.jsx("span",{className:"rounded-full border border-zinc-700 px-3 py-1 text-xs text-zinc-500",children:"Last used"}),jsxRuntime.jsx(ke,{className:"h-8 w-8 rounded-xl"})]})]}),Me.includes("metamask")&&Xe&&jsxRuntime.jsxs("button",{onClick:nt,className:"flex w-full cursor-pointer items-center gap-4 rounded-xl border border-zinc-800 bg-[#25252f] p-4 transition-colors hover:bg-[#2d2d3a]",children:[jsxRuntime.jsx("div",{className:"flex h-14 w-14 flex-shrink-0 items-center justify-center rounded-xl bg-white p-2",children:jsxRuntime.jsx(ae,{className:"h-10 w-10"})}),jsxRuntime.jsx("div",{className:"flex-1 text-left",children:jsxRuntime.jsx("span",{className:"font-medium text-lg text-white",children:"MetaMask"})}),jsxRuntime.jsx(we,{className:"h-8 w-8 rounded-xl"})]}),Ie&&!D&&jsxRuntime.jsxs("button",{onClick:()=>O(true),className:"flex w-full cursor-pointer items-center gap-4 rounded-xl border border-zinc-800 bg-[#25252f] p-4 transition-colors hover:bg-[#2d2d3a]",children:[jsxRuntime.jsx("div",{className:"flex h-14 w-14 flex-shrink-0 items-center justify-center rounded-xl border border-zinc-700 bg-[#2a2a3e]",children:jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"28px",viewBox:"0 -960 960 960",width:"28px",fill:"#e3e3e3",children:jsxRuntime.jsx("path",{d:"M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Z"})})}),jsxRuntime.jsx("div",{className:"flex-1 text-left",children:jsxRuntime.jsx("span",{className:"font-medium text-lg text-white",children:l})})]}),Ie&&D&&jsxRuntime.jsxs("div",{className:"rounded-xl border border-zinc-800 bg-[#25252f] p-6 space-y-4",children:[jsxRuntime.jsx("p",{className:"text-center text-sm text-zinc-400",children:"Enter your 6-digit access code"}),jsxRuntime.jsx(re,{onComplete:ot,disabled:M==="verifying",error:_}),M==="verifying"&&jsxRuntime.jsx("p",{className:"text-center text-sm text-zinc-400 animate-pulse",children:"Verifying..."}),M==="success"&&jsxRuntime.jsx("p",{className:"text-center text-sm text-green-400",children:"Verified!"}),z?.webPageUrl&&M==="idle"&&jsxRuntime.jsx("a",{href:`${z.webPageUrl}/connect/pair`,target:"_blank",rel:"noopener noreferrer",className:"block text-center text-sm text-zinc-500 hover:text-white transition-colors",children:"Get code"})]}),(f?pe:V).length>0&&(!f||pe.length>0)&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[!f&&Le.length===0&&jsxRuntime.jsxs("div",{className:"flex items-center gap-3 py-1",children:[jsxRuntime.jsx("div",{className:"flex-1 border-t border-zinc-800"}),jsxRuntime.jsx("span",{className:"text-xs text-zinc-600",children:"or continue with"}),jsxRuntime.jsx("div",{className:"flex-1 border-t border-zinc-800"})]}),(f?pe:V.filter(a=>!ue.has(a.id))).map(a=>jsxRuntime.jsxs("button",{onClick:()=>Ue(a.id),className:"flex w-full cursor-pointer items-center gap-4 rounded-xl border border-zinc-800 bg-[#25252f] p-4 transition-colors hover:bg-[#2d2d3a]",children:[jsxRuntime.jsx("div",{className:"flex h-14 w-14 flex-shrink-0 items-center justify-center",children:jsxRuntime.jsx(Ze,{provider:a.id})}),jsxRuntime.jsx("div",{className:"flex-1 text-left",children:jsxRuntime.jsx("span",{className:"font-medium text-lg text-white capitalize",children:a.name})})]},a.id))]})]})]})}function Ze({provider:e}){switch(e){case "google":return jsxRuntime.jsx(xe,{className:"h-14 w-14 rounded-xl"});case "discord":return jsxRuntime.jsx(ve,{className:"h-14 w-14 rounded-xl"});case "twitter":return jsxRuntime.jsx(Ne,{className:"h-14 w-14 rounded-xl"});default:return jsxRuntime.jsx("div",{className:"flex h-14 w-14 items-center justify-center rounded-xl border border-zinc-700 bg-[#2a2a3e] text-sm text-zinc-400 font-mono",children:e[0]?.toUpperCase()})}}function Pt(){if(typeof document>"u")return null;let e=document.cookie.split(";").map(n=>n.trim()).find(n=>n.startsWith("__csrf="));return e?e.slice(7):null}function Je(e,n){let[i,c]=react.useState(null),[w,y]=react.useState(true),[g,l]=react.useState(false),[f,d]=react.useState(null),N=n?.apiBaseUrl??"",s=n?.scope??"global",u=react.useCallback(o=>s==="global"?`${N}/api/user/profile/${o}`:`${N}/api/v2/stacks/${s.stackId}/members/${o}/profile`,[N,s]),t=react.useCallback(async()=>{if(!e){c(null),y(false);return}y(true),d(null);try{let o=await fetch(u(e));if(o.ok){let h=await o.json(),x=h.profile||h.data?.profile||h;c({mid:x.mid||e,username:x.username||"",avatarUrl:x.avatar_url||x.avatarUrl,bio:x.bio,createdAt:x.created_at||x.createdAt,updatedAt:x.updated_at||x.updatedAt});}else if(o.status===404)c({mid:e,username:""});else throw new Error(`${o.status}`)}catch(o){d(o instanceof Error?o.message:"Failed to load profile");}finally{y(false);}},[e,u]);react.useEffect(()=>{t();},[t]);let p=react.useCallback(async o=>{if(!e)return  false;l(true),d(null);try{let h=Pt(),x=await fetch(u(e),{method:"PUT",headers:{"Content-Type":"application/json",...h?{"x-csrf-token":h}:{}},credentials:"same-origin",body:JSON.stringify({username:o.username,avatar_url:o.avatarUrl,bio:o.bio})});if(!x.ok){let m=await x.json().catch(()=>({}));throw new Error(m.error||m.message||`Update failed: ${x.status}`)}let k=await x.json(),A=k.profile||k.data?.profile||k;return c(m=>({mid:m?.mid||e,username:o.username??m?.username??"",avatarUrl:o.avatarUrl??m?.avatarUrl,bio:o.bio??m?.bio,createdAt:m?.createdAt,updatedAt:A.updated_at||A.updatedAt||Date.now()})),!0}catch(h){return d(h instanceof Error?h.message:"Update failed"),false}finally{l(false);}},[e,u]);return {profile:i,loading:w,saving:g,error:f,updateProfile:p,refresh:t}}function jt({mid:e,apiBaseUrl:n="",scope:i,onSave:c,className:w}){let{profile:y,loading:g,saving:l,error:f,updateProfile:d}=Je(e,{apiBaseUrl:n,scope:i}),[N,s]=react.useState(null),[u,t]=react.useState(null),[p,o]=react.useState(null),h=react.useRef(null),[x,k]=react.useState(false),A=N??y?.username??"",m=u??y?.bio??"",T=p??y?.avatarUrl,E=react.useCallback(U=>{let $=U.target.files?.[0];if(!$)return;let I=new FileReader;I.onload=()=>{o(I.result),k(true);},I.readAsDataURL($);},[]),R=async()=>{await d({username:A||void 0,avatarUrl:p??y?.avatarUrl,bio:m||void 0})&&(k(false),c?.());};if(g)return jsxRuntime.jsxs("div",{className:w,style:{display:"grid",gap:"1.5rem"},children:[jsxRuntime.jsx("div",{style:{height:40,background:"var(--x-color-neutral-800, #333)",animation:"pulse 2s infinite"}}),jsxRuntime.jsx("div",{style:{height:40,background:"var(--x-color-neutral-800, #333)",animation:"pulse 2s infinite"}})]});let z=i==="global"||!i?"Global profile":`Stack profile (${i.stackId})`;return jsxRuntime.jsxs("div",{className:w,style:{display:"grid",gap:"1.5rem"},children:[jsxRuntime.jsx("p",{style:{fontSize:11,color:"var(--x-color-neutral-500, #91918D)",textTransform:"uppercase",letterSpacing:"0.05em"},children:z}),jsxRuntime.jsxs("div",{style:{display:"grid",gap:"1.5rem",gridTemplateColumns:"1fr 1fr"},children:[jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"0.5rem"},children:[jsxRuntime.jsx("label",{style:{fontSize:14,color:"var(--x-color-neutral-400, #91918D)"},children:"Username"}),jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"0.75rem"},children:[jsxRuntime.jsx("button",{type:"button",onClick:()=>h.current?.click(),style:{width:40,height:40,flexShrink:0,cursor:"pointer",overflow:"hidden",background:"var(--x-color-neutral-800, #262625)",border:"none",position:"relative",display:"flex",alignItems:"center",justifyContent:"center"},children:T?jsxRuntime.jsx("img",{src:T,alt:"",style:{width:"100%",height:"100%",objectFit:"cover"}}):jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{color:"var(--x-color-neutral-500, #91918D)"},children:[jsxRuntime.jsx("path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"}),jsxRuntime.jsx("circle",{cx:"12",cy:"7",r:"4"})]})}),jsxRuntime.jsx("input",{type:"text",value:A,onChange:U=>{s(U.target.value),k(true);},placeholder:"Enter username",maxLength:30,style:{flex:1,padding:"0.75rem 1rem",fontSize:14,background:"var(--x-color-neutral-800, #262625)",color:"var(--x-color-neutral-100, #FAFAF7)",border:"none",outline:"none"}})]}),jsxRuntime.jsx("input",{ref:h,type:"file",accept:"image/*",onChange:E,style:{display:"none"}})]}),jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"0.5rem"},children:[jsxRuntime.jsx("label",{style:{fontSize:14,color:"var(--x-color-neutral-400, #91918D)"},children:"Bio"}),jsxRuntime.jsx("input",{type:"text",value:m,onChange:U=>{t(U.target.value),k(true);},placeholder:"Tell us about yourself",maxLength:200,style:{width:"100%",padding:"0.75rem 1rem",fontSize:14,background:"var(--x-color-neutral-800, #262625)",color:"var(--x-color-neutral-100, #FAFAF7)",border:"none",outline:"none"}})]})]}),f&&jsxRuntime.jsx("p",{style:{fontSize:13,color:"var(--x-color-red-500, #BF4D43)"},children:f}),x&&jsxRuntime.jsxs("div",{style:{display:"flex",gap:"0.5rem"},children:[jsxRuntime.jsx("button",{onClick:R,disabled:l,style:{padding:"0.5rem 1.25rem",fontSize:13,fontWeight:700,background:"var(--x-color-blue-600, #165DFC)",color:"#FFF",border:"none",cursor:l?"wait":"pointer",opacity:l?.6:1},children:l?"Saving...":"Save"}),jsxRuntime.jsx("button",{onClick:()=>{s(null),t(null),o(null),k(false);},style:{padding:"0.5rem 1.25rem",fontSize:13,background:"var(--x-color-neutral-800, #262625)",color:"var(--x-color-neutral-400, #91918D)",border:"none",cursor:"pointer"},children:"Cancel"}),jsxRuntime.jsx("p",{style:{fontSize:11,color:"var(--x-color-neutral-500, #666663)",alignSelf:"center",marginLeft:"0.5rem"},children:"Profile updates cost 100M tokens"})]})]})}function Dt({className:e}){return jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",className:e||"h-8 w-8",children:[jsxRuntime.jsx("rect",{width:"512",height:"512",rx:"15%",fill:"#37aee2"}),jsxRuntime.jsx("path",{fill:"#c8daea",d:"M199 404c-11 0-10-4-13-14l-32-105 245-144"}),jsxRuntime.jsx("path",{fill:"#a9c9dd",d:"M199 404c7 0 11-4 16-8l45-43-56-34"}),jsxRuntime.jsx("path",{fill:"#f6fbfe",d:"M204 319l135 99c14 9 26 4 30-14l55-258c5-22-9-32-24-25L79 245c-21 8-21 21-4 26l83 26 190-121c9-5 17-3 11 4"})]})}
+exports.ConnectWidget=Lt;exports.DiscordIcon=ve;exports.EthereumIcon=we;exports.GoogleIcon=xe;exports.MetaMaskIcon=ae;exports.OTPInput=re;exports.PhantomIcon=se;exports.ProfileSettings=jt;exports.SolanaIcon=ke;exports.TelegramIcon=Dt;exports.TwitterIcon=Ne;exports.UserUtilsProvider=it;exports.useUserUtilsContext=at;

package/dist/components/index.d.cts

@@ -23,9 +23,19 @@ interface ConnectWidgetProps {
     showWallets?: ('phantom' | 'metamask' | 'solflare')[];
     showOTP?: boolean;
     showEmail?: boolean;
+    /** Hide the built-in header (logo + title). Useful when wrapping in custom layout. */
+    hideHeader?: boolean;
+    /** Custom OTP handler — overrides default authenticateOTP (e.g. for pairing codes) */
+    onOTPSubmit?: (code: string) => Promise<boolean>;
+    /** Label for the OTP button (default: "Access Code") */
+    otpLabel?: string;
+    /** Show OAuth providers inline (not behind "or continue with" divider) */
+    oauthInline?: boolean;
+    /** Place specific OAuth providers at the top, before wallets */
+    oauthFirst?: string[];
     className?: string;
 }
-declare function ConnectWidget({ config, onSuccess, title, showWallets, showOTP, className, }: ConnectWidgetProps): react_jsx_runtime.JSX.Element;
+declare function ConnectWidget({ config, onSuccess, title, showWallets, showOTP, hideHeader, onOTPSubmit, otpLabel, oauthInline, oauthFirst, className, }: ConnectWidgetProps): react_jsx_runtime.JSX.Element;
 
 interface OTPInputProps {
     length?: number;

package/dist/components/index.d.ts

@@ -23,9 +23,19 @@ interface ConnectWidgetProps {
     showWallets?: ('phantom' | 'metamask' | 'solflare')[];
     showOTP?: boolean;
     showEmail?: boolean;
+    /** Hide the built-in header (logo + title). Useful when wrapping in custom layout. */
+    hideHeader?: boolean;
+    /** Custom OTP handler — overrides default authenticateOTP (e.g. for pairing codes) */
+    onOTPSubmit?: (code: string) => Promise<boolean>;
+    /** Label for the OTP button (default: "Access Code") */
+    otpLabel?: string;
+    /** Show OAuth providers inline (not behind "or continue with" divider) */
+    oauthInline?: boolean;
+    /** Place specific OAuth providers at the top, before wallets */
+    oauthFirst?: string[];
     className?: string;
 }
-declare function ConnectWidget({ config, onSuccess, title, showWallets, showOTP, className, }: ConnectWidgetProps): react_jsx_runtime.JSX.Element;
+declare function ConnectWidget({ config, onSuccess, title, showWallets, showOTP, hideHeader, onOTPSubmit, otpLabel, oauthInline, oauthFirst, className, }: ConnectWidgetProps): react_jsx_runtime.JSX.Element;
 
 interface OTPInputProps {
     length?: number;