@privy-io/react-auth 1.17.1-beta.1 → 1.18.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/index.js +306 -316
- package/dist/index.d.ts +46 -11
- package/dist/index.js +306 -316
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -1,21 +1,149 @@
|
|
|
1
|
-
import{Web3Provider as u1}from"@ethersproject/providers";import{useEffect as Nn,useState as te}from"react";import Un from"axios";var ne=class extends Error{constructor(o,r){super(o);r instanceof Error&&(this.cause=r)}toString(){return`${this.type}: ${this.message}${this.cause?` [cause: ${this.cause}]`:""}`}},je=class extends ne{constructor(o,r,i,n){super(i,n);this.type=o;this.status=r}},y=class extends ne{constructor(o,r){super(o,r);this.type="client_error"}};var B=class extends ne{constructor(o,r){super(o,r);this.type="connector_error"}},D=t=>{if(t instanceof ne)return t;if(!Un.isAxiosError(t))return oe(t);if(!t.response)return new je("api_error",null,t.message,t);let{type:e,message:o,error:r}=t.response.data;return new je(e||"ApiError",t.response.status,o||r,t)},oe=t=>t instanceof ne?t:t instanceof Error?new y(t.message,t):new y(`Internal error: ${t}`);var vr=()=>"/api/v1/sessions",Cr=()=>"/api/v1/sessions/logout",br=()=>"/api/v1/sessions/fork",xr=()=>"/api/v1/siwe/init",Er=()=>"/api/v1/siwe/authenticate",Lr=()=>"/api/v1/siwe/link",Ar=()=>"/api/v1/passwordless/init",_r=()=>"/api/v1/passwordless/authenticate",Sr=()=>"/api/v1/passwordless/link",Pr=()=>"/api/v1/passwordless_sms/init",kr=()=>"/api/v1/passwordless_sms/authenticate",Tr=()=>"/api/v1/passwordless_sms/link",Wr=()=>"/api/v1/oauth/init",Ir=()=>"/api/v1/oauth/authenticate",Rr=()=>"/api/v1/oauth/link",Mr=()=>"/api/v1/siwe/unlink",Nr=()=>"/api/v1/passwordless/unlink",Or=()=>"/api/v1/passwordless_sms/unlink",Ur=()=>"/api/v1/oauth/unlink";var ft=class{constructor(e){this.meta={email:e}}async authenticate(){if(!this.api)throw new y("Auth flow has no API instance");if(!this.meta.email||!this.meta.emailCode)throw new y("Email and email code must be set prior to calling authenticate.");try{let e=_r(),o=await this.api.post(e,{email:this.meta.email,code:this.meta.emailCode});return{user:o.data.user,token:o.data.token,refresh_token:o.data.refresh_token,is_new_user:o.data.is_new_user}}catch(e){throw D(e)}}async link(){if(!this.api)throw new y("Auth flow has no API instance");if(!this.meta.email||!this.meta.emailCode)throw new y("Email and email code must be set prior to calling authenticate.");try{let e=Sr();return(await this.api.post(e,{email:this.meta.email,code:this.meta.emailCode})).data}catch(e){throw D(e)}}async sendCodeEmail(e){if(!this.api)throw new y("Auth flow has no API instance");if(e&&(this.meta.email=e),!this.meta.email)throw new y("Email must be set when initialzing authentication.");try{let o=Ar();return(await this.api.post(o,{email:this.meta.email})).data}catch(o){throw D(o)}}};var Ze=class{constructor(e,o,r){this.meta={provider:e},this.meta.authorizationCode=o,this.meta.stateCode=r}isActive(){return!!(this.meta.authorizationCode&&this.meta.stateCode&&this.meta.provider)}async authenticate(){if(!this.api)throw new y("Auth flow has no API instance");if(!this.meta.authorizationCode||!this.meta.stateCode)throw new y("[OAuth AuthFlow] Authorization and state codes code must be set prior to calling authenticate.");if(this.meta.authorizationCode==="undefined")throw new y("User denied confirmation during OAuth flow");try{let e=Ir(),o=await this.api.post(e,{authorization_code:this.meta.authorizationCode,state_code:this.meta.stateCode});return{user:o.data.user,token:o.data.token,refresh_token:o.data.refresh_token,is_new_user:o.data.is_new_user}}catch(e){throw D(e)}}async link(){if(!this.api)throw new y("Auth flow has no API instance");if(!this.meta.authorizationCode||!this.meta.stateCode)throw new y("[OAuth AuthFlow] Authorization and state codes code must be set prior to calling link.");if(this.meta.authorizationCode==="undefined")throw new y("User denied confirmation during OAuth flow");try{let e=Rr();return(await this.api.post(e,{authorization_code:this.meta.authorizationCode,state_code:this.meta.stateCode})).data}catch(e){throw D(e)}}async getAuthorizationUrl(){if(!this.api)throw new y("Auth flow has no API instance");if(!this.meta.provider)throw new y("Provider must be set when initialzing OAuth authentication.");try{let e=Wr();return(await this.api.post(e,{provider:this.meta.provider,redirect_to:window.location.href})).data}catch(e){throw D(e)}}};var gt=class{constructor(e,o){this.meta={walletType:o},this.connectors=e,this.walletConnector=this.connectors.createWalletConnector(o,null)}async authenticate(){if(!this.api)throw new y("Auth flow has no API instance");try{let{message:e,signature:o}=await this.promptConnectAndSign(this.api),r=await this.api.post(Er(),{message:e,signature:o});return this.connectors.addWalletConnector(this.walletConnector),await this.connectors.setActiveWallet(this.walletConnector.address)||console.warn("Failed to set active wallet"),{user:r.data.user,token:r.data.token,refresh_token:r.data.refresh_token,is_new_user:r.data.is_new_user}}catch(e){throw D(e)}}async link(){if(!this.api)throw new y("Auth flow has no API instance");try{let{message:e,signature:o}=await this.promptConnectAndSign(this.api),r=await this.api.post(Lr(),{message:e,signature:o});return this.connectors.addWalletConnector(this.walletConnector),await this.connectors.setActiveWallet(this.walletConnector.address)||console.warn("Failed to set active wallet"),r.data}catch(e){throw D(e)}}async promptConnectAndSign(e){let o=await this.walletConnector.connect({showPrompt:!0}),r=o.address,i=o.chainId,n=await e.post(xr(),{address:r}),s=this.walletConnector.prepareMessage(i,r,n.data.nonce),a=await this.walletConnector.sign(s);return{message:s,signature:a}}};var yt=class{constructor(e){this.meta={phoneNumber:e}}async authenticate(){if(!this.api)throw new y("Auth flow has no API instance");if(!this.meta.phoneNumber||!this.meta.smsCode)throw new y("phone number and sms code must be set prior to calling authenticate.");try{let e=kr(),o=await this.api.post(e,{phoneNumber:this.meta.phoneNumber,code:this.meta.smsCode});return{user:o.data.user,token:o.data.token,refresh_token:o.data.refresh_token,is_new_user:o.data.is_new_user}}catch(e){throw D(e)}}async link(){if(!this.api)throw new y("Auth flow has no API instance");if(!this.meta.phoneNumber||!this.meta.smsCode)throw new y("phone number and sms code must be set prior to calling authenticate.");try{let e=Tr();return(await this.api.post(e,{phoneNumber:this.meta.phoneNumber,code:this.meta.smsCode})).data}catch(e){throw D(e)}}async sendSmsCode(e){if(!this.api)throw new y("Auth flow has no API instance");if(e&&(this.meta.phoneNumber=e),!this.meta.phoneNumber)throw new y("phone nNumber must be set when initialzing authentication.");try{let o=Pr();return(await this.api.post(o,{phoneNumber:this.meta.phoneNumber})).data}catch(o){throw D(o)}}};import{getAddress as es}from"@ethersproject/address";var Dr="1.17.1-beta.1";var Fr="https://api.privy.io/v0",So=process.env.NEXT_PUBLIC_PRIVY_AUTH_URL||"https://auth.privy.io",wt="4df5e2316331463a9130964bd6078dfa",Gr=1e4,re=1400,Po=Dr;var qe="privy:token",Ut="privy:refresh_token",Dt="privy:connectors",Br="walletconnect",ko=3e4;var To=class{constructor(){this._cache={}}get(e){return this._cache[e]}put(e,o){o!==void 0?this._cache[e]=o:this.del(e)}del(e){delete this._cache[e]}getKeys(){return Object.keys(this._cache)}},Wo=class{get(e){let o=localStorage.getItem(e);return o===null?void 0:JSON.parse(o)}put(e,o){o!==void 0?localStorage.setItem(e,JSON.stringify(o)):this.del(e)}del(e){localStorage.removeItem(e)}getKeys(){return Object.entries(localStorage).map(([e])=>e)}};function Fn(){return typeof window<"u"&&window.localStorage?new Wo:new To}var q=Fn();import Zn from"@coinbase/wallet-sdk";import{getAddress as qn}from"@ethersproject/address";import{getAddress as $n}from"@ethersproject/address";import{Web3Provider as jn}from"@ethersproject/providers";import{ErrorCode as Gn}from"@ethersproject/logger";var Ke=class extends B{constructor(){super("Wallet timeout");this.type="wallet_error"}},Se=t=>{if(t instanceof B)return t;if((t==null?void 0:t.code)&&(t==null?void 0:t.reason)){let e=new Je(t);return t.code===Gn.ACTION_REJECTED&&(e.details=Ue.E4001_USER_REJECTED_REQUEST),e}return t!=null&&t.code?new Je(t):new B("Unknown connector error",t)},Io=class extends ne{constructor(o,r,i){super(o);this.type="provider_error";this.code=r,this.data=i}},Je=class extends Io{constructor(o){var n,s,a;let r=o;super(r.message,r.code,r.data);let i=Object.values(Ue).find(p=>p.eipCode===r.code);this.details=i||Ue.UNKNOWN_ERROR,r.code===-32002&&((n=r.message)!=null&&n.includes("already pending for origin")?(s=r.message)!=null&&s.includes("wallet_requestPermissions")?this.details=Ue.E32002_CONNECTION_ALREADY_PENDING:this.details=Ue.E32002_REQUEST_ALREADY_PENDING:(a=r.message)!=null&&a.includes("Already processing")&&r.message.includes("eth_requestAccounts")&&(this.details=Ue.E32002_WALLET_LOCKED))}},Bn={ERROR_USER_EXISTS:{message:"User already exists for this address",detail:"Try another address!",retryable:!1},ERROR_TIMED_OUT:{message:"Wallet request timed out",detail:"Please try connecting again.",retryable:!0},ERROR_WALLET_CONNECTION:{message:"Could not log in with wallet",detail:"Please try connecting again.",retryable:!0}},Vn={E32002_CONNECTION_ALREADY_PENDING:{eipCode:-32002,message:"Connection request already pending",detail:"Don\u2019t see your wallet modal? Check your other browser windows.",retryable:!1},E32002_REQUEST_ALREADY_PENDING:{eipCode:-32002,message:"Resource request already pending",detail:"Don\u2019t see your wallet modal? Check your other browser windows.",retryable:!1},E32002_WALLET_LOCKED:{eipCode:-32002,message:"Wallet might be locked",detail:"Don\u2019t see your wallet modal? Check your other browser windows.",retryable:!1},E4001_USER_REJECTED_REQUEST:{eipCode:4001,message:"Signature rejected",detail:"Please try signing again.",retryable:!0}},Hn={E4001_DEFAULT_USER_REJECTED_REQUEST:{eipCode:4001,message:"User Rejected Request",detail:"The user rejected the request.",default:!0,retryable:!0},E4100_DEFAULT_UNAUTHORIZED:{eipCode:4100,message:"Unauthorized",detail:"The requested method and/or account has not been authorized by the user.",default:!0,retryable:!1},E4200_DEFAULT_UNSUPPORTED_METHOD:{eipCode:4200,message:"Unsupported Method",detail:"The Provider does not support the requested method.",default:!0,retryable:!1},E4900_DEFAULT_DISCONNECTED:{eipCode:4900,message:"Disconnected",detail:"The Provider is disconnected from all chains.",default:!0,retryable:!0},E4901_DEFAULT_CHAIN_DISCONNECTED:{eipCode:4901,message:"Chain Disconnected",detail:"The Provider is not connected to the requested chain.",default:!0,retryable:!0},E32700_DEFAULT_PARSE_ERROR:{eipCode:-32700,message:"Parse error",detail:"Invalid JSON",default:!0,retryable:!1},E32600_DEFAULT_INVALID_REQUEST:{eipCode:-32600,message:"Invalid request",detail:"JSON is not a valid request object",default:!0,retryable:!1},E32601_DEFAULT_METHOD_NOT_FOUND:{eipCode:-32601,message:"Method not found",detail:"Method does not exist",default:!0,retryable:!1},E32602_DEFAULT_INVALID_PARAMS:{eipCode:-32602,message:"Invalid params",detail:"Invalid method parameters",default:!0,retryable:!1},E32603_DEFAULT_INTERNAL_ERROR:{eipCode:-32603,message:"Internal error",detail:"Internal JSON-RPC error",default:!0,retryable:!0},E32000_DEFAULT_INVALID_INPUT:{eipCode:-32e3,message:"Invalid input",detail:"Missing or invalid parameters",default:!0,retryable:!1},E32001_DEFAULT_RESOURCE_NOT_FOUND:{eipCode:-32001,message:"Resource not found",detail:"Requested resource not found",default:!0,retryable:!1},E32002_DEFAULT_RESOURCE_UNAVAILABLE:{eipCode:-32002,message:"Resource unavailable",detail:"Requested resource not available",default:!0,retryable:!0},E32003_DEFAULT_TRANSACTION_REJECTED:{eipCode:-32003,message:"Transaction rejected",detail:"Transaction creation failed",default:!0,retryable:!0},E32004_DEFAULT_METHOD_NOT_SUPPORTED:{eipCode:-32004,message:"Method not supported",detail:"Method is not implemented",default:!0,retryable:!1},E32005_DEFAULT_LIMIT_EXCEEDED:{eipCode:-32005,message:"Limit exceeded",detail:"Request exceeds defined limit",default:!0,retryable:!1},E32006_DEFAULT_JSON_RPC_VERSION_NOT_SUPPORTED:{eipCode:-32006,message:"JSON-RPC version not supported",detail:"Version of JSON-RPC protocol is not supported",default:!0,retryable:!1}},Ue={UNKNOWN_ERROR:{eipCode:0,message:"Unknown error",detail:"Unknown error",retryable:!0},...Hn,...Vn},Ye={...Bn,...Ue};var zn=12e4,Ro=(t=new Ke,e=zn)=>new Promise((o,r)=>setTimeout(()=>{r(t)},e)),de=class{constructor(e){this.removeListener=(e,o)=>{if(this.walletProvider)return this.walletProvider.removeListener(e,o)};this.setProvider=e=>{this.walletProvider=e,this._subscriptions.forEach(o=>{var r;(r=this.walletProvider)==null||r.on(o.eventName,o.listener)})};this.walletProvider=e,this._subscriptions=[]}on(e,o){if(this.walletProvider)return this.walletProvider.on(e,o);this._subscriptions.push({eventName:e,listener:o})}async request(e){if(!this.walletProvider)throw new B(`A wallet request of type ${e.method} was made before setting a wallet provider.`);return Promise.race([this.walletProvider.request(e),Ro()]).catch(o=>{throw Se(o)})}},fe=class extends de{constructor(o){super(o)}},Ft=class extends de{constructor(e){super(e)}sendAsync(e,o){throw new Error("sendAsync is no longer supported by EIP-1193. Use the request method instead.")}};var ge=class{constructor(e,o,r){this.createSiweMessage=(e,o,r,i,n,s,a)=>`${r} wants you to sign in with your Ethereum account:
|
|
1
|
+
import{Web3Provider as hc}from"@ethersproject/providers";import{useEffect as Ii,useState as ie}from"react";import Oi from"axios";var pe=class extends Error{constructor(o,r){super(o);r instanceof Error&&(this.cause=r)}toString(){return`${this.type}: ${this.message}${this.cause?` [cause: ${this.cause}]`:""}`}},qe=class extends pe{constructor(o,r,n,i){super(n,i);this.type=o;this.status=r}},y=class extends pe{constructor(o,r){super(o,r);this.type="client_error"}};var F=class extends pe{constructor(o,r){super(o,r);this.type="connector_error"}},B=e=>{if(e instanceof pe)return e;if(!Oi.isAxiosError(e))return se(e);if(!e.response)return new qe("api_error",null,e.message,e);let{type:t,message:o,error:r}=e.response.data;return new qe(t||"ApiError",e.response.status,o||r,e)},se=e=>e instanceof pe?e:e instanceof Error?new y(e.message,e):new y(`Internal error: ${e}`);var vr=()=>"/api/v1/sessions",Cr=()=>"/api/v1/sessions/logout",br=()=>"/api/v1/sessions/fork",xr=()=>"/api/v1/siwe/init",Er=()=>"/api/v1/siwe/authenticate",Lr=()=>"/api/v1/siwe/link",Ar=()=>"/api/v1/passwordless/init",Pr=()=>"/api/v1/passwordless/authenticate",_r=()=>"/api/v1/passwordless/link",Sr=()=>"/api/v1/passwordless_sms/init",kr=()=>"/api/v1/passwordless_sms/authenticate",Tr=()=>"/api/v1/passwordless_sms/link",Wr=()=>"/api/v1/oauth/init",Rr=()=>"/api/v1/oauth/authenticate",Mr=()=>"/api/v1/oauth/link",Ir=()=>"/api/v1/siwe/unlink",Nr=()=>"/api/v1/passwordless/unlink",Or=()=>"/api/v1/passwordless_sms/unlink",Ur=()=>"/api/v1/oauth/unlink";var wt=class{constructor(t){this.meta={email:t}}async authenticate(){if(!this.api)throw new y("Auth flow has no API instance");if(!this.meta.email||!this.meta.emailCode)throw new y("Email and email code must be set prior to calling authenticate.");try{let t=Pr(),o=await this.api.post(t,{email:this.meta.email,code:this.meta.emailCode});return{user:o.data.user,token:o.data.token,refresh_token:o.data.refresh_token,is_new_user:o.data.is_new_user}}catch(t){throw B(t)}}async link(){if(!this.api)throw new y("Auth flow has no API instance");if(!this.meta.email||!this.meta.emailCode)throw new y("Email and email code must be set prior to calling authenticate.");try{let t=_r();return(await this.api.post(t,{email:this.meta.email,code:this.meta.emailCode})).data}catch(t){throw B(t)}}async sendCodeEmail(t){if(!this.api)throw new y("Auth flow has no API instance");if(t&&(this.meta.email=t),!this.meta.email)throw new y("Email must be set when initialzing authentication.");try{let o=Ar();return(await this.api.post(o,{email:this.meta.email})).data}catch(o){throw B(o)}}};var Ke=class{constructor(t,o,r){this.meta={provider:t},this.meta.authorizationCode=o,this.meta.stateCode=r}isActive(){return!!(this.meta.authorizationCode&&this.meta.stateCode&&this.meta.provider)}async authenticate(){if(!this.api)throw new y("Auth flow has no API instance");if(!this.meta.authorizationCode||!this.meta.stateCode)throw new y("[OAuth AuthFlow] Authorization and state codes code must be set prior to calling authenticate.");if(this.meta.authorizationCode==="undefined")throw new y("User denied confirmation during OAuth flow");try{let t=Rr(),o=await this.api.post(t,{authorization_code:this.meta.authorizationCode,state_code:this.meta.stateCode});return{user:o.data.user,token:o.data.token,refresh_token:o.data.refresh_token,is_new_user:o.data.is_new_user}}catch(t){throw B(t)}}async link(){if(!this.api)throw new y("Auth flow has no API instance");if(!this.meta.authorizationCode||!this.meta.stateCode)throw new y("[OAuth AuthFlow] Authorization and state codes code must be set prior to calling link.");if(this.meta.authorizationCode==="undefined")throw new y("User denied confirmation during OAuth flow");try{let t=Mr();return(await this.api.post(t,{authorization_code:this.meta.authorizationCode,state_code:this.meta.stateCode})).data}catch(t){throw B(t)}}async getAuthorizationUrl(){if(!this.api)throw new y("Auth flow has no API instance");if(!this.meta.provider)throw new y("Provider must be set when initialzing OAuth authentication.");try{let t=Wr();return(await this.api.post(t,{provider:this.meta.provider,redirect_to:window.location.href})).data}catch(t){throw B(t)}}};var vt=class{constructor(t,o){this._meta={walletType:o},this.connectors=t,this.walletConnector=this.connectors.createWalletConnector(o,null)}get meta(){return{...this._meta,walletMeta:this.walletConnector.walletMeta}}async authenticate(){if(!this.api)throw new y("Auth flow has no API instance");try{let{message:t,signature:o}=await this.sign(this.api),r=await this.api.post(Er(),{message:t,signature:o});return this.connectors.addWalletConnector(this.walletConnector),await this.connectors.setActiveWallet(this.walletConnector.address)||console.warn("Failed to set active wallet"),{user:r.data.user,token:r.data.token,refresh_token:r.data.refresh_token,is_new_user:r.data.is_new_user}}catch(t){throw B(t)}}async link(){if(!this.api)throw new y("Auth flow has no API instance");try{let{message:t,signature:o}=await this.sign(this.api),r=await this.api.post(Lr(),{message:t,signature:o});return this.connectors.addWalletConnector(this.walletConnector),await this.connectors.setActiveWallet(this.walletConnector.address)||console.warn("Failed to set active wallet"),r.data}catch(t){throw B(t)}}async promptConnect(){return await this.walletConnector.connect({showPrompt:!0})}async sign(t){let o=await this.walletConnector.connect({showPrompt:!1});if(!o)throw new F("Cannot sign without a connected wallet");let r=o.address,n=o.chainId,i=await t.post(xr(),{address:r}),s=this.walletConnector.prepareMessage(n,r,i.data.nonce),a=await this.walletConnector.sign(s);return{message:s,signature:a}}};var Ct=class{constructor(t){this.meta={phoneNumber:t}}async authenticate(){if(!this.api)throw new y("Auth flow has no API instance");if(!this.meta.phoneNumber||!this.meta.smsCode)throw new y("phone number and sms code must be set prior to calling authenticate.");try{let t=kr(),o=await this.api.post(t,{phoneNumber:this.meta.phoneNumber,code:this.meta.smsCode});return{user:o.data.user,token:o.data.token,refresh_token:o.data.refresh_token,is_new_user:o.data.is_new_user}}catch(t){throw B(t)}}async link(){if(!this.api)throw new y("Auth flow has no API instance");if(!this.meta.phoneNumber||!this.meta.smsCode)throw new y("phone number and sms code must be set prior to calling authenticate.");try{let t=Tr();return(await this.api.post(t,{phoneNumber:this.meta.phoneNumber,code:this.meta.smsCode})).data}catch(t){throw B(t)}}async sendSmsCode(t){if(!this.api)throw new y("Auth flow has no API instance");if(t&&(this.meta.phoneNumber=t),!this.meta.phoneNumber)throw new y("phone nNumber must be set when initialzing authentication.");try{let o=Sr();return(await this.api.post(o,{phoneNumber:this.meta.phoneNumber})).data}catch(o){throw B(o)}}};import{getAddress as os}from"@ethersproject/address";var Dr="1.18.0-beta.1";var Fr="https://api.privy.io/v0",Po=process.env.NEXT_PUBLIC_PRIVY_AUTH_URL||"https://auth.privy.io",Ot="4df5e2316331463a9130964bd6078dfa",Gr=1e4,ae=1400,_o=Dr;var Je="privy:token",Ut="privy:refresh_token",Dt="privy:connectors",Br="walletconnect",Hr=3e4;var So=class{constructor(){this._cache={}}get(t){return this._cache[t]}put(t,o){o!==void 0?this._cache[t]=o:this.del(t)}del(t){delete this._cache[t]}getKeys(){return Object.keys(this._cache)}},ko=class{get(t){let o=localStorage.getItem(t);return o===null?void 0:JSON.parse(o)}put(t,o){o!==void 0?localStorage.setItem(t,JSON.stringify(o)):this.del(t)}del(t){localStorage.removeItem(t)}getKeys(){return Object.entries(localStorage).map(([t])=>t)}};function Di(){return typeof window<"u"&&window.localStorage?new ko:new So}var K=Di();import Zi from"@coinbase/wallet-sdk";import{getAddress as qi}from"@ethersproject/address";import{jsx as Vr,jsxs as Fi}from"react/jsx-runtime";var le=({style:e,...t})=>Fi("svg",{width:"1024",height:"1024",viewBox:"0 0 1024 1024",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{height:"28px",width:"28px",...e},...t,children:[Vr("rect",{width:"1024",height:"1024",fill:"#0052FF",rx:100,ry:100}),Vr("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M152 512C152 710.823 313.177 872 512 872C710.823 872 872 710.823 872 512C872 313.177 710.823 152 512 152C313.177 152 152 313.177 152 512ZM420 396C406.745 396 396 406.745 396 420V604C396 617.255 406.745 628 420 628H604C617.255 628 628 617.255 628 604V420C628 406.745 617.255 396 604 396H420Z",fill:"white"})]});import{getAddress as zi}from"@ethersproject/address";import{Web3Provider as ji}from"@ethersproject/providers";import{ErrorCode as Gi}from"@ethersproject/logger";var Ye=class extends F{constructor(){super("Wallet timeout");this.type="wallet_error"}},Xe=class extends F{constructor(){super("User rejected connection");this.type="wallet_error"}},be=e=>{if(e instanceof F)return e;if((e==null?void 0:e.code)&&(e==null?void 0:e.reason)){let t=new Qe(e);return e.code===Gi.ACTION_REJECTED&&(t.details=De.E4001_USER_REJECTED_REQUEST),t}return e!=null&&e.code?new Qe(e):new F("Unknown connector error",e)},To=class extends pe{constructor(o,r,n){super(o);this.type="provider_error";this.code=r,this.data=n}},Qe=class extends To{constructor(o){var i,s,a;let r=o;super(r.message,r.code,r.data);let n=Object.values(De).find(d=>d.eipCode===r.code);this.details=n||De.UNKNOWN_ERROR,r.code===-32002&&((i=r.message)!=null&&i.includes("already pending for origin")?(s=r.message)!=null&&s.includes("wallet_requestPermissions")?this.details=De.E32002_CONNECTION_ALREADY_PENDING:this.details=De.E32002_REQUEST_ALREADY_PENDING:(a=r.message)!=null&&a.includes("Already processing")&&r.message.includes("eth_requestAccounts")&&(this.details=De.E32002_WALLET_LOCKED))}},Bi={ERROR_USER_EXISTS:{message:"User already exists for this address",detail:"Try another address!",retryable:!1},ERROR_TIMED_OUT:{message:"Wallet request timed out",detail:"Please try connecting again.",retryable:!0},ERROR_WALLET_CONNECTION:{message:"Could not log in with wallet",detail:"Please try connecting again.",retryable:!0},ERROR_USER_REJECTED_CONNECTION:{message:"You rejected the request",detail:"Please try connecting again.",retryable:!0}},Hi={E32002_CONNECTION_ALREADY_PENDING:{eipCode:-32002,message:"Connection request already pending",detail:"Don\u2019t see your wallet modal? Check your other browser windows.",retryable:!1},E32002_REQUEST_ALREADY_PENDING:{eipCode:-32002,message:"Resource request already pending",detail:"Don\u2019t see your wallet modal? Check your other browser windows.",retryable:!1},E32002_WALLET_LOCKED:{eipCode:-32002,message:"Wallet might be locked",detail:"Don\u2019t see your wallet modal? Check your other browser windows.",retryable:!1},E4001_USER_REJECTED_REQUEST:{eipCode:4001,message:"Signature rejected",detail:"Please try signing again.",retryable:!0}},Vi={E4001_DEFAULT_USER_REJECTED_REQUEST:{eipCode:4001,message:"User Rejected Request",detail:"The user rejected the request.",default:!0,retryable:!0},E4100_DEFAULT_UNAUTHORIZED:{eipCode:4100,message:"Unauthorized",detail:"The requested method and/or account has not been authorized by the user.",default:!0,retryable:!1},E4200_DEFAULT_UNSUPPORTED_METHOD:{eipCode:4200,message:"Unsupported Method",detail:"The Provider does not support the requested method.",default:!0,retryable:!1},E4900_DEFAULT_DISCONNECTED:{eipCode:4900,message:"Disconnected",detail:"The Provider is disconnected from all chains.",default:!0,retryable:!0},E4901_DEFAULT_CHAIN_DISCONNECTED:{eipCode:4901,message:"Chain Disconnected",detail:"The Provider is not connected to the requested chain.",default:!0,retryable:!0},E32700_DEFAULT_PARSE_ERROR:{eipCode:-32700,message:"Parse error",detail:"Invalid JSON",default:!0,retryable:!1},E32600_DEFAULT_INVALID_REQUEST:{eipCode:-32600,message:"Invalid request",detail:"JSON is not a valid request object",default:!0,retryable:!1},E32601_DEFAULT_METHOD_NOT_FOUND:{eipCode:-32601,message:"Method not found",detail:"Method does not exist",default:!0,retryable:!1},E32602_DEFAULT_INVALID_PARAMS:{eipCode:-32602,message:"Invalid params",detail:"Invalid method parameters",default:!0,retryable:!1},E32603_DEFAULT_INTERNAL_ERROR:{eipCode:-32603,message:"Internal error",detail:"Internal JSON-RPC error",default:!0,retryable:!0},E32000_DEFAULT_INVALID_INPUT:{eipCode:-32e3,message:"Invalid input",detail:"Missing or invalid parameters",default:!0,retryable:!1},E32001_DEFAULT_RESOURCE_NOT_FOUND:{eipCode:-32001,message:"Resource not found",detail:"Requested resource not found",default:!0,retryable:!1},E32002_DEFAULT_RESOURCE_UNAVAILABLE:{eipCode:-32002,message:"Resource unavailable",detail:"Requested resource not available",default:!0,retryable:!0},E32003_DEFAULT_TRANSACTION_REJECTED:{eipCode:-32003,message:"Transaction rejected",detail:"Transaction creation failed",default:!0,retryable:!0},E32004_DEFAULT_METHOD_NOT_SUPPORTED:{eipCode:-32004,message:"Method not supported",detail:"Method is not implemented",default:!0,retryable:!1},E32005_DEFAULT_LIMIT_EXCEEDED:{eipCode:-32005,message:"Limit exceeded",detail:"Request exceeds defined limit",default:!0,retryable:!1},E32006_DEFAULT_JSON_RPC_VERSION_NOT_SUPPORTED:{eipCode:-32006,message:"JSON-RPC version not supported",detail:"Version of JSON-RPC protocol is not supported",default:!0,retryable:!1}},De={UNKNOWN_ERROR:{eipCode:0,message:"Unknown error",detail:"Unknown error",retryable:!0},...Vi,...Hi},Fe={...Bi,...De};var $i=12e4,Wo=(e=new Ye,t=$i)=>new Promise((o,r)=>setTimeout(()=>{r(e)},t)),ye=class{constructor(t){this.removeListener=(t,o)=>{if(this.walletProvider)return this.walletProvider.removeListener(t,o)};this.setWalletProvider=t=>{this.walletProvider=t,this._subscriptions.forEach(o=>{var r;(r=this.walletProvider)==null||r.on(o.eventName,o.listener)})};this.walletProvider=t,this._subscriptions=[]}on(t,o){if(this.walletProvider)return this.walletProvider.on(t,o);this._subscriptions.push({eventName:t,listener:o})}async request(t){if(!this.walletProvider)throw new F(`A wallet request of type ${t.method} was made before setting a wallet provider.`);return Promise.race([this.walletProvider.request(t),Wo()]).catch(o=>{throw be(o)})}},Ge=class extends ye{constructor(o){super(o)}},Ft=class extends ye{constructor(t){super(t)}sendAsync(t,o){throw new Error("sendAsync is no longer supported by EIP-1193. Use the request method instead.")}};var xe=class{constructor(t,o,r){this.createSiweMessage=(t,o,r,n,i,s,a)=>`${r} wants you to sign in with your Ethereum account:
|
|
2
2
|
${o}
|
|
3
3
|
|
|
4
4
|
${a}
|
|
5
5
|
|
|
6
|
-
URI: ${
|
|
6
|
+
URI: ${n}
|
|
7
7
|
Version: 1
|
|
8
|
-
Chain ID: ${
|
|
8
|
+
Chain ID: ${t}
|
|
9
9
|
Nonce: ${s}
|
|
10
|
-
Issued At: ${
|
|
10
|
+
Issued At: ${i}
|
|
11
11
|
Resources:
|
|
12
|
-
- https://privy.io`;this.provider=o,this.walletType=e,this.address=r,this.chain=null,this.connected=!1}async fetchAddress(){if(!this.address){let e=await this.provider.request({method:"eth_accounts"});Array.isArray(e)&&e.length>0&&(this.address=$n(e[0]))}return this.address}async fetchChainId(){if(!this.chain){let e=await this.provider.request({method:"eth_chainId"}),o=Number(e);this.chain=String(o)}return this.chain}async getConnectedWallet(){if(!this.walletType||!await this.isConnected())return null;let o=await this.fetchAddress(),r=await this.fetchChainId();return{address:o,chainId:r,chainType:"ethereum",walletClient:"unknown"}}async setActive(){return!0}async sign(e){return await this.connect({showPrompt:!1}),new jn(new fe(this.provider)).getSigner().signMessage(e)}prepareMessage(e,o,r){let i=window.location.host,n=window.location.origin,s="By signing, you are proving you own this wallet and logging in. This does not initiate a transaction or cost any fees.",a=new Date().toISOString();return this.createSiweMessage(e,o,i,n,a,r,s)}};var Kn=t=>{let e=`https://mainnet.infura.io/v3/${wt}`,o=1;return t.makeWeb3Provider(e,o)},Gt,Bt=class extends ge{constructor(e,o){super("coinbase_wallet",e,o),Gt||(Gt=new Zn({appName:"Privy",darkMode:!1,headlessMode:!1}))}async connect(e){return this.provider.setProvider(Kn(Gt)),e.showPrompt&&await this.promptConnection(),await this.isConnected()?this.getConnectedWallet():null}disconnect(){Gt.disconnect()}async isConnected(){return await this.fetchAddress()!==null}async promptConnection(){try{let e="",o=await this.provider.request({method:"eth_requestAccounts"});if(o.length>0&&(e=qn(o[0])),!e||e==="")throw new B("Unable to retrieve address");this.connected=!0}catch(e){throw Se(e)}}};import{getAddress as Zr}from"@ethersproject/address";import{Web3Provider as Yn}from"@ethersproject/providers";import{isMobile as Xn}from"react-device-detect";import{isPossiblePhoneNumber as Jn}from"libphonenumber-js/min";var Vr=t=>!!String(t).toLowerCase().match(/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/),Hr=t=>Jn(String(t),"US"),Vt=t=>{let e=/^#?([a-f\d])([a-f\d])([a-f\d])$/i;t=t.replace(e,function(r,i,n,s){return i+i+n+n+s+s});let o=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return{r:parseInt((o==null?void 0:o[1])||"00",16),g:parseInt((o==null?void 0:o[2])||"00",16),b:parseInt((o==null?void 0:o[3])||"00",16)}},zr=(t,e)=>{let o=t.slice(0),r=[];for(;o.length;)r.push(o.splice(0,e));return r},De=(t,e=3,o=4)=>{if(!t)return"";let r=2,i=3;if(e+o+r+i>=t.length)return t;let n=t.slice(0,r+e),s=t.slice(t.length-o,t.length);return`${n}...${s}`},Mo=t=>new Promise(e=>setTimeout(e,t)),$r=(t,e={})=>{let o=e.delayMs||40,r=e.maxAttempts||1e3;return new Promise(async(i,n)=>{let s=!1,a=0;for(;!s&&a<r;)t().then(()=>{s=!0,i()},(...p)=>{s=!0,n(...p)}),a+=1,await Mo(o);s||n(new Error("Exceeded max attempts before resolving function"))})},jr=(...t)=>{let o=t.length-1;return t.map((i,n)=>(n===0&&(i.startsWith("//")||i.endsWith("://"))?i=i.replace(new RegExp("/$"),""):n!==o&&(i=i.replace(new RegExp("/+$"),"")),n!==0&&(i=i.replace(new RegExp("^/+"),"")),i)).join("/")};var Ht=class extends ge{constructor(e,o){var r;super("metamask",e,o),this.provider.setProvider(window.ethereum),(r=window.ethereum.providers)==null||r.forEach(async i=>{i.isMetaMask&&this.provider.setProvider(i)}),this.subscribeListeners()}async connect(e){return e.showPrompt&&await this.promptConnection(),await this.isConnected()?this.getConnectedWallet():null}async isConnected(){let e=await this.connectedMetamaskAddress();return this.address===e}async connectedMetamaskAddress(){let o=await new Yn(this.provider).listAccounts();return o.length===0?null:Zr(o[0])}disconnect(){console.warn("Metamask does not support programmetic disconnect.")}async promptConnection(){try{let e="";if(!Xn&&(await this.provider.request({method:"wallet_requestPermissions",params:[{eth_accounts:{}}]}),this.address&&await this.isConnected()))throw new B("Selected the wrong wallet in MetaMask");let o=await this.provider.request({method:"eth_requestAccounts"});if(o.length>0&&(e=Zr(o[0])),!e||e==="")throw new B("Unable to retrieve address");this.connected=!0,this.address=e}catch(e){throw Se(e)}}async setActive(){if(await this.connectedMetamaskAddress()===this.address)return this.connected=!0,!0;for(;!this.connected;)await Mo(200);return!0}subscribeListeners(){this.provider.on("accountsChanged",e=>{var o;if(e.length>0){let r=e[0];this.connected=((o=this.address)==null?void 0:o.toLowerCase())===(r==null?void 0:r.toLowerCase())}}),this.provider.on("disconnect",()=>{this.connected=!1})}};import{Web3Provider as Qn}from"@ethersproject/providers";import qr from"@walletconnect/web3-provider";var No=class extends ge{constructor(o,r,i){super("wallet_connect",r,i);this._connectionManager=o,this._provider=this._connectionManager.getProviderForAddress(i)}async connect(o){return this.provider.setProvider(this._provider),o.showPrompt&&await this.promptConnection(),this.getConnectedWallet()}async isConnected(){return this.provider.walletProvider.connected}async promptConnection(){try{let o="";this.provider.setProvider(this._provider);let r=await Promise.race([this._provider.enable(),Ro()]);if(r.length>0&&(o=r[0]),this._connectionManager.indexProvider(this._provider),!o||o==="")throw new B("Unable to retrieve address");this.connected=!0}catch(o){throw Se(o)}}async sign(o){return await this._provider.enable(),new Qn(new fe(this.provider)).getSigner().signMessage(o)}disconnect(){}},zt=class{constructor(){this._storageIdToProvider={},this._addressToStorageId={},q.getKeys().forEach(e=>{if(e.startsWith("walletconnect")){let o=new qr({infuraId:wt,storageId:e,pollingInterval:ko});o.enable(),this._storageIdToProvider[e]=o;for(let r of o.accounts)this._addressToStorageId[r]=e}})}createConnector(e,o){return new No(this,e,o)}async disconnect(){Object.values(this._storageIdToProvider).forEach(async e=>{await e.disconnect()})}getProviderForAddress(e){let o=Br,r=()=>`walletconnect:${Math.random().toString(36).slice(2)}`;e===null?o=r():o=this._addressToStorageId[e]||r();let i=new qr({infuraId:wt,storageId:o,pollingInterval:ko});return this._storageIdToProvider[o]=i,i}indexProvider(e){this._storageIdToProvider[e.storageId]=e;for(let o of e.accounts)this._addressToStorageId[o]=e.storageId}};var Oo=()=>{if(!window.ethereum)return!1;if(window.ethereum.isMetaMask)return!0;if(window.ethereum.providers){for(let t of window.ethereum.providers)if(t.isMetaMask)return!0}return!1},$t=()=>{if(!window.ethereum)return!1;if(window.ethereum.isCoinbaseWallet)return!0;if(window.ethereum.providers){for(let t of window.ethereum.providers)if(t.isCoinbaseWallet)return!0}return!1},Uo=t=>{let e=localStorage.getItem("-walletlink:https://www.walletlink.org:Addresses");return e?!!(t==null?void 0:t.linkedAccounts.filter(r=>r.type=="wallet"&&r.address===es(e)).length):!1},Kr=()=>{var e;let t=q.get(Dt);return t?(e=t.find(o=>o.active))==null?void 0:e.address:null},vt=class{constructor(){this.getEthereumProvider=()=>{var e;return((e=this.activeWalletConnector)==null?void 0:e.provider)||new de};this.walletConnectors=[],this.wcConnectionManager=new zt,this.initialized=!1}initialize(){this.initialized||(this.load(),this.activeWalletConnector&&this.activeWalletConnector.connect({showPrompt:!1}),this.initialized=!0)}initializeLinkedWallets(e){e.linkedAccounts.forEach(()=>null)}load(){(q.get(Dt)||[]).forEach(o=>{let r=this.createWalletConnector(o.walletType,o.address);this.addWalletConnector(r),o.active&&(this.activeWalletConnector=r)})}save(){let e=this.walletConnectors.map(o=>{var r;return{address:o.address,walletType:o.walletType,active:o.address===((r=this.activeWalletConnector)==null?void 0:r.address)}});q.put(Dt,e)}addWalletConnector(e){this.walletConnectors.find(r=>r.address===e.address&&r.walletType===e.walletType)||this.walletConnectors.push(e)}getConnectorByAddress(e){return this.walletConnectors.find(o=>{var r;return((r=o.address)==null?void 0:r.toLowerCase())===e.toLowerCase()})}async removeWallet(e){var r;if(this.walletConnectors=this.walletConnectors.filter(i=>i.address!==e),e===((r=this.activeWalletConnector)==null?void 0:r.address))if(this.walletConnectors.length>0){let i=this.walletConnectors[this.walletConnectors.length-1];await this.setActiveWallet(i.address)}else this.activeWalletConnector=void 0;this.save()}async activeWalletSign(e){if(!this.activeWalletConnector)throw new B("Cannot sign, no wallet is active. Is a wallet connected?");return this.activeWalletConnector.sign(e)}async setActiveWallet(e){let o=this.walletConnectors.find(r=>r.address===e);return o?(await o.setActive(),this.activeWalletConnector=o,this.save(),!0):!1}createWalletConnector(e,o){switch(e){case"metamask":return new Ht(new de,o);case"coinbase_wallet":return new Bt(new de,o);case"wallet_connect":return this.wcConnectionManager.createConnector(new de,o)}}};function Pe(t){return new Date(t*1e3)}function ts(t){let e=[];for(let o of t){let r=o.type;switch(o.type){case"wallet":let i={address:o.address,type:o.type,verifiedAt:Pe(o.verified_at),chainType:o.chain_type,walletClient:o.wallet_client};e.push(i);break;case"email":let n={address:o.address,type:o.type,verifiedAt:Pe(o.verified_at)};e.push(n);break;case"phone":let s={number:o.phoneNumber,type:o.type,verifiedAt:Pe(o.verified_at)};e.push(s);break;case"google_oauth":let a={subject:o.subject,email:o.email,name:o.name,type:o.type,verifiedAt:Pe(o.verified_at)};e.push(a);break;case"twitter_oauth":let p={subject:o.subject,username:o.username,name:o.name,type:o.type,verifiedAt:Pe(o.verified_at)};e.push(p);break;case"discord_oauth":let u={subject:o.subject,username:o.username,email:o.email,type:o.type,verifiedAt:Pe(o.verified_at)};e.push(u);break;case"github_oauth":let b={subject:o.subject,username:o.username,name:o.name,email:o.email,type:o.type,verifiedAt:Pe(o.verified_at)};e.push(b);break;default:console.warn(`Unrecognized account type: ${r}. Please consider upgrading the Privy SDK.`)}}return e}function Fe(t,e){return t.sort((o,r)=>r.verifiedAt.getTime()-o.verifiedAt.getTime()),t.find(o=>o.type===e)}function Ct(t){let e=Kr();if(!e)return t.wallet&&console.warn("[Privy] User has linked wallets but no active wallet"),t;let o=t.linkedAccounts.find(i=>i.type==="wallet"&&i.address===e);if(!o)return t;let r=Object.assign({},t);return r.wallet=o&&{address:o.address,chainType:o.chainType,chainId:o.chainId,walletClient:o.walletClient},r}var ye=t=>t==null?void 0:t.linkedAccounts.find(e=>e.type==="wallet"&&e.walletClient==="privy");function we(t){if(!t)return null;let e=ts(t.linked_accounts),o=Fe(e,"wallet"),r=Fe(e,"email"),i=Fe(e,"phone"),n=Fe(e,"google_oauth"),s=Fe(e,"twitter_oauth"),a=Fe(e,"discord_oauth"),p=Fe(e,"github_oauth"),u={id:t.id,createdAt:Pe(t.created_at),linkedAccounts:e,email:r&&{address:r==null?void 0:r.address},phone:i&&{number:i==null?void 0:i.number},wallet:o&&{address:o.address,chainType:o.chainType,chainId:o.chainId,walletClient:o.walletClient},google:n&&{subject:n.subject,email:n.email,name:n.name},twitter:s&&{subject:s.subject,username:s.username,name:s.name},discord:a&&{subject:a.subject,username:a.username,email:a.email},github:p&&{subject:p.subject,username:p.username,name:p.name,email:p.email}};return Ct(u)}import Do from"axios";var jt=class{constructor(e,o,r){this.appId=e,this.sdkVersion=Po,this.client=o,this.defaults=r}async get(e,o){try{return await Do.get(e,await this.buildConfig({headers:{"Cache-Control":"no-cache"},...o}))}catch(r){throw D(r)}}async post(e,o,r){try{return await Do.post(e,o,await this.buildConfig(r))}catch(i){throw D(i)}}async delete(e,o){try{return await Do.delete(e,await this.buildConfig(o))}catch(r){throw D(r)}}async buildConfig(e){if(e=e||{},e.headers=e.headers||{},e.headers["privy-app-id"]=this.appId,e.headers["privy-client"]=`react-auth:${this.sdkVersion}`,!e.headers.authorization){let o=await this.client.getAccessToken();o!==null&&(e.headers.authorization=`Bearer ${o}`)}return{...this.defaults,...e}}};var ke=class{constructor(e){this.promise=null;this.fn=e}execute(e){return this.promise===null&&(this.promise=(async()=>{try{return await this.fn(e)}finally{this.promise=null}})()),this.promise}};import*as Jr from"jose";var ve=class{static parse(e){try{return new ve(e)}catch{return null}}constructor(e){this.value=e,this._decoded=Jr.decodeJwt(e)}get subject(){return this._decoded.sub}get expiration(){return this._decoded.exp}get issuer(){return this._decoded.iss}get audience(){return this._decoded.aud}isExpired(e=0){let o=Date.now(),r=(this.expiration-e)*1e3;return o>=r}};var os=30,Zt=class{constructor(){this.authenticateOnce=new ke(async e=>this._authenticate(e)),this.linkOnce=new ke(async e=>this._link(e)),this.refreshOnce=new ke(this._refresh.bind(this)),this.destroyOnce=new ke(this._destroy.bind(this)),this.forkSessionOnce=new ke(this._forkSession.bind(this))}get token(){try{let e=q.get(qe);return typeof e=="string"?new ve(e).value:null}catch(e){return console.error(e),this.destroyLocalState(),null}}get refreshToken(){try{let e=q.get(Ut);return typeof e=="string"?e:null}catch(e){return console.error(e),this.destroyLocalState(),null}}hasRefreshCredentials(){return typeof this.token=="string"&&typeof this.refreshToken=="string"}hasActiveToken(){let e=ve.parse(this.token);return e!==null&&!e.isExpired(os)}authenticate(e){return this.authenticateOnce.execute(e)}link(e){return this.linkOnce.execute(e)}refresh(){return this.refreshOnce.execute()}forkSession(){return this.forkSessionOnce.execute()}destroy(){return this.destroyOnce.execute()}async _authenticate(e){try{let{token:o,refresh_token:r,user:i,is_new_user:n}=await e.authenticate();return this.storeToken(o),this.storeRefreshToken(r),{user:we(i),isNewUser:n}}catch(o){throw console.warn("Error authenticating session"),oe(o)}}async _link(e){try{let o=await e.link();return we(o)}catch(o){throw console.warn("Error linking account"),oe(o)}}async _refresh(){if(!this.api)throw new y("Session has no API instance");if(!this.client)throw new y("Session has no PrivyClient instance");await this.client.getAccessToken({disableAutoRefresh:!0});let e=this.token,o=this.refreshToken;if(!e||!o)return null;try{let r=await this.api.post(vr(),{refresh_token:o},{headers:{authorization:`Bearer ${e}`}});return this.storeToken(r.data.token),this.storeRefreshToken(r.data.refresh_token),we(r.data.user)}catch(r){if(r instanceof je&&r.status===400&&r.message==="Invalid auth token")return this.destroyLocalState(),null;throw oe(r)}}async _destroy(){var e;try{await((e=this.api)==null?void 0:e.post(Cr(),{refresh_token:this.refreshToken}))}catch{console.warn("Error destroying session")}this.destroyLocalState()}async _forkSession(){if(!this.api)throw new y("Session has no API instance");let e=this.refreshToken;try{let o=await this.api.post(br(),{refresh_token:e});return this.storeToken(o.data.token),this.storeRefreshToken(o.data.refresh_token),o.data.new_session_refresh_token}catch(o){throw oe(o)}}destroyLocalState(){this.storeToken(null),this.storeRefreshToken(null)}storeToken(e){typeof e=="string"?q.put(qe,e):q.del(qe)}storeRefreshToken(e){typeof e=="string"?q.put(Ut,e):q.del(Ut)}};var Fo,bt=class{constructor(e){let o=e.apiURL||Fr,r=e.timeout||Gr;this.appId=e.appId,this.connectors=new vt,Fo||(Fo=new Zt),this.session=Fo,this.api=new jt(e.appId,this,{baseURL:o,timeout:r}),this.session.api=this.api,this.session.client=this}authenticate(){if(!this.authFlow)throw new y("No auth flow in progress.");return this.session.authenticate(this.authFlow)}link(){if(!this.authFlow)throw new y("No auth flow in progress.");return this.session.link(this.authFlow)}async logout(){await this.session.destroy(),this.authFlow=void 0}startAuthFlow(e){e.api=this.api,this.authFlow=e}async unlinkEmail(e){try{let o=await this.api.post(Nr(),{address:e});return we(o.data)}catch(o){throw oe(o)}}async unlinkPhone(e){try{let o=await this.api.post(Or(),{phoneNumber:e});return we(o.data)}catch(o){throw oe(o)}}async unlinkWallet(e){try{let o=await this.api.post(Mr(),{address:e});return this.connectors.removeWallet(e),we(o.data)}catch(o){throw oe(o)}}async unlinkOAuth(e,o){try{let r=await this.api.post(Ur(),{provider:e,subject:o});return we(r.data)}catch(r){throw oe(r)}}async getAuthenticatedUser(){return this.session.hasRefreshCredentials()?this.session.refresh():null}async getAccessToken(e){var o;return this.session.hasActiveToken()?((o=ve.parse(this.session.token))==null?void 0:o.audience)!==this.appId?(await this.logout(),null):this.session.token:!(e!=null&&e.disableAutoRefresh)&&this.session.hasRefreshCredentials()?(await this.session.refresh(),this.session.token):null}async getAppSettings(){try{let e=await this.api.get(`/api/v1/apps/${this.appId}`);return{id:e.data.id,name:e.data.name,verificationKey:e.data.verification_key,logoUrl:e.data.logo_url||void 0,theme:e.data.theme,accentColor:e.data.accent_color||void 0,showWalletLoginFirst:e.data.show_wallet_login_first,allowlistConfig:{errorTitle:e.data.allowlist_config.error_title,errorDetail:e.data.allowlist_config.error_detail,errorCtaText:e.data.allowlist_config.cta_text,errorCtaLink:e.data.allowlist_config.cta_link},walletAuth:e.data.wallet_auth,emailAuth:e.data.email_auth,smsAuth:e.data.sms_auth,googleOAuth:e.data.google_oauth,twitterOAuth:e.data.twitter_oauth,discordOAuth:e.data.discord_oauth,githubOAuth:e.data.github_oauth,termsAndConditionsUrl:e.data.terms_and_conditions_url,privacyPolicyUrl:e.data.privacy_policy_url,createdAt:new Date(e.data.created_at*1e3),updatedAt:new Date(e.data.updated_at*1e3)}}catch(e){throw oe(e)}}async setActiveWallet(e,o){if(!o.linkedAccounts.map(n=>n.type==="wallet"?n.address:null).includes(e))throw new y("Cannot set an unlinked address as active.");if(!await this.connectors.setActiveWallet(e))throw new y("Error setting the active wallet.");return Ct(o)}async forkSession(){return await this.session.forkSession()}};import"wicg-inert";import{disableBodyScroll as Yl,clearAllBodyScrollLocks as Xl}from"body-scroll-lock";import{useRef as Ql}from"react";import{useEffect as e1}from"react";import t1 from"react-dom";import wr from"styled-components";import{createContext as rs,useContext as is}from"react";var w=()=>{throw new Error("You need to wrap your application with the <PrivyProvider> initialized with your app id.")};var Go=rs({isLinking:!1,linkingHint:null,activeStatus:null,getAuthMeta:w,getAuthFlow:w,closePrivyModal:w,initLoginWithWallet:w,loginWithWallet:w,loginWithCode:w,initLoginWithEmail:w,initLoginWithSms:w,resendEmailCode:w,resendSmsCode:w,initLoginWithOAuth:w,loginWithOAuth:w,refreshUser:w,walletProxy:null}),_=()=>is(Go);import{createContext as ss,useContext as as,useEffect as Bo,useState as Xr}from"react";import{jsx as ns}from"react/jsx-runtime";function Yr(t){return ns("link",{rel:"prefetch",href:t.src})}import{jsx as ls,jsxs as cs}from"react/jsx-runtime";var Ce="LANDING",Qr=ss({ready:!1,app:null,options:{email:!0,sms:!1,wallet:!0,google:!1,twitter:!1,discord:!1,github:!1},currentScreen:Ce,lastScreen:Ce,navigate:w,navigateBack:w,setModalData:w}),ei=t=>{let e=t.appSettings,o=t.authenticated,r=t.visible,[i,n]=Xr(t.initialScreen||Ce),[s,a]=Xr(t.initialScreen||Ce);Bo(()=>{o||n(Ce)},[o]),Bo(()=>{r||(a(Ce),n(Ce))},[r]),Bo(()=>{t.initialScreen&&i===Ce&&(n(t.initialScreen),a(t.initialScreen))},[t.initialScreen]);let p=t.initialScreen&&i===Ce?t.initialScreen:i,u={ready:!!(e!=null&&e.id),app:e,options:t.options,data:t.data,setModalData:t.setModalData,currentScreen:p,lastScreen:s,navigate:b=>{a(i),n(b)},navigateBack:()=>{n(s)}};return cs(Qr.Provider,{value:u,children:[e&&e.logoUrl&&ls(Yr,{src:e.logoUrl}),t.children]})},v=()=>as(Qr);import{createContext as ds,useContext as ps}from"react";var Vo=ds({ready:!1,authenticated:!1,user:null,walletConnectors:null,login:w,linkEmail:w,linkPhone:w,linkWallet:w,linkGoogle:w,linkTwitter:w,linkDiscord:w,linkGithub:w,logout:w,getAccessToken:w,getEthereumProvider:w,getEthersProvider:w,getWeb3jsProvider:w,unlinkEmail:w,unlinkPhone:w,unlinkWallet:w,unlinkGoogle:w,unlinkTwitter:w,unlinkDiscord:w,unlinkGithub:w,setActiveWallet:w,forkSession:w,createWallet:w,signMessage:w}),z=()=>ps(Vo);import Kt from"styled-components";import us from"styled-components";var ti=us.span`
|
|
12
|
+
- https://privy.io`;this.proxyProvider=o,this.walletType=t,this.address=r,this.chain=null,this.connected=!1}async fetchAddress(){if(!this.address){let t=await this.proxyProvider.request({method:"eth_accounts"});Array.isArray(t)&&t.length>0&&(this.address=zi(t[0]))}return this.address}async fetchChainId(){if(!this.chain){let t=await this.proxyProvider.request({method:"eth_chainId"}),o=Number(t);this.chain=String(o)}return this.chain}async getConnectedWallet(){if(!this.walletType||!await this.isConnected())return null;let o=await this.fetchAddress(),r=await this.fetchChainId();return{address:o,chainId:r,chainType:"ethereum",walletClient:"unknown"}}async setActive(){return!0}async sign(t){return await this.connect({showPrompt:!1}),new ji(new Ge(this.proxyProvider)).getSigner().signMessage(t)}prepareMessage(t,o,r){let n=window.location.host,i=window.location.origin,s="By signing, you are proving you own this wallet and logging in. This does not initiate a transaction or cost any fees.",a=new Date().toISOString();return this.createSiweMessage(t,o,n,i,a,r,s)}};var Ki=e=>{let t=`https://mainnet.infura.io/v3/${Ot}`,o=1;return e.makeWeb3Provider(t,o)},Gt,Bt=class extends xe{constructor(t,o){super("coinbase_wallet",t,o),Gt||(Gt=new Zi({appName:"Privy",darkMode:!1,headlessMode:!1}))}async connect(t){return this.proxyProvider.setWalletProvider(Ki(Gt)),t.showPrompt&&await this.promptConnection(),await this.isConnected()?this.getConnectedWallet():null}disconnect(){Gt.disconnect()}async isConnected(){return await this.fetchAddress()!==null}get walletMeta(){return{name:"Coinbase Wallet",icon:le}}async promptConnection(){try{let t="",o=await this.proxyProvider.request({method:"eth_requestAccounts"});if(o.length>0&&(t=qi(o[0])),!t||t==="")throw new F("Unable to retrieve address");this.connected=!0}catch(t){throw be(t)}}};import{getAddress as Yr}from"@ethersproject/address";import{Web3Provider as Xi}from"@ethersproject/providers";import{isMobile as Qi}from"react-device-detect";import{jsx as Q,jsxs as Ji}from"react/jsx-runtime";var ce=({style:e,...t})=>Ji("svg",{width:"28",height:"28",viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{height:"28px",width:"28px",...e},...t,children:[Q("rect",{width:"28",height:"28",rx:"6",fill:"white"}),Q("path",{d:"M23.0126 5L15.1958 10.7823L16.6533 7.37359L23.0126 5Z",fill:"#E17726",stroke:"#E17726",strokeWidth:"0.25",strokeLinecap:"round",strokeLinejoin:"round"}),Q("path",{d:"M4.98753 5L12.7329 10.8299L11.3468 7.37954L4.98753 5ZM20.1987 18.4027L18.1166 21.5794L22.5723 22.8049L23.8454 18.4741L20.1987 18.4027ZM4.16064 18.4741L5.42775 22.8049L9.87153 21.5794L7.80133 18.4027L4.16064 18.4741Z",fill:"#E27625",stroke:"#E27625",strokeWidth:"0.25",strokeLinecap:"round",strokeLinejoin:"round"}),Q("path",{d:"M9.6336 13.0369L8.39624 14.9049L12.7984 15.1071L12.6556 10.3659L9.6336 13.0429V13.0369ZM18.3665 13.0429L15.2969 10.3064L15.1958 15.1071L19.5979 14.9049L18.3665 13.0429ZM9.87155 21.5794L12.5426 20.2945L10.2463 18.5098L9.87155 21.5794ZM15.4635 20.2886L18.1166 21.5794L17.7597 18.5039L15.4635 20.2886Z",fill:"#E27625",stroke:"#E27625",strokeWidth:"0.25",strokeLinecap:"round",strokeLinejoin:"round"}),Q("path",{d:"M18.1167 21.5794L15.4635 20.2944L15.6776 22.0196L15.6539 22.7513L18.1167 21.5794ZM9.87158 21.5794L12.3463 22.7513L12.3285 22.0196L12.5426 20.2944L9.87158 21.5794Z",fill:"#D5BFB2",stroke:"#D5BFB2",strokeWidth:"0.25",strokeLinecap:"round",strokeLinejoin:"round"}),Q("path",{d:"M12.3878 17.3616L10.1868 16.7191L11.7454 16.0052L12.3938 17.3616H12.3878ZM15.6062 17.3616L16.2605 15.9993L17.8251 16.7131L15.6062 17.3675V17.3616Z",fill:"#233447",stroke:"#233447",strokeWidth:"0.25",strokeLinecap:"round",strokeLinejoin:"round"}),Q("path",{d:"M9.87147 21.5794L10.2581 18.4027L7.80127 18.4741L9.87147 21.5794ZM17.7418 18.4027L18.1166 21.5794L20.1987 18.4741L17.7418 18.4027ZM19.6038 14.9048L15.2016 15.107L15.6061 17.3676L16.2605 15.9994L17.8251 16.7132L19.6038 14.9048ZM10.1868 16.7192L11.7454 16.0053L12.3938 17.3617L12.8042 15.1011L8.4021 14.9048L10.1868 16.7192Z",fill:"#CC6228",stroke:"#CC6228",strokeWidth:"0.25",strokeLinecap:"round",strokeLinejoin:"round"}),Q("path",{d:"M8.4021 14.9048L10.2462 18.5038L10.1868 16.7192L8.4021 14.9048ZM17.8251 16.7192L17.7537 18.5038L19.5978 14.9048L17.8251 16.7192ZM12.8042 15.107L12.3878 17.3676L12.9113 20.0327L13.0303 16.5169L12.8042 15.107ZM15.1957 15.107L14.9815 16.511L15.0886 20.0327L15.6061 17.3617L15.1957 15.1011V15.107Z",fill:"#E27525",stroke:"#E27525",strokeWidth:"0.25",strokeLinecap:"round",strokeLinejoin:"round"}),Q("path",{d:"M15.6062 17.3617L15.0887 20.0327L15.4635 20.2945L17.7538 18.5098L17.8252 16.7192L15.6062 17.3617ZM10.1869 16.7192L10.2463 18.5039L12.5426 20.2885L12.9114 20.0327L12.3939 17.3617L10.1809 16.7192H10.1869Z",fill:"#F5841F",stroke:"#F5841F",strokeWidth:"0.25",strokeLinecap:"round",strokeLinejoin:"round"}),Q("path",{d:"M15.6598 22.7513L15.6776 22.0196L15.4754 21.853H12.5248L12.3285 22.0196L12.3463 22.7513L9.87158 21.5793L10.7401 22.2932L12.495 23.5008H15.4992L17.26 22.2873L18.1167 21.5793L15.6539 22.7513H15.6598Z",fill:"#C0AC9D",stroke:"#C0AC9D",strokeWidth:"0.25",strokeLinecap:"round",strokeLinejoin:"round"}),Q("path",{d:"M15.4634 20.2885L15.0886 20.0327H12.9114L12.5425 20.2945L12.3284 22.0196L12.5247 21.8531H15.4753L15.6776 22.0196L15.4634 20.2945V20.2885Z",fill:"#161616",stroke:"#161616",strokeWidth:"0.25",strokeLinecap:"round",strokeLinejoin:"round"}),Q("path",{d:"M23.3456 11.1571L24 7.97442L23.0125 5L15.4575 10.5919L18.3664 13.0369L22.4711 14.2326L23.3754 13.1797L22.9827 12.8941L23.6074 12.323L23.1315 11.9542L23.7561 11.4783L23.3397 11.1571H23.3456ZM4 7.96847L4.66627 11.1571L4.23795 11.4723L4.87448 11.9482L4.39857 12.323L5.01725 12.8941L4.62463 13.1797L5.52885 14.2326L9.63355 13.0428L12.5425 10.586L4.98751 5L4 7.96847Z",fill:"#763E1A",stroke:"#763E1A",strokeWidth:"0.25",strokeLinecap:"round",strokeLinejoin:"round"}),Q("path",{d:"M22.4712 14.2325L18.3665 13.0428L19.6038 14.9048L17.7597 18.5038L20.1987 18.4741H23.8454L22.4712 14.2325ZM9.63358 13.0368L5.52888 14.2325L4.16064 18.4741H7.80728L10.2463 18.5038L8.40217 14.9048L9.63953 13.0368H9.63358ZM15.1957 15.107L15.4634 10.5859L16.6532 7.37354H11.3468L12.5366 10.5859L12.8043 15.107L12.9054 16.5229V20.0327H15.0887L15.1006 16.5229L15.1957 15.107Z",fill:"#F5841F",stroke:"#F5841F",strokeWidth:"0.25",strokeLinecap:"round",strokeLinejoin:"round"})]});import{isPossiblePhoneNumber as Yi}from"libphonenumber-js/min";var $r=e=>!!String(e).toLowerCase().match(/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/),zr=e=>Yi(String(e),"US"),jr=e=>{let t=/^#?([a-f\d])([a-f\d])([a-f\d])$/i;e=e.replace(t,function(r,n,i,s){return n+n+i+i+s+s});let o=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return{r:parseInt((o==null?void 0:o[1])||"00",16),g:parseInt((o==null?void 0:o[2])||"00",16),b:parseInt((o==null?void 0:o[3])||"00",16)}},Zr=({r:e,g:t,b:o})=>{e/=255,t/=255,o/=255;let r=Math.max(e,t,o),n=r-Math.min(e,t,o),i=n?r===e?(t-o)/n:r===t?2+(o-e)/n:4+(e-t)/n:0;return{h:Math.round(60*i<0?60*i+360:60*i),s:Math.round(100*(n?r<=.5?n/(2*r-n):n/(2-(2*r-n)):0)),l:Math.round(100*(2*r-n)/2)}},qr=(e,t)=>{let o=e.slice(0),r=[];for(;o.length;)r.push(o.splice(0,t));return r},Be=(e,t=3,o=4)=>{if(!e)return"";let r=2,n=3;if(t+o+r+n>=e.length)return e;let i=e.slice(0,r+t),s=e.slice(e.length-o,e.length);return`${i}...${s}`},Ro=e=>new Promise(t=>setTimeout(t,e)),Kr=(e,t={})=>{let o=t.delayMs||40,r=t.maxAttempts||1e3;return new Promise(async(n,i)=>{let s=!1,a=0;for(;!s&&a<r;)e().then(()=>{s=!0,n()},(...d)=>{s=!0,i(...d)}),a+=1,await Ro(o);s||i(new Error("Exceeded max attempts before resolving function"))})},Jr=(...e)=>{let o=e.length-1;return e.map((n,i)=>(i===0&&(n.startsWith("//")||n.endsWith("://"))?n=n.replace(new RegExp("/$"),""):i!==o&&(n=n.replace(new RegExp("/+$"),"")),i!==0&&(n=n.replace(new RegExp("^/+"),"")),n)).join("/")};var Ht=class extends xe{constructor(t,o){var r;super("metamask",t,o),this.proxyProvider.setWalletProvider(window.ethereum),(r=window.ethereum.providers)==null||r.forEach(async n=>{n.isMetaMask&&this.proxyProvider.setWalletProvider(n)}),this.subscribeListeners()}async connect(t){return t.showPrompt&&await this.promptConnection(),await this.isConnected()?this.getConnectedWallet():null}async isConnected(){let t=await this.connectedMetamaskAddress();return this.address===t}async connectedMetamaskAddress(){let o=await new Xi(this.proxyProvider).listAccounts();return o.length===0?null:Yr(o[0])}get walletMeta(){return{name:"MetaMask",icon:ce}}disconnect(){console.warn("Metamask does not support programmetic disconnect.")}async promptConnection(){try{let t="";if(!Qi&&(await this.proxyProvider.request({method:"wallet_requestPermissions",params:[{eth_accounts:{}}]}),this.address&&await this.isConnected()))throw new F("Selected the wrong wallet in MetaMask");let o=await this.proxyProvider.request({method:"eth_requestAccounts"});if(o.length>0&&(t=Yr(o[0])),!t||t==="")throw new F("Unable to retrieve address");this.connected=!0,this.address=t}catch(t){throw be(t)}}async setActive(){if(await this.connectedMetamaskAddress()===this.address)return this.connected=!0,!0;for(;!this.connected;)await Ro(200);return!0}subscribeListeners(){this.proxyProvider.on("accountsChanged",t=>{var o;if(t.length>0){let r=t[0];this.connected=((o=this.address)==null?void 0:o.toLowerCase())===(r==null?void 0:r.toLowerCase())}}),this.proxyProvider.on("disconnect",()=>{this.connected=!1})}};import ts from"@walletconnect/web3-provider";import{jsx as et,jsxs as es}from"react/jsx-runtime";var We=({style:e,...t})=>es("svg",{width:"28",height:"28",viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{height:"28px",width:"28px",...e},...t,children:[et("rect",{width:"28",height:"28",rx:"6",fill:"#141414"}),et("g",{clipPath:"url(#clip0_1765_9946)",children:et("path",{d:"M8.09448 10.3941C11.3558 7.20196 16.6442 7.20196 19.9055 10.3941L20.2982 10.7782C20.3369 10.8157 20.3677 10.8606 20.3887 10.9102C20.4097 10.9599 20.4206 11.0132 20.4206 11.0671C20.4206 11.121 20.4097 11.1744 20.3887 11.224C20.3677 11.2737 20.3369 11.3186 20.2982 11.3561L18.9554 12.6702C18.9158 12.7086 18.8628 12.7301 18.8077 12.7301C18.7526 12.7301 18.6996 12.7086 18.66 12.6702L18.1198 12.1415C15.8448 9.91503 12.1557 9.91503 9.88015 12.1415L9.30167 12.7075C9.26207 12.7459 9.20909 12.7673 9.15395 12.7673C9.0988 12.7673 9.04582 12.7459 9.00622 12.7075L7.66346 11.3934C7.62475 11.3559 7.59397 11.3109 7.57295 11.2613C7.55193 11.2117 7.5411 11.1583 7.5411 11.1044C7.5411 11.0505 7.55193 10.9971 7.57295 10.9475C7.59397 10.8979 7.62475 10.8529 7.66346 10.8154L8.09448 10.3941ZM22.6829 13.1115L23.8776 14.2814C23.9163 14.319 23.9471 14.3639 23.9681 14.4135C23.9892 14.4632 24 14.5165 24 14.5704C24 14.6243 23.9892 14.6777 23.9681 14.7273C23.9471 14.777 23.9163 14.8219 23.8776 14.8594L18.4893 20.1332C18.4102 20.2101 18.3042 20.2531 18.1938 20.2531C18.0835 20.2531 17.9775 20.2101 17.8984 20.1332L14.0743 16.3901C14.0545 16.3708 14.0279 16.36 14.0003 16.36C13.9726 16.36 13.9461 16.3708 13.9263 16.3901L10.1021 20.1332C10.023 20.2101 9.91703 20.2531 9.8067 20.2531C9.69636 20.2531 9.59038 20.2101 9.51124 20.1332L4.12236 14.8594C4.08365 14.8219 4.05287 14.777 4.03185 14.7273C4.01083 14.6777 4 14.6243 4 14.5704C4 14.5165 4.01083 14.4632 4.03185 14.4135C4.05287 14.3639 4.08365 14.319 4.12236 14.2814L5.31767 13.1115C5.39678 13.0348 5.50265 12.9919 5.61285 12.9919C5.72305 12.9919 5.82892 13.0348 5.90803 13.1115L9.73216 16.8546C9.75194 16.874 9.7785 16.8848 9.80616 16.8848C9.83381 16.8848 9.86037 16.874 9.88015 16.8546L13.7043 13.1115C13.7834 13.0346 13.8894 12.9916 13.9997 12.9916C14.1101 12.9916 14.216 13.0346 14.2952 13.1115L18.1198 16.8546C18.1396 16.874 18.1662 16.8848 18.1938 16.8848C18.2215 16.8848 18.2481 16.874 18.2678 16.8546L22.092 13.1115C22.1711 13.0346 22.2771 12.9916 22.3874 12.9916C22.4977 12.9916 22.6037 13.0346 22.6829 13.1115Z",fill:"white"})}),et("defs",{children:et("clipPath",{id:"clip0_1765_9946",children:et("rect",{width:"20",height:"12.2531",fill:"white",transform:"translate(4 8)"})})})]});var Mo=class extends xe{constructor(o,r,n){super("wallet_connect",r,n);this._connectionManager=o,this.proxyProvider.setWalletProvider(this._connectionManager.getOrCreateProviderForAddress(n))}async connect(o){return o.showPrompt&&await this.promptConnection(),this.getConnectedWallet()}async isConnected(){return this.walletProvider.connected}get walletMeta(){var r,n,i;let o=((r=this.walletProvider.walletMeta)==null?void 0:r.name)||"WalletConnect";return o==="\u{1F308} Rainbow"&&(o="Rainbow"),{name:o,icon:((i=(n=this.walletProvider.walletMeta)==null?void 0:n.icons)==null?void 0:i[0])||We}}async promptConnection(){return new Promise(async(o,r)=>{try{this.walletProvider.connector.on("disconnect",(s,a)=>{if(s){r(be(s));return}a.params.some(d=>d.message==="Session Rejected")&&(this.proxyProvider.setWalletProvider(this._connectionManager.replaceProvider(this.walletProvider)),r(new Xe))});let n="",i=await Promise.race([this._connectionManager.enableProvider(this.walletProvider),Wo()]);if(i.length>0&&(n=i[0]),!n||n==="")throw new F("Unable to retrieve address");this.connected=!0,o()}catch(n){r(be(n))}})}async sign(o){let r=await this._connectionManager.enableProvider(this.walletProvider);return(await this.walletProvider.getWalletConnector()).signPersonalMessage([o,r==null?void 0:r[0]])}disconnect(){}get walletProvider(){return this.proxyProvider.walletProvider}},Vt=class{constructor(){this._storageIdToProvider={},this._addressToStorageId={},K.getKeys().forEach(t=>{if(t.startsWith("walletconnect")){let o=this.createProvider(t);this.enableProvider(o)}})}createConnector(t,o){return new Mo(this,t,o)}async disconnect(){Object.values(this._storageIdToProvider).forEach(async t=>{await t.disconnect()})}getOrCreateProviderForAddress(t){let o=t?this._addressToStorageId[t]:void 0;o||(o=`${Br}:${Math.random().toString(36).slice(2)}`);let r=this._storageIdToProvider[o];return r||this.createProvider(o)}createProvider(t){let o=new ts({infuraId:Ot,storageId:t,pollingInterval:Hr});return this._storageIdToProvider[t]=o,o}replaceProvider(t){t.connected&&t.walletProvider.disconnect();let o=Object.entries(this._storageIdToProvider).find(([r,n])=>n.wc.session.key===t.wc.session.key);return o&&delete this._storageIdToProvider[o[0]],this.getOrCreateProviderForAddress(null)}async enableProvider(t){let o=await t.enable();this._storageIdToProvider[t.storageId]=t;for(let r of o)this._addressToStorageId[r]=t.storageId;return o}};var Io=()=>{if(!window.ethereum)return!1;if(window.ethereum.isMetaMask)return!0;if(window.ethereum.providers){for(let e of window.ethereum.providers)if(e.isMetaMask)return!0}return!1},$t=()=>{if(!window.ethereum)return!1;if(window.ethereum.isCoinbaseWallet)return!0;if(window.ethereum.providers){for(let e of window.ethereum.providers)if(e.isCoinbaseWallet)return!0}return!1},No=e=>{let t=localStorage.getItem("-walletlink:https://www.walletlink.org:Addresses");return t?!!(e==null?void 0:e.linkedAccounts.filter(r=>r.type=="wallet"&&r.address===os(t)).length):!1},Xr=()=>{var t;let e=K.get(Dt);return e?(t=e.find(o=>o.active))==null?void 0:t.address:null},bt=class{constructor(){this.getEthereumProvider=()=>{var t;return((t=this.activeWalletConnector)==null?void 0:t.proxyProvider)||new ye};this.walletConnectors=[],this.wcConnectionManager=new Vt,this.initialized=!1}initialize(){this.initialized||(this.load(),this.activeWalletConnector&&this.activeWalletConnector.connect({showPrompt:!1}),this.initialized=!0)}initializeLinkedWallets(t){t.linkedAccounts.forEach(()=>null)}load(){(K.get(Dt)||[]).forEach(o=>{let r=this.createWalletConnector(o.walletType,o.address);this.addWalletConnector(r),o.active&&(this.activeWalletConnector=r)})}save(){let t=this.walletConnectors.map(o=>{var r;return{address:o.address,walletType:o.walletType,active:o.address===((r=this.activeWalletConnector)==null?void 0:r.address)}});K.put(Dt,t)}addWalletConnector(t){this.walletConnectors.find(r=>r.address===t.address&&r.walletType===t.walletType)||this.walletConnectors.push(t)}getConnectorByAddress(t){return this.walletConnectors.find(o=>{var r;return((r=o.address)==null?void 0:r.toLowerCase())===t.toLowerCase()})}async removeWallet(t){var r;if(this.walletConnectors=this.walletConnectors.filter(n=>n.address!==t),t===((r=this.activeWalletConnector)==null?void 0:r.address))if(this.walletConnectors.length>0){let n=this.walletConnectors[this.walletConnectors.length-1];await this.setActiveWallet(n.address)}else this.activeWalletConnector=void 0;this.save()}async activeWalletSign(t){if(!this.activeWalletConnector)throw new F("Cannot sign, no wallet is active. Is a wallet connected?");return this.activeWalletConnector.sign(t)}async setActiveWallet(t){let o=this.walletConnectors.find(r=>r.address===t);return o?(await o.setActive(),this.activeWalletConnector=o,this.save(),!0):!1}createWalletConnector(t,o){switch(t){case"metamask":return new Ht(new ye,o);case"coinbase_wallet":return new Bt(new ye,o);case"wallet_connect":return this.wcConnectionManager.createConnector(new ye,o)}}};function Re(e){return new Date(e*1e3)}function rs(e){let t=[];for(let o of e){let r=o.type;switch(o.type){case"wallet":let n={address:o.address,type:o.type,verifiedAt:Re(o.verified_at),chainType:o.chain_type,walletClient:o.wallet_client};t.push(n);break;case"email":let i={address:o.address,type:o.type,verifiedAt:Re(o.verified_at)};t.push(i);break;case"phone":let s={number:o.phoneNumber,type:o.type,verifiedAt:Re(o.verified_at)};t.push(s);break;case"google_oauth":let a={subject:o.subject,email:o.email,name:o.name,type:o.type,verifiedAt:Re(o.verified_at)};t.push(a);break;case"twitter_oauth":let d={subject:o.subject,username:o.username,name:o.name,type:o.type,verifiedAt:Re(o.verified_at)};t.push(d);break;case"discord_oauth":let u={subject:o.subject,username:o.username,email:o.email,type:o.type,verifiedAt:Re(o.verified_at)};t.push(u);break;case"github_oauth":let x={subject:o.subject,username:o.username,name:o.name,email:o.email,type:o.type,verifiedAt:Re(o.verified_at)};t.push(x);break;default:console.warn(`Unrecognized account type: ${r}. Please consider upgrading the Privy SDK.`)}}return t}function He(e,t){return e.sort((o,r)=>r.verifiedAt.getTime()-o.verifiedAt.getTime()),e.find(o=>o.type===t)}function xt(e){let t=Xr();if(!t)return e.wallet&&console.warn("[Privy] User has linked wallets but no active wallet"),e;let o=e.linkedAccounts.find(n=>n.type==="wallet"&&n.address===t);if(!o)return e;let r=Object.assign({},e);return r.wallet=o&&{address:o.address,chainType:o.chainType,chainId:o.chainId,walletClient:o.walletClient},r}var Ee=e=>e==null?void 0:e.linkedAccounts.find(t=>t.type==="wallet"&&t.walletClient==="privy");function Le(e){if(!e)return null;let t=rs(e.linked_accounts),o=He(t,"wallet"),r=He(t,"email"),n=He(t,"phone"),i=He(t,"google_oauth"),s=He(t,"twitter_oauth"),a=He(t,"discord_oauth"),d=He(t,"github_oauth"),u={id:e.id,createdAt:Re(e.created_at),linkedAccounts:t,email:r&&{address:r==null?void 0:r.address},phone:n&&{number:n==null?void 0:n.number},wallet:o&&{address:o.address,chainType:o.chainType,chainId:o.chainId,walletClient:o.walletClient},google:i&&{subject:i.subject,email:i.email,name:i.name},twitter:s&&{subject:s.subject,username:s.username,name:s.name},discord:a&&{subject:a.subject,username:a.username,email:a.email},github:d&&{subject:d.subject,username:d.username,name:d.name,email:d.email}};return xt(u)}import Oo from"axios";var zt=class{constructor(t,o,r){this.appId=t,this.sdkVersion=_o,this.client=o,this.defaults=r}async get(t,o){try{return await Oo.get(t,await this.buildConfig({headers:{"Cache-Control":"no-cache"},...o}))}catch(r){throw B(r)}}async post(t,o,r){try{return await Oo.post(t,o,await this.buildConfig(r))}catch(n){throw B(n)}}async delete(t,o){try{return await Oo.delete(t,await this.buildConfig(o))}catch(r){throw B(r)}}async buildConfig(t){if(t=t||{},t.headers=t.headers||{},t.headers["privy-app-id"]=this.appId,t.headers["privy-client"]=`react-auth:${this.sdkVersion}`,!t.headers.authorization){let o=await this.client.getAccessToken();o!==null&&(t.headers.authorization=`Bearer ${o}`)}return{...this.defaults,...t}}};var Me=class{constructor(t){this.promise=null;this.fn=t}execute(t){return this.promise===null&&(this.promise=(async()=>{try{return await this.fn(t)}finally{this.promise=null}})()),this.promise}};import*as Qr from"jose";var Ae=class{static parse(t){try{return new Ae(t)}catch{return null}}constructor(t){this.value=t,this._decoded=Qr.decodeJwt(t)}get subject(){return this._decoded.sub}get expiration(){return this._decoded.exp}get issuer(){return this._decoded.iss}get audience(){return this._decoded.aud}isExpired(t=0){let o=Date.now(),r=(this.expiration-t)*1e3;return o>=r}};var ns=30,jt=class{constructor(){this.authenticateOnce=new Me(async t=>this._authenticate(t)),this.linkOnce=new Me(async t=>this._link(t)),this.refreshOnce=new Me(this._refresh.bind(this)),this.destroyOnce=new Me(this._destroy.bind(this)),this.forkSessionOnce=new Me(this._forkSession.bind(this))}get token(){try{let t=K.get(Je);return typeof t=="string"?new Ae(t).value:null}catch(t){return console.error(t),this.destroyLocalState(),null}}get refreshToken(){try{let t=K.get(Ut);return typeof t=="string"?t:null}catch(t){return console.error(t),this.destroyLocalState(),null}}hasRefreshCredentials(){return typeof this.token=="string"&&typeof this.refreshToken=="string"}hasActiveToken(){let t=Ae.parse(this.token);return t!==null&&!t.isExpired(ns)}authenticate(t){return this.authenticateOnce.execute(t)}link(t){return this.linkOnce.execute(t)}refresh(){return this.refreshOnce.execute()}forkSession(){return this.forkSessionOnce.execute()}destroy(){return this.destroyOnce.execute()}async _authenticate(t){try{let{token:o,refresh_token:r,user:n,is_new_user:i}=await t.authenticate();return this.storeToken(o),this.storeRefreshToken(r),{user:Le(n),isNewUser:i}}catch(o){throw console.warn("Error authenticating session"),se(o)}}async _link(t){try{let o=await t.link();return Le(o)}catch(o){throw console.warn("Error linking account"),se(o)}}async _refresh(){if(!this.api)throw new y("Session has no API instance");if(!this.client)throw new y("Session has no PrivyClient instance");await this.client.getAccessToken({disableAutoRefresh:!0});let t=this.token,o=this.refreshToken;if(!t||!o)return null;try{let r=await this.api.post(vr(),{refresh_token:o},{headers:{authorization:`Bearer ${t}`}});return this.storeToken(r.data.token),this.storeRefreshToken(r.data.refresh_token),Le(r.data.user)}catch(r){if(r instanceof qe&&r.status===400&&r.message==="Invalid auth token")return this.destroyLocalState(),null;throw se(r)}}async _destroy(){var t;try{await((t=this.api)==null?void 0:t.post(Cr(),{refresh_token:this.refreshToken}))}catch{console.warn("Error destroying session")}this.destroyLocalState()}async _forkSession(){if(!this.api)throw new y("Session has no API instance");let t=this.refreshToken;try{let o=await this.api.post(br(),{refresh_token:t});return this.storeToken(o.data.token),this.storeRefreshToken(o.data.refresh_token),o.data.new_session_refresh_token}catch(o){throw se(o)}}destroyLocalState(){this.storeToken(null),this.storeRefreshToken(null)}storeToken(t){typeof t=="string"?K.put(Je,t):K.del(Je)}storeRefreshToken(t){typeof t=="string"?K.put(Ut,t):K.del(Ut)}};var Uo,Et=class{constructor(t){let o=t.apiURL||Fr,r=t.timeout||Gr;this.appId=t.appId,this.connectors=new bt,Uo||(Uo=new jt),this.session=Uo,this.api=new zt(t.appId,this,{baseURL:o,timeout:r}),this.session.api=this.api,this.session.client=this}authenticate(){if(!this.authFlow)throw new y("No auth flow in progress.");return this.session.authenticate(this.authFlow)}link(){if(!this.authFlow)throw new y("No auth flow in progress.");return this.session.link(this.authFlow)}async logout(){await this.session.destroy(),this.authFlow=void 0}startAuthFlow(t){t.api=this.api,this.authFlow=t}async unlinkEmail(t){try{let o=await this.api.post(Nr(),{address:t});return Le(o.data)}catch(o){throw se(o)}}async unlinkPhone(t){try{let o=await this.api.post(Or(),{phoneNumber:t});return Le(o.data)}catch(o){throw se(o)}}async unlinkWallet(t){try{let o=await this.api.post(Ir(),{address:t});return this.connectors.removeWallet(t),Le(o.data)}catch(o){throw se(o)}}async unlinkOAuth(t,o){try{let r=await this.api.post(Ur(),{provider:t,subject:o});return Le(r.data)}catch(r){throw se(r)}}async getAuthenticatedUser(){return this.session.hasRefreshCredentials()?this.session.refresh():null}async getAccessToken(t){var o;return this.session.hasActiveToken()?((o=Ae.parse(this.session.token))==null?void 0:o.audience)!==this.appId?(await this.logout(),null):this.session.token:!(t!=null&&t.disableAutoRefresh)&&this.session.hasRefreshCredentials()?(await this.session.refresh(),this.session.token):null}async getAppSettings(){try{let t=await this.api.get(`/api/v1/apps/${this.appId}`);return{id:t.data.id,name:t.data.name,verificationKey:t.data.verification_key,logoUrl:t.data.logo_url||void 0,theme:t.data.theme,accentColor:t.data.accent_color||void 0,showWalletLoginFirst:t.data.show_wallet_login_first,allowlistConfig:{errorTitle:t.data.allowlist_config.error_title,errorDetail:t.data.allowlist_config.error_detail,errorCtaText:t.data.allowlist_config.cta_text,errorCtaLink:t.data.allowlist_config.cta_link},walletAuth:t.data.wallet_auth,emailAuth:t.data.email_auth,smsAuth:t.data.sms_auth,googleOAuth:t.data.google_oauth,twitterOAuth:t.data.twitter_oauth,discordOAuth:t.data.discord_oauth,githubOAuth:t.data.github_oauth,termsAndConditionsUrl:t.data.terms_and_conditions_url,privacyPolicyUrl:t.data.privacy_policy_url,createdAt:new Date(t.data.created_at*1e3),updatedAt:new Date(t.data.updated_at*1e3)}}catch(t){throw se(t)}}async setActiveWallet(t,o){if(!o.linkedAccounts.map(i=>i.type==="wallet"?i.address:null).includes(t))throw new y("Cannot set an unlinked address as active.");if(!await this.connectors.setActiveWallet(t))throw new y("Error setting the active wallet.");return xt(o)}async forkSession(){return await this.session.forkSession()}};import"wicg-inert";import{disableBodyScroll as Xl,clearAllBodyScrollLocks as Ql}from"body-scroll-lock";import{useRef as ec}from"react";import{useEffect as tc}from"react";import oc from"react-dom";import wr from"styled-components";import{createContext as is,useContext as ss}from"react";var w=()=>{throw new Error("You need to wrap your application with the <PrivyProvider> initialized with your app id.")};var Do=is({isLinking:!1,linkingHint:null,activeStatus:null,getAuthMeta:w,getAuthFlow:w,closePrivyModal:w,initLoginWithWallet:w,loginWithWallet:w,loginWithCode:w,initLoginWithEmail:w,initLoginWithSms:w,resendEmailCode:w,resendSmsCode:w,initLoginWithOAuth:w,loginWithOAuth:w,refreshUser:w,walletProxy:null}),_=()=>ss(Do);import{createContext as ls,useContext as cs,useEffect as Fo,useState as tn}from"react";import{jsx as as}from"react/jsx-runtime";function en(e){return as("link",{rel:"prefetch",href:e.src})}import{jsx as ds,jsxs as ps}from"react/jsx-runtime";var Pe="LANDING",on=ls({ready:!1,app:null,options:{email:!0,sms:!1,wallet:!0,google:!1,twitter:!1,discord:!1,github:!1},currentScreen:Pe,lastScreen:Pe,navigate:w,navigateBack:w,setModalData:w}),rn=e=>{let t=e.appSettings,o=e.authenticated,r=e.visible,[n,i]=tn(e.initialScreen||Pe),[s,a]=tn(e.initialScreen||Pe);Fo(()=>{o||i(Pe)},[o]),Fo(()=>{r||(a(Pe),i(Pe))},[r]),Fo(()=>{e.initialScreen&&n===Pe&&(i(e.initialScreen),a(e.initialScreen))},[e.initialScreen]);let d=e.initialScreen&&n===Pe?e.initialScreen:n,u={ready:!!(t!=null&&t.id),app:t,options:e.options,data:e.data,setModalData:e.setModalData,currentScreen:d,lastScreen:s,navigate:x=>{a(n),i(x)},navigateBack:()=>{i(s)}};return ps(on.Provider,{value:u,children:[t&&t.logoUrl&&ds(en,{src:t.logoUrl}),e.children]})},v=()=>cs(on);import{createContext as us,useContext as hs}from"react";var Go=us({ready:!1,authenticated:!1,user:null,walletConnectors:null,login:w,linkEmail:w,linkPhone:w,linkWallet:w,linkGoogle:w,linkTwitter:w,linkDiscord:w,linkGithub:w,logout:w,getAccessToken:w,getEthereumProvider:w,getEthersProvider:w,getWeb3jsProvider:w,unlinkEmail:w,unlinkPhone:w,unlinkWallet:w,unlinkGoogle:w,unlinkTwitter:w,unlinkDiscord:w,unlinkGithub:w,setActiveWallet:w,forkSession:w,createWallet:w,signMessage:w}),z=()=>hs(Go);import zo from"styled-components";import Zt,{css as ws}from"styled-components";import Ho from"styled-components";import{Fragment as gs,jsx as Bo,jsxs as ys}from"react/jsx-runtime";var tt=({success:e,fail:t})=>ys(gs,{children:[Bo(Lt,{className:e?"success":t?"fail":""}),Bo(ms,{className:e?"success":t?"fail":""})]}),Lt=Ho.span`
|
|
13
13
|
&& {
|
|
14
14
|
width: 82px;
|
|
15
15
|
height: 82px;
|
|
16
16
|
border-width: 4px;
|
|
17
17
|
border-style: solid;
|
|
18
|
-
border-color: ${
|
|
18
|
+
border-color: ${e=>e.color??"var(--primary-color)"};
|
|
19
|
+
border-bottom-color: transparent;
|
|
20
|
+
border-radius: 50%;
|
|
21
|
+
display: inline-block;
|
|
22
|
+
box-sizing: border-box;
|
|
23
|
+
animation: rotation 1.2s linear infinite;
|
|
24
|
+
transition: border-color 800ms;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
@keyframes rotation {
|
|
28
|
+
0% {
|
|
29
|
+
transform: rotate(0deg);
|
|
30
|
+
}
|
|
31
|
+
100% {
|
|
32
|
+
transform: rotate(360deg);
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
&&&.success {
|
|
37
|
+
border-color: var(--success-light);
|
|
38
|
+
border-bottom-color: var(--success-light);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
&&&.fail {
|
|
42
|
+
border-color: var(--fail-light);
|
|
43
|
+
border-bottom-color: var(--fail-light);
|
|
44
|
+
}
|
|
45
|
+
`,ms=Ho(Lt)`
|
|
46
|
+
&& {
|
|
47
|
+
border-bottom-color: ${e=>e.color??"var(--primary-color)"};
|
|
48
|
+
animation: none;
|
|
49
|
+
opacity: 0.5;
|
|
50
|
+
}
|
|
51
|
+
`,ot=e=>Bo(fs,{color:e.color||"var(--disabled-fg)"}),fs=Ho(Lt)`
|
|
52
|
+
&& {
|
|
53
|
+
height: 0.9rem;
|
|
54
|
+
width: 0.9rem;
|
|
55
|
+
border-width: 1.5px;
|
|
56
|
+
|
|
57
|
+
/* Override default Loader to match button transitions */
|
|
58
|
+
transition: border-color 200ms ease;
|
|
59
|
+
}
|
|
60
|
+
`;import{jsx as Vo,jsxs as Cs}from"react/jsx-runtime";var nn=Zt.button`
|
|
61
|
+
display: flex;
|
|
62
|
+
flex-direction: row;
|
|
63
|
+
align-items: center;
|
|
64
|
+
justify-content: center;
|
|
65
|
+
& {
|
|
66
|
+
height: 44px;
|
|
67
|
+
width: 100%;
|
|
68
|
+
/* Off by one because of internal border in designs and otherwise looks off */
|
|
69
|
+
padding: 7px 11px;
|
|
70
|
+
cursor: pointer;
|
|
71
|
+
font-size: 14px;
|
|
72
|
+
font-weight: 600;
|
|
73
|
+
border-radius: var(--border-radius-md);
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
&&:disabled {
|
|
77
|
+
background-color: var(--disabled-bg);
|
|
78
|
+
color: var(--disabled-fg);
|
|
79
|
+
cursor: not-allowed;
|
|
80
|
+
}
|
|
81
|
+
`,de=({children:e,loading:t,disabled:o,loadingText:r="Loading...",...n})=>Vo(vs,{disabled:t||o,...n,children:t?Cs("span",{children:[Vo(ot,{}),r?Vo("span",{children:r}):null]}):e}),vs=Zt(nn)`
|
|
82
|
+
&& {
|
|
83
|
+
background-color: ${e=>e.warn?"var(--fail-dark)":"var(--primary-color)"};
|
|
84
|
+
color: var(--light-theme-bg-1);
|
|
85
|
+
|
|
86
|
+
transition: background-color 200ms ease;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
&:hover {
|
|
90
|
+
background-color: ${e=>e.warn?"var(--fail-darker)":"var(--primary-color-600)"};
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
&:active {
|
|
94
|
+
background-color: ${e=>e.warn?"var(--fail-darker)":"var(--primary-color-700)"};
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
&:hover:disabled,
|
|
98
|
+
&:active:disabled {
|
|
99
|
+
background-color: var(--disabled-bg);
|
|
100
|
+
color: var(--disabled-fg);
|
|
101
|
+
cursor: not-allowed;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
> span {
|
|
105
|
+
display: flex;
|
|
106
|
+
align-items: center;
|
|
107
|
+
gap: 8px;
|
|
108
|
+
|
|
109
|
+
opacity: 1;
|
|
110
|
+
animation: fadein 200ms ease;
|
|
111
|
+
}
|
|
112
|
+
`,Rd=Zt(nn)`
|
|
113
|
+
&& {
|
|
114
|
+
border: 1px solid var(--light-theme-bg-3);
|
|
115
|
+
color: var(--light-theme-fg-1);
|
|
116
|
+
}
|
|
117
|
+
`,te=Zt.button`
|
|
118
|
+
&& {
|
|
119
|
+
padding: 12px 16px;
|
|
120
|
+
font-weight: 500;
|
|
121
|
+
text-align: center;
|
|
122
|
+
color: var(--primary-color);
|
|
123
|
+
background-color: var(--primary-color-100);
|
|
124
|
+
border-radius: var(--border-radius-sm);
|
|
125
|
+
min-width: 144px;
|
|
126
|
+
opacity: ${e=>e.invisible?"0":"1"};
|
|
127
|
+
transition: opacity 200ms ease, background-color 200ms ease;
|
|
128
|
+
|
|
129
|
+
${e=>e.invisible&&ws`
|
|
130
|
+
pointer-events: none;
|
|
131
|
+
`}
|
|
132
|
+
|
|
133
|
+
&:hover {
|
|
134
|
+
background-color: var(--primary-color-200);
|
|
135
|
+
}
|
|
136
|
+
&:active {
|
|
137
|
+
background-color: var(--primary-color-300);
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
`;import bs from"styled-components";var sn=bs.span`
|
|
141
|
+
&& {
|
|
142
|
+
width: 82px;
|
|
143
|
+
height: 82px;
|
|
144
|
+
border-width: 4px;
|
|
145
|
+
border-style: solid;
|
|
146
|
+
border-color: ${e=>e.color??"var(--primary-color)"};
|
|
19
147
|
border-bottom-color: transparent;
|
|
20
148
|
border-radius: 50%;
|
|
21
149
|
display: inline-block;
|
|
@@ -25,7 +153,7 @@ Resources:
|
|
|
25
153
|
border-color: var(--primary-color);
|
|
26
154
|
border-bottom-color: var(--primary-color);
|
|
27
155
|
}
|
|
28
|
-
`;import
|
|
156
|
+
`;import xs from"styled-components";import{jsx as an}from"react/jsx-runtime";var ln=({style:e,...t})=>an("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",style:{height:"1.5rem",width:"1.5rem",...e},...t,children:an("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18"})});import{jsx as cn}from"react/jsx-runtime";var dn=({style:e,...t})=>cn("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",style:{height:"1.5rem",width:"1.5rem",...e},...t,children:cn("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})});import{jsx as _e,jsxs as _s}from"react/jsx-runtime";var Es=()=>_e("div",{}),Ls=({backFn:e})=>_e("div",{children:_e(ln,{onClick:e})}),As=e=>_e("div",{children:_e("div",{children:_e(dn,{onClick:e.onClose})})});var A=({backFn:e,onClose:t})=>{let{closePrivyModal:o}=_();return _s(Ps,{children:[e?_e(Ls,{backFn:e}):_e(Es,{}),_e(As,{onClose:t||(()=>o())})]})},Ps=xs.div`
|
|
29
157
|
height: 30px;
|
|
30
158
|
display: flex;
|
|
31
159
|
align-items: center;
|
|
@@ -82,7 +210,7 @@ Resources:
|
|
|
82
210
|
@media (max-width: 440px) {
|
|
83
211
|
height: 30px;
|
|
84
212
|
}
|
|
85
|
-
`;import{jsx as
|
|
213
|
+
`;import{jsx as pn}from"react/jsx-runtime";var un=({style:e,...t})=>pn("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",style:{height:"1.5rem",width:"1.5rem",...e},...t,children:pn("path",{fillRule:"evenodd",d:"M12 1.5a5.25 5.25 0 00-5.25 5.25v3a3 3 0 00-3 3v6.75a3 3 0 003 3h10.5a3 3 0 003-3v-6.75a3 3 0 00-3-3v-3c0-2.9-2.35-5.25-5.25-5.25zm3.75 8.25v-3a3.75 3.75 0 10-7.5 0v3h7.5z",clipRule:"evenodd"})});import{Fragment as $o,jsx as we,jsxs as qt}from"react/jsx-runtime";var hn=()=>{let{navigate:e,app:t}=v(),o=(t==null?void 0:t.allowlistConfig.errorTitle)||"You don't have access to this app",r=(t==null?void 0:t.allowlistConfig.errorDetail)||"Have you been invited?",n=(t==null?void 0:t.allowlistConfig.errorCtaText)||"Try another account";return qt($o,{children:[we(A,{}),qt(Ss,{children:[we(Ts,{children:qt("div",{children:[we(sn,{}),we(un,{style:{width:"38px",height:"38px",strokeWidth:"1",stroke:"var(--primary-color)",fill:"var(--primary-color)"}})]})}),qt(ks,{children:[typeof o=="string"?we("h3",{children:o}):we($o,{children:o}),typeof r=="string"?we("p",{children:r}):we($o,{children:r})]}),t!=null&&t.allowlistConfig.errorCtaLink?we(te,{as:"a",href:t.allowlistConfig.errorCtaLink,children:n}):we(te,{onClick:()=>{e("LANDING")},children:n})]})]})},Ss=zo.div`
|
|
86
214
|
display: flex;
|
|
87
215
|
flex-direction: column;
|
|
88
216
|
align-items: center;
|
|
@@ -90,11 +218,11 @@ Resources:
|
|
|
90
218
|
margin-left: 27px;
|
|
91
219
|
margin-right: 27px;
|
|
92
220
|
gap: 24px;
|
|
93
|
-
`,
|
|
221
|
+
`,ks=zo.div`
|
|
94
222
|
display: flex;
|
|
95
223
|
flex-direction: column;
|
|
96
224
|
gap: 8px;
|
|
97
|
-
`,
|
|
225
|
+
`,Ts=zo.div`
|
|
98
226
|
display: flex;
|
|
99
227
|
flex-direction: column;
|
|
100
228
|
justify-content: center;
|
|
@@ -117,23 +245,7 @@ Resources:
|
|
|
117
245
|
left: -19px;
|
|
118
246
|
top: -19px;
|
|
119
247
|
}
|
|
120
|
-
|
|
121
|
-
&& {
|
|
122
|
-
padding: 12px 16px;
|
|
123
|
-
font-weight: 500;
|
|
124
|
-
text-align: center;
|
|
125
|
-
color: var(--primary-color);
|
|
126
|
-
background-color: var(--primary-color-bg-1);
|
|
127
|
-
border-radius: var(--border-radius-sm);
|
|
128
|
-
min-width: 144px;
|
|
129
|
-
opacity: ${t=>t.visible?"0.95":"0"};
|
|
130
|
-
transition: opacity 200ms, background-color 200ms;
|
|
131
|
-
|
|
132
|
-
:hover {
|
|
133
|
-
background-color: var(--primary-color-bg-2);
|
|
134
|
-
}
|
|
135
|
-
}
|
|
136
|
-
`;import{useEffect as vi,useState as Xt}from"react";import{isMobile as Ss}from"react-device-detect";import xt from"styled-components";import di from"styled-components";var Te=di.div`
|
|
248
|
+
`;import{useEffect as En,useState as Yt}from"react";import{isMobile as Os}from"react-device-detect";import At from"styled-components";import mn from"styled-components";var Ie=mn.div`
|
|
137
249
|
display: flex;
|
|
138
250
|
flex-direction: column;
|
|
139
251
|
align-items: flex-start;
|
|
@@ -141,14 +253,14 @@ Resources:
|
|
|
141
253
|
margin-top: auto;
|
|
142
254
|
gap: 16px;
|
|
143
255
|
flex-grow: 100;
|
|
144
|
-
`,
|
|
256
|
+
`,fn=mn.div`
|
|
145
257
|
display: flex;
|
|
146
258
|
flex-direction: column;
|
|
147
259
|
align-items: center;
|
|
148
260
|
justify-content: center;
|
|
149
261
|
height: 100%;
|
|
150
262
|
width: 100%;
|
|
151
|
-
`;import
|
|
263
|
+
`;import yn from"styled-components";import{jsx as gn}from"react/jsx-runtime";var Kt=({style:e,...t})=>gn("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{height:"1.25rem",width:"1.25rem",...e},...t,children:gn("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.99555 0.929932C-1.12055 1.31799 -0.499722 9.15734 2.17445 8.76915C0.0807959 10.5544 -0.960455 16.6416 6.01654 16.0265C10.6356 15.9489 15.5635 12.2232 15.5635 8.1095C15.5635 2.63748 10.7516 0.929932 7.99555 0.929932ZM9.47052 7.53055C9.47052 8.49933 8.81856 9.28468 8.01433 9.28468C7.2101 9.28468 6.55814 8.49933 6.55814 7.53055C6.55814 6.56176 7.2101 5.77641 8.01433 5.77641C8.81856 5.77641 9.47052 6.56176 9.47052 7.53055ZM12.3171 9.28468C13.1213 9.28468 13.7733 8.49933 13.7733 7.53055C13.7733 6.56176 13.1213 5.77641 12.3171 5.77641C11.5129 5.77641 10.8609 6.56176 10.8609 7.53055C10.8609 8.49933 11.5129 9.28468 12.3171 9.28468Z",fill:t.color||"var(--primary-color)"})});import{Fragment as Rs,jsx as rt,jsxs as vn}from"react/jsx-runtime";var Ws=yn.div`
|
|
152
264
|
margin-top: 16px;
|
|
153
265
|
font-size: 12px;
|
|
154
266
|
text-align: left;
|
|
@@ -157,7 +269,7 @@ Resources:
|
|
|
157
269
|
&& > a {
|
|
158
270
|
color: var(--primary-color);
|
|
159
271
|
}
|
|
160
|
-
`;function
|
|
272
|
+
`;function wn(e){let{privacyPolicyUrl:t,termsAndConditionsUrl:o}=e.app,r=!!t,n=!!o,i=r&&n;return!r&&!n?null:vn(Ws,{children:["By logging in I agree to the"," ",n&&rt("a",{href:o,target:"_blank",children:i?"Terms":"Terms of Service"}),i&&" & ",r&&rt("a",{href:t,target:"_blank",children:"Privacy Policy"})]})}var j=({protectedByPrivy:e})=>rt(ue,{hideOnMobile:e,children:e?vn(Rs,{children:[rt(Kt,{}),rt("span",{children:rt("a",{href:"https://www.privy.io/",target:"_blank",children:"Protected by Privy"})})]}):null}),ue=yn.div`
|
|
161
273
|
height: 20px;
|
|
162
274
|
font-size: 12px;
|
|
163
275
|
display: flex;
|
|
@@ -177,11 +289,11 @@ Resources:
|
|
|
177
289
|
|
|
178
290
|
/* Mobile */
|
|
179
291
|
@media (max-width: 440px) {
|
|
180
|
-
display: ${
|
|
292
|
+
display: ${e=>e.hideOnMobile?"none":"inherit"};
|
|
181
293
|
}
|
|
182
|
-
`;import
|
|
294
|
+
`;import Jt from"styled-components";import{Fragment as Ns,jsx as nt,jsxs as xn}from"react/jsx-runtime";var oe=({title:e,description:t,children:o,...r})=>nt(bn,{...r,children:xn(Ns,{children:[nt("h3",{children:e}),typeof t=="string"?nt("p",{children:t}):t,o]})}),Cn=Jt(oe)`
|
|
183
295
|
margin-bottom: 24px;
|
|
184
|
-
`,
|
|
296
|
+
`,it=({title:e,description:t,icon:o,children:r,...n})=>xn(Ms,{...n,children:[o?nt(Is,{children:o}):null,nt("h3",{children:e}),typeof t=="string"?nt("p",{children:t}):null,r]}),bn=Jt.div`
|
|
185
297
|
display: flex;
|
|
186
298
|
flex-direction: column;
|
|
187
299
|
justify-content: flex-start;
|
|
@@ -200,7 +312,7 @@ Resources:
|
|
|
200
312
|
color: var(--light-theme-fg-2);
|
|
201
313
|
font-size: 14px;
|
|
202
314
|
}
|
|
203
|
-
`,
|
|
315
|
+
`,Ms=Jt(bn)`
|
|
204
316
|
align-items: center;
|
|
205
317
|
text-align: center;
|
|
206
318
|
gap: 16px;
|
|
@@ -208,21 +320,21 @@ Resources:
|
|
|
208
320
|
h3 {
|
|
209
321
|
margin-bottom: 24px;
|
|
210
322
|
}
|
|
211
|
-
`,
|
|
323
|
+
`,Is=Jt.div`
|
|
212
324
|
padding: 14px;
|
|
213
325
|
border-radius: 50%;
|
|
214
326
|
&& {
|
|
215
327
|
border-color: var(--light-theme-bg-3);
|
|
216
328
|
border-width: 1px;
|
|
217
329
|
}
|
|
218
|
-
`;import{Fragment as
|
|
330
|
+
`;import{Fragment as jo,jsx as re,jsxs as Ve}from"react/jsx-runtime";var Zo=6,Ln=new Array(Zo).fill(""),Us=1400;var An=()=>{var U,Y,fe;let{app:e,data:t,navigate:o,setModalData:r}=v(),{closePrivyModal:n,resendEmailCode:i,resendSmsCode:s,getAuthMeta:a,loginWithCode:d}=_(),{authenticated:u,user:x}=z(),[E,m]=Yt(Ln),[g,f]=Yt(!1),[c,b]=Yt(null),[M,k]=Yt(null),T=(U=a())!=null&&U.email?0:1;En(()=>{var W;if(!(u&&g&&x))return;if(((W=t==null?void 0:t.login)==null?void 0:W.promptCreatePrivyWalletFlow)&&!x.wallet){let X=setTimeout(()=>{r({createWallet:{onSuccess:()=>{},onFailure:ge=>console.error(ge),callAuthOnSuccessOnClose:!0}}),o("EMBEDDED_WALLET_SCREEN")},ae-500);return()=>clearTimeout(X)}else{let X=setTimeout(n,ae);return()=>clearTimeout(X)}},[u,g,x]),En(()=>{if(c&&M===0){let N=setTimeout(()=>{m(Ln),b(null);let O=document.querySelector("input[name=code-0]");O==null||O.focus()},Us);return()=>clearTimeout(N)}},[c]);let S=N=>{var Ao;let O=N.currentTarget.value.replace(" ","");if(O==="")return;if(isNaN(Number(O))){b("Code should be numeric"),k(1);return}b(null),k(null);let W=Number((Ao=N.currentTarget.name)==null?void 0:Ao.charAt(5)),X=[...O||[""]].slice(0,Zo-W),ge=[...E.slice(0,W),...X,...E.slice(W+X.length)];m(ge);let P=X.length,Ze=Math.min(Math.max(W+P,0),Zo-1);if(!isNaN(Number(N.currentTarget.value))){let $=document.querySelector(`input[name=code-${Ze}]`);$==null||$.focus()}if(ge.every($=>$&&!isNaN(+$))){let $=document.querySelector(`input[name=code-${Ze}]`);$==null||$.blur(),d(ge.join("")).then(()=>f(!0)).catch(l=>{(l==null?void 0:l.status)===422?b("Invalid or expired verification code"):b("Issue verifying code"),k(0)})}N.preventDefault()},I=N=>{M===1&&(b(null),k(null));let O=[...E.slice(0,N),"",...E.slice(N+1)];if(m(O),N>0){let W=document.querySelector(`input[name=code-${N-1}]`);W==null||W.focus()}},V=`Verify your ${T==0?"email":"phone"}`,q=T==0?Ve("p",{children:["Please check ",re(Hs,{children:(Y=a())==null?void 0:Y.email})," for an email from privy.io and enter your code below."]}):`Please check ${(fe=a())==null?void 0:fe.phoneNumber} for a message from ${(e==null?void 0:e.name)||"privy.io"} and enter your code below.`;return Ve(jo,{children:[re(A,{},"header"),Ve(Ds,{children:[re(oe,{title:V,description:q}),Ve(fn,{children:[Ve(Fs,{children:[re(Gs,{fail:!!c,success:g,children:re("span",{children:c||(g?"Success!":"")})}),re("div",{children:E.map((N,O)=>re("input",{name:`code-${O}`,type:"text",value:E[O],onChange:S,onKeyUp:W=>{W.key==="Backspace"&&I(O)},inputMode:"numeric",autoFocus:O===0,pattern:"[0-9]",className:`${g?"success":""} ${c?"fail":""}`,autoComplete:Os?"one-time-code":"off"},O))})]}),re(Bs,{children:T==0?Ve(jo,{children:[re("span",{children:"Didn't get an email?"}),re("button",{onClick:i,children:"Resend Code"})]}):Ve(jo,{children:[re("span",{children:"Didn't get a message?"}),re("button",{onClick:s,children:"Resend Code"})]})})]})]}),re(j,{protectedByPrivy:!0})]})},Ds=At.div`
|
|
219
331
|
display: flex;
|
|
220
332
|
flex-direction: column;
|
|
221
333
|
align-items: flex-start;
|
|
222
334
|
justify-content: flex-end;
|
|
223
335
|
margin: auto;
|
|
224
336
|
gap: 16px;
|
|
225
|
-
`,
|
|
337
|
+
`,Fs=At.div`
|
|
226
338
|
display: flex;
|
|
227
339
|
flex-direction: column;
|
|
228
340
|
width: 100%;
|
|
@@ -231,7 +343,7 @@ Resources:
|
|
|
231
343
|
// center just this element.
|
|
232
344
|
margin-top: 70px;
|
|
233
345
|
|
|
234
|
-
${
|
|
346
|
+
${st}[data-height='medium'] & {
|
|
235
347
|
/* Aligns this with the input field on the page before on shorter modals */
|
|
236
348
|
margin-top: 22px;
|
|
237
349
|
}
|
|
@@ -290,15 +402,15 @@ Resources:
|
|
|
290
402
|
transform: translate(1px, 0px);
|
|
291
403
|
}
|
|
292
404
|
}
|
|
293
|
-
`,
|
|
405
|
+
`,Gs=At.div`
|
|
294
406
|
line-height: 20px;
|
|
295
407
|
height: 20px;
|
|
296
408
|
font-size: 13px;
|
|
297
|
-
color: ${
|
|
409
|
+
color: ${e=>e.success?"var(--success-dark)":e.fail?"var(--fail-dark)":"var(--light-theme-fg-3)"};
|
|
298
410
|
display: flex;
|
|
299
411
|
justify-content: flex-end;
|
|
300
412
|
width: 100%;
|
|
301
|
-
`,
|
|
413
|
+
`,Bs=At.div`
|
|
302
414
|
font-size: 13px;
|
|
303
415
|
color: var(--light-theme-fg-3);
|
|
304
416
|
display: flex;
|
|
@@ -312,56 +424,9 @@ Resources:
|
|
|
312
424
|
> button {
|
|
313
425
|
text-decoration: underline;
|
|
314
426
|
}
|
|
315
|
-
`,
|
|
427
|
+
`,Hs=At.span`
|
|
316
428
|
word-break: break-all;
|
|
317
|
-
`;import{useEffect as
|
|
318
|
-
&& {
|
|
319
|
-
width: 82px;
|
|
320
|
-
height: 82px;
|
|
321
|
-
border-width: 4px;
|
|
322
|
-
border-style: solid;
|
|
323
|
-
border-color: ${t=>t.color??"var(--primary-color)"};
|
|
324
|
-
border-bottom-color: transparent;
|
|
325
|
-
border-radius: 50%;
|
|
326
|
-
display: inline-block;
|
|
327
|
-
box-sizing: border-box;
|
|
328
|
-
animation: rotation 1.2s linear infinite;
|
|
329
|
-
transition: border-color 800ms;
|
|
330
|
-
}
|
|
331
|
-
|
|
332
|
-
@keyframes rotation {
|
|
333
|
-
0% {
|
|
334
|
-
transform: rotate(0deg);
|
|
335
|
-
}
|
|
336
|
-
100% {
|
|
337
|
-
transform: rotate(360deg);
|
|
338
|
-
}
|
|
339
|
-
}
|
|
340
|
-
|
|
341
|
-
&&&.success {
|
|
342
|
-
border-color: var(--success-light);
|
|
343
|
-
border-bottom-color: var(--success-light);
|
|
344
|
-
}
|
|
345
|
-
|
|
346
|
-
&&&.fail {
|
|
347
|
-
border-color: var(--fail-light);
|
|
348
|
-
border-bottom-color: var(--fail-light);
|
|
349
|
-
}
|
|
350
|
-
`,Ms=Zo(Et)`
|
|
351
|
-
&& {
|
|
352
|
-
border-bottom-color: ${t=>t.color??"var(--primary-color)"};
|
|
353
|
-
animation: none;
|
|
354
|
-
opacity: 0.5;
|
|
355
|
-
}
|
|
356
|
-
`,We=t=>jo(Ns,{color:t.color||"var(--disabled-fg)"}),Ns=Zo(Et)`
|
|
357
|
-
&& {
|
|
358
|
-
height: 0.9rem;
|
|
359
|
-
width: 0.9rem;
|
|
360
|
-
border-width: 1.5px;
|
|
361
|
-
|
|
362
|
-
transition: border-color 350ms ease;
|
|
363
|
-
}
|
|
364
|
-
`;import{jsx as xi,jsxs as Ds}from"react/jsx-runtime";var ue=({style:t,...e})=>Ds("svg",{width:"1024",height:"1024",viewBox:"0 0 1024 1024",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{height:"28px",width:"28px",...t},...e,children:[xi("rect",{width:"1024",height:"1024",fill:"#0052FF",rx:100,ry:100}),xi("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M152 512C152 710.823 313.177 872 512 872C710.823 872 872 710.823 872 512C872 313.177 710.823 152 512 152C313.177 152 152 313.177 152 512ZM420 396C406.745 396 396 406.745 396 420V604C396 617.255 406.745 628 420 628H604C617.255 628 628 617.255 628 604V420C628 406.745 617.255 396 604 396H420Z",fill:"white"})]});import{jsx as Q,jsxs as Fs}from"react/jsx-runtime";var he=({style:t,...e})=>Fs("svg",{width:"28",height:"28",viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{height:"28px",width:"28px",...t},...e,children:[Q("rect",{width:"28",height:"28",rx:"6",fill:"white"}),Q("path",{d:"M23.0126 5L15.1958 10.7823L16.6533 7.37359L23.0126 5Z",fill:"#E17726",stroke:"#E17726",strokeWidth:"0.25",strokeLinecap:"round",strokeLinejoin:"round"}),Q("path",{d:"M4.98753 5L12.7329 10.8299L11.3468 7.37954L4.98753 5ZM20.1987 18.4027L18.1166 21.5794L22.5723 22.8049L23.8454 18.4741L20.1987 18.4027ZM4.16064 18.4741L5.42775 22.8049L9.87153 21.5794L7.80133 18.4027L4.16064 18.4741Z",fill:"#E27625",stroke:"#E27625",strokeWidth:"0.25",strokeLinecap:"round",strokeLinejoin:"round"}),Q("path",{d:"M9.6336 13.0369L8.39624 14.9049L12.7984 15.1071L12.6556 10.3659L9.6336 13.0429V13.0369ZM18.3665 13.0429L15.2969 10.3064L15.1958 15.1071L19.5979 14.9049L18.3665 13.0429ZM9.87155 21.5794L12.5426 20.2945L10.2463 18.5098L9.87155 21.5794ZM15.4635 20.2886L18.1166 21.5794L17.7597 18.5039L15.4635 20.2886Z",fill:"#E27625",stroke:"#E27625",strokeWidth:"0.25",strokeLinecap:"round",strokeLinejoin:"round"}),Q("path",{d:"M18.1167 21.5794L15.4635 20.2944L15.6776 22.0196L15.6539 22.7513L18.1167 21.5794ZM9.87158 21.5794L12.3463 22.7513L12.3285 22.0196L12.5426 20.2944L9.87158 21.5794Z",fill:"#D5BFB2",stroke:"#D5BFB2",strokeWidth:"0.25",strokeLinecap:"round",strokeLinejoin:"round"}),Q("path",{d:"M12.3878 17.3616L10.1868 16.7191L11.7454 16.0052L12.3938 17.3616H12.3878ZM15.6062 17.3616L16.2605 15.9993L17.8251 16.7131L15.6062 17.3675V17.3616Z",fill:"#233447",stroke:"#233447",strokeWidth:"0.25",strokeLinecap:"round",strokeLinejoin:"round"}),Q("path",{d:"M9.87147 21.5794L10.2581 18.4027L7.80127 18.4741L9.87147 21.5794ZM17.7418 18.4027L18.1166 21.5794L20.1987 18.4741L17.7418 18.4027ZM19.6038 14.9048L15.2016 15.107L15.6061 17.3676L16.2605 15.9994L17.8251 16.7132L19.6038 14.9048ZM10.1868 16.7192L11.7454 16.0053L12.3938 17.3617L12.8042 15.1011L8.4021 14.9048L10.1868 16.7192Z",fill:"#CC6228",stroke:"#CC6228",strokeWidth:"0.25",strokeLinecap:"round",strokeLinejoin:"round"}),Q("path",{d:"M8.4021 14.9048L10.2462 18.5038L10.1868 16.7192L8.4021 14.9048ZM17.8251 16.7192L17.7537 18.5038L19.5978 14.9048L17.8251 16.7192ZM12.8042 15.107L12.3878 17.3676L12.9113 20.0327L13.0303 16.5169L12.8042 15.107ZM15.1957 15.107L14.9815 16.511L15.0886 20.0327L15.6061 17.3617L15.1957 15.1011V15.107Z",fill:"#E27525",stroke:"#E27525",strokeWidth:"0.25",strokeLinecap:"round",strokeLinejoin:"round"}),Q("path",{d:"M15.6062 17.3617L15.0887 20.0327L15.4635 20.2945L17.7538 18.5098L17.8252 16.7192L15.6062 17.3617ZM10.1869 16.7192L10.2463 18.5039L12.5426 20.2885L12.9114 20.0327L12.3939 17.3617L10.1809 16.7192H10.1869Z",fill:"#F5841F",stroke:"#F5841F",strokeWidth:"0.25",strokeLinecap:"round",strokeLinejoin:"round"}),Q("path",{d:"M15.6598 22.7513L15.6776 22.0196L15.4754 21.853H12.5248L12.3285 22.0196L12.3463 22.7513L9.87158 21.5793L10.7401 22.2932L12.495 23.5008H15.4992L17.26 22.2873L18.1167 21.5793L15.6539 22.7513H15.6598Z",fill:"#C0AC9D",stroke:"#C0AC9D",strokeWidth:"0.25",strokeLinecap:"round",strokeLinejoin:"round"}),Q("path",{d:"M15.4634 20.2885L15.0886 20.0327H12.9114L12.5425 20.2945L12.3284 22.0196L12.5247 21.8531H15.4753L15.6776 22.0196L15.4634 20.2945V20.2885Z",fill:"#161616",stroke:"#161616",strokeWidth:"0.25",strokeLinecap:"round",strokeLinejoin:"round"}),Q("path",{d:"M23.3456 11.1571L24 7.97442L23.0125 5L15.4575 10.5919L18.3664 13.0369L22.4711 14.2326L23.3754 13.1797L22.9827 12.8941L23.6074 12.323L23.1315 11.9542L23.7561 11.4783L23.3397 11.1571H23.3456ZM4 7.96847L4.66627 11.1571L4.23795 11.4723L4.87448 11.9482L4.39857 12.323L5.01725 12.8941L4.62463 13.1797L5.52885 14.2326L9.63355 13.0428L12.5425 10.586L4.98751 5L4 7.96847Z",fill:"#763E1A",stroke:"#763E1A",strokeWidth:"0.25",strokeLinecap:"round",strokeLinejoin:"round"}),Q("path",{d:"M22.4712 14.2325L18.3665 13.0428L19.6038 14.9048L17.7597 18.5038L20.1987 18.4741H23.8454L22.4712 14.2325ZM9.63358 13.0368L5.52888 14.2325L4.16064 18.4741H7.80728L10.2463 18.5038L8.40217 14.9048L9.63953 13.0368H9.63358ZM15.1957 15.107L15.4634 10.5859L16.6532 7.37354H11.3468L12.5366 10.5859L12.8043 15.107L12.9054 16.5229V20.0327H15.0887L15.1006 16.5229L15.1957 15.107Z",fill:"#F5841F",stroke:"#F5841F",strokeWidth:"0.25",strokeLinecap:"round",strokeLinejoin:"round"})]});import{jsx as rt,jsxs as Gs}from"react/jsx-runtime";var it=({style:t,...e})=>Gs("svg",{width:"28",height:"28",viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{height:"28px",width:"28px",...t},...e,children:[rt("rect",{width:"28",height:"28",rx:"6",fill:"#141414"}),rt("g",{clipPath:"url(#clip0_1765_9946)",children:rt("path",{d:"M8.09448 10.3941C11.3558 7.20196 16.6442 7.20196 19.9055 10.3941L20.2982 10.7782C20.3369 10.8157 20.3677 10.8606 20.3887 10.9102C20.4097 10.9599 20.4206 11.0132 20.4206 11.0671C20.4206 11.121 20.4097 11.1744 20.3887 11.224C20.3677 11.2737 20.3369 11.3186 20.2982 11.3561L18.9554 12.6702C18.9158 12.7086 18.8628 12.7301 18.8077 12.7301C18.7526 12.7301 18.6996 12.7086 18.66 12.6702L18.1198 12.1415C15.8448 9.91503 12.1557 9.91503 9.88015 12.1415L9.30167 12.7075C9.26207 12.7459 9.20909 12.7673 9.15395 12.7673C9.0988 12.7673 9.04582 12.7459 9.00622 12.7075L7.66346 11.3934C7.62475 11.3559 7.59397 11.3109 7.57295 11.2613C7.55193 11.2117 7.5411 11.1583 7.5411 11.1044C7.5411 11.0505 7.55193 10.9971 7.57295 10.9475C7.59397 10.8979 7.62475 10.8529 7.66346 10.8154L8.09448 10.3941ZM22.6829 13.1115L23.8776 14.2814C23.9163 14.319 23.9471 14.3639 23.9681 14.4135C23.9892 14.4632 24 14.5165 24 14.5704C24 14.6243 23.9892 14.6777 23.9681 14.7273C23.9471 14.777 23.9163 14.8219 23.8776 14.8594L18.4893 20.1332C18.4102 20.2101 18.3042 20.2531 18.1938 20.2531C18.0835 20.2531 17.9775 20.2101 17.8984 20.1332L14.0743 16.3901C14.0545 16.3708 14.0279 16.36 14.0003 16.36C13.9726 16.36 13.9461 16.3708 13.9263 16.3901L10.1021 20.1332C10.023 20.2101 9.91703 20.2531 9.8067 20.2531C9.69636 20.2531 9.59038 20.2101 9.51124 20.1332L4.12236 14.8594C4.08365 14.8219 4.05287 14.777 4.03185 14.7273C4.01083 14.6777 4 14.6243 4 14.5704C4 14.5165 4.01083 14.4632 4.03185 14.4135C4.05287 14.3639 4.08365 14.319 4.12236 14.2814L5.31767 13.1115C5.39678 13.0348 5.50265 12.9919 5.61285 12.9919C5.72305 12.9919 5.82892 13.0348 5.90803 13.1115L9.73216 16.8546C9.75194 16.874 9.7785 16.8848 9.80616 16.8848C9.83381 16.8848 9.86037 16.874 9.88015 16.8546L13.7043 13.1115C13.7834 13.0346 13.8894 12.9916 13.9997 12.9916C14.1101 12.9916 14.216 13.0346 14.2952 13.1115L18.1198 16.8546C18.1396 16.874 18.1662 16.8848 18.1938 16.8848C18.2215 16.8848 18.2481 16.874 18.2678 16.8546L22.092 13.1115C22.1711 13.0346 22.2771 12.9916 22.3874 12.9916C22.4977 12.9916 22.6037 13.0346 22.6829 13.1115Z",fill:"white"})}),rt("defs",{children:rt("clipPath",{id:"clip0_1765_9946",children:rt("rect",{width:"20",height:"12.2531",fill:"white",transform:"translate(4 8)"})})})]});import{Fragment as zs,jsx as xe,jsxs as Qt}from"react/jsx-runtime";var qo=2,Li={metamask:{name:"MetaMask",component:he},coinbase_wallet:{name:"Coinbase Wallet",component:ue},wallet_connect:{name:"WalletConnect",component:it}},Ai=()=>{var Z;let[t,e]=Lt(!1),[o,r]=Lt("metamask"),[i,n]=Lt(void 0),{navigate:s,navigateBack:a}=v(),{getAuthMeta:p,closePrivyModal:u,loginWithWallet:b}=_(),{walletConnectors:x}=z(),[m,g]=Lt(0),{user:f}=z(),[c]=Lt((f==null?void 0:f.linkedAccounts.length)||0);Ei(()=>{var I;r(((I=p())==null?void 0:I.walletType)||"metamask"),n(void 0),b().then(()=>e(!0)).catch(S=>{S instanceof ne?console.error(S.cause):console.error(S);let ie=(S==null?void 0:S.status)===401&&(S==null?void 0:S.message)==="User is not allowed to login to this app.";(S==null?void 0:S.status)===422?n(Ye.ERROR_USER_EXISTS):ie?s("ALLOWLIST_REJECTION_SCREEN"):S instanceof Je&&!S.details.default?n(S.details):S instanceof Ke?n(Ye.ERROR_TIMED_OUT):n(Ye.ERROR_WALLET_CONNECTION)})},[m]),Ei(()=>{if(t){let I=setTimeout(u,re);return()=>clearTimeout(I)}},[f]);let P=Li[o].name,U=Li[o].component,T=t?`Successfully connected with ${P}`:i?i.message:`Waiting for ${P}`,L="";if(t){let I=(f==null?void 0:f.linkedAccounts.length)||0;c===I?L="Wallet was already linked.":L="You\u2019re good to go!"}else if(m>=qo&&i)L="Unable to connect wallet";else if(i)L=i.detail;else switch(L="Don\u2019t see your wallet modal? Check your other browser windows.",o){case"metamask":L="For the best experience, connect only one wallet at a time.";break;case"wallet_connect":L="Open your mobile wallet app to continue";break;case"coinbase_wallet":$t()||(Uo(f)?L="Continue with the Coinbase app. Not the right wallet? Reset your connection below.":L="Open the Coinbase app on your phone to continue.");break}let k=(Z=x==null?void 0:x.walletConnectors)==null?void 0:Z.find(I=>I.walletType==="coinbase_wallet"),M=o==="coinbase_wallet"&&(Uo(f)||i===Ye.ERROR_USER_EXISTS);return Qt(zs,{children:[xe(A,{backFn:a}),Qt(Bs,{children:[xe(Hs,{children:Qt("div",{children:[xe(ot,{success:t,fail:!!i}),xe(U,{style:{width:"38px",height:"38px"}})]})}),Qt(Vs,{children:[xe("h3",{children:T}),xe("p",{children:L})]}),M?xe(Ko,{onClick:()=>k&&(k==null?void 0:k.disconnect()),visible:!t,disabled:t,children:"Use a different wallet"}):i==Ye.ERROR_USER_EXISTS?xe(Ko,{onClick:a,visible:!0,children:"Use a different wallet"}):xe(Ko,{onClick:()=>{g(m+1),n(void 0)},visible:!t&&(i==null?void 0:i.retryable)&&m<qo,disabled:!t&&(!(i!=null&&i.retryable)||m>=qo),children:"Retry"})]})]})},Bs=eo.div`
|
|
429
|
+
`;import{useEffect as Pn,useState as Pt}from"react";import{isMobile as Vs}from"react-device-detect";import Ko from"styled-components";import{Fragment as qs,jsx as he,jsxs as Xt}from"react/jsx-runtime";var qo=2,_n={metamask:{name:"MetaMask",component:ce},coinbase_wallet:{name:"Coinbase Wallet",component:le},wallet_connect:{name:"WalletConnect",component:We}},$s=e=>(e==null?void 0:e.status)===422?Fe.ERROR_USER_EXISTS:e instanceof Qe&&!e.details.default?e.details:e instanceof Ye?Fe.ERROR_TIMED_OUT:e instanceof Xe?Fe.ERROR_USER_REJECTED_CONNECTION:Fe.ERROR_WALLET_CONNECTION,Sn=()=>{var N,O,W,X,ge;let[e,t]=Pt(!1),[o,r]=Pt(!1),[n,i]=Pt(void 0),{navigate:s,navigateBack:a}=v(),{getAuthFlow:d,closePrivyModal:u,loginWithWallet:x}=_(),{walletConnectors:E}=z(),[m,g]=Pt(0),{user:f}=z(),[c]=Pt((f==null?void 0:f.linkedAccounts.length)||0),b=d(),M=(b==null?void 0:b.meta.walletType)==="wallet_connect"&&Vs;Pn(()=>{if(!b)return;async function P(){if(!!b)try{await b.promptConnect(),t(!0)}catch(Ze){k(Ze)}}e?M||T():P()},[m,e]),Pn(()=>{if(o){let P=setTimeout(u,ae);return()=>clearTimeout(P)}},[f]);let k=P=>{if(P instanceof pe?console.error(P.cause?P.cause:P.message):console.error(P),(P==null?void 0:P.status)===401&&(P==null?void 0:P.message)==="User is not allowed to login to this app."){s("ALLOWLIST_REJECTION_SCREEN");return}i($s(P))};async function T(){try{await x(),t(!0),r(!0)}catch(P){k(P)}}let S=(b==null?void 0:b.meta.walletType)||"metamask",I=((O=(N=b==null?void 0:b.meta)==null?void 0:N.walletMeta)==null?void 0:O.name)||_n[S].name,V=((X=(W=b==null?void 0:b.meta)==null?void 0:W.walletMeta)==null?void 0:X.icon)||_n[S].component,q=o?`Successfully connected with ${I}`:n?n.message:e?"Sign to verify":`Waiting for ${I}`,U="Don\u2019t see your wallet modal? Check your other browser windows.";if(o){let P=(f==null?void 0:f.linkedAccounts.length)||0;c===P?U="Wallet was already linked.":U="You\u2019re good to go!"}else m>=qo&&n?U="Unable to connect wallet":n?U=n.detail:e&&M?U="Sign the message in your wallet to verify it belongs to you.":S==="metamask"?U="For the best experience, connect only one wallet at a time.":S==="wallet_connect"?U="Open your mobile wallet app to continue":S==="coinbase_wallet"&&($t()||(No(f)?U="Continue with the Coinbase app. Not the right wallet? Reset your connection below.":U="Open the Coinbase app on your phone to continue."));let Y=(ge=E==null?void 0:E.walletConnectors)==null?void 0:ge.find(P=>P.walletType==="coinbase_wallet"),fe=S==="coinbase_wallet"&&(No(f)||n===Fe.ERROR_USER_EXISTS);return Xt(qs,{children:[he(A,{backFn:a}),Xt(zs,{children:[he(Zs,{children:Xt("div",{children:[he(tt,{success:o,fail:!!n}),typeof V=="string"?he("span",{style:{background:`url('${V}')`,height:"38px",width:"38px",borderRadius:"6px",margin:"auto",backgroundSize:"cover"}}):he(V,{style:{width:"38px",height:"38px"}})]})}),Xt(js,{children:[he("h3",{children:q}),he("p",{children:U})]}),fe?he(te,{onClick:()=>Y&&(Y==null?void 0:Y.disconnect()),invisible:o,disabled:o,children:"Use a different wallet"}):n==Fe.ERROR_USER_EXISTS?he(te,{onClick:a,children:"Use a different wallet"}):e&&!o&&M?he(te,{onClick:T,children:"Sign with your wallet"}):he(te,{onClick:()=>{g(m+1),i(void 0)},invisible:o||!(n!=null&&n.retryable)||m>=qo,disabled:!o&&(!(n!=null&&n.retryable)||m>=qo),children:"Retry"})]})]})},zs=Ko.div`
|
|
365
430
|
display: flex;
|
|
366
431
|
flex-direction: column;
|
|
367
432
|
align-items: center;
|
|
@@ -369,14 +434,14 @@ Resources:
|
|
|
369
434
|
margin-left: 27px;
|
|
370
435
|
margin-right: 27px;
|
|
371
436
|
gap: 24px;
|
|
372
|
-
`,
|
|
437
|
+
`,js=Ko.div`
|
|
373
438
|
display: flex;
|
|
374
439
|
flex-direction: column;
|
|
375
440
|
gap: 8px;
|
|
376
441
|
/* Very specifically chosen to be the height if 2 lines h3 and 1 line p.
|
|
377
442
|
If we then switch to 1 line h3 and 2 lines p, we don't resize. */
|
|
378
443
|
min-height: 76px;
|
|
379
|
-
`,
|
|
444
|
+
`,Zs=Ko.div`
|
|
380
445
|
display: flex;
|
|
381
446
|
flex-direction: column;
|
|
382
447
|
justify-content: center;
|
|
@@ -394,61 +459,12 @@ Resources:
|
|
|
394
459
|
top: -41px;
|
|
395
460
|
}
|
|
396
461
|
|
|
397
|
-
> div >
|
|
462
|
+
> div > :last-child {
|
|
398
463
|
position: absolute;
|
|
399
464
|
left: -19px;
|
|
400
465
|
top: -19px;
|
|
401
466
|
}
|
|
402
|
-
|
|
403
|
-
&& {
|
|
404
|
-
padding: 12px 16px;
|
|
405
|
-
font-weight: 500;
|
|
406
|
-
text-align: center;
|
|
407
|
-
color: var(--primary-color);
|
|
408
|
-
background-color: var(--primary-color-bg-1);
|
|
409
|
-
border-radius: var(--border-radius-sm);
|
|
410
|
-
min-width: 144px;
|
|
411
|
-
opacity: ${t=>t.visible?"1":"0"};
|
|
412
|
-
transition: opacity 200ms;
|
|
413
|
-
}
|
|
414
|
-
`;import at from"styled-components";import Yo from"styled-components";import{jsx as Jo,jsxs as js}from"react/jsx-runtime";var _i=Yo.button`
|
|
415
|
-
display: flex;
|
|
416
|
-
flex-direction: row;
|
|
417
|
-
align-items: center;
|
|
418
|
-
justify-content: center;
|
|
419
|
-
& {
|
|
420
|
-
height: 44px;
|
|
421
|
-
width: 100%;
|
|
422
|
-
/* Off by one because of internal border in designs and otherwise looks off */
|
|
423
|
-
padding: 7px 11px;
|
|
424
|
-
cursor: pointer;
|
|
425
|
-
font-size: 14px;
|
|
426
|
-
font-weight: 600;
|
|
427
|
-
border-radius: var(--border-radius-md);
|
|
428
|
-
}
|
|
429
|
-
|
|
430
|
-
&&:disabled {
|
|
431
|
-
background-color: var(--disabled-bg);
|
|
432
|
-
color: var(--disabled-fg);
|
|
433
|
-
cursor: not-allowed;
|
|
434
|
-
}
|
|
435
|
-
`,Ie=({children:t,loading:e,disabled:o,warn:r,...i})=>Jo($s,{disabled:o||e,warn:r,...i,children:e?js("span",{children:[Jo(We,{})," ",Jo("span",{children:"Loading..."})]}):t}),$s=Yo(_i)`
|
|
436
|
-
&& {
|
|
437
|
-
background-color: ${t=>t.warn?"var(--fail-dark)":"var(--primary-color)"};
|
|
438
|
-
color: var(--light-theme-bg-1);
|
|
439
|
-
}
|
|
440
|
-
|
|
441
|
-
> span {
|
|
442
|
-
display: flex;
|
|
443
|
-
align-items: center;
|
|
444
|
-
gap: 8px;
|
|
445
|
-
}
|
|
446
|
-
`,Vp=Yo(_i)`
|
|
447
|
-
&& {
|
|
448
|
-
border: 1px solid var(--light-theme-bg-3);
|
|
449
|
-
color: var(--light-theme-fg-1);
|
|
450
|
-
}
|
|
451
|
-
`;import{useState as Zs}from"react";import qs from"styled-components";import{jsx as Si}from"react/jsx-runtime";var nt=({style:t,color:e,...o})=>Si("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:e||"currentColor",style:{height:"1.5rem",width:"1.5rem",...t},...o,children:Si("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M4.5 12.75l6 6 9-13.5"})});import{jsx as Xo}from"react/jsx-runtime";var Pi=({color:t,...e})=>Xo("svg",{version:"1.1",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",x:"0px",y:"0px",viewBox:"0 0 115.77 122.88",xmlSpace:"preserve",...e,children:Xo("g",{children:Xo("path",{fill:t||"currentColor",className:"st0",d:"M89.62,13.96v7.73h12.19h0.01v0.02c3.85,0.01,7.34,1.57,9.86,4.1c2.5,2.51,4.06,5.98,4.07,9.82h0.02v0.02 v73.27v0.01h-0.02c-0.01,3.84-1.57,7.33-4.1,9.86c-2.51,2.5-5.98,4.06-9.82,4.07v0.02h-0.02h-61.7H40.1v-0.02 c-3.84-0.01-7.34-1.57-9.86-4.1c-2.5-2.51-4.06-5.98-4.07-9.82h-0.02v-0.02V92.51H13.96h-0.01v-0.02c-3.84-0.01-7.34-1.57-9.86-4.1 c-2.5-2.51-4.06-5.98-4.07-9.82H0v-0.02V13.96v-0.01h0.02c0.01-3.85,1.58-7.34,4.1-9.86c2.51-2.5,5.98-4.06,9.82-4.07V0h0.02h61.7 h0.01v0.02c3.85,0.01,7.34,1.57,9.86,4.1c2.5,2.51,4.06,5.98,4.07,9.82h0.02V13.96L89.62,13.96z M79.04,21.69v-7.73v-0.02h0.02 c0-0.91-0.39-1.75-1.01-2.37c-0.61-0.61-1.46-1-2.37-1v0.02h-0.01h-61.7h-0.02v-0.02c-0.91,0-1.75,0.39-2.37,1.01 c-0.61,0.61-1,1.46-1,2.37h0.02v0.01v64.59v0.02h-0.02c0,0.91,0.39,1.75,1.01,2.37c0.61,0.61,1.46,1,2.37,1v-0.02h0.01h12.19V35.65 v-0.01h0.02c0.01-3.85,1.58-7.34,4.1-9.86c2.51-2.5,5.98-4.06,9.82-4.07v-0.02h0.02H79.04L79.04,21.69z M105.18,108.92V35.65v-0.02 h0.02c0-0.91-0.39-1.75-1.01-2.37c-0.61-0.61-1.46-1-2.37-1v0.02h-0.01h-61.7h-0.02v-0.02c-0.91,0-1.75,0.39-2.37,1.01 c-0.61,0.61-1,1.46-1,2.37h0.02v0.01v73.27v0.02h-0.02c0,0.91,0.39,1.75,1.01,2.37c0.61,0.61,1.46,1,2.37,1v-0.02h0.01h61.7h0.02 v0.02c0.91,0,1.75-0.39,2.37-1.01c0.61-0.61,1-1.46,1-2.37h-0.02V108.92L105.18,108.92z"})})});import{jsx as ki,jsxs as Js}from"react/jsx-runtime";var to=t=>{let[e,o]=Zs(!1);return Js(Ks,{onClick:()=>{o(!0),navigator.clipboard.writeText(t.text),setTimeout(()=>o(!1),1500)},justCopied:e,children:[e?ki(nt,{style:{height:"14px",width:"14px"},strokeWidth:"2"}):ki(Pi,{style:{height:"14px",width:"14px"}}),e?"Copied":"Copy"," ",t.itemName?t.itemName:"to Clipboard"]})},Ks=qs.button`
|
|
467
|
+
`;import ct from"styled-components";import{useState as Ks}from"react";import Js from"styled-components";import{jsx as kn}from"react/jsx-runtime";var at=({style:e,color:t,...o})=>kn("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:t||"currentColor",style:{height:"1.5rem",width:"1.5rem",...e},...o,children:kn("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M4.5 12.75l6 6 9-13.5"})});import{jsx as Jo}from"react/jsx-runtime";var Tn=({color:e,...t})=>Jo("svg",{version:"1.1",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",x:"0px",y:"0px",viewBox:"0 0 115.77 122.88",xmlSpace:"preserve",...t,children:Jo("g",{children:Jo("path",{fill:e||"currentColor",className:"st0",d:"M89.62,13.96v7.73h12.19h0.01v0.02c3.85,0.01,7.34,1.57,9.86,4.1c2.5,2.51,4.06,5.98,4.07,9.82h0.02v0.02 v73.27v0.01h-0.02c-0.01,3.84-1.57,7.33-4.1,9.86c-2.51,2.5-5.98,4.06-9.82,4.07v0.02h-0.02h-61.7H40.1v-0.02 c-3.84-0.01-7.34-1.57-9.86-4.1c-2.5-2.51-4.06-5.98-4.07-9.82h-0.02v-0.02V92.51H13.96h-0.01v-0.02c-3.84-0.01-7.34-1.57-9.86-4.1 c-2.5-2.51-4.06-5.98-4.07-9.82H0v-0.02V13.96v-0.01h0.02c0.01-3.85,1.58-7.34,4.1-9.86c2.51-2.5,5.98-4.06,9.82-4.07V0h0.02h61.7 h0.01v0.02c3.85,0.01,7.34,1.57,9.86,4.1c2.5,2.51,4.06,5.98,4.07,9.82h0.02V13.96L89.62,13.96z M79.04,21.69v-7.73v-0.02h0.02 c0-0.91-0.39-1.75-1.01-2.37c-0.61-0.61-1.46-1-2.37-1v0.02h-0.01h-61.7h-0.02v-0.02c-0.91,0-1.75,0.39-2.37,1.01 c-0.61,0.61-1,1.46-1,2.37h0.02v0.01v64.59v0.02h-0.02c0,0.91,0.39,1.75,1.01,2.37c0.61,0.61,1.46,1,2.37,1v-0.02h0.01h12.19V35.65 v-0.01h0.02c0.01-3.85,1.58-7.34,4.1-9.86c2.51-2.5,5.98-4.06,9.82-4.07v-0.02h0.02H79.04L79.04,21.69z M105.18,108.92V35.65v-0.02 h0.02c0-0.91-0.39-1.75-1.01-2.37c-0.61-0.61-1.46-1-2.37-1v0.02h-0.01h-61.7h-0.02v-0.02c-0.91,0-1.75,0.39-2.37,1.01 c-0.61,0.61-1,1.46-1,2.37h0.02v0.01v73.27v0.02h-0.02c0,0.91,0.39,1.75,1.01,2.37c0.61,0.61,1.46,1,2.37,1v-0.02h0.01h61.7h0.02 v0.02c0.91,0,1.75-0.39,2.37-1.01c0.61-0.61,1-1.46,1-2.37h-0.02V108.92L105.18,108.92z"})})});import{jsx as Wn,jsxs as Xs}from"react/jsx-runtime";var Qt=e=>{let[t,o]=Ks(!1);return Xs(Ys,{onClick:()=>{o(!0),navigator.clipboard.writeText(e.text),setTimeout(()=>o(!1),1500)},justCopied:t,children:[t?Wn(at,{style:{height:"14px",width:"14px"},strokeWidth:"2"}):Wn(Tn,{style:{height:"14px",width:"14px"}}),t?"Copied":"Copy"," ",e.itemName?e.itemName:"to Clipboard"]})},Ys=Js.button`
|
|
452
468
|
display: flex;
|
|
453
469
|
align-items: center;
|
|
454
470
|
gap: 6px;
|
|
@@ -456,8 +472,8 @@ Resources:
|
|
|
456
472
|
&& {
|
|
457
473
|
margin: 8px 2px;
|
|
458
474
|
font-size: 14px;
|
|
459
|
-
color: ${
|
|
460
|
-
font-weight: ${
|
|
475
|
+
color: ${e=>e.justCopied?"var(--light-theme-fg-1)":"var(--light-theme-fg-3)"};
|
|
476
|
+
font-weight: ${e=>e.justCopied?"medium":"normal"};
|
|
461
477
|
transition: color 350ms ease;
|
|
462
478
|
|
|
463
479
|
:focus,
|
|
@@ -469,7 +485,7 @@ Resources:
|
|
|
469
485
|
}
|
|
470
486
|
|
|
471
487
|
:hover {
|
|
472
|
-
color: ${
|
|
488
|
+
color: ${e=>e.justCopied?"var(--light-theme-fg-1)":"var(--light-theme-fg-2)"};
|
|
473
489
|
}
|
|
474
490
|
|
|
475
491
|
:active {
|
|
@@ -486,7 +502,7 @@ Resources:
|
|
|
486
502
|
width: 14px;
|
|
487
503
|
height: 14px;
|
|
488
504
|
}
|
|
489
|
-
`;import{jsx as h,jsxs as
|
|
505
|
+
`;import{jsx as h,jsxs as H}from"react/jsx-runtime";var Rn=()=>H("svg",{width:"332",height:"128",viewBox:"0 0 332 128",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[H("g",{clipPath:"url(#clip0_39_1593)",children:[h("g",{clipPath:"url(#clip1_39_1593)",children:H("g",{filter:"url(#filter0_b_39_1593)",children:[H("linearGradient",{id:"background-gradient",children:[h("stop",{offset:"0%",stopColor:"#fed8f4",children:h("animate",{attributeName:"stop-color",values:"#fed8f4; #ffe5d0; #fed8f4;",dur:"4.97s",repeatCount:"indefinite"})}),h("stop",{offset:"33%",stopColor:"#ffe5d0",children:h("animate",{attributeName:"stop-color",values:"#ffe5d0; #ffcdf3; #ffe5d0;",dur:"5.11s",repeatCount:"indefinite"})}),h("stop",{offset:"67%",stopColor:"#ffcdf3",children:h("animate",{attributeName:"stop-color",values:"#ffcdf3; #d0fcf5; #ffcdf3;",dur:"4.95s",repeatCount:"indefinite"})}),h("stop",{offset:"100%",stopColor:"#d0fcf5",children:h("animate",{attributeName:"stop-color",values:"#d0fcf5; #fed8f4; #d0fcf5;",dur:"5.03s",repeatCount:"indefinite"})})]}),h("rect",{width:301,height:112,transform:"translate(16 16)",fill:"url(#background-gradient)"})]})}),h("path",{d:"M183.83 53.8229L203.497 101.003C203.617 101.287 203.707 101.571 203.781 101.87C203.856 102.169 203.901 102.483 203.916 102.797C203.931 103.111 203.916 103.44 203.886 103.769C203.856 104.098 203.781 104.426 203.692 104.755C203.453 105.592 203.034 106.34 202.511 106.983C201.988 107.626 201.315 108.179 200.583 108.582C199.851 108.986 199.044 109.255 198.207 109.375C197.37 109.494 196.533 109.434 195.711 109.195C195.427 109.121 195.158 109.016 194.904 108.896C194.65 108.777 194.411 108.642 194.172 108.493C193.933 108.343 193.723 108.179 193.529 107.999C193.335 107.82 193.141 107.641 192.976 107.431L159.963 68.3985C160.187 68.6526 160.441 68.8918 160.725 69.1011C161.009 69.3104 161.353 69.4898 161.726 69.6542C162.1 69.8187 162.518 69.9383 162.967 70.028C163.415 70.1177 163.908 70.1775 164.446 70.2074C166.001 70.2821 167.719 70.028 169.483 69.5047C171.246 68.9815 173.099 68.1892 174.833 67.1726C176.567 66.1561 178.196 64.9751 179.6 63.6446C181.005 62.3141 182.141 60.9238 182.948 59.4737C183.262 58.9057 183.516 58.3525 183.71 57.8143C183.905 57.2762 184.024 56.7828 184.084 56.3045C184.144 55.8261 184.159 55.3776 184.114 54.959C184.069 54.5404 183.964 54.1518 183.815 53.793L183.83 53.8229Z",fill:"url(#paint0_linear_39_1593)"}),h("path",{d:"M161.158 60.2668C162.04 59.0559 163.116 57.9198 164.326 56.8733C165.537 55.8269 166.852 54.9 168.227 54.0927C169.602 53.2855 171.066 52.5978 172.531 52.0746C173.995 51.5514 175.505 51.1926 176.94 51.058C178.374 50.9235 179.689 51.0132 180.736 51.3122C181.782 51.6111 182.678 52.1643 183.261 52.8818C183.844 53.5994 184.173 54.5711 184.143 55.6624C184.113 56.7537 183.74 58.0992 182.947 59.5044C182.155 60.9097 180.99 62.3597 179.6 63.6753C178.21 64.9908 176.566 66.2017 174.832 67.2033C173.099 68.2049 171.275 68.9973 169.482 69.5354C167.689 70.0736 166 70.2978 164.446 70.238C162.891 70.1783 161.726 69.8045 160.844 69.2065C159.962 68.6086 159.424 67.8461 159.185 66.9043C158.946 65.9625 158.991 64.946 159.335 63.8098C159.678 62.6737 160.276 61.5076 161.173 60.2818L161.158 60.2668Z",fill:"url(#paint1_linear_39_1593)"}),h("path",{d:"M326.717 118.136L252.77 127.539L235.18 119.003L310.771 102.693L326.717 118.136Z",fill:"url(#paint2_linear_39_1593)"}),h("path",{d:"M310.771 102.694L235.18 119.003L242.069 98.9263L313.117 73.333L310.771 102.694Z",fill:"url(#paint3_linear_39_1593)"}),h("path",{d:"M327.241 91.1526L326.718 118.136L310.771 102.694L313.118 73.333L327.241 91.1526Z",fill:"url(#paint4_linear_39_1593)"}),h("path",{d:"M99.4197 23.8945L122.45 47.9331L64.1199 132.801L36.0684 110.093L99.4346 23.8945H99.4197Z",fill:"url(#paint5_linear_39_1593)"}),h("path",{d:"M36.0685 110.077L64.1201 132.785L27.789 117.612L6.0293 100.465L36.0834 110.062L36.0685 110.077Z",fill:"url(#paint6_linear_39_1593)"}),h("path",{d:"M55.7664 36.3772L99.4204 23.8945L36.0542 110.093L6 100.495L55.7515 36.3772H55.7664Z",fill:"url(#paint7_linear_39_1593)"}),h("path",{d:"M106.012 124.249C109.046 126.133 127.189 132.74 135.737 135.805C137.859 136.567 139.623 134.983 139.1 132.8C136.992 123.965 132.449 105.204 130.91 101.975C131.672 104.172 127.473 110.182 121.016 115.952C114.545 121.738 108.119 125.251 106.012 124.249V124.249Z",fill:"url(#paint8_linear_39_1593)"}),h("path",{d:"M105.638 123.981C105.638 123.981 105.698 124.041 105.743 124.071C105.788 124.101 105.833 124.146 105.877 124.175C105.922 124.205 105.967 124.235 106.027 124.265C108.134 125.267 114.56 121.769 121.032 115.968C127.488 110.183 131.687 104.188 130.925 101.991C130.91 101.931 130.88 101.871 130.85 101.841C130.82 101.796 130.791 101.736 130.761 101.692C130.731 101.647 130.716 101.617 130.686 101.587C129.117 99.8229 122.227 103.411 115.308 109.6C108.388 115.789 104.069 122.247 105.638 123.996V123.981Z",fill:"url(#paint9_linear_39_1593)"}),h("path",{d:"M290.057 16.9137C289.713 21.3537 287.89 25.5844 284.886 29.1573C277.817 37.6335 264.187 42.4323 248.167 37.7083C218.695 29.0227 200.313 19.799 183.963 17.138C179.779 16.4653 178.613 10.919 182.14 8.55705C200.238 -3.59678 237.466 -23.9578 268.013 -10.6529C284.527 -3.46224 290.789 7.22655 290.057 16.9137Z",fill:"url(#paint10_linear_39_1593)"})]}),H("defs",{children:[H("filter",{id:"filter0_b_39_1593",x:"-76",y:"-76",width:"485",height:"296",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[h("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),h("feGaussianBlur",{in:"BackgroundImageFix",stdDeviation:"46"}),h("feComposite",{in2:"SourceAlpha",operator:"in",result:"effect1_backgroundBlur_39_1593"}),h("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_backgroundBlur_39_1593",result:"shape"})]}),H("linearGradient",{id:"paint0_linear_39_1593",x1:"187.753",y1:"56.8365",x2:"173.389",y2:"118.39",gradientUnits:"userSpaceOnUse",children:[h("stop",{stopColor:"#2D2068"}),h("stop",{offset:"1",stopColor:"#4F3D9A"})]}),H("linearGradient",{id:"paint1_linear_39_1593",x1:"162.8",y1:"69.9911",x2:"171.997",y2:"54.1167",gradientUnits:"userSpaceOnUse",children:[h("stop",{stopColor:"#4F3D9A"}),h("stop",{offset:"1",stopColor:"#160B45"})]}),H("linearGradient",{id:"paint2_linear_39_1593",x1:"248.905",y1:"127.208",x2:"254.292",y2:"100.947",gradientUnits:"userSpaceOnUse",children:[h("stop",{stopColor:"#4F3D9A"}),h("stop",{offset:"1",stopColor:"#160B45"})]}),H("linearGradient",{id:"paint3_linear_39_1593",x1:"246.866",y1:"118.395",x2:"265.49",y2:"76.3396",gradientUnits:"userSpaceOnUse",children:[h("stop",{stopColor:"#4F3D9A"}),h("stop",{offset:"1",stopColor:"#160B45"})]}),H("linearGradient",{id:"paint4_linear_39_1593",x1:"321.183",y1:"75.7837",x2:"300.239",y2:"117.543",gradientUnits:"userSpaceOnUse",children:[h("stop",{stopColor:"#2D2068"}),h("stop",{offset:"1",stopColor:"#4F3D9A"})]}),H("linearGradient",{id:"paint5_linear_39_1593",x1:"90.6771",y1:"29.8515",x2:"62.6626",y2:"150.379",gradientUnits:"userSpaceOnUse",children:[h("stop",{stopColor:"#2D2068"}),h("stop",{offset:"1",stopColor:"#4F3D9A"})]}),H("linearGradient",{id:"paint6_linear_39_1593",x1:"14.7397",y1:"132.355",x2:"27.4593",y2:"102.104",gradientUnits:"userSpaceOnUse",children:[h("stop",{stopColor:"#4F3D9A"}),h("stop",{offset:"1",stopColor:"#160B45"})]}),H("linearGradient",{id:"paint7_linear_39_1593",x1:"20.0079",y1:"108.945",x2:"64.5521",y2:"45.0635",gradientUnits:"userSpaceOnUse",children:[h("stop",{stopColor:"#4F3D9A"}),h("stop",{offset:"1",stopColor:"#160B45"})]}),H("linearGradient",{id:"paint8_linear_39_1593",x1:"126.988",y1:"103.836",x2:"119.744",y2:"142.156",gradientUnits:"userSpaceOnUse",children:[h("stop",{stopColor:"#2D2068"}),h("stop",{offset:"1",stopColor:"#4F3D9A"})]}),H("linearGradient",{id:"paint9_linear_39_1593",x1:"109.17",y1:"124.125",x2:"121.135",y2:"106.662",gradientUnits:"userSpaceOnUse",children:[h("stop",{stopColor:"#4F3D9A"}),h("stop",{offset:"1",stopColor:"#160B45"})]}),H("linearGradient",{id:"paint10_linear_39_1593",x1:"196.556",y1:"38.8404",x2:"216.303",y2:"-13.8631",gradientUnits:"userSpaceOnUse",children:[h("stop",{stopColor:"#4F3D9A"}),h("stop",{offset:"1",stopColor:"#160B45"})]}),h("clipPath",{id:"clip0_39_1593",children:h("rect",{width:"332",height:"128",fill:"white"})}),h("clipPath",{id:"clip1_39_1593",children:h("rect",{x:"16",y:"16",width:"301",height:"112",rx:"8",fill:"white"})})]})]});import{Fragment as ia,jsx as ve,jsxs as lt}from"react/jsx-runtime";var Mn=()=>{var E;let{user:e}=z(),{closePrivyModal:t}=_(),{data:o}=v(),r=Ee(e),{onSuccess:n,onFailure:i,callAuthOnSuccessOnClose:s}=o.createWallet,a=()=>{r?(n(r),t({shouldCallAuthOnSuccess:s})):i(new Error("Failed to create wallet"))},d="Your digital wallet",u="You\u2019re all set! This wallet is all yours and can only ever be accessed by you.",x=Be(r.address);return lt(ia,{children:[ve(A,{onClose:a}),lt(Qs,{children:[lt("div",{children:[ve(oe,{title:d,description:u}),lt(ea,{children:[ve(Rn,{}),lt(ta,{children:[ve("p",{children:((E=e==null?void 0:e.email)==null?void 0:E.address)||""}),lt(oa,{children:[ve(ra,{children:x})," ",ve(Kt,{color:"var(--light-theme-bg-1)"})]})]})]}),ve(na,{children:ve(Qt,{text:r.address,itemName:"Address"})})]}),ve(de,{onClick:a,children:"I\u2019m all set"})]}),ve(j,{protectedByPrivy:!0})]})},Qs=ct.div`
|
|
490
506
|
display: flex;
|
|
491
507
|
height: 100%;
|
|
492
508
|
flex-direction: column;
|
|
@@ -495,7 +511,7 @@ Resources:
|
|
|
495
511
|
@media (max-width: 440px) {
|
|
496
512
|
gap: 24px;
|
|
497
513
|
}
|
|
498
|
-
`,
|
|
514
|
+
`,ea=ct.div`
|
|
499
515
|
width: 100%;
|
|
500
516
|
background-color: #160b45;
|
|
501
517
|
border-radius: 8px;
|
|
@@ -504,7 +520,7 @@ Resources:
|
|
|
504
520
|
width: 100%;
|
|
505
521
|
height: auto;
|
|
506
522
|
}
|
|
507
|
-
`,
|
|
523
|
+
`,ta=ct.div`
|
|
508
524
|
display: flex;
|
|
509
525
|
text-align: left;
|
|
510
526
|
flex-direction: column;
|
|
@@ -516,23 +532,23 @@ Resources:
|
|
|
516
532
|
color: var(--light-theme-bg-1);
|
|
517
533
|
opacity: 0.65;
|
|
518
534
|
}
|
|
519
|
-
`,
|
|
535
|
+
`,oa=ct.div`
|
|
520
536
|
display: flex;
|
|
521
537
|
justify-content: space-between;
|
|
522
538
|
width: 100%;
|
|
523
|
-
`,
|
|
539
|
+
`,ra=ct.span`
|
|
524
540
|
font-size: 17px;
|
|
525
541
|
color: #fff;
|
|
526
|
-
`,
|
|
542
|
+
`,na=ct.div`
|
|
527
543
|
display: flex;
|
|
528
544
|
justify-content: center;
|
|
529
|
-
`;import{useEffect as
|
|
545
|
+
`;import{useEffect as va,useState as er}from"react";import tr,{css as Ca}from"styled-components";import{useEffect as sa,useState as _t}from"react";import Qo from"styled-components";import{jsx as In}from"react/jsx-runtime";var Nn=({style:e,...t})=>In("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",style:{height:"1.5rem",width:"1.5rem",...e},...t,children:In("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99"})});import{Fragment as wa,jsx as dt,jsxs as Xo}from"react/jsx-runtime";var pt=6,aa=new Array(pt).fill("");function la(e){return e.replace(/\s+/g,"")}function Yo(e){return/^[a-zA-Z0-9]{1}$/.test(e)}function ca(e){return/^[a-zA-Z]{1}$/.test(e)}function da(e){return/^[a-z]{1}$/.test(e)}function On(e){return e.length===pt&&e.every(Yo)}function pa(e,t){return e.reduce((o,r)=>o+Number(t(r)),0)}function ua(){return crypto.getRandomValues(new Uint8Array(1))[0]}function ha(){let e="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789",t=[];for(;t.length<pt;){let o=ua();o>247||t.push(e.charAt(o%62))}return t.join("")}var Un=({onChange:e,disabled:t,readOnly:o,errorReasonOverride:r})=>{let[n,i]=_t(aa),[s,a]=_t(null),[d,u]=_t(null),x=m=>{var Y;let g=la(m.currentTarget.value);if(g==="")return;let f=pa(n,Yo),c=g.split(""),b=!c.every(Yo),M=c.length+f>pt;if(b){a("PIN can only be letters and numbers"),u(1);return}if(M){a("PIN must be exactly 6 letters and numbers"),u(1);return}a(null),u(null);let k=Number((Y=m.currentTarget.name)==null?void 0:Y.charAt(4)),T=[...g||[""]].slice(0,pt-k),S=[...n.slice(0,k),...T,...n.slice(k+T.length)];i(S);let I=T.length,V=Math.min(Math.max(k+I,0),pt-1),q=document.querySelector(`input[name=pin-${V}]`),U=T[T.length-1]||"";if(ca(U)&&(da(U)?q.autocapitalize="none":q.autocapitalize="on"),q==null||q.focus(),On(S)){let fe=document.querySelector(`input[name=pin-${V}]`);fe==null||fe.blur(),e(S.join(""))}else e(null);m.preventDefault()},E=m=>{d===1&&(a(null),u(null));let g=[...n.slice(0,m),"",...n.slice(m+1)];if(i(g),m>0){let f=document.querySelector(`input[name=pin-${m-1}]`);f==null||f.focus()}On(g)?e(g.join("")):e(null)};return Xo(wa,{children:[Xo(ma,{children:[dt(fa,{fail:!!r||!!s,children:r||s||"PIN can be letters and numbers"}),dt("div",{children:n.map((m,g)=>dt("input",{name:`pin-${g}`,type:"text",value:n[g],onChange:x,onKeyUp:f=>{f.key==="Backspace"&&E(g)},inputMode:"text",autoFocus:g===0,pattern:"[a-zA-Z0-9]",className:s?"fail":"",autoComplete:"off",disabled:t||o,autoCapitalize:"none"},g))})]}),!o&&dt(ga,{disabled:t,onClick:()=>{let m=ha();i([...m]),e(m)}})]})},ma=Qo.div`
|
|
530
546
|
display: flex;
|
|
531
547
|
flex-direction: column;
|
|
532
548
|
width: 100%;
|
|
533
549
|
gap: 8px;
|
|
534
550
|
|
|
535
|
-
${
|
|
551
|
+
${st}[data-height='medium'] & {
|
|
536
552
|
margin-top: 22px;
|
|
537
553
|
}
|
|
538
554
|
|
|
@@ -593,15 +609,15 @@ Resources:
|
|
|
593
609
|
transform: translate(1px, 0px);
|
|
594
610
|
}
|
|
595
611
|
}
|
|
596
|
-
`,
|
|
612
|
+
`,fa=Qo.div`
|
|
597
613
|
line-height: 20px;
|
|
598
614
|
height: 20px;
|
|
599
615
|
font-size: 13px;
|
|
600
|
-
color: ${
|
|
616
|
+
color: ${e=>e.fail?"var(--fail-dark)":"var(--light-theme-fg-3)"};
|
|
601
617
|
display: flex;
|
|
602
618
|
justify-content: flex-end;
|
|
603
619
|
width: 100%;
|
|
604
|
-
`,
|
|
620
|
+
`,ga=({onClick:e,disabled:t,...o})=>{let[r,n]=_t(!1),[i,s]=_t();return sa(()=>{t&&i&&clearTimeout(i),s(void 0)},[t]),Xo(ya,{onClick:a=>{i&&clearTimeout(i),n(!0),e==null||e(a),s(setTimeout(()=>n(!1),1e3))},justGenerated:r,disabled:t,...o,children:[r?dt(at,{style:{height:"14px",width:"14px"},strokeWidth:"2"}):dt(Nn,{style:{height:"14px",width:"14px"}}),r?"Generated":"Generate"," PIN"]})},ya=Qo.button`
|
|
605
621
|
display: flex;
|
|
606
622
|
align-items: center;
|
|
607
623
|
gap: 6px;
|
|
@@ -609,8 +625,8 @@ Resources:
|
|
|
609
625
|
&& {
|
|
610
626
|
margin: 8px 2px;
|
|
611
627
|
font-size: 14px;
|
|
612
|
-
color: ${
|
|
613
|
-
font-weight: ${
|
|
628
|
+
color: ${e=>e.justGenerated?"var(--light-theme-fg-1)":"var(--light-theme-fg-3)"};
|
|
629
|
+
font-weight: ${e=>e.justGenerated?"medium":"normal"};
|
|
614
630
|
transition: color 350ms ease;
|
|
615
631
|
|
|
616
632
|
:focus,
|
|
@@ -622,7 +638,7 @@ Resources:
|
|
|
622
638
|
}
|
|
623
639
|
|
|
624
640
|
:hover {
|
|
625
|
-
color: ${
|
|
641
|
+
color: ${e=>e.justGenerated?"var(--light-theme-fg-1)":"var(--light-theme-fg-2)"};
|
|
626
642
|
}
|
|
627
643
|
|
|
628
644
|
:active {
|
|
@@ -639,12 +655,12 @@ Resources:
|
|
|
639
655
|
width: 14px;
|
|
640
656
|
height: 14px;
|
|
641
657
|
}
|
|
642
|
-
`;import{Fragment as
|
|
658
|
+
`;import{Fragment as La,jsx as Se,jsxs as eo}from"react/jsx-runtime";var Dn=()=>{let{authenticated:e,getAccessToken:t,user:o}=z(),{walletProxy:r,refreshUser:n,closePrivyModal:i}=_(),{navigate:s,data:a}=v(),[d,u]=er(null),[x,E]=er(""),[m,g]=er(!1),{onFailure:f,callAuthOnSuccessOnClose:c}=a.createWallet;va(()=>{e||(s("LANDING"),f(new Error("User must be authenticated before creating a Privy wallet")))},[e]);let b=()=>{f(new Error("User exited before creating a wallet")),i({shouldCallAuthOnSuccess:c})},M=I=>{u(I)},k=Ee(o),T=k?()=>{g(!0),setTimeout(()=>{g(!1),s("EMBEDDED_WALLET_CREATED_SCREEN")},350)}:async()=>{g(!0);let I=await t();if(I&&d!==null)try{await(r==null?void 0:r.create({accessToken:I,recoveryPin:d})),E(""),await n()}catch(V){E("An error has occurred, please try again."),console.error(V)}finally{g(!1)}},S=!!k;return eo(La,{children:[Se(A,{onClose:b}),eo(ba,{children:[eo("div",{children:[Se(oe,{title:S?"Secure your PIN":"Set your PIN",description:S?"Don\u2019t lose this PIN. You\u2019ll need it to access your wallet across devices.":"To finish setting up your account, please set up a PIN."}),Se(Un,{onChange:M,disabled:m,readOnly:S,errorReasonOverride:x}),S?Se(Qt,{text:d||""}):null]}),eo(xa,{children:[Se("h4",{children:"Why am I doing this?"}),S?Se("p",{children:"This PIN allows you to access your wallet across devices. If you lose it, there is no way to recover your wallet."}):Se("p",{children:"A digital wallet is being created on this device for your account. This PIN allows you to access it across devices."})]}),Se(Ea,{loading:m||!r,disabled:!d,onClick:T,warn:S,hideAnimations:!k&&m,children:S?"I have saved my PIN":"Create your wallet"})]}),Se(j,{protectedByPrivy:!0})]})},ba=tr.div`
|
|
643
659
|
display: flex;
|
|
644
660
|
height: 100%;
|
|
645
661
|
flex-direction: column;
|
|
646
662
|
justify-content: space-between;
|
|
647
|
-
`,
|
|
663
|
+
`,xa=tr.div`
|
|
648
664
|
display: flex;
|
|
649
665
|
flex-direction: column;
|
|
650
666
|
justify-content: flex-start;
|
|
@@ -669,18 +685,26 @@ Resources:
|
|
|
669
685
|
color: var(--light-theme-fg-3);
|
|
670
686
|
font-size: 14px;
|
|
671
687
|
}
|
|
672
|
-
|
|
688
|
+
`,Ea=tr(de)`
|
|
689
|
+
${e=>e.hideAnimations&&Ca`
|
|
690
|
+
&& {
|
|
691
|
+
// Remove animations because the createNewWallet task on the iframe partially
|
|
692
|
+
// blocks the renderer, so the animation stutters and doesn't look good
|
|
693
|
+
transition: none;
|
|
694
|
+
}
|
|
695
|
+
`}
|
|
696
|
+
`;import{useState as Da}from"react";import*as Ne from"react-device-detect";import Ce from"styled-components";import or from"styled-components";import{jsx as Fn}from"react/jsx-runtime";var Gn=({style:e,...t})=>Fn("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",width:"17",height:"17",viewBox:"0 0 17 17",style:{height:"1.25rem",width:"1.25rem",...e},...t,children:Fn("path",{strokeLinecap:"round",strokeLinejoin:"round",fillRule:"evenodd",clipRule:"evenodd",d:"M16.5 8.67993C16.5 9.82986 15.853 10.8287 14.9032 11.3322C15.2188 12.3599 14.97 13.5237 14.1569 14.3368C13.3437 15.1499 12.18 15.3987 11.1523 15.0831C10.6488 16.0329 9.64993 16.6799 8.5 16.6799C7.35007 16.6799 6.35126 16.0329 5.84771 15.0831C4.82003 15.3987 3.65627 15.1499 2.84314 14.3368C2.03001 13.5237 1.78124 12.3599 2.09681 11.3322C1.14699 10.8287 0.5 9.82986 0.5 8.67993C0.5 7.53 1.14699 6.53119 2.0968 6.02764C1.78125 4.99996 2.03003 3.83621 2.84315 3.02309C3.65627 2.20997 4.82002 1.96119 5.8477 2.27675C6.35125 1.32692 7.35007 0.679932 8.5 0.679932C9.64992 0.679932 10.6487 1.32691 11.1523 2.27672C12.18 1.96115 13.3437 2.20993 14.1569 3.02305C14.97 3.83618 15.2188 4.99996 14.9032 6.02764C15.853 6.53119 16.5 7.53 16.5 8.67993ZM12.2659 6.68856C12.5654 6.40238 12.5761 5.92763 12.29 5.62818C12.0038 5.32873 11.529 5.31797 11.2296 5.60416C9.73022 7.03711 8.40877 8.65489 7.3018 10.4211L5.78033 8.89963C5.48744 8.60673 5.01256 8.60673 4.71967 8.89963C4.42678 9.19252 4.42678 9.66739 4.71967 9.96029L6.92031 12.1609C7.08544 12.3261 7.31807 12.4048 7.54957 12.374C7.78106 12.3432 7.98499 12.2064 8.1012 12.0038C9.23027 10.0356 10.6362 8.24613 12.2659 6.68856Z",fill:"var(--primary-color)"})});import{jsx as Pa,jsxs as _a}from"react/jsx-runtime";var rr=or.div`
|
|
673
697
|
display: flex;
|
|
674
698
|
flex-direction: column;
|
|
675
699
|
justify-content: flex-start;
|
|
676
700
|
gap: 4px;
|
|
677
|
-
`,
|
|
701
|
+
`,St=or.div`
|
|
678
702
|
&&& {
|
|
679
703
|
margin-left: 7px; /* TODO: This is a total hack */
|
|
680
704
|
border-left: 2px solid var(--border-color-2);
|
|
681
705
|
height: 12px;
|
|
682
706
|
}
|
|
683
|
-
|
|
707
|
+
`,$e=({children:e})=>_a(Aa,{children:[Pa(Gn,{style:{width:"16px",height:"16px"}}),e]}),Aa=or.div`
|
|
684
708
|
display: flex;
|
|
685
709
|
justify-content: flex-start;
|
|
686
710
|
justify-items: center;
|
|
@@ -698,22 +722,22 @@ Resources:
|
|
|
698
722
|
margin-bottom: auto;
|
|
699
723
|
}
|
|
700
724
|
}
|
|
701
|
-
`;import
|
|
725
|
+
`;import Sa from"qrcode";import ka from"styled-components";import{Fragment as ut,jsx as J,jsxs as Vn}from"react/jsx-runtime";var ne=7,nr=(e,t,o,r,n)=>{for(let i=t;i<t+r;i++)for(let s=o;s<o+n;s++){let a=e==null?void 0:e[s];a&&a[i]&&(a[i]=0)}return e},Ta=e=>{let t=Sa.create(e,{errorCorrectionLevel:"high"}).modules,o=qr(Array.from(t.data),t.size);return o=nr(o,0,0,ne,ne),o=nr(o,o.length-ne,0,ne,ne),o=nr(o,0,o.length-ne,ne,ne),o},Wa=({x:e,y:t,cellSize:o,bgColor:r,fgColor:n})=>J(ut,{children:[0,1,2].map(i=>J("circle",{r:o*(ne-i*2)/2,cx:e+o*ne/2,cy:t+o*ne/2,fill:i%2!==0?r:n},`finder-${e}-${t}-${i}`))}),Ra=({cellSize:e,matrixSize:t,bgColor:o,fgColor:r})=>{let n=[[0,0],[(t-ne)*e,0],[0,(t-ne)*e]];return J(ut,{children:n.map(([i,s])=>J(Wa,{x:i,y:s,cellSize:e,bgColor:o,fgColor:r}))})},Ma=({matrix:e,cellSize:t,color:o})=>J(ut,{children:e.map((r,n)=>r.map((i,s)=>i?J("circle",{r:t/2.5,cx:n*t+t/2,cy:s*t+t/2,fill:o},`circle-${n}-${s}`):J(ut,{})))}),Bn=(e,t)=>e-e%t,Ia=({outputSize:e,cellSize:t,element:o,size:r,padding:n,bgColor:i})=>{if(!o)return J(ut,{});let s=r||40,a=n||4,d=o,u=e/2-s/2-a;return Vn(ut,{children:[J("rect",{x:Bn(u,t),y:Bn(u,t),width:s+a*2+(u%t?t+.5:.5),height:s+a*2+(u%t?t+.5:.5),fill:i}),J(d,{x:e/2-s/2,y:e/2-s/2,height:s,width:s})]})},Na=e=>{var n;let t=e.outputSize,o=Ta(e.url),r=t/o.length;return Vn("svg",{height:e.outputSize,width:e.outputSize,viewBox:`0 0 ${e.outputSize} ${e.outputSize}`,style:{height:"100%",width:"100%"},children:[J(Ma,{matrix:o,cellSize:r,color:e.fgColor}),J(Ra,{cellSize:r,matrixSize:o.length,fgColor:e.fgColor,bgColor:e.bgColor}),J(Ia,{outputSize:e.outputSize,cellSize:r,element:(n=e.logo)==null?void 0:n.element,bgColor:e.bgColor})]})},Oa=ka.div`
|
|
702
726
|
display: flex;
|
|
703
727
|
justify-content: center;
|
|
704
728
|
align-items: center;
|
|
705
|
-
height: ${
|
|
706
|
-
width: ${
|
|
729
|
+
height: ${e=>`${e.size}px`};
|
|
730
|
+
width: ${e=>`${e.size}px`};
|
|
707
731
|
padding: 5px;
|
|
708
732
|
margin: auto;
|
|
709
|
-
background-color: ${
|
|
733
|
+
background-color: ${e=>e.bgColor};
|
|
710
734
|
|
|
711
735
|
&& {
|
|
712
736
|
border-width: 2px;
|
|
713
|
-
border-color: ${
|
|
737
|
+
border-color: ${e=>e.fgColor};
|
|
714
738
|
border-radius: 12px;
|
|
715
739
|
}
|
|
716
|
-
`,Bi=t=>{let e=t.bgColor||"#FFFFFF",o=t.fgColor||"#000000",r=t.size||160;return K(Ia,{size:r,bgColor:e,fgColor:o,children:K(Wa,{url:t.url,logo:{element:t.squareLogoElement},outputSize:r,bgColor:e,fgColor:o})})};import{jsx as Ra}from"react/jsx-runtime";var Hi=({size:t})=>Ra(Bi,{url:"https://coinbase-wallet.onelink.me/q5Sx/fdb9b250",squareLogoElement:ue,size:t,fgColor:"#1F1F1F"});import{jsx as E,jsxs as ro}from"react/jsx-runtime";var zi=({style:t,...e})=>ro("svg",{width:"286",height:"183",viewBox:"0 0 286 183",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{height:"1.25rem",width:"1.25rem",...t},...e,children:[E("rect",{x:"198.5",y:"133",width:"50",height:"50",rx:"25",fill:"#E1E7EF"}),E("path",{d:"M236.373 144.791L225.206 153.052L227.289 148.181L236.373 144.791Z",fill:"#E17726",stroke:"#E17726",strokeWidth:"0.47",strokeLinecap:"round",strokeLinejoin:"round"}),E("path",{d:"M210.627 144.791L221.692 153.116L219.711 148.187L210.627 144.785V144.791ZM232.353 163.933L229.377 168.47L235.738 170.219L237.557 164.036L232.347 163.933H232.353ZM209.448 164.036L211.257 170.219L217.602 168.47L214.647 163.933L209.448 164.036Z",fill:"#E27625",stroke:"#E27625",strokeWidth:"0.47",strokeLinecap:"round",strokeLinejoin:"round"}),E("path",{d:"M217.262 156.27L215.497 158.939L221.783 159.23L221.579 152.46L217.262 156.281V156.27V156.27ZM229.737 156.281L225.351 152.374L225.206 159.23L231.492 158.939L229.732 156.281H229.737ZM217.602 168.475L221.417 166.64L218.14 164.089L217.607 168.475H217.602ZM225.588 166.63L229.377 168.475L228.865 164.084L225.588 166.635V166.63Z",fill:"#E27625",stroke:"#E27625",strokeWidth:"0.47",strokeLinecap:"round",strokeLinejoin:"round"}),E("path",{d:"M229.377 168.47L225.588 166.635L225.895 169.1L225.862 170.144L229.382 168.47H229.377ZM217.602 168.47L221.137 170.144L221.11 169.1L221.417 166.635L217.602 168.47V168.47Z",fill:"#D5BFB2",stroke:"#D5BFB2",strokeWidth:"0.47",strokeLinecap:"round",strokeLinejoin:"round"}),E("path",{d:"M221.197 162.448L218.054 161.533L220.282 160.516L221.207 162.453H221.197V162.448ZM225.793 162.448L226.729 160.505L228.962 161.522L225.793 162.459V162.448Z",fill:"#233447",stroke:"#233447",strokeWidth:"0.47",strokeLinecap:"round",strokeLinejoin:"round"}),E("path",{d:"M217.602 168.47L218.156 163.933L214.647 164.035L217.602 168.47V168.47ZM228.844 163.933L229.377 168.47L232.353 164.035L228.844 163.933V163.933ZM231.503 158.939L225.217 159.23L225.793 162.459L226.729 160.505L228.962 161.522L231.503 158.939V158.939ZM218.054 161.533L220.282 160.516L221.207 162.453L221.794 159.224L215.508 158.944L218.059 161.538L218.054 161.533Z",fill:"#CC6228",stroke:"#CC6228",strokeWidth:"0.47",strokeLinecap:"round",strokeLinejoin:"round"}),E("path",{d:"M215.503 158.939L218.134 164.078L218.048 161.528L215.497 158.934L215.503 158.939ZM228.962 161.533L228.86 164.084L231.492 158.944L228.957 161.538L228.962 161.533ZM221.794 159.23L221.196 162.459L221.945 166.263L222.117 161.242L221.794 159.23ZM225.211 159.23L224.904 161.237L225.055 166.269L225.792 162.453L225.206 159.224V159.235L225.211 159.23Z",fill:"#E27525",stroke:"#E27525",strokeWidth:"0.47",strokeLinecap:"round",strokeLinejoin:"round"}),E("path",{d:"M225.793 162.448L225.055 166.263L225.588 166.635L228.86 164.084L228.962 161.528L225.793 162.448V162.448ZM218.054 161.528L218.14 164.078L221.417 166.629L221.945 166.263L221.207 162.448L218.048 161.528H218.059H218.054Z",fill:"#F5841F",stroke:"#F5841F",strokeWidth:"0.47",strokeLinecap:"round",strokeLinejoin:"round"}),E("path",{d:"M225.868 170.144L225.895 169.1L225.604 168.863H221.39L221.11 169.1L221.137 170.144L217.602 168.47L218.845 169.487L221.353 171.215H225.642L228.155 169.482L229.377 168.47L225.857 170.144H225.868V170.144Z",fill:"#C0AC9D",stroke:"#C0AC9D",strokeWidth:"0.47",strokeLinecap:"round",strokeLinejoin:"round"}),E("path",{d:"M225.588 166.63L225.055 166.264H221.945L221.417 166.635L221.11 169.1L221.39 168.863H225.604L225.895 169.1L225.588 166.635V166.624V166.63Z",fill:"#161616",stroke:"#161616",strokeWidth:"0.47",strokeLinecap:"round",strokeLinejoin:"round"}),E("path",{d:"M236.846 153.585L237.783 149.037L236.373 144.791L225.583 152.777L229.737 156.27L235.598 157.976L236.889 156.475L236.33 156.066L237.223 155.248L236.545 154.72L237.438 154.042L236.846 153.585H236.857H236.846ZM209.217 149.032L210.17 153.585L209.556 154.037L210.466 154.715L209.787 155.248L210.67 156.066L210.11 156.475L211.402 157.976L217.263 156.275L221.417 152.767L210.627 144.791L209.217 149.032V149.032Z",fill:"#763E1A",stroke:"#763E1A",strokeWidth:"0.47",strokeLinecap:"round",strokeLinejoin:"round"}),E("path",{d:"M235.598 157.976L229.737 156.275L231.502 158.934L228.871 164.073L232.353 164.03H237.562L235.598 157.97V157.976ZM217.263 156.27L211.402 157.976L209.448 164.035H214.658L218.14 164.079L215.508 158.939L217.273 156.27H217.263V156.27ZM225.206 159.224L225.588 152.766L227.289 148.176H219.711L221.412 152.766L221.794 159.224L221.939 161.248V166.263H225.055L225.071 161.248L225.206 159.224V159.224Z",fill:"#F5841F",stroke:"#F5841F",strokeWidth:"0.47",strokeLinecap:"round",strokeLinejoin:"round"}),E("rect",{x:"192",y:"30",width:"50",height:"50",rx:"25",fill:"#0C5BFF"}),E("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M205 55C205 61.6274 210.373 67 217 67C223.627 67 229 61.6274 229 55C229 48.3726 223.627 43 217 43C210.373 43 205 48.3726 205 55ZM213.933 51.1333C213.491 51.1333 213.133 51.4915 213.133 51.9333V58.0667C213.133 58.5085 213.491 58.8667 213.933 58.8667H220.067C220.508 58.8667 220.867 58.5085 220.867 58.0667V51.9333C220.867 51.4915 220.508 51.1333 220.067 51.1333H213.933Z",fill:"white"}),E("rect",{x:"39.5",y:"18",width:"50",height:"50",rx:"25",fill:"url(#paint0_linear_428_81)"}),E("path",{d:"M77.3677 42.8335H74.102C74.102 36.2519 68.6881 30.9167 62.0091 30.9167C55.4129 30.9167 50.0501 36.1213 49.9189 42.5901C49.7831 49.2769 56.1492 55.0834 62.9357 55.0834H63.7893C69.7724 55.0834 77.7916 50.468 79.0445 44.8444C79.2758 43.8079 78.445 42.8335 77.3677 42.8335ZM57.1562 43.1267C57.1562 44.0068 56.4257 44.7267 55.5325 44.7267C54.6394 44.7267 53.9089 44.0065 53.9089 43.1267V40.5383C53.9089 39.6582 54.6394 38.9383 55.5325 38.9383C56.4257 38.9383 57.1562 39.6582 57.1562 40.5383V43.1267ZM62.794 43.1267C62.794 44.0068 62.0636 44.7267 61.1705 44.7267C60.2773 44.7267 59.5468 44.0065 59.5468 43.1267V40.5383C59.5468 39.6582 60.2776 38.9383 61.1705 38.9383C62.0636 38.9383 62.794 39.6582 62.794 40.5383V43.1267Z",fill:"url(#paint1_linear_428_81)"}),E("rect",{x:"46.5",y:"124",width:"50",height:"50",rx:"25",fill:"#141414"}),E("g",{clipPath:"url(#clip0_428_81)",children:E("path",{d:"M62.1497 143.578C67.3134 138.585 75.6867 138.585 80.8505 143.578L81.4722 144.179C81.5335 144.238 81.5822 144.308 81.6155 144.386C81.6488 144.463 81.666 144.547 81.666 144.631C81.666 144.715 81.6488 144.799 81.6155 144.876C81.5822 144.954 81.5335 145.024 81.4722 145.083L79.3462 147.139C79.2835 147.199 79.1996 147.232 79.1123 147.232C79.025 147.232 78.9411 147.199 78.8784 147.139L78.0232 146.311C74.421 142.829 68.58 142.829 64.977 146.311L64.0611 147.197C63.9984 147.257 63.9145 147.29 63.8272 147.29C63.7399 147.29 63.656 147.257 63.5933 147.197L61.4672 145.141C61.4059 145.083 61.3572 145.012 61.3239 144.935C61.2906 144.857 61.2735 144.774 61.2735 144.689C61.2735 144.605 61.2906 144.521 61.3239 144.444C61.3572 144.366 61.4059 144.296 61.4672 144.237L62.1497 143.578ZM85.248 147.829L87.1397 149.659C87.201 149.718 87.2497 149.788 87.283 149.865C87.3163 149.943 87.3334 150.027 87.3334 150.111C87.3334 150.195 87.3163 150.279 87.283 150.356C87.2497 150.434 87.201 150.504 87.1397 150.563L78.6081 158.812C78.4828 158.933 78.315 159 78.1403 159C77.9656 159 77.7978 158.933 77.6725 158.812L71.6177 152.957C71.5864 152.927 71.5443 152.91 71.5005 152.91C71.4567 152.91 71.4147 152.927 71.3833 152.957L65.3285 158.812C65.2032 158.933 65.0354 159 64.8607 159C64.686 159 64.5182 158.933 64.3929 158.812L55.8605 150.563C55.7992 150.504 55.7505 150.434 55.7172 150.356C55.6839 150.279 55.6667 150.195 55.6667 150.111C55.6667 150.027 55.6839 149.943 55.7172 149.865C55.7505 149.788 55.7992 149.718 55.8605 149.659L57.7531 147.829C57.8783 147.709 58.0459 147.642 58.2204 147.642C58.3949 147.642 58.5625 147.709 58.6878 147.829L64.7427 153.684C64.774 153.714 64.816 153.731 64.8598 153.731C64.9036 153.731 64.9457 153.714 64.977 153.684L71.0319 147.829C71.1572 147.709 71.325 147.641 71.4997 147.641C71.6743 147.641 71.8422 147.709 71.9675 147.829L78.0232 153.684C78.0545 153.714 78.0965 153.731 78.1403 153.731C78.1841 153.731 78.2262 153.714 78.2575 153.684L84.3124 147.829C84.4377 147.709 84.6055 147.641 84.7802 147.641C84.9549 147.641 85.1227 147.709 85.248 147.829Z",fill:"white"})}),E("rect",{x:"103.5",y:"58",width:"78",height:"78",rx:"39",fill:"white"}),E("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M131.626 83.0058C128.674 83.3405 126.5 85.8652 126.5 88.8363V92.0779V103.277V105.099C126.5 108.098 128.713 110.636 131.695 110.952C134.982 111.301 139.216 111.667 142.5 111.667C147.147 111.667 153.695 110.934 156.773 110.555C157.765 110.433 158.5 109.588 158.5 108.589V92.0779C158.5 91.0782 157.765 90.2337 156.773 90.1115C153.705 89.7336 147.189 89.0046 142.545 88.9999L142.5 88.9999L142.46 88.9999C139.655 89.0025 136.165 89.2695 133.166 89.564C132.488 89.5642 131.907 89.0495 131.84 88.3608C131.768 87.6279 132.304 86.9755 133.037 86.9036C136.061 86.6067 139.621 86.3333 142.5 86.3333C145.707 86.3333 149.764 86.6728 152.989 87.007C154.039 87.1159 155.006 87.2247 155.833 87.3221V85.3898C155.833 84.3995 155.112 83.56 154.131 83.4288C151.262 83.0454 145.367 82.3333 141.167 82.3333C138.276 82.3333 134.583 82.6705 131.626 83.0058ZM153.833 102.333C154.938 102.333 155.833 101.438 155.833 100.333C155.833 99.2287 154.938 98.3333 153.833 98.3333C152.729 98.3333 151.833 99.2287 151.833 100.333C151.833 101.438 152.729 102.333 153.833 102.333Z",fill:"#696FFD"}),E("rect",{x:"103.5",y:"58",width:"78",height:"78",rx:"39",stroke:"#E1E7EF",strokeWidth:"2"}),E("path",{d:"M269.405 111C278.27 111 285.457 103.837 285.457 95C285.457 86.1634 278.27 79 269.405 79C260.54 79 253.354 86.1634 253.354 95C253.354 103.837 260.54 111 269.405 111Z",fill:"#B9BBFE"}),E("path",{d:"M133.971 24C140.62 24 146.01 18.6274 146.01 12C146.01 5.37258 140.62 0 133.971 0C127.322 0 121.932 5.37258 121.932 12C121.932 18.6274 127.322 24 133.971 24Z",fill:"#B9BBFE"}),E("path",{d:"M15.5917 112C20.5782 112 24.6206 107.971 24.6206 103C24.6206 98.0294 20.5782 94 15.5917 94C10.6051 94 6.56274 98.0294 6.56274 103C6.56274 107.971 10.6051 112 15.5917 112Z",fill:"#B9BBFE"}),E("path",{d:"M152.029 177C157.57 177 162.061 172.523 162.061 167C162.061 161.477 157.57 157 152.029 157C146.488 157 141.997 161.477 141.997 167C141.997 172.523 146.488 177 152.029 177Z",fill:"#E9E9FF"}),E("path",{d:"M263.386 21C267.818 21 271.412 17.4183 271.412 13C271.412 8.58172 267.818 5 263.386 5C258.953 5 255.36 8.58172 255.36 13C255.36 17.4183 258.953 21 263.386 21Z",fill:"#E9E9FF"}),E("path",{d:"M7.06436 36C10.6658 36 13.5853 33.0899 13.5853 29.5C13.5853 25.9101 10.6658 23 7.06436 23C3.46296 23 0.543457 25.9101 0.543457 29.5C0.543457 33.0899 3.46296 36 7.06436 36Z",fill:"#E9E9FF"}),ro("defs",{children:[ro("linearGradient",{id:"paint0_linear_428_81",x1:"64.5",y1:"18",x2:"64.5",y2:"68",gradientUnits:"userSpaceOnUse",children:[E("stop",{stopColor:"#534BB1"}),E("stop",{offset:"1",stopColor:"#551BF9"})]}),ro("linearGradient",{id:"paint1_linear_428_81",x1:"64.5",y1:"30.9167",x2:"64.5",y2:"55.0834",gradientUnits:"userSpaceOnUse",children:[E("stop",{stopColor:"white"}),E("stop",{offset:"1",stopColor:"white",stopOpacity:"0.82"})]}),E("clipPath",{id:"clip0_428_81",children:E("rect",{width:"31.6667",height:"19.1667",fill:"white",transform:"translate(55.6667 139.833)"})})]})]});import{Fragment as sr,jsx as C,jsxs as j}from"react/jsx-runtime";var ar=()=>{let{navigate:t}=v(),e="https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn?hl=en";return Re.isFirefox&&(e="https://addons.mozilla.org/en-US/firefox/addon/ether-metamask/"),j(qi,{children:[C(Y,{title:"Create a Metamask wallet",description:"Follow the instructions below to get started."}),C(Ki,{children:C(he,{style:{width:"152px",height:"152px"}})}),j(ir,{children:[C(Be,{children:j("div",{children:[C("span",{children:"Install the "}),C("a",{href:e,target:"_blank",children:"MetaMask browser extension"})]})}),C(_t,{}),C(Be,{children:"Set up your first wallet"}),C(_t,{}),C(Be,{children:"Store your recovery phrase in a safe place!"})]}),C(Ji,{onClick:()=>t("LANDING"),children:"Done! I have my wallet"})]})},lr=()=>{let{navigate:t}=v();return j(qi,{children:[C(Y,{title:"Create a Coinbase wallet",description:"Follow the instructions below to get started."}),C(Ki,{style:{marginTop:"-24px"},children:C(Hi,{size:200})}),j(ir,{children:[C(Be,{children:"Scan the QR code with your camera"}),C(_t,{}),C(Be,{children:"Set up your first wallet"}),C(_t,{}),C(Be,{children:"Store your seed phrase in a safe place!"})]}),C(Ji,{onClick:()=>t("LANDING"),children:"Done! I have my wallet"})]})},Zi=()=>{let[t,e]=Ma("WHAT_IS_A_WALLET"),{navigateBack:o}=v();return j(sr,{children:[C(A,{backFn:t==="WHAT_IS_A_WALLET"?o:t==="PICK_A_NEW_WALLET"?()=>e("WHAT_IS_A_WALLET"):()=>e("PICK_A_NEW_WALLET")},"header"),j(Na,{children:[t==="WHAT_IS_A_WALLET"&&j(sr,{children:[C(Ga,{children:C(zi,{style:{width:"240px",height:"auto",borderRadius:"var(--border-radius-sm)",marginBottom:"32px"}})}),j(et,{title:"Get started with a new wallet",children:[C("p",{children:"Wallets help you store, send, and receive digital assets and collectibles. They are also a new\xA0way\xA0to\xA0log\xA0in."}),C("p",{children:"Instead of creating new accounts and passwords for every app, you just connect your wallet and bring your\xA0data\xA0with\xA0you."})]}),C(Da,{children:C(Fa,{onClick:()=>{e("PICK_A_NEW_WALLET")},children:"Create a wallet"})})]}),t==="PICK_A_NEW_WALLET"&&C(sr,{children:j(Oa,{children:[C(Y,{title:"Create a new wallet",description:"Select one the wallet providers below to get started on your web3 adventure."}),j(Ua,{children:[j($i,{onClick:()=>{Re.isIOS?window.location.href="https://apps.apple.com/us/app/metamask-blockchain-wallet/id1438144202":Re.isAndroid?window.location.href="https://play.google.com/store/apps/details?id=io.metamask":e("CREATE_METAMASK_WALLET")},children:[C(he,{}),j(ji,{children:[C("h4",{children:"MetaMask"}),C("p",{children:"Get a browser-based wallet"})]}),C("div",{children:C("span",{children:"Set up"})})]}),j($i,{onClick:()=>{Re.isIOS?window.location.href="https://apps.apple.com/us/app/coinbase-wallet-nfts-crypto/id1278383455":Re.isAndroid?window.location.href="https://play.google.com/store/apps/details?id=org.toshi":e("CREATE_COINBASE_WALLET")},children:[C(ue,{}),j(ji,{children:[C("h4",{children:"Coinbase Wallet"}),C("p",{children:"Get a mobile app wallet"})]}),C("div",{children:C("span",{children:"Set up"})})]})]})]})}),t==="CREATE_COINBASE_WALLET"&&C(lr,{}),t==="CREATE_METAMASK_WALLET"&&C(ar,{})]}),j(se,{children:[C("span",{children:"Still not sure? "}),C("a",{target:"_blank",href:"https://join.tell.ie/blog/explaining-web3-wallets",children:"Learn more"}),"."]})]})},Na=ae.div`
|
|
740
|
+
`,Hn=e=>{let t=e.bgColor||"#FFFFFF",o=e.fgColor||"#000000",r=e.size||160;return J(Oa,{size:r,bgColor:t,fgColor:o,children:J(Na,{url:e.url,logo:{element:e.squareLogoElement},outputSize:r,bgColor:t,fgColor:o})})};import{jsx as Ua}from"react/jsx-runtime";var $n=({size:e})=>Ua(Hn,{url:"https://coinbase-wallet.onelink.me/q5Sx/fdb9b250",squareLogoElement:le,size:e,fgColor:"#1F1F1F"});import{jsx as L,jsxs as to}from"react/jsx-runtime";var zn=({style:e,...t})=>to("svg",{width:"286",height:"183",viewBox:"0 0 286 183",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{height:"1.25rem",width:"1.25rem",...e},...t,children:[L("rect",{x:"198.5",y:"133",width:"50",height:"50",rx:"25",fill:"#E1E7EF"}),L("path",{d:"M236.373 144.791L225.206 153.052L227.289 148.181L236.373 144.791Z",fill:"#E17726",stroke:"#E17726",strokeWidth:"0.47",strokeLinecap:"round",strokeLinejoin:"round"}),L("path",{d:"M210.627 144.791L221.692 153.116L219.711 148.187L210.627 144.785V144.791ZM232.353 163.933L229.377 168.47L235.738 170.219L237.557 164.036L232.347 163.933H232.353ZM209.448 164.036L211.257 170.219L217.602 168.47L214.647 163.933L209.448 164.036Z",fill:"#E27625",stroke:"#E27625",strokeWidth:"0.47",strokeLinecap:"round",strokeLinejoin:"round"}),L("path",{d:"M217.262 156.27L215.497 158.939L221.783 159.23L221.579 152.46L217.262 156.281V156.27V156.27ZM229.737 156.281L225.351 152.374L225.206 159.23L231.492 158.939L229.732 156.281H229.737ZM217.602 168.475L221.417 166.64L218.14 164.089L217.607 168.475H217.602ZM225.588 166.63L229.377 168.475L228.865 164.084L225.588 166.635V166.63Z",fill:"#E27625",stroke:"#E27625",strokeWidth:"0.47",strokeLinecap:"round",strokeLinejoin:"round"}),L("path",{d:"M229.377 168.47L225.588 166.635L225.895 169.1L225.862 170.144L229.382 168.47H229.377ZM217.602 168.47L221.137 170.144L221.11 169.1L221.417 166.635L217.602 168.47V168.47Z",fill:"#D5BFB2",stroke:"#D5BFB2",strokeWidth:"0.47",strokeLinecap:"round",strokeLinejoin:"round"}),L("path",{d:"M221.197 162.448L218.054 161.533L220.282 160.516L221.207 162.453H221.197V162.448ZM225.793 162.448L226.729 160.505L228.962 161.522L225.793 162.459V162.448Z",fill:"#233447",stroke:"#233447",strokeWidth:"0.47",strokeLinecap:"round",strokeLinejoin:"round"}),L("path",{d:"M217.602 168.47L218.156 163.933L214.647 164.035L217.602 168.47V168.47ZM228.844 163.933L229.377 168.47L232.353 164.035L228.844 163.933V163.933ZM231.503 158.939L225.217 159.23L225.793 162.459L226.729 160.505L228.962 161.522L231.503 158.939V158.939ZM218.054 161.533L220.282 160.516L221.207 162.453L221.794 159.224L215.508 158.944L218.059 161.538L218.054 161.533Z",fill:"#CC6228",stroke:"#CC6228",strokeWidth:"0.47",strokeLinecap:"round",strokeLinejoin:"round"}),L("path",{d:"M215.503 158.939L218.134 164.078L218.048 161.528L215.497 158.934L215.503 158.939ZM228.962 161.533L228.86 164.084L231.492 158.944L228.957 161.538L228.962 161.533ZM221.794 159.23L221.196 162.459L221.945 166.263L222.117 161.242L221.794 159.23ZM225.211 159.23L224.904 161.237L225.055 166.269L225.792 162.453L225.206 159.224V159.235L225.211 159.23Z",fill:"#E27525",stroke:"#E27525",strokeWidth:"0.47",strokeLinecap:"round",strokeLinejoin:"round"}),L("path",{d:"M225.793 162.448L225.055 166.263L225.588 166.635L228.86 164.084L228.962 161.528L225.793 162.448V162.448ZM218.054 161.528L218.14 164.078L221.417 166.629L221.945 166.263L221.207 162.448L218.048 161.528H218.059H218.054Z",fill:"#F5841F",stroke:"#F5841F",strokeWidth:"0.47",strokeLinecap:"round",strokeLinejoin:"round"}),L("path",{d:"M225.868 170.144L225.895 169.1L225.604 168.863H221.39L221.11 169.1L221.137 170.144L217.602 168.47L218.845 169.487L221.353 171.215H225.642L228.155 169.482L229.377 168.47L225.857 170.144H225.868V170.144Z",fill:"#C0AC9D",stroke:"#C0AC9D",strokeWidth:"0.47",strokeLinecap:"round",strokeLinejoin:"round"}),L("path",{d:"M225.588 166.63L225.055 166.264H221.945L221.417 166.635L221.11 169.1L221.39 168.863H225.604L225.895 169.1L225.588 166.635V166.624V166.63Z",fill:"#161616",stroke:"#161616",strokeWidth:"0.47",strokeLinecap:"round",strokeLinejoin:"round"}),L("path",{d:"M236.846 153.585L237.783 149.037L236.373 144.791L225.583 152.777L229.737 156.27L235.598 157.976L236.889 156.475L236.33 156.066L237.223 155.248L236.545 154.72L237.438 154.042L236.846 153.585H236.857H236.846ZM209.217 149.032L210.17 153.585L209.556 154.037L210.466 154.715L209.787 155.248L210.67 156.066L210.11 156.475L211.402 157.976L217.263 156.275L221.417 152.767L210.627 144.791L209.217 149.032V149.032Z",fill:"#763E1A",stroke:"#763E1A",strokeWidth:"0.47",strokeLinecap:"round",strokeLinejoin:"round"}),L("path",{d:"M235.598 157.976L229.737 156.275L231.502 158.934L228.871 164.073L232.353 164.03H237.562L235.598 157.97V157.976ZM217.263 156.27L211.402 157.976L209.448 164.035H214.658L218.14 164.079L215.508 158.939L217.273 156.27H217.263V156.27ZM225.206 159.224L225.588 152.766L227.289 148.176H219.711L221.412 152.766L221.794 159.224L221.939 161.248V166.263H225.055L225.071 161.248L225.206 159.224V159.224Z",fill:"#F5841F",stroke:"#F5841F",strokeWidth:"0.47",strokeLinecap:"round",strokeLinejoin:"round"}),L("rect",{x:"192",y:"30",width:"50",height:"50",rx:"25",fill:"#0C5BFF"}),L("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M205 55C205 61.6274 210.373 67 217 67C223.627 67 229 61.6274 229 55C229 48.3726 223.627 43 217 43C210.373 43 205 48.3726 205 55ZM213.933 51.1333C213.491 51.1333 213.133 51.4915 213.133 51.9333V58.0667C213.133 58.5085 213.491 58.8667 213.933 58.8667H220.067C220.508 58.8667 220.867 58.5085 220.867 58.0667V51.9333C220.867 51.4915 220.508 51.1333 220.067 51.1333H213.933Z",fill:"white"}),L("rect",{x:"39.5",y:"18",width:"50",height:"50",rx:"25",fill:"url(#paint0_linear_428_81)"}),L("path",{d:"M77.3677 42.8335H74.102C74.102 36.2519 68.6881 30.9167 62.0091 30.9167C55.4129 30.9167 50.0501 36.1213 49.9189 42.5901C49.7831 49.2769 56.1492 55.0834 62.9357 55.0834H63.7893C69.7724 55.0834 77.7916 50.468 79.0445 44.8444C79.2758 43.8079 78.445 42.8335 77.3677 42.8335ZM57.1562 43.1267C57.1562 44.0068 56.4257 44.7267 55.5325 44.7267C54.6394 44.7267 53.9089 44.0065 53.9089 43.1267V40.5383C53.9089 39.6582 54.6394 38.9383 55.5325 38.9383C56.4257 38.9383 57.1562 39.6582 57.1562 40.5383V43.1267ZM62.794 43.1267C62.794 44.0068 62.0636 44.7267 61.1705 44.7267C60.2773 44.7267 59.5468 44.0065 59.5468 43.1267V40.5383C59.5468 39.6582 60.2776 38.9383 61.1705 38.9383C62.0636 38.9383 62.794 39.6582 62.794 40.5383V43.1267Z",fill:"url(#paint1_linear_428_81)"}),L("rect",{x:"46.5",y:"124",width:"50",height:"50",rx:"25",fill:"#141414"}),L("g",{clipPath:"url(#clip0_428_81)",children:L("path",{d:"M62.1497 143.578C67.3134 138.585 75.6867 138.585 80.8505 143.578L81.4722 144.179C81.5335 144.238 81.5822 144.308 81.6155 144.386C81.6488 144.463 81.666 144.547 81.666 144.631C81.666 144.715 81.6488 144.799 81.6155 144.876C81.5822 144.954 81.5335 145.024 81.4722 145.083L79.3462 147.139C79.2835 147.199 79.1996 147.232 79.1123 147.232C79.025 147.232 78.9411 147.199 78.8784 147.139L78.0232 146.311C74.421 142.829 68.58 142.829 64.977 146.311L64.0611 147.197C63.9984 147.257 63.9145 147.29 63.8272 147.29C63.7399 147.29 63.656 147.257 63.5933 147.197L61.4672 145.141C61.4059 145.083 61.3572 145.012 61.3239 144.935C61.2906 144.857 61.2735 144.774 61.2735 144.689C61.2735 144.605 61.2906 144.521 61.3239 144.444C61.3572 144.366 61.4059 144.296 61.4672 144.237L62.1497 143.578ZM85.248 147.829L87.1397 149.659C87.201 149.718 87.2497 149.788 87.283 149.865C87.3163 149.943 87.3334 150.027 87.3334 150.111C87.3334 150.195 87.3163 150.279 87.283 150.356C87.2497 150.434 87.201 150.504 87.1397 150.563L78.6081 158.812C78.4828 158.933 78.315 159 78.1403 159C77.9656 159 77.7978 158.933 77.6725 158.812L71.6177 152.957C71.5864 152.927 71.5443 152.91 71.5005 152.91C71.4567 152.91 71.4147 152.927 71.3833 152.957L65.3285 158.812C65.2032 158.933 65.0354 159 64.8607 159C64.686 159 64.5182 158.933 64.3929 158.812L55.8605 150.563C55.7992 150.504 55.7505 150.434 55.7172 150.356C55.6839 150.279 55.6667 150.195 55.6667 150.111C55.6667 150.027 55.6839 149.943 55.7172 149.865C55.7505 149.788 55.7992 149.718 55.8605 149.659L57.7531 147.829C57.8783 147.709 58.0459 147.642 58.2204 147.642C58.3949 147.642 58.5625 147.709 58.6878 147.829L64.7427 153.684C64.774 153.714 64.816 153.731 64.8598 153.731C64.9036 153.731 64.9457 153.714 64.977 153.684L71.0319 147.829C71.1572 147.709 71.325 147.641 71.4997 147.641C71.6743 147.641 71.8422 147.709 71.9675 147.829L78.0232 153.684C78.0545 153.714 78.0965 153.731 78.1403 153.731C78.1841 153.731 78.2262 153.714 78.2575 153.684L84.3124 147.829C84.4377 147.709 84.6055 147.641 84.7802 147.641C84.9549 147.641 85.1227 147.709 85.248 147.829Z",fill:"white"})}),L("rect",{x:"103.5",y:"58",width:"78",height:"78",rx:"39",fill:"white"}),L("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M131.626 83.0058C128.674 83.3405 126.5 85.8652 126.5 88.8363V92.0779V103.277V105.099C126.5 108.098 128.713 110.636 131.695 110.952C134.982 111.301 139.216 111.667 142.5 111.667C147.147 111.667 153.695 110.934 156.773 110.555C157.765 110.433 158.5 109.588 158.5 108.589V92.0779C158.5 91.0782 157.765 90.2337 156.773 90.1115C153.705 89.7336 147.189 89.0046 142.545 88.9999L142.5 88.9999L142.46 88.9999C139.655 89.0025 136.165 89.2695 133.166 89.564C132.488 89.5642 131.907 89.0495 131.84 88.3608C131.768 87.6279 132.304 86.9755 133.037 86.9036C136.061 86.6067 139.621 86.3333 142.5 86.3333C145.707 86.3333 149.764 86.6728 152.989 87.007C154.039 87.1159 155.006 87.2247 155.833 87.3221V85.3898C155.833 84.3995 155.112 83.56 154.131 83.4288C151.262 83.0454 145.367 82.3333 141.167 82.3333C138.276 82.3333 134.583 82.6705 131.626 83.0058ZM153.833 102.333C154.938 102.333 155.833 101.438 155.833 100.333C155.833 99.2287 154.938 98.3333 153.833 98.3333C152.729 98.3333 151.833 99.2287 151.833 100.333C151.833 101.438 152.729 102.333 153.833 102.333Z",fill:"#696FFD"}),L("rect",{x:"103.5",y:"58",width:"78",height:"78",rx:"39",stroke:"#E1E7EF",strokeWidth:"2"}),L("path",{d:"M269.405 111C278.27 111 285.457 103.837 285.457 95C285.457 86.1634 278.27 79 269.405 79C260.54 79 253.354 86.1634 253.354 95C253.354 103.837 260.54 111 269.405 111Z",fill:"#B9BBFE"}),L("path",{d:"M133.971 24C140.62 24 146.01 18.6274 146.01 12C146.01 5.37258 140.62 0 133.971 0C127.322 0 121.932 5.37258 121.932 12C121.932 18.6274 127.322 24 133.971 24Z",fill:"#B9BBFE"}),L("path",{d:"M15.5917 112C20.5782 112 24.6206 107.971 24.6206 103C24.6206 98.0294 20.5782 94 15.5917 94C10.6051 94 6.56274 98.0294 6.56274 103C6.56274 107.971 10.6051 112 15.5917 112Z",fill:"#B9BBFE"}),L("path",{d:"M152.029 177C157.57 177 162.061 172.523 162.061 167C162.061 161.477 157.57 157 152.029 157C146.488 157 141.997 161.477 141.997 167C141.997 172.523 146.488 177 152.029 177Z",fill:"#E9E9FF"}),L("path",{d:"M263.386 21C267.818 21 271.412 17.4183 271.412 13C271.412 8.58172 267.818 5 263.386 5C258.953 5 255.36 8.58172 255.36 13C255.36 17.4183 258.953 21 263.386 21Z",fill:"#E9E9FF"}),L("path",{d:"M7.06436 36C10.6658 36 13.5853 33.0899 13.5853 29.5C13.5853 25.9101 10.6658 23 7.06436 23C3.46296 23 0.543457 25.9101 0.543457 29.5C0.543457 33.0899 3.46296 36 7.06436 36Z",fill:"#E9E9FF"}),to("defs",{children:[to("linearGradient",{id:"paint0_linear_428_81",x1:"64.5",y1:"18",x2:"64.5",y2:"68",gradientUnits:"userSpaceOnUse",children:[L("stop",{stopColor:"#534BB1"}),L("stop",{offset:"1",stopColor:"#551BF9"})]}),to("linearGradient",{id:"paint1_linear_428_81",x1:"64.5",y1:"30.9167",x2:"64.5",y2:"55.0834",gradientUnits:"userSpaceOnUse",children:[L("stop",{stopColor:"white"}),L("stop",{offset:"1",stopColor:"white",stopOpacity:"0.82"})]}),L("clipPath",{id:"clip0_428_81",children:L("rect",{width:"31.6667",height:"19.1667",fill:"white",transform:"translate(55.6667 139.833)"})})]})]});import{Fragment as ir,jsx as C,jsxs as Z}from"react/jsx-runtime";var sr=()=>{let{navigate:e}=v(),t="https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn?hl=en";return Ne.isFirefox&&(t="https://addons.mozilla.org/en-US/firefox/addon/ether-metamask/"),Z(Kn,{children:[C(oe,{title:"Create a Metamask wallet",description:"Follow the instructions below to get started."}),C(Jn,{children:C(ce,{style:{width:"152px",height:"152px"}})}),Z(rr,{children:[C($e,{children:Z("div",{children:[C("span",{children:"Install the "}),C("a",{href:t,target:"_blank",children:"MetaMask browser extension"})]})}),C(St,{}),C($e,{children:"Set up your first wallet"}),C(St,{}),C($e,{children:"Store your recovery phrase in a safe place!"})]}),C(te,{onClick:()=>e("LANDING"),children:"Done! I have my wallet"})]})},ar=()=>{let{navigate:e}=v();return Z(Kn,{children:[C(oe,{title:"Create a Coinbase wallet",description:"Follow the instructions below to get started."}),C(Jn,{style:{marginTop:"-24px"},children:C($n,{size:200})}),Z(rr,{children:[C($e,{children:"Scan the QR code with your camera"}),C(St,{}),C($e,{children:"Set up your first wallet"}),C(St,{}),C($e,{children:"Store your seed phrase in a safe place!"})]}),C(te,{onClick:()=>e("LANDING"),children:"Done! I have my wallet"})]})},qn=()=>{let[e,t]=Da("WHAT_IS_A_WALLET"),{navigateBack:o}=v();return Z(ir,{children:[C(A,{backFn:e==="WHAT_IS_A_WALLET"?o:e==="PICK_A_NEW_WALLET"?()=>t("WHAT_IS_A_WALLET"):()=>t("PICK_A_NEW_WALLET")},"header"),Z(Fa,{children:[e==="WHAT_IS_A_WALLET"&&Z(ir,{children:[C($a,{children:C(zn,{style:{width:"240px",height:"auto",borderRadius:"var(--border-radius-sm)",marginBottom:"32px"}})}),Z(it,{title:"Get started with a new wallet",children:[C("p",{children:"Wallets help you store, send, and receive digital assets and collectibles. They are also a new\xA0way\xA0to\xA0log\xA0in."}),C("p",{children:"Instead of creating new accounts and passwords for every app, you just connect your wallet and bring your\xA0data\xA0with\xA0you."})]}),C(Ha,{children:C(Va,{onClick:()=>{t("PICK_A_NEW_WALLET")},children:"Create a wallet"})})]}),e==="PICK_A_NEW_WALLET"&&C(ir,{children:Z(Ga,{children:[C(oe,{title:"Create a new wallet",description:"Select one the wallet providers below to get started on your web3 adventure."}),Z(Ba,{children:[Z(jn,{onClick:()=>{Ne.isIOS?window.location.href="https://apps.apple.com/us/app/metamask-blockchain-wallet/id1438144202":Ne.isAndroid?window.location.href="https://play.google.com/store/apps/details?id=io.metamask":t("CREATE_METAMASK_WALLET")},children:[C(ce,{}),Z(Zn,{children:[C("h4",{children:"MetaMask"}),C("p",{children:"Get a browser-based wallet"})]}),C("div",{children:C("span",{children:"Set up"})})]}),Z(jn,{onClick:()=>{Ne.isIOS?window.location.href="https://apps.apple.com/us/app/coinbase-wallet-nfts-crypto/id1278383455":Ne.isAndroid?window.location.href="https://play.google.com/store/apps/details?id=org.toshi":t("CREATE_COINBASE_WALLET")},children:[C(le,{}),Z(Zn,{children:[C("h4",{children:"Coinbase Wallet"}),C("p",{children:"Get a mobile app wallet"})]}),C("div",{children:C("span",{children:"Set up"})})]})]})]})}),e==="CREATE_COINBASE_WALLET"&&C(ar,{}),e==="CREATE_METAMASK_WALLET"&&C(sr,{})]}),Z(ue,{children:[C("span",{children:"Still not sure? "}),C("a",{target:"_blank",href:"https://join.tell.ie/blog/explaining-web3-wallets",children:"Learn more"}),"."]})]})},Fa=Ce.div`
|
|
717
741
|
display: flex;
|
|
718
742
|
flex-direction: column;
|
|
719
743
|
height: 100%;
|
|
@@ -723,19 +747,19 @@ Resources:
|
|
|
723
747
|
display: none;
|
|
724
748
|
}
|
|
725
749
|
}
|
|
726
|
-
`,
|
|
750
|
+
`,Ga=Ce.div`
|
|
727
751
|
display: flex;
|
|
728
752
|
flex-direction: column;
|
|
729
753
|
align-items: flex-start;
|
|
730
754
|
justify-content: flex-start;
|
|
731
755
|
text-align: left;
|
|
732
756
|
gap: 20px;
|
|
733
|
-
`,
|
|
757
|
+
`,Ba=Ce.div`
|
|
734
758
|
display: flex;
|
|
735
759
|
flex-direction: column;
|
|
736
760
|
width: 100%;
|
|
737
761
|
gap: 8px;
|
|
738
|
-
|
|
762
|
+
`,jn=Ce.button`
|
|
739
763
|
display: flex;
|
|
740
764
|
flex-direction: row;
|
|
741
765
|
align-items: center;
|
|
@@ -778,13 +802,13 @@ Resources:
|
|
|
778
802
|
font-weight: 500;
|
|
779
803
|
text-align: center;
|
|
780
804
|
color: var(--primary-color);
|
|
781
|
-
background-color: var(--primary-color-
|
|
805
|
+
background-color: var(--primary-color-100);
|
|
782
806
|
border-radius: var(--border-radius-sm);
|
|
783
807
|
}
|
|
784
808
|
}
|
|
785
809
|
|
|
786
810
|
:hover {
|
|
787
|
-
border: 1px solid var(--
|
|
811
|
+
border: 1px solid var(--border-color-active);
|
|
788
812
|
}
|
|
789
813
|
|
|
790
814
|
@media (max-width: 440px) {
|
|
@@ -792,24 +816,24 @@ Resources:
|
|
|
792
816
|
border: 1px solid var(--border-color-2);
|
|
793
817
|
}
|
|
794
818
|
}
|
|
795
|
-
`,
|
|
819
|
+
`,Zn=Ce.div`
|
|
796
820
|
text-align: left;
|
|
797
821
|
|
|
798
822
|
p {
|
|
799
823
|
font-style: italic;
|
|
800
824
|
font-size: 12px;
|
|
801
825
|
}
|
|
802
|
-
`,
|
|
826
|
+
`,Ha=Ce.div`
|
|
803
827
|
margin-top: auto;
|
|
804
828
|
display: flex;
|
|
805
829
|
align-items: flex-end;
|
|
806
830
|
flex-grow: 1;
|
|
807
831
|
width: 100%;
|
|
808
|
-
`,
|
|
832
|
+
`,Va=Ce(de)`
|
|
809
833
|
&& {
|
|
810
834
|
margin-top: 14px;
|
|
811
835
|
}
|
|
812
|
-
`,
|
|
836
|
+
`,Kn=Ce.div`
|
|
813
837
|
display: flex;
|
|
814
838
|
flex-direction: column;
|
|
815
839
|
align-items: center;
|
|
@@ -820,28 +844,19 @@ Resources:
|
|
|
820
844
|
> :first-child > svg {
|
|
821
845
|
margin-top: 20px;
|
|
822
846
|
}
|
|
823
|
-
`,
|
|
847
|
+
`,Jn=Ce.div`
|
|
824
848
|
display: flex;
|
|
825
849
|
flex-direction: column;
|
|
826
850
|
align-items: center;
|
|
827
851
|
justify-content: center;
|
|
828
852
|
width: 100%;
|
|
829
|
-
|
|
830
|
-
&& {
|
|
831
|
-
padding: 12px 16px;
|
|
832
|
-
font-weight: 500;
|
|
833
|
-
text-align: center;
|
|
834
|
-
color: var(--primary-color);
|
|
835
|
-
background-color: var(--primary-color-bg-1);
|
|
836
|
-
border-radius: var(--border-radius-sm);
|
|
837
|
-
}
|
|
838
|
-
`,Ga=ae.div`
|
|
853
|
+
`,$a=Ce.div`
|
|
839
854
|
display: flex;
|
|
840
855
|
justify-content: center;
|
|
841
|
-
`;import{Fragment as
|
|
856
|
+
`;import{Fragment as za,jsx as oo,jsxs as Yn}from"react/jsx-runtime";var Xn=()=>{let{navigateBack:e}=v();return Yn(za,{children:[oo(A,{backFn:e},"header"),oo(ar,{}),Yn(ue,{children:[oo("span",{children:"Still not sure? "}),oo("a",{target:"_blank",href:"https://join.tell.ie/blog/explaining-web3-wallets",children:"Learn more"})]})]})};import{Fragment as ja,jsx as ro,jsxs as Qn}from"react/jsx-runtime";var ei=()=>{let{navigateBack:e}=v();return Qn(ja,{children:[ro(A,{backFn:e},"header"),ro(sr,{}),Qn(ue,{children:[ro("span",{children:"Still not sure? "}),ro("a",{target:"_blank",href:"https://join.tell.ie/blog/explaining-web3-wallets",children:"Learn more"})]})]})};import{useState as Cl}from"react";import{isMobile as ui}from"react-device-detect";import ft from"styled-components";import{jsx as ti}from"react/jsx-runtime";var oi=()=>{let{app:e}=v();return e!=null&&e.logoUrl?ti("div",{children:ti("img",{src:e.logoUrl,alt:`${e==null?void 0:e.name} logo`,style:{objectFit:"contain",width:"200px",height:"80px"}})}):null};import{useEffect as Za,useState as lr}from"react";import io from"styled-components";import{jsx as ri}from"react/jsx-runtime";var no=({style:e,...t})=>ri("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",style:{height:"1.5rem",width:"1.5rem",...e},...t,children:ri("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"})});import{Fragment as Xa,jsx as ht,jsxs as cr}from"react/jsx-runtime";var so=e=>{let[t,o]=lr(""),[r,n]=lr(!1),[i,s]=lr(null),{isLinking:a,initLoginWithEmail:d}=_(),{navigate:u,options:x}=v(),E=x.wallet;Za(()=>{let c=document.querySelector("#email-input");c==null||c.focus()},[]);let m=$r(t),g=()=>{n(!0),d(t).then(()=>{u("AWAITING_PASSWORDLESS_CODE")}).catch(c=>{let b=(c==null?void 0:c.status)===401&&(c==null?void 0:c.message)==="User is not allowed to login to this app.";(c==null?void 0:c.status)===422?s(c.message):b?u("ALLOWLIST_REJECTION_SCREEN"):s("Issue submitting email"),n(!1)})},f="Get started without a wallet.";return i?f=i:a?f="Easily connect an email":E||(f="Get started quickly with email"),cr(Xa,{children:[cr(qa,{stacked:e.stacked,children:[cr(Ja,{standalone:e.stacked,children:[ht(no,{}),ht("input",{id:"email-input",type:"email",placeholder:"your@email.com",onChange:c=>o(c.target.value),onKeyUp:c=>{c.key==="Enter"&&g()},value:t,autoComplete:"email"})]}),e.stacked?null:ht(Ka,{disabled:r||!m,onClick:g,children:r?ht(ot,{}):"Submit"})]}),ht(Ya,{fail:!!i,children:f}),e.stacked?ht(de,{loading:r,loadingText:null,disabled:r||!m,onClick:g,children:"Submit"}):null]})},qa=io.div`
|
|
842
857
|
border: 1px solid var(--border-color-1);
|
|
843
858
|
width: 100%;
|
|
844
|
-
height: ${
|
|
859
|
+
height: ${e=>e.stacked?"100%":"auto"};
|
|
845
860
|
|
|
846
861
|
display: flex;
|
|
847
862
|
align-content: center;
|
|
@@ -851,7 +866,7 @@ Resources:
|
|
|
851
866
|
@media (max-width: 440px) {
|
|
852
867
|
margin-top: 20px;
|
|
853
868
|
}
|
|
854
|
-
|
|
869
|
+
`,Ka=io.button`
|
|
855
870
|
display: flex;
|
|
856
871
|
flex-direction: row;
|
|
857
872
|
align-items: center;
|
|
@@ -869,44 +884,26 @@ Resources:
|
|
|
869
884
|
padding-right: 15px;
|
|
870
885
|
background-color: var(--primary-color);
|
|
871
886
|
color: var(--light-theme-bg-1);
|
|
887
|
+
transition: background-color 200ms ease;
|
|
872
888
|
}
|
|
873
889
|
|
|
874
|
-
|
|
875
|
-
background-color: var(--
|
|
876
|
-
color: var(--disabled-fg);
|
|
877
|
-
cursor: not-allowed;
|
|
878
|
-
}
|
|
879
|
-
`,ja=St.button`
|
|
880
|
-
display: flex;
|
|
881
|
-
flex-direction: column;
|
|
882
|
-
align-items: center;
|
|
883
|
-
justify-content: center;
|
|
884
|
-
& {
|
|
885
|
-
height: 44px;
|
|
886
|
-
width: 100%;
|
|
887
|
-
cursor: pointer;
|
|
888
|
-
font-size: 14px;
|
|
889
|
-
font-weight: 600;
|
|
890
|
-
border-radius: var(--border-radius-sm);
|
|
891
|
-
}
|
|
892
|
-
|
|
893
|
-
&& {
|
|
894
|
-
background-color: var(--primary-color);
|
|
895
|
-
color: var(--light-theme-bg-1);
|
|
890
|
+
&:hover {
|
|
891
|
+
background-color: var(--primary-color-600);
|
|
896
892
|
}
|
|
897
893
|
|
|
898
|
-
|
|
894
|
+
&:disabled,
|
|
895
|
+
&:hover:disabled {
|
|
899
896
|
background-color: var(--disabled-bg);
|
|
900
897
|
color: var(--disabled-fg);
|
|
901
898
|
cursor: not-allowed;
|
|
902
899
|
}
|
|
903
|
-
`,
|
|
900
|
+
`,Ja=io.label`
|
|
904
901
|
display: flex;
|
|
905
902
|
flex-direction: row;
|
|
906
903
|
align-items: center;
|
|
907
904
|
position: relative;
|
|
908
905
|
width: 100%;
|
|
909
|
-
height: ${
|
|
906
|
+
height: ${e=>e.standalone?"64px":"44px"};
|
|
910
907
|
background: var(--light-theme-bg-1);
|
|
911
908
|
|
|
912
909
|
> svg {
|
|
@@ -923,7 +920,7 @@ Resources:
|
|
|
923
920
|
line-height: 20px;
|
|
924
921
|
|
|
925
922
|
/* Mirror parent to handle embedded logo on left */
|
|
926
|
-
border-radius: ${
|
|
923
|
+
border-radius: ${e=>e.standalone?"var(--border-radius-sm)":"var(--border-radius-sm) 0px 0px var(--border-radius-sm)"};
|
|
927
924
|
height: 100%;
|
|
928
925
|
width: 100%;
|
|
929
926
|
border: 1px solid var(--border-color-1);
|
|
@@ -937,11 +934,11 @@ Resources:
|
|
|
937
934
|
line-height: 24px;
|
|
938
935
|
}
|
|
939
936
|
}
|
|
940
|
-
`,
|
|
937
|
+
`,Ya=io.div`
|
|
941
938
|
line-height: 20px;
|
|
942
939
|
height: 20px;
|
|
943
940
|
font-size: 13px;
|
|
944
|
-
color: ${
|
|
941
|
+
color: ${e=>e.success?"var(--success-dark)":e.fail?"var(--fail-dark)":"var(--light-theme-fg-3)"};
|
|
945
942
|
display: flex;
|
|
946
943
|
justify-content: space-between;
|
|
947
944
|
width: 100%;
|
|
@@ -950,12 +947,12 @@ Resources:
|
|
|
950
947
|
> a {
|
|
951
948
|
text-decoration: underline;
|
|
952
949
|
}
|
|
953
|
-
`;import{useEffect as
|
|
950
|
+
`;import{useEffect as Qa,useState as dr}from"react";import lo from"styled-components";import{jsx as ni}from"react/jsx-runtime";var ao=({style:e,...t})=>ni("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 20",strokeWidth:1.5,stroke:"currentColor",style:{height:"1.5rem",width:"1.5rem",...e},...t,children:ni("path",{d:"M2.5 4.16667C2.5 3.72464 2.67559 3.30072 2.98816 2.98816C3.30072 2.67559 3.72464 2.5 4.16667 2.5H6.9C7.07483 2.50013 7.24519 2.55525 7.38696 2.65754C7.52874 2.75984 7.63475 2.90413 7.69 3.07L8.93833 6.81417C9.00158 7.00445 8.9941 7.21116 8.91726 7.39637C8.84042 7.58158 8.69938 7.73288 8.52 7.8225L6.63917 8.76417C7.5611 10.8046 9.19538 12.4389 11.2358 13.3608L12.1775 11.48C12.2671 11.3006 12.4184 11.1596 12.6036 11.0827C12.7888 11.0059 12.9956 10.9984 13.1858 11.0617L16.93 12.31C17.096 12.3653 17.2404 12.4714 17.3427 12.6134C17.445 12.7553 17.5 12.9259 17.5 13.1008V15.8333C17.5 16.2754 17.3244 16.6993 17.0118 17.0118C16.6993 17.3244 16.2754 17.5 15.8333 17.5H15C8.09667 17.5 2.5 11.9033 2.5 5V4.16667Z",strokeLinecap:"round",strokeLinejoin:"round"})});import{Fragment as nl,jsx as mt,jsxs as pr}from"react/jsx-runtime";var co=e=>{let[t,o]=dr(""),[r,n]=dr(!1),[i,s]=dr(null),{isLinking:a,initLoginWithSms:d}=_(),{navigate:u,options:x}=v(),E=x.wallet;Qa(()=>{let c=document.querySelector("#phone-number-input");c==null||c.focus()},[]);let m=zr(t),g=()=>{n(!0),d(t).then(()=>{u("AWAITING_PASSWORDLESS_CODE")}).catch(c=>{let b=(c==null?void 0:c.status)===401&&(c==null?void 0:c.message)==="User is not allowed to login to this app.";(c==null?void 0:c.status)===422?s(c.message):b?u("ALLOWLIST_REJECTION_SCREEN"):s("Issue submitting phone number"),n(!1)})},f="Get started without a wallet.";return i?f=i:a?f="Easily connect a phone number":E||(f="Get started quickly with your phone"),pr(nl,{children:[pr(el,{stacked:e.stacked,children:[pr(ol,{standalone:e.stacked,children:[mt(ao,{}),mt("input",{id:"phone-number-input",type:"tel",placeholder:"555 555 5555",onChange:c=>{o(c.target.value)},onKeyUp:c=>{c.key==="Enter"&&g()},value:t,autoComplete:"tel"})]}),e.stacked?null:mt(tl,{disabled:r||!m,onClick:g,children:r?mt(ot,{}):"Submit"})]}),mt(rl,{fail:!!i,children:f}),e.stacked?mt(de,{loading:r,loadingText:null,disabled:r||!m,onClick:g,children:"Submit"}):null]})},el=lo.div`
|
|
954
951
|
display: flex;
|
|
955
952
|
border: 1px solid var(--border-color-1);
|
|
956
953
|
width: 100%;
|
|
957
954
|
|
|
958
|
-
height: ${
|
|
955
|
+
height: ${e=>e.stacked?"100%":"auto"};
|
|
959
956
|
display: flex;
|
|
960
957
|
align-content: center;
|
|
961
958
|
align-items: center;
|
|
@@ -964,7 +961,7 @@ Resources:
|
|
|
964
961
|
@media (max-width: 440px) {
|
|
965
962
|
margin-top: 20px;
|
|
966
963
|
}
|
|
967
|
-
`,
|
|
964
|
+
`,tl=lo.button`
|
|
968
965
|
display: flex;
|
|
969
966
|
flex-direction: row;
|
|
970
967
|
align-items: center;
|
|
@@ -982,44 +979,26 @@ Resources:
|
|
|
982
979
|
padding-right: 15px;
|
|
983
980
|
background-color: var(--primary-color);
|
|
984
981
|
color: var(--light-theme-bg-1);
|
|
982
|
+
transition: background-color 200ms ease;
|
|
985
983
|
}
|
|
986
984
|
|
|
987
|
-
|
|
988
|
-
background-color: var(--
|
|
989
|
-
color: var(--disabled-fg);
|
|
990
|
-
cursor: not-allowed;
|
|
991
|
-
}
|
|
992
|
-
`,Qa=Pt.button`
|
|
993
|
-
display: flex;
|
|
994
|
-
flex-direction: column;
|
|
995
|
-
align-items: center;
|
|
996
|
-
justify-content: center;
|
|
997
|
-
& {
|
|
998
|
-
height: 44px;
|
|
999
|
-
width: 100%;
|
|
1000
|
-
cursor: pointer;
|
|
1001
|
-
font-size: 14px;
|
|
1002
|
-
font-weight: 600;
|
|
1003
|
-
border-radius: var(--border-radius-sm);
|
|
985
|
+
&:hover {
|
|
986
|
+
background-color: var(--primary-color-600);
|
|
1004
987
|
}
|
|
1005
988
|
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
color: var(--light-theme-bg-1);
|
|
1009
|
-
}
|
|
1010
|
-
|
|
1011
|
-
&&:disabled {
|
|
989
|
+
&:disabled,
|
|
990
|
+
&:hover:disabled {
|
|
1012
991
|
background-color: var(--disabled-bg);
|
|
1013
992
|
color: var(--disabled-fg);
|
|
1014
993
|
cursor: not-allowed;
|
|
1015
994
|
}
|
|
1016
|
-
`,
|
|
995
|
+
`,ol=lo.label`
|
|
1017
996
|
display: flex;
|
|
1018
997
|
flex-direction: row;
|
|
1019
998
|
align-items: center;
|
|
1020
999
|
position: relative;
|
|
1021
1000
|
width: 100%;
|
|
1022
|
-
height: ${
|
|
1001
|
+
height: ${e=>e.standalone?"64px":"44px"};
|
|
1023
1002
|
background: var(--light-theme-bg-1);
|
|
1024
1003
|
|
|
1025
1004
|
> svg {
|
|
@@ -1036,7 +1015,7 @@ Resources:
|
|
|
1036
1015
|
line-height: 20px;
|
|
1037
1016
|
|
|
1038
1017
|
/* Mirror parent to handle embedded logo on left */
|
|
1039
|
-
border-radius: ${
|
|
1018
|
+
border-radius: ${e=>e.standalone?"var(--border-radius-sm)":"var(--border-radius-sm) 0px 0px var(--border-radius-sm)"};
|
|
1040
1019
|
height: 100%;
|
|
1041
1020
|
width: 100%;
|
|
1042
1021
|
border: 1px solid var(--border-color-1);
|
|
@@ -1050,11 +1029,11 @@ Resources:
|
|
|
1050
1029
|
line-height: 24px;
|
|
1051
1030
|
}
|
|
1052
1031
|
}
|
|
1053
|
-
`,
|
|
1032
|
+
`,rl=lo.div`
|
|
1054
1033
|
line-height: 20px;
|
|
1055
1034
|
height: 20px;
|
|
1056
1035
|
font-size: 13px;
|
|
1057
|
-
color: ${
|
|
1036
|
+
color: ${e=>e.success?"var(--success-dark)":e.fail?"var(--fail-dark)":"var(--light-theme-fg-3)"};
|
|
1058
1037
|
display: flex;
|
|
1059
1038
|
justify-content: space-between;
|
|
1060
1039
|
width: 100%;
|
|
@@ -1063,13 +1042,13 @@ Resources:
|
|
|
1063
1042
|
> a {
|
|
1064
1043
|
text-decoration: underline;
|
|
1065
1044
|
}
|
|
1066
|
-
`;import Tt from"styled-components";import{jsx as kt,jsxs as
|
|
1045
|
+
`;import Tt from"styled-components";import{jsx as kt,jsxs as il}from"react/jsx-runtime";var po=({logoFill:e,style:t,...o})=>il("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 71 55",style:{height:"24px",...t},...o,children:[kt("g",{clipPath:"url(#clip0)",children:kt("path",{d:"M60.1045 4.8978C55.5792 2.8214 50.7265 1.2916 45.6527 0.41542C45.5603 0.39851 45.468 0.440769 45.4204 0.525289C44.7963 1.6353 44.105 3.0834 43.6209 4.2216C38.1637 3.4046 32.7345 3.4046 27.3892 4.2216C26.905 3.0581 26.1886 1.6353 25.5617 0.525289C25.5141 0.443589 25.4218 0.40133 25.3294 0.41542C20.2584 1.2888 15.4057 2.8186 10.8776 4.8978C10.8384 4.9147 10.8048 4.9429 10.7825 4.9795C1.57795 18.7309 -0.943561 32.1443 0.293408 45.3914C0.299005 45.4562 0.335386 45.5182 0.385761 45.5576C6.45866 50.0174 12.3413 52.7249 18.1147 54.5195C18.2071 54.5477 18.305 54.5139 18.3638 54.4378C19.7295 52.5728 20.9469 50.6063 21.9907 48.5383C22.0523 48.4172 21.9935 48.2735 21.8676 48.2256C19.9366 47.4931 18.0979 46.6 16.3292 45.5858C16.1893 45.5041 16.1781 45.304 16.3068 45.2082C16.679 44.9293 17.0513 44.6391 17.4067 44.3461C17.471 44.2926 17.5606 44.2813 17.6362 44.3151C29.2558 49.6202 41.8354 49.6202 53.3179 44.3151C53.3935 44.2785 53.4831 44.2898 53.5502 44.3433C53.9057 44.6363 54.2779 44.9293 54.6529 45.2082C54.7816 45.304 54.7732 45.5041 54.6333 45.5858C52.8646 46.6197 51.0259 47.4931 49.0921 48.2228C48.9662 48.2707 48.9102 48.4172 48.9718 48.5383C50.038 50.6034 51.2554 52.5699 52.5959 54.435C52.6519 54.5139 52.7526 54.5477 52.845 54.5195C58.6464 52.7249 64.529 50.0174 70.6019 45.5576C70.6551 45.5182 70.6887 45.459 70.6943 45.3942C72.1747 30.0791 68.2147 16.7757 60.1968 4.9823C60.1772 4.9429 60.1437 4.9147 60.1045 4.8978ZM23.7259 37.3253C20.2276 37.3253 17.3451 34.1136 17.3451 30.1693C17.3451 26.225 20.1717 23.0133 23.7259 23.0133C27.308 23.0133 30.1626 26.2532 30.1066 30.1693C30.1066 34.1136 27.28 37.3253 23.7259 37.3253ZM47.3178 37.3253C43.8196 37.3253 40.9371 34.1136 40.9371 30.1693C40.9371 26.225 43.7636 23.0133 47.3178 23.0133C50.9 23.0133 53.7545 26.2532 53.6986 30.1693C53.6986 34.1136 50.9 37.3253 47.3178 37.3253Z",fill:e==="primary"?"#5865f2":"white"})}),kt("defs",{children:kt("clipPath",{id:"clip0",children:kt("rect",{width:"71",height:"55",fill:"white"})})})]});import{jsx as ii}from"react/jsx-runtime";var uo=({logoFill:e,style:t,...o})=>ii("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"24",y:"24",viewBox:"0 0 98 96",style:{height:"24px",...t},...o,children:ii("path",{d:"M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z",fill:e==="primary"?"#2D333B":"white"})});import{jsx as ho,jsxs as sl}from"react/jsx-runtime";var mo=({style:e,...t})=>sl("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{height:"26px",width:"26px",...e},...t,children:[ho("path",{d:"M22.56 12.25C22.56 11.47 22.49 10.72 22.36 10H12V14.255H17.92C17.665 15.63 16.89 16.795 15.725 17.575V20.335H19.28C21.36 18.42 22.56 15.6 22.56 12.25Z",fill:"#4285F4"}),ho("path",{d:"M12 23C14.97 23 17.46 22.015 19.28 20.335L15.725 17.575C14.74 18.235 13.48 18.625 12 18.625C9.13504 18.625 6.71004 16.69 5.84504 14.09H2.17004V16.94C3.98004 20.535 7.70004 23 12 23Z",fill:"#34A853"}),ho("path",{d:"M5.845 14.09C5.625 13.43 5.5 12.725 5.5 12C5.5 11.275 5.625 10.57 5.845 9.91V7.06H2.17C1.4 8.59286 0.999321 10.2846 1 12C1 13.775 1.425 15.455 2.17 16.94L5.845 14.09Z",fill:"#FBBC05"}),ho("path",{d:"M12 5.375C13.615 5.375 15.065 5.93 16.205 7.02L19.36 3.865C17.455 2.09 14.965 1 12 1C7.70004 1 3.98004 3.465 2.17004 7.06L5.84504 9.91C6.71004 7.31 9.13504 5.375 12 5.375Z",fill:"#EA4335"})]});import{jsx as si}from"react/jsx-runtime";var fo=({style:e,logoFill:t,...o})=>si("svg",{width:"24",height:"20",viewBox:"0 0 24 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{height:"26px",width:"26px",...e},...o,children:si("path",{d:"M7.54311 19.7551C16.5973 19.7551 21.5516 12.2467 21.5516 5.74656C21.5516 5.53533 21.5516 5.32409 21.542 5.11286C22.5021 4.42156 23.3375 3.54783 24 2.55888C23.1166 2.95254 22.1661 3.21178 21.1675 3.3366C22.1853 2.73171 22.963 1.76196 23.3375 0.609788C22.3869 1.17627 21.3308 1.57953 20.2074 1.80037C19.3049 0.840223 18.0279 0.244934 16.6165 0.244934C13.8993 0.244934 11.6909 2.45326 11.6909 5.17047C11.6909 5.55453 11.7389 5.92898 11.8157 6.29384C7.72554 6.09221 4.09619 4.12391 1.66703 1.14747C1.24457 1.87718 1.00453 2.72211 1.00453 3.62464C1.00453 5.3337 1.87826 6.84112 3.19366 7.72445C2.38714 7.69565 1.62862 7.47481 0.966125 7.10996C0.966125 7.12916 0.966125 7.14837 0.966125 7.17717C0.966125 9.55833 2.66558 11.5554 4.91232 12.0067C4.49945 12.1219 4.06739 12.1795 3.61612 12.1795C3.29927 12.1795 2.99203 12.1507 2.69438 12.0931C3.31848 14.0518 5.14275 15.4728 7.29347 15.5112C5.60362 16.8362 3.4817 17.6235 1.17736 17.6235C0.783698 17.6235 0.390039 17.6043 0.00598145 17.5563C2.17591 18.9389 4.76829 19.7551 7.54311 19.7551Z",fill:t==="primary"?"#1da1f2":"white"})});import{jsx as Oe,jsxs as ul}from"react/jsx-runtime";var ai=({showGoogle:e,showTwitter:t,showDiscord:o,showGithub:r,stacked:n})=>{let{initLoginWithOAuth:i}=_();return ul(al,{stacked:n,children:[e&&Oe(pl,{onClick:()=>{i("google")},children:Oe(mo,{})}),t&&Oe(ll,{onClick:()=>{i("twitter")},children:Oe(fo,{})}),o&&Oe(cl,{onClick:()=>{i("discord")},children:Oe(po,{})}),r&&Oe(dl,{onClick:()=>{i("github")},children:Oe(uo,{})})]})},al=Tt.div`
|
|
1067
1046
|
display: flex;
|
|
1068
|
-
flex-direction: ${
|
|
1047
|
+
flex-direction: ${e=>e.stacked?"column":"row"};
|
|
1069
1048
|
justify-content: space-between;
|
|
1070
1049
|
width: 100%;
|
|
1071
1050
|
gap: 4px;
|
|
1072
|
-
`,
|
|
1051
|
+
`,ll=Tt.button`
|
|
1073
1052
|
&& {
|
|
1074
1053
|
border-radius: var(--border-radius-sm);
|
|
1075
1054
|
cursor: pointer;
|
|
@@ -1081,7 +1060,7 @@ Resources:
|
|
|
1081
1060
|
justify-content: center;
|
|
1082
1061
|
align-items: center;
|
|
1083
1062
|
}
|
|
1084
|
-
`,
|
|
1063
|
+
`,cl=Tt.button`
|
|
1085
1064
|
&& {
|
|
1086
1065
|
border-radius: var(--border-radius-sm);
|
|
1087
1066
|
cursor: pointer;
|
|
@@ -1093,7 +1072,7 @@ Resources:
|
|
|
1093
1072
|
justify-content: center;
|
|
1094
1073
|
align-items: center;
|
|
1095
1074
|
}
|
|
1096
|
-
`,
|
|
1075
|
+
`,dl=Tt.button`
|
|
1097
1076
|
&& {
|
|
1098
1077
|
border-radius: var(--border-radius-sm);
|
|
1099
1078
|
cursor: pointer;
|
|
@@ -1105,7 +1084,7 @@ Resources:
|
|
|
1105
1084
|
justify-content: center;
|
|
1106
1085
|
align-items: center;
|
|
1107
1086
|
}
|
|
1108
|
-
`,
|
|
1087
|
+
`,pl=Tt.button`
|
|
1109
1088
|
&& {
|
|
1110
1089
|
border-radius: var(--border-radius-sm);
|
|
1111
1090
|
cursor: pointer;
|
|
@@ -1118,11 +1097,11 @@ Resources:
|
|
|
1118
1097
|
align-items: center;
|
|
1119
1098
|
border: 1px solid var(--border-color-2);
|
|
1120
1099
|
}
|
|
1121
|
-
`;import{isMobile as
|
|
1100
|
+
`;import{isMobile as ci}from"react-device-detect";import di from"styled-components";import{isIOS as hl,isMobile as ml}from"react-device-detect";var ur=e=>{let t=new URL(window.location.href);if(!window.ethereum&&ml){let o;switch(e){case"metamask":hl?o="dapp://"+t.hostname+t.pathname:o="https://metamask.app.link/dapp/"+t.hostname+t.pathname;break;case"coinbase_wallet":o="https://go.cb-w.com/dapp?cb_url="+encodeURIComponent(t.href.replace(/\/$/g,""));break;case"wallet_connect":break;default:break}o&&window.location.assign(o)}};import fl from"styled-components";var li=fl.span`
|
|
1122
1101
|
@media (max-width: 440px) {
|
|
1123
1102
|
display: none;
|
|
1124
1103
|
}
|
|
1125
|
-
`;import{jsx as
|
|
1104
|
+
`;import{jsx as ke,jsxs as Wt}from"react/jsx-runtime";var go=()=>{let{navigate:e}=v(),{initLoginWithWallet:t,closePrivyModal:o}=_();return Wt(gl,{children:[Wt(hr,{onClick:()=>{Io()?(t("metamask"),e("AWAITING_CONNECTION")):ci?(ur("metamask"),o()):e("INSTALL_METAMASK_SCREEN")},children:[ke(ce,{}),ke("span",{children:"Metamask"}),ke("span",{children:Io()?"Connect":"Install"})]}),Wt(hr,{onClick:()=>{$t()?(t("coinbase_wallet"),e("AWAITING_CONNECTION")):ci?(ur("coinbase_wallet"),o()):(t("coinbase_wallet"),e("AWAITING_CONNECTION"))},children:[ke(le,{}),Wt("span",{children:["Coinbase",ke(li,{children:" Wallet"})]}),ke("span",{children:"Connect"})]}),Wt(hr,{onClick:()=>{t("wallet_connect"),e("AWAITING_CONNECTION")},children:[ke(We,{}),ke("span",{children:"WalletConnect"}),ke("span",{children:"Connect"})]})]})},gl=di.div`
|
|
1126
1105
|
display: flex;
|
|
1127
1106
|
flex-direction: column;
|
|
1128
1107
|
align-items: flex-start;
|
|
@@ -1132,7 +1111,7 @@ Resources:
|
|
|
1132
1111
|
@media (max-width: 440px) {
|
|
1133
1112
|
flex-direction: row;
|
|
1134
1113
|
}
|
|
1135
|
-
`,
|
|
1114
|
+
`,hr=di.button`
|
|
1136
1115
|
display: flex;
|
|
1137
1116
|
flex-direction: row;
|
|
1138
1117
|
align-items: center;
|
|
@@ -1199,7 +1178,7 @@ Resources:
|
|
|
1199
1178
|
:hover > :last-child {
|
|
1200
1179
|
opacity: 1;
|
|
1201
1180
|
}
|
|
1202
|
-
`;import
|
|
1181
|
+
`;import yl from"styled-components";import{jsx as pi,jsxs as vl}from"react/jsx-runtime";var yo=()=>{let{navigate:e}=v();return vl(wl,{children:[pi("span",{children:"Don\u2019t have a wallet? "}),pi("button",{onClick:()=>{e("WALLET_EDUCATION")},children:"Create one now."})]})},wl=yl.div`
|
|
1203
1182
|
font-size: 13px;
|
|
1204
1183
|
color: var(--light-theme-fg-3);
|
|
1205
1184
|
|
|
@@ -1210,23 +1189,23 @@ Resources:
|
|
|
1210
1189
|
@media (max-width: 440px) {
|
|
1211
1190
|
margin-top: 4px;
|
|
1212
1191
|
}
|
|
1213
|
-
`;import{Fragment as
|
|
1214
|
-
font-weight: ${
|
|
1215
|
-
color: ${
|
|
1192
|
+
`;import{Fragment as mr,jsx as G,jsxs as ze}from"react/jsx-runtime";var mi=()=>{let{app:e,options:t}=v(),o=t.email,r=t.sms,n=t.wallet,i=t.google,s=t.twitter,a=t.discord,d=t.github,u=n&&(e==null?void 0:e.showWalletLoginFirst)?0:1,[x,E]=Cl(u),m=x==0,g=x==1,f=n,c=o||r;return ze(mr,{children:[G(A,{},"header"),G(Al,{hasOnlyOneSection:f!==c,hasTerms:!!((e==null?void 0:e.privacyPolicyUrl)||(e==null?void 0:e.termsAndConditionsUrl)),children:G(oi,{})}),ze(Pl,{reverse:!(e!=null&&e.showWalletLoginFirst),children:[f&&G(bl,{active:m,onClick:()=>E(0),isOnlySection:!c}),c&&G(xl,{active:g,onClick:()=>E(1),email:o,sms:r,google:i,twitter:s,discord:a,github:d,isOnlySection:!f})]}),e&&G(wn,{app:e}),G(j,{protectedByPrivy:!0})]})};function bl(e){return ze(gi,{active:e.active,onClick:e.onClick,isOnlySection:e.isOnlySection,children:[G(fi,{active:e.active,children:G("h4",{children:"Connect Wallet"})}),e.active&&ze(mr,{children:[G(go,{}),G(yo,{})]})]})}function xl(e){let t=e.google||e.discord||e.github||e.twitter&&!ui,o=e.email?"Email":"Phone";return ze(gi,{active:e.active,onClick:e.onClick,isOnlySection:e.isOnlySection,children:[e.isOnlySection?null:G(fi,{active:e.active,children:G("h4",{children:t?`${o} & Social`:o})}),e.active&&e.email&&G(so,{}),e.active&&e.sms&&!e.email&&G(co,{}),e.active&&t&&G(El,{google:e.google,twitter:e.twitter&&!ui,discord:e.discord,github:e.github})]})}function El(e){return ze(mr,{children:[ze(Ll,{children:[G(hi,{}),G("p",{children:" Or "}),G(hi,{})]}),G(ai,{showGoogle:e.google,showDiscord:e.discord,showGithub:e.github,showTwitter:e.twitter})]})}var fi=ft.div`
|
|
1193
|
+
font-weight: ${e=>e.active?600:500};
|
|
1194
|
+
color: ${e=>e.active?"inherit":"var(--light-theme-fg-3)"};
|
|
1216
1195
|
display: flex;
|
|
1217
1196
|
justify-content: center;
|
|
1218
1197
|
align-items: center;
|
|
1219
|
-
`,
|
|
1198
|
+
`,gi=ft.div`
|
|
1220
1199
|
display: flex;
|
|
1221
1200
|
flex-direction: column;
|
|
1222
1201
|
align-items: flex-start;
|
|
1223
1202
|
/* 1px helps with the input ring getting hidden by padding, despite it being
|
|
1224
1203
|
* annoying that it's not perfectly lined up
|
|
1225
1204
|
*/
|
|
1226
|
-
padding: ${
|
|
1205
|
+
padding: ${e=>e.isOnlySection?"1px":"12px"};
|
|
1227
1206
|
gap: 12px;
|
|
1228
1207
|
width: 100%;
|
|
1229
|
-
max-height: ${
|
|
1208
|
+
max-height: ${e=>e.active?"400px":"52px"};
|
|
1230
1209
|
|
|
1231
1210
|
transition-property: border-color, max-height;
|
|
1232
1211
|
transition-duration: 0.25s;
|
|
@@ -1236,23 +1215,23 @@ Resources:
|
|
|
1236
1215
|
&& {
|
|
1237
1216
|
background: var(--light-theme-bg-1);
|
|
1238
1217
|
|
|
1239
|
-
border: ${
|
|
1240
|
-
border-radius: ${
|
|
1218
|
+
border: ${e=>e.isOnlySection?"none":e.active?"1px solid var(--border-color-active);":"1px solid var(--border-color-2);"};
|
|
1219
|
+
border-radius: ${e=>e.isOnlySection?"0":"10px"};
|
|
1241
1220
|
}
|
|
1242
1221
|
|
|
1243
|
-
cursor: ${
|
|
1244
|
-
`,
|
|
1222
|
+
cursor: ${e=>e.active?"inherit":"pointer"};
|
|
1223
|
+
`,Ll=ft.div`
|
|
1245
1224
|
display: flex;
|
|
1246
1225
|
justify-content: center;
|
|
1247
1226
|
align-items: center;
|
|
1248
1227
|
width: 100%;
|
|
1249
|
-
`,
|
|
1228
|
+
`,hi=ft.hr`
|
|
1250
1229
|
width: 50%;
|
|
1251
1230
|
&& {
|
|
1252
1231
|
border-top: 1px solid var(--border-color-1);
|
|
1253
1232
|
margin: 0px 8px;
|
|
1254
1233
|
}
|
|
1255
|
-
`,
|
|
1234
|
+
`,Al=ft.div`
|
|
1256
1235
|
display: flex;
|
|
1257
1236
|
flex-direction: column;
|
|
1258
1237
|
align-items: center;
|
|
@@ -1269,11 +1248,11 @@ Resources:
|
|
|
1269
1248
|
// - Terms => 36px
|
|
1270
1249
|
// Lastly, apply a 10px cheat upwards, which helps in particular for when
|
|
1271
1250
|
// the logo is close to the top (mobile or full wallet-open design)
|
|
1272
|
-
margin-top: ${
|
|
1273
|
-
margin-bottom: ${
|
|
1274
|
-
`,
|
|
1275
|
-
flex-direction: ${
|
|
1276
|
-
`;import{Fragment as
|
|
1251
|
+
margin-top: ${e=>`${28+(e.hasOnlyOneSection?31:0)-(e.hasTerms?18:0)}px`};
|
|
1252
|
+
margin-bottom: ${e=>`${60+(e.hasOnlyOneSection?31:0)-(e.hasTerms?18:0)}px`};
|
|
1253
|
+
`,Pl=ft(Ie)`
|
|
1254
|
+
flex-direction: ${e=>e.reverse?"column-reverse":"column"};
|
|
1255
|
+
`;import{Fragment as _l,jsx as gt,jsxs as Sl}from"react/jsx-runtime";var yi=()=>{let{app:e}=v();return Sl(_l,{children:[gt(A,{},"header"),gt(it,{title:"Connect your email",description:`Add your email to your ${e==null?void 0:e.name} account`,icon:gt(no,{})}),gt(Ie,{children:gt(so,{stacked:!0})}),gt(j,{protectedByPrivy:!0})]})};import{Fragment as kl,jsx as yt,jsxs as Tl}from"react/jsx-runtime";var wi=()=>{let{app:e}=v();return Tl(kl,{children:[yt(A,{},"header"),yt(it,{title:"Connect your phone",description:`Add your number to your ${e==null?void 0:e.name} account`,icon:yt(ao,{})}),yt(Ie,{children:yt(co,{stacked:!0})}),yt(j,{protectedByPrivy:!0})]})};import{Fragment as Wl,jsx as Rt,jsxs as vi}from"react/jsx-runtime";var Ci=()=>{let{linkingHint:e}=_(),{app:t}=v(),o=e?`Select the wallet with ${Be(e)} and follow the instructions to reconnect your wallet${t!=null&&t.name?` to ${t.name}.`:"."}`:`Link a wallet to your ${t==null?void 0:t.name} account`;return vi(Wl,{children:[Rt(A,{},"header"),Rt(Cn,{title:`${e?"Reconnect":"Connect"} your wallet`,description:o}),vi(Ie,{children:[Rt(go,{}),Rt(yo,{})]}),Rt(j,{protectedByPrivy:!0})]})};import{useEffect as bi,useState as xi}from"react";import gr from"styled-components";import{Fragment as Ol,jsx as je,jsxs as wo}from"react/jsx-runtime";var Ei={google:{name:"Google",component:mo},discord:{name:"Discord",component:po},github:{name:"Github",component:uo},twitter:{name:"Twitter",component:fo}},Rl=e=>e.charAt(0).toUpperCase()+e.slice(1),fr=()=>{let e=new URL(window.location.href);e.searchParams.delete("privy_oauth_code"),e.searchParams.delete("privy_oauth_provider"),e.searchParams.delete("privy_oauth_state"),window.history.pushState({},"",e)},Li=()=>{var T;let{ready:e,user:t,authenticated:o}=z(),{data:r,setModalData:n,navigate:i}=v(),{getAuthMeta:s,initLoginWithOAuth:a,loginWithOAuth:d,closePrivyModal:u}=_(),[x,E]=xi(!1),[m,g]=xi(void 0),f=((T=s())==null?void 0:T.provider)||"google",c=Ei[f].name,b=Ei[f].component;bi(()=>{!e||d().then(()=>{fr(),E(!0)}).catch(S=>{let I={retryable:!1,message:"Authentication failed."};S.message.includes("Another user has already linked this")?I.detail="This account has already been linked to another user.":S.message==="Invalid code during oauth flow."?(I.retryable=!0,I.detail="Something went wrong. Try again."):S.message==="User denied confirmation during OAuth flow"&&(I.detail=`Retry and check ${Rl(f)} to finish connecting your account.`,I.retryable=!0),fr(),g(I)})},[e]),bi(()=>{var V;if(!(o&&x&&t))return;if(((V=r==null?void 0:r.login)==null?void 0:V.promptCreatePrivyWalletFlow)&&!t.wallet){let q=setTimeout(()=>{n({createWallet:{onSuccess:()=>{},onFailure:U=>console.error(U),callAuthOnSuccessOnClose:!0}}),i("EMBEDDED_WALLET_SCREEN")},ae-500);return()=>clearTimeout(q)}else{let q=setTimeout(u,ae);return()=>clearTimeout(q)}},[o,x,t]);let M=x?`Successfully connected with ${c}`:m?m.message:`Verifying connection to ${c}`,k="";return x?k="You\u2019re good to go!":m?k=m.detail:k="Just a few moments more",wo(Ol,{children:[je(A,{}),wo(Ml,{children:[je(Nl,{children:wo("div",{children:[je(tt,{success:x,fail:!!m}),je(b,{style:{width:"38px",height:"38px"},logoFill:"primary"})]})}),wo(Il,{children:[je("h3",{children:M}),je("p",{children:k})]}),je(te,{onClick:()=>{fr(),a(f),g(void 0)},invisible:x||!(m!=null&&m.retryable),disabled:!x&&!(m!=null&&m.retryable),children:"Retry"})]})]})},Ml=gr.div`
|
|
1277
1256
|
display: flex;
|
|
1278
1257
|
flex-direction: column;
|
|
1279
1258
|
align-items: center;
|
|
@@ -1281,11 +1260,11 @@ Resources:
|
|
|
1281
1260
|
margin-left: 27px;
|
|
1282
1261
|
margin-right: 27px;
|
|
1283
1262
|
gap: 24px;
|
|
1284
|
-
`,Il=
|
|
1263
|
+
`,Il=gr.div`
|
|
1285
1264
|
display: flex;
|
|
1286
1265
|
flex-direction: column;
|
|
1287
1266
|
gap: 8px;
|
|
1288
|
-
`,
|
|
1267
|
+
`,Nl=gr.div`
|
|
1289
1268
|
display: flex;
|
|
1290
1269
|
flex-direction: column;
|
|
1291
1270
|
justify-content: center;
|
|
@@ -1308,19 +1287,7 @@ Resources:
|
|
|
1308
1287
|
left: -19px;
|
|
1309
1288
|
top: -19px;
|
|
1310
1289
|
}
|
|
1311
|
-
|
|
1312
|
-
&& {
|
|
1313
|
-
padding: 12px 16px;
|
|
1314
|
-
font-weight: 500;
|
|
1315
|
-
text-align: center;
|
|
1316
|
-
color: var(--primary-color);
|
|
1317
|
-
background-color: var(--primary-color-bg-1);
|
|
1318
|
-
border-radius: var(--border-radius-sm);
|
|
1319
|
-
min-width: 144px;
|
|
1320
|
-
opacity: ${t=>t.visible?"1":"0"};
|
|
1321
|
-
transition: opacity 200ms;
|
|
1322
|
-
}
|
|
1323
|
-
`;import{useEffect as _n,useState as Sn}from"react";import yr from"styled-components";import{Fragment as Fl,jsx as le,jsxs as Co}from"react/jsx-runtime";var Pn=()=>{let[t,e]=Sn(!1),[o,r]=Sn(""),{activeStatus:i,closePrivyModal:n}=_();_n(()=>{!i||(i.error?r(i.error):i.success&&e(!0))},[i]),_n(()=>{if(t){let u=setTimeout(n,re);return()=>clearTimeout(u)}},[t]);let s=i!=null&&i.address?`Please connect and select the wallet ${De(i.address)} in MetaMask.`:"Please connect and select the right wallet in MetaMask.",a=t?`${De(i==null?void 0:i.address)} is now active.`:s;return Co(Fl,{children:[le(A,{},"header"),Co(Ol,{children:[le(Dl,{children:Co("div",{children:[le(ot,{success:t,fail:!!o}),(u=>{switch(u){case"metamask":return le(he,{style:{width:"38px",height:"38px"}});case"wallet_connect":return le(it,{style:{width:"38px",height:"38px"}});case"coinbase_wallet":return le(ue,{style:{width:"38px",height:"38px"}});default:return le(he,{style:{width:"38px",height:"38px"}})}})((i==null?void 0:i.walletType)||"metamask")]})}),Co(Ul,{children:[le("h3",{children:t?"Wallet updated successfully":"Update your active wallet"}),le("p",{children:a}),o&&le("p",{children:o})]}),le(se,{})]})]})},Ol=yr.div`
|
|
1290
|
+
`;import{useEffect as Ai,useState as Pi}from"react";import yr from"styled-components";import{Fragment as Gl,jsx as me,jsxs as vo}from"react/jsx-runtime";var _i=()=>{let[e,t]=Pi(!1),[o,r]=Pi(""),{activeStatus:n,closePrivyModal:i}=_();Ai(()=>{!n||(n.error?r(n.error):n.success&&t(!0))},[n]),Ai(()=>{if(e){let u=setTimeout(i,ae);return()=>clearTimeout(u)}},[e]);let s=n!=null&&n.address?`Please connect and select the wallet ${Be(n.address)} in MetaMask.`:"Please connect and select the right wallet in MetaMask.",a=e?`${Be(n==null?void 0:n.address)} is now active.`:s;return vo(Gl,{children:[me(A,{},"header"),vo(Ul,{children:[me(Fl,{children:vo("div",{children:[me(tt,{success:e,fail:!!o}),(u=>{switch(u){case"metamask":return me(ce,{style:{width:"38px",height:"38px"}});case"wallet_connect":return me(We,{style:{width:"38px",height:"38px"}});case"coinbase_wallet":return me(le,{style:{width:"38px",height:"38px"}});default:return me(ce,{style:{width:"38px",height:"38px"}})}})((n==null?void 0:n.walletType)||"metamask")]})}),vo(Dl,{children:[me("h3",{children:e?"Wallet updated successfully":"Update your active wallet"}),me("p",{children:a}),o&&me("p",{children:o})]}),me(ue,{})]})]})},Ul=yr.div`
|
|
1324
1291
|
display: flex;
|
|
1325
1292
|
flex-direction: column;
|
|
1326
1293
|
align-items: center;
|
|
@@ -1328,11 +1295,11 @@ Resources:
|
|
|
1328
1295
|
margin-left: 27px;
|
|
1329
1296
|
margin-right: 27px;
|
|
1330
1297
|
gap: 24px;
|
|
1331
|
-
`,
|
|
1298
|
+
`,Dl=yr.div`
|
|
1332
1299
|
display: flex;
|
|
1333
1300
|
flex-direction: column;
|
|
1334
1301
|
gap: 8px;
|
|
1335
|
-
`,
|
|
1302
|
+
`,Fl=yr.div`
|
|
1336
1303
|
display: flex;
|
|
1337
1304
|
flex-direction: column;
|
|
1338
1305
|
justify-content: center;
|
|
@@ -1355,41 +1322,41 @@ Resources:
|
|
|
1355
1322
|
left: -19px;
|
|
1356
1323
|
top: -19px;
|
|
1357
1324
|
}
|
|
1358
|
-
`;import{useEffect as
|
|
1325
|
+
`;import{useEffect as Bl,useState as Si}from"react";import Mt,{css as Hl}from"styled-components";import{Fragment as ql,jsx as Ue,jsxs as Co}from"react/jsx-runtime";var ki=()=>{let{authenticated:e,getAccessToken:t,user:o}=z(),{walletProxy:r,closePrivyModal:n}=_(),{navigate:i,data:s}=v(),[a,d]=Si(!1),[u,x]=Si("");Bl(()=>{e||(i("LANDING"),g(new Error("User must be authenticated before signing with a Privy wallet")))},[e]);let{message:E,onSuccess:m,onFailure:g,uiOptions:f}=s.signMessage,c=Ee(o),b=!r,M={title:f.title||"Sign message",description:f.description||"Signing this message will not cost you any fees.",buttonText:f.buttonText||"Sign and continue"};return Co(ql,{children:[Ue(A,{onClose:()=>n({shouldCallAuthOnSuccess:!1})}),Co(Vl,{children:[Co("div",{children:[Ue(oe,{title:M.title,description:M.description}),Ue($l,{children:E}),Ue(zl,{fail:!0,children:u})]}),Ue(Zl,{success:a,loading:b,disabled:a,onClick:async()=>{let k=await t();if(k&&!b&&c)try{let{signature:T}=await r.sign({accessToken:k,address:c==null?void 0:c.address,message:E});x(""),m(T),d(!0),setTimeout(()=>{n({shouldCallAuthOnSuccess:!1})},ae)}catch(T){x("An error has occurred, please try again."),g(T)}},children:a?Co(jl,{children:[Ue(at,{style:{height:"0.9rem",width:"0.9rem"},strokeWidth:2})," ",Ue("span",{children:"Success"})]}):M.buttonText})]}),Ue(j,{protectedByPrivy:!0})]})},Vl=Mt.div`
|
|
1359
1326
|
display: flex;
|
|
1360
1327
|
height: 100%;
|
|
1361
1328
|
flex-direction: column;
|
|
1362
1329
|
justify-content: space-between;
|
|
1363
|
-
|
|
1330
|
+
`,$l=Mt.div`
|
|
1364
1331
|
background-color: var(--light-theme-bg-2);
|
|
1365
1332
|
border-radius: 8px;
|
|
1366
1333
|
padding: 12px;
|
|
1367
1334
|
text-align: left;
|
|
1368
1335
|
max-height: 310px;
|
|
1369
1336
|
overflow: scroll;
|
|
1370
|
-
`,zl=
|
|
1337
|
+
`,zl=Mt.div`
|
|
1371
1338
|
line-height: 20px;
|
|
1372
1339
|
height: 20px;
|
|
1373
1340
|
font-size: 13px;
|
|
1374
|
-
color: ${
|
|
1341
|
+
color: ${e=>e.fail?"var(--fail-dark)":"var(--light-theme-fg-3)"};
|
|
1375
1342
|
display: flex;
|
|
1376
1343
|
justify-content: flex-start;
|
|
1377
1344
|
width: 100%;
|
|
1378
1345
|
margin-top: 4px;
|
|
1379
|
-
|
|
1346
|
+
`,jl=Mt.span`
|
|
1380
1347
|
display: flex;
|
|
1381
1348
|
align-items: center;
|
|
1382
1349
|
gap: 8px;
|
|
1383
|
-
`,
|
|
1350
|
+
`,Zl=Mt(de)`
|
|
1384
1351
|
transition: color 350ms ease, background-color 350ms ease;
|
|
1385
1352
|
|
|
1386
|
-
${
|
|
1353
|
+
${e=>e.success&&Hl`
|
|
1387
1354
|
&&&& {
|
|
1388
1355
|
background-color: var(--success-light);
|
|
1389
1356
|
color: var(--light-theme-bg-1);
|
|
1390
1357
|
}
|
|
1391
1358
|
`}
|
|
1392
|
-
`;import
|
|
1359
|
+
`;import Kl from"styled-components";import{jsx as Yl}from"react/jsx-runtime";var Ti=e=>{let t=Zr(jr(e.accentColor||"#696ffd"));return Yl(Jl,{accent:t,children:e.children})},Jl=Kl.div`
|
|
1393
1360
|
/*! Modified from https://unpkg.com/tailwindcss@3.2.3/src/css/preflight.css */
|
|
1394
1361
|
|
|
1395
1362
|
*,
|
|
@@ -1621,23 +1588,35 @@ Resources:
|
|
|
1621
1588
|
|
|
1622
1589
|
// End modern-normalize
|
|
1623
1590
|
|
|
1624
|
-
// Constants
|
|
1591
|
+
// Privy Constants
|
|
1625
1592
|
|
|
1626
1593
|
--border-radius-sm: 6px;
|
|
1627
1594
|
--border-radius-md: 10px;
|
|
1628
1595
|
--border-radius-lg: 24px;
|
|
1629
1596
|
--border-radius-full: 9999px;
|
|
1630
1597
|
|
|
1631
|
-
--primary-color
|
|
1632
|
-
|
|
1633
|
-
|
|
1634
|
-
|
|
1635
|
-
|
|
1598
|
+
/** Primary color for use with accents, CTAs, etc. Equivalent to --primary-color-500 */
|
|
1599
|
+
--primary-color: ${e=>`hsl(${e.accent.h}, ${e.accent.s}%, ${e.accent.l}%)`};
|
|
1600
|
+
|
|
1601
|
+
/*
|
|
1602
|
+
* Background elements for more subtle buttons and accents are definitely not accessible on white
|
|
1603
|
+
* These elements have their lightness replaced with a fixed lightness that generally works to make
|
|
1604
|
+
* most colors quite faint-white-looking.
|
|
1605
|
+
*/
|
|
1606
|
+
--primary-color-100: ${e=>`hsl(${e.accent.h}, ${e.accent.s}%, 96%)`};
|
|
1607
|
+
--primary-color-200: ${e=>`hsl(${e.accent.h}, ${e.accent.s}%, 94.5%)`};
|
|
1608
|
+
--primary-color-300: ${e=>`hsl(${e.accent.h}, ${e.accent.s}%, 93%)`};
|
|
1609
|
+
|
|
1610
|
+
/* Foreground elements for text and prominent buttons, along with their :hover and :active states */
|
|
1611
|
+
--primary-color-500: var(--primary-color);
|
|
1612
|
+
--primary-color-600: ${e=>`hsl(${e.accent.h}, ${e.accent.s}%, ${e.accent.l-3}%)`};
|
|
1613
|
+
--primary-color-700: ${e=>`hsl(${e.accent.h}, ${e.accent.s}%, ${e.accent.l-5}%)`};
|
|
1636
1614
|
|
|
1637
1615
|
--success-light: #4bd089;
|
|
1638
1616
|
--success-dark: #22874f;
|
|
1639
1617
|
--fail-light: #ff1f01;
|
|
1640
1618
|
--fail-dark: #e61b00;
|
|
1619
|
+
--fail-darker: #c32813;
|
|
1641
1620
|
|
|
1642
1621
|
--light-theme-fg-1: #111827;
|
|
1643
1622
|
--light-theme-fg-2: #374151;
|
|
@@ -1652,7 +1631,7 @@ Resources:
|
|
|
1652
1631
|
|
|
1653
1632
|
--border-color-1: #d1d5db;
|
|
1654
1633
|
--border-color-2: #e5e7eb;
|
|
1655
|
-
--border-color-active:
|
|
1634
|
+
--border-color-active: ${e=>`hsl(${e.accent.h}, ${e.accent.s}%, ${e.accent.l}%, 55%)`};
|
|
1656
1635
|
|
|
1657
1636
|
// Privy styles
|
|
1658
1637
|
|
|
@@ -1701,7 +1680,18 @@ Resources:
|
|
|
1701
1680
|
display: none;
|
|
1702
1681
|
}
|
|
1703
1682
|
}
|
|
1704
|
-
|
|
1683
|
+
|
|
1684
|
+
/* Animations */
|
|
1685
|
+
|
|
1686
|
+
@keyframes fadein {
|
|
1687
|
+
0% {
|
|
1688
|
+
opacity: 0;
|
|
1689
|
+
}
|
|
1690
|
+
100% {
|
|
1691
|
+
opacity: 1;
|
|
1692
|
+
}
|
|
1693
|
+
}
|
|
1694
|
+
`;import{jsx as R,jsxs as Wi}from"react/jsx-runtime";var rc=()=>{let{ready:e}=z(),{isLinking:t}=_(),{ready:o,currentScreen:r,app:n}=v(),i=!!(n!=null&&n.walletAuth),s=!!((n==null?void 0:n.emailAuth)||(n==null?void 0:n.smsAuth)),a=i!==s,d;return["AWAITING_CONNECTION","AWAITING_OAUTH_SCREEN","ALLOWLIST_REJECTION_SCREEN","SETTING_ACTIVE_WALLET"].includes(r)||a&&r==="LANDING"?d="compact":"WALLET_EDUCATION"===r?d="full":t?d="medium":d="full",!e||!o?Wi(st,{"data-height":d,children:[R(A,{}),R(sc,{children:R(Lt,{})}),R(ue,{})]}):Wi(st,{"data-height":d,children:[r==="LANDING"&&R(mi,{}),r==="AWAITING_PASSWORDLESS_CODE"&&R(An,{}),r==="SETTING_ACTIVE_WALLET"&&R(_i,{}),r==="WALLET_EDUCATION"&&R(qn,{}),r==="AWAITING_CONNECTION"&&R(Sn,{}),r==="AWAITING_OAUTH_SCREEN"&&R(Li,{}),r==="ALLOWLIST_REJECTION_SCREEN"&&R(hn,{}),r==="INSTALL_METAMASK_SCREEN"&&R(ei,{}),r==="INSTALL_COINBASE_WALLET_SCREEN"&&R(Xn,{}),r==="LINK_EMAIL_SCREEN"&&R(yi,{}),r==="LINK_PHONE_SCREEN"&&R(wi,{}),r==="LINK_WALLET_SCREEN"&&R(Ci,{}),r==="EMBEDDED_WALLET_SCREEN"&&R(Dn,{}),r==="EMBEDDED_WALLET_CREATED_SCREEN"&&R(Mn,{}),r==="SIGN_REQUEST_SCREEN"&&R(ki,{})]})},Ri=()=>{let{app:e}=v();return oc.createPortal(R(ic,{id:"privy-dialog",children:R(Ti,{accentColor:e==null?void 0:e.accentColor,children:R(rc,{})})}),document.body)},nc=({children:e,...t})=>{let o=ec(null);return tc(()=>{var n;(n=document==null?void 0:document.activeElement)==null||n.blur();let r=(document==null?void 0:document.getElementById("root"))||(document==null?void 0:document.getElementById("__next"));if(!!r)return r.setAttribute("inert","true"),Xl(o==null?void 0:o.current),()=>{let i=(document==null?void 0:document.getElementById("root"))||(document==null?void 0:document.getElementById("__next"));!i||(i.removeAttribute("inert"),Ql())}},[t.open,t.onClose]),R("dialog",{open:!0,role:"dialog",...t,ref:o,children:e})},ic=wr(nc)`
|
|
1705
1695
|
position: fixed;
|
|
1706
1696
|
top: 0;
|
|
1707
1697
|
left: 0;
|
|
@@ -1716,7 +1706,7 @@ Resources:
|
|
|
1716
1706
|
z-index: 999999;
|
|
1717
1707
|
-webkit-backdrop-filter: blur(3px);
|
|
1718
1708
|
backdrop-filter: blur(3px);
|
|
1719
|
-
`,
|
|
1709
|
+
`,st=wr.div`
|
|
1720
1710
|
display: flex;
|
|
1721
1711
|
flex-direction: column;
|
|
1722
1712
|
text-align: center;
|
|
@@ -1753,10 +1743,10 @@ Resources:
|
|
|
1753
1743
|
min-height: 0;
|
|
1754
1744
|
}
|
|
1755
1745
|
}
|
|
1756
|
-
`,
|
|
1746
|
+
`,sc=wr.div`
|
|
1757
1747
|
display: flex;
|
|
1758
1748
|
flex-direction: column;
|
|
1759
1749
|
align-items: center;
|
|
1760
1750
|
justify-content: center;
|
|
1761
1751
|
height: 100%;
|
|
1762
|
-
`;import{useRef as
|
|
1752
|
+
`;import{useRef as ac,useEffect as lc}from"react";var bo=class{constructor(){this.callbacks={}}enqueue(t,o){this.callbacks[t]=o}dequeue(t,o){let r=this.callbacks[o];if(!r)throw new Error(`cannot dequeue ${t} event: no event found for id ${o}`);switch(delete this.callbacks[o],t){case"privy:iframe:ready":return r;case"privy:wallet:create":return r;case"privy:wallet:sign":return r;case"privy:wallet:recover":return r;default:throw new Error(`invalid wallet event type ${t}`)}}};import{jsx as uc}from"react/jsx-runtime";var cc=function(e){return()=>`id-${e++}`}(0);function dc(e){return typeof e.event=="string"&&/^privy:.+/.test(e.event)}function xo(e){return e.error!==void 0}var It=new bo;function Eo(e,t,o){let r=o.contentWindow;if(!r)throw new Error("iframe not initialized");return new Promise((n,i)=>{let s=cc();It.enqueue(s,{resolve:n,reject:i}),r.postMessage({id:s,event:e,data:t},"*")})}function pc(e){switch(e.event){case"privy:iframe:ready":let t=It.dequeue(e.event,e.id);return xo(e)?t.reject(new Error(e.error.message)):t.resolve(e.data);case"privy:wallet:create":let o=It.dequeue(e.event,e.id);return xo(e)?o.reject(new Error(e.error.message)):o.resolve(e.data);case"privy:wallet:sign":let r=It.dequeue(e.event,e.id);return xo(e)?r.reject(new Error(e.error.message)):r.resolve(e.data);case"privy:wallet:recover":let n=It.dequeue(e.event,e.id);return xo(e)?n.reject(new Error(e.error.message)):n.resolve(e.data)}}function Mi(e){let t=ac(null);return lc(()=>{let o=t.current;if(!o)return;function r(a){a&&a.origin===e.origin&&dc(a.data)&&pc(a.data)}let n={create(a){return Eo("privy:wallet:create",a,o)},sign(a){return Eo("privy:wallet:sign",a,o)},recover(a){return Eo("privy:wallet:recover",a,o)}};window.addEventListener("message",r);let i=()=>e.onLoad(n),s=(...a)=>{console.error("privy iframe failed to load: ",...a),e.onLoadFailed()};return Kr(()=>Eo("privy:iframe:ready",{},o)).then(i,s),()=>window.removeEventListener("message",r)},[t.current]),uc("iframe",{ref:t,width:"0",height:"0",style:{visibility:"hidden"},src:Jr(e.origin,`/apps/${e.appId}/embedded-wallets`)})}import{jsx as Lo,jsxs as Ni}from"react/jsx-runtime";function mc(e){return typeof e=="string"&&e.length===25}var Nt;function fc(){if(!Nt){let e=K.get(Je);return Promise.resolve(e||null)}return Nt.getAccessToken()}var gc=e=>{if(!mc(e.appId))throw new y("Cannot initialize the Privy provider with an invalid Privy app ID");return Nt||(Nt=new Et({appId:e.appId,apiURL:Po})),Lo(wc,{...e,client:Nt})},yc=e=>{let t=!!(e!=null&&e.emailAuth),o=!!(e!=null&&e.smsAuth);return t&&o&&(console.warn("Enabling both email and SMS passwordless is not currently supported. Disabling SMS."),o=!1),{email:t,sms:o,wallet:!!(e!=null&&e.walletAuth),google:!!(e!=null&&e.googleOAuth),twitter:!!(e!=null&&e.twitterOAuth),discord:!!(e!=null&&e.discordOAuth),github:!!(e!=null&&e.githubOAuth)}},wc=e=>{let t=e.client,[o,r]=ie(!1),[n,i]=ie(!1),[s,a]=ie(!1),[d,u]=ie(null),[x,E]=ie(!1),[m,g]=ie(null),[f,c]=ie(!1),[b,M]=ie(null),[k,T]=ie(null),[S,I]=ie(null),[V,q]=ie({accentColor:"#696ffd",theme:"System",showWalletLoginFirst:!0,allowlistConfig:{errorTitle:null,errorDetail:null,errorCtaText:null,errorCtaLink:null},walletAuth:!0,emailAuth:!0,smsAuth:!1,googleOAuth:!1,twitterOAuth:!1,discordOAuth:!1,githubOAuth:!1,termsAndConditionsUrl:null,privacyPolicyUrl:null}),[U,Y]=ie(!1),[fe,N]=ie({}),O=yc(V),W=l=>{l&&g(l),r(!0)},X=l=>{let p=e.createPrivyWalletOnLogin===!0;N({login:{promptCreatePrivyWalletFlow:p}}),p&&Y(!0),W(l)};Ii(()=>{async function l(){let p=await t.getAppSettings();q(p),t.connectors.initialize(),ge();let D=await t.getAuthenticatedUser();a(!!D),u(D),i(!0)}l()},[t]);let ge=()=>{let l=new URLSearchParams(window.location.search),p=l.get("privy_oauth_code"),D=l.get("privy_oauth_state"),Te=l.get("privy_oauth_provider");p&&D&&Te&&(t.startAuthFlow(new Ke(Te,p,D)),X("AWAITING_OAUTH_SCREEN"))};Ii(()=>{n&&s&&d===null&&t.getAuthenticatedUser().then(u)},[n,s,d,t]);let P=()=>{c(!0),W("LINK_WALLET_SCREEN")},Ze={ready:n,authenticated:s,user:d,walletConnectors:t.connectors,linkWallet:P,linkEmail:()=>{c(!0),W("LINK_EMAIL_SCREEN")},linkPhone:()=>{c(!0),W("LINK_PHONE_SCREEN")},linkGoogle:async()=>{await $.initLoginWithOAuth("google")},linkTwitter:async()=>{await $.initLoginWithOAuth("twitter")},linkDiscord:async()=>{await $.initLoginWithOAuth("discord")},linkGithub:async()=>{await $.initLoginWithOAuth("github")},login:()=>{if(n&&s){console.warn("Attempted to log in, but user is already logged in. Use a `link` helper instead.");return}X()},logout:async()=>{await t.logout(),u(null),a(!1),g(null),c(!1),r(!1)},getAccessToken:()=>t.getAccessToken(),getEthereumProvider:()=>t.connectors.getEthereumProvider(),getEthersProvider:()=>new hc(new Ge(t.connectors.getEthereumProvider())),getWeb3jsProvider:()=>new Ft(t.connectors.getEthereumProvider()),unlinkWallet:async l=>{let p=await t.unlinkWallet(l);return u(p),p},unlinkEmail:async l=>{let p=await t.unlinkEmail(l);return u(p),p},unlinkPhone:async l=>{let p=await t.unlinkPhone(l);return u(p),p},unlinkGoogle:async l=>{let p=await t.unlinkOAuth("google",l);return u(p),p},unlinkTwitter:async l=>{let p=await t.unlinkOAuth("twitter",l);return u(p),p},unlinkDiscord:async l=>{let p=await t.unlinkOAuth("discord",l);return u(p),p},unlinkGithub:async l=>{let p=await t.unlinkOAuth("github",l);return u(p),p},setActiveWallet:async l=>{if(!d)return;let p=t.connectors.getConnectorByAddress(l);if(!p){T(l),P();return}M({address:l,walletType:p.walletType,success:!1}),W("SETTING_ACTIVE_WALLET"),t.setActiveWallet(l,d).then(D=>{u(D),M({address:l,walletType:p.walletType,success:!0})}).catch(D=>{D instanceof y&&D.message==="Error setting the active wallet."&&(T(l),P()),M({address:l,walletType:p.walletType,success:!1,error:D.message})})},forkSession:()=>t.forkSession(),createWallet:()=>new Promise((l,p)=>{if(!s||!d){p(new Error("User must be authenticated before creating a Privy wallet"));return}if(Ee(d)){p(new Error("Only one Privy wallet per user is currently allowed"));return}Y(!0),N({createWallet:{onSuccess:l,onFailure:p,callAuthOnSuccessOnClose:!1}}),W("EMBEDDED_WALLET_SCREEN")}),signMessage:(l,p)=>new Promise((D,Te)=>{if(!s||!d){Te(new Error("User must be authenticated before signing with a Privy wallet"));return}if(!Ee(d)){Te(new Error("Must have a Privy wallet before signing"));return}if(typeof l!="string"||l.length<1){Te(new Error("Message must be a non-empty string"));return}Y(!0),N({signMessage:{message:l,onSuccess:D,onFailure:Te,uiOptions:p||{}}}),W("SIGN_REQUEST_SCREEN")})},$=(()=>({isLinking:f,linkingHint:k,activeStatus:b,getAuthFlow:()=>t.authFlow,getAuthMeta:()=>{var l;return(l=t.authFlow)==null?void 0:l.meta},closePrivyModal:(l={shouldCallAuthOnSuccess:!0})=>{var D;let p=n&&s&&d;l.shouldCallAuthOnSuccess&&p&&((D=e.onSuccess)==null||D.call(e,d,x)),t.authFlow=void 0,T(null),g(null),c(!1),M(null),E(!1),r(!1)},initLoginWithWallet:l=>{if(!t.connectors)throw new y("Connector not initialized");l||(l="metamask"),t.startAuthFlow(new vt(t.connectors,l))},loginWithWallet:async()=>{if(!(t.authFlow instanceof vt))throw new y("Must initialize SIWE flow first.");let l,p;f?(l=await t.link(),l&&(l=xt(l))):{user:l,isNewUser:p}=await t.authenticate(),u(l||d||null),E(p||!1),a(!0)},initLoginWithOAuth:async l=>{t.startAuthFlow(new Ke(l));let p=await t.authFlow.getAuthorizationUrl();p&&p.url&&window.location.assign(p.url)},loginWithOAuth:async()=>{if(!(t.authFlow instanceof Ke))throw new y("Must initialize OAuth flow before calling loginWithOAuth");let l,p;n&&s?l=await t.link():{user:l,isNewUser:p}=await t.authenticate(),u(l),E(p||!1),a(!0)},initLoginWithEmail:async l=>{let p=new wt(l);t.startAuthFlow(p),await p.sendCodeEmail()},initLoginWithSms:async l=>{let p=new Ct(l);t.startAuthFlow(p),await p.sendSmsCode()},resendEmailCode:async()=>{var l;await((l=t.authFlow)==null?void 0:l.sendCodeEmail())},resendSmsCode:async()=>{var l;await((l=t.authFlow)==null?void 0:l.sendSmsCode())},loginWithCode:async l=>{if(t.authFlow instanceof wt)t.authFlow.meta.emailCode=l.trim();else if(t.authFlow instanceof Ct)t.authFlow.meta.smsCode=l.trim();else throw new y("Must initialize a passwordless code flow first");let p,D;f?p=await t.link():{user:p,isNewUser:D}=await t.authenticate(),u(p||d||null),E(D||!1),a(!0)},refreshUser:async()=>{let l=await t.getAuthenticatedUser();return u(l),l},walletProxy:S}))();return Ni(Go.Provider,{value:Ze,children:[e.children,Ni(Do.Provider,{value:$,children:[Lo(rn,{appSettings:V,options:O,data:fe,setModalData:N,initialScreen:m,visible:o,authenticated:s,children:o&&Lo(Ri,{})}),U&&Lo(Mi,{appId:e.appId,origin:Po,onLoad:I,onLoadFailed:()=>null})]})]})};export{Ge as AsExternalProvider,bt as ConnectorManager,Et as PrivyClient,gc as PrivyProvider,ye as PrivyProxyProvider,_o as VERSION,xe as WalletConnector,fc as getAccessToken,z as usePrivy};
|