@privy-io/react-auth 1.13.0-beta.8 → 1.13.0
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 +88 -83
- package/dist/index.d.ts +49 -30
- package/dist/index.js +89 -84
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import{useEffect as bi,useState as fe}from"react";import Bt from"axios";import Ci from"axios";var H=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}]`:""}`}},ke=class extends H{constructor(o,r,i,n){super(i,n);this.type=o;this.status=r}},c=class extends H{constructor(o,r){super(o,r);this.type="client_error"}};var F=class extends H{constructor(o,r){super(o,r);this.type="connector_error"}},T=t=>{if(t instanceof H)return t;if(!Ci.isAxiosError(t))return G(t);if(!t.response)return new ke("api_error",null,t.message,t);let{type:e,message:o,error:r}=t.response.data;return new ke(e||"ApiError",t.response.status,o||r,t)},G=t=>t instanceof H?t:t instanceof Error?new c(t.message,t):new c(`Internal error: ${t}`);var bo="1.13.0-beta.8";var vo="https://api.privy.io/v0",Co=process.env.NEXT_PUBLIC_PRIVY_AUTH_URL||"https://auth.privy.io",et="4df5e2316331463a9130964bd6078dfa",xo=1e4,_e=1400,Vt=bo;var Pe="privy:token",tt="privy:refresh_token",$="privy:active_wallet",ot="privy:wallet_type",Lo="walletconnect";var rt=class{constructor(e,o,r){this.appId=e,this.sdkVersion=Vt,this.client=o,this.defaults=r}async get(e,o){try{return await Bt.get(e,await this.buildConfig({headers:{"Cache-Control":"no-cache"},...o}))}catch(r){throw T(r)}}async post(e,o,r){try{return await Bt.post(e,o,await this.buildConfig(r))}catch(i){throw T(i)}}async delete(e,o){try{return await Bt.delete(e,await this.buildConfig(o))}catch(r){throw T(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}}};import*as Ao from"jose";var q=class{static parse(e){try{return new q(e)}catch{return null}}constructor(e){this.value=e,this._decoded=Ao.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 se=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}};var Ht=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]}},zt=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)}};function Li(){return typeof window<"u"&&window.localStorage?new zt:new Ht}var _=Li();function ae(t){return new Date(t*1e3)}function Ai(t){return t.map(e=>{switch(e.type){case"wallet":return{address:e.address,type:e.type,verifiedAt:ae(e.verified_at),chainType:e.chain_type};case"email":return{address:e.address,type:e.type,verifiedAt:ae(e.verified_at)};case"phone":return{number:e.phoneNumber,type:e.type,verifiedAt:ae(e.verified_at)};case"google_oauth":return{subject:e.subject,email:e.email,name:e.name,type:e.type,verifiedAt:ae(e.verified_at)};case"twitter_oauth":return{subject:e.subject,username:e.username,name:e.name,type:e.type,verifiedAt:ae(e.verified_at)};case"discord_oauth":return{subject:e.subject,username:e.username,email:e.email,type:e.type,verifiedAt:ae(e.verified_at)};case"github_oauth":return{subject:e.subject,username:e.username,name:e.name,email:e.email,type:e.type,verifiedAt:ae(e.verified_at)};default:throw new c("Unrecognized account type")}})}function Ei(t,e){return e.find(o=>o.type==="wallet"&&o.address===t)}function le(t,e){return t.sort((o,r)=>r.verifiedAt.getTime()-o.verifiedAt.getTime()),t.find(o=>o.type===e)}function Ge(t){let e=t.linkedAccounts.map(s=>s.type==="wallet"?s.address:null),r=_.get($);if(!r||!e.includes(r)){_.del($);let s=le(t.linkedAccounts,"wallet");s&&(r=s.address,_.put($,r))}let i=Ei(r,t.linkedAccounts),n=Object.assign({},t);return n.wallet=i&&{address:i.address,chainType:i.chainType,chainId:i.chainId,walletType:i.walletType},n}function J(t){if(!t)return null;let e=Ai(t.linked_accounts),o=le(e,"wallet"),r=le(e,"email"),i=le(e,"phone"),n=le(e,"google_oauth"),s=le(e,"twitter_oauth"),u=le(e,"discord_oauth"),m=le(e,"github_oauth"),p={id:t.id,createdAt:ae(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,walletType:o.walletType},google:n&&{subject:n.subject,email:n.email,name:n.name},twitter:s&&{subject:s.subject,username:s.username,name:s.name},discord:u&&{subject:u.subject,username:u.username,email:u.email},github:m&&{subject:m.subject,username:m.username,name:m.name,email:m.email}};return Ge(p)}var Eo=()=>"/api/v1/sessions",ko=()=>"/api/v1/sessions/logout",_o=()=>"/api/v1/sessions/fork",Po=()=>"/api/v1/siwe/init",So=()=>"/api/v1/siwe/authenticate",To=()=>"/api/v1/siwe/link",Io=()=>"/api/v1/passwordless/init",Ro=()=>"/api/v1/passwordless/authenticate",Mo=()=>"/api/v1/passwordless/link",Wo=()=>"/api/v1/passwordless_sms/init",No=()=>"/api/v1/passwordless_sms/authenticate",Oo=()=>"/api/v1/passwordless_sms/link",Uo=()=>"/api/v1/oauth/init",Do=()=>"/api/v1/oauth/authenticate",Fo=()=>"/api/v1/oauth/link",Go=()=>"/api/v1/siwe/unlink",Vo=()=>"/api/v1/passwordless/unlink",Bo=()=>"/api/v1/passwordless_sms/unlink",Ho=()=>"/api/v1/oauth/unlink";var ki=30,it=class{constructor(){this.authenticateOnce=new se(async e=>this._authenticate(e)),this.linkOnce=new se(async e=>this._link(e)),this.refreshOnce=new se(this._refresh.bind(this)),this.destroyOnce=new se(this._destroy.bind(this)),this.forkSessionOnce=new se(this._forkSession.bind(this))}get token(){try{let e=_.get(Pe);return typeof e=="string"?new q(e).value:null}catch(e){return console.error(e),this.destroyLocalState(),null}}get refreshToken(){try{let e=_.get(tt);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=q.parse(this.token);return e!==null&&!e.isExpired(ki)}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:J(i),isNewUser:n}}catch(o){throw console.warn("Error authenticating session"),G(o)}}async _link(e){try{let o=await e.link();return J(o)}catch(o){throw console.warn("Error linking account"),G(o)}}async _refresh(){if(!this.api)throw new c("Session has no API instance");if(!this.client)throw new c("Session has no PrivyClient instance");let e=await this.client.getAccessToken({disableAutoRefresh:!0}),o=this.refreshToken;if(!e||!o)return null;try{let r=await this.api.post(Eo(),{refresh_token:o},{headers:{authorization:`Bearer ${this.token}`}});return this.storeToken(r.data.token),this.storeRefreshToken(r.data.refresh_token),J(r.data.user)}catch(r){if(r instanceof ke&&r.status===400&&r.message==="Invalid auth token")return this.destroyLocalState(),null;throw G(r)}}async _destroy(){var e;try{await((e=this.api)==null?void 0:e.post(ko(),{refresh_token:this.refreshToken}))}catch{console.warn("Error destroying session")}this.destroyLocalState()}async _forkSession(){if(!this.api)throw new c("Session has no API instance");let e=this.refreshToken;try{let o=await this.api.post(_o(),{refresh_token:e});return this.storeToken(o.data.token),this.storeRefreshToken(o.data.refresh_token),o.data.new_session_refresh_token}catch(o){throw G(o)}}destroyLocalState(){this.storeToken(null),this.storeRefreshToken(null),_.del($)}storeToken(e){typeof e=="string"?_.put(Pe,e):_.del(Pe)}storeRefreshToken(e){typeof e=="string"?_.put(tt,e):_.del(tt)}};import{getAddress as Ri}from"@ethersproject/address";import jo from"@walletconnect/web3-provider";import{ErrorCode as _i}from"@ethersproject/logger";var Se=class extends F{constructor(){super("Wallet timeout");this.type="wallet_error"}},nt=t=>{if(t instanceof F)return t;if((t==null?void 0:t.code)&&(t==null?void 0:t.reason)){let e=new Te(t);return t.code===_i.ACTION_REJECTED&&(e.details=ge.E4001_USER_REJECTED_REQUEST),e}return t!=null&&t.code?new Te(t):new F("Unknown connector error",t)},jt=class extends H{constructor(o,r,i){super(o);this.type="provider_error";this.code=r,this.data=i}},Te=class extends jt{constructor(o){var n,s,u;let r=o;super(r.message,r.code,r.data);let i=Object.values(ge).find(m=>m.eipCode===r.code);this.details=i||ge.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=ge.E32002_CONNECTION_ALREADY_PENDING:this.details=ge.E32002_REQUEST_ALREADY_PENDING:(u=r.message)!=null&&u.includes("Already processing")&&r.message.includes("eth_requestAccounts")&&(this.details=ge.E32002_WALLET_LOCKED))}},Pi={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}},Si={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}},Ti={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}},ge={UNKNOWN_ERROR:{eipCode:0,message:"Unknown error",detail:"Unknown error",retryable:!0},...Ti,...Si},st={...Pi,...ge};var Ii=12e4,$t=(t=new Se,e=Ii)=>new Promise((o,r)=>setTimeout(()=>{r(t)},e)),we=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})}request(e){if(!this.walletProvider)throw new F(`A wallet request of type ${e.method} was made before setting a wallet provider.`);return Promise.race([this.walletProvider.request(e),$t()]).catch(o=>{throw nt(o)})}},ye=class extends we{constructor(o){super(o)}},at=class extends we{constructor(e){super(e)}sendAsync(e,o){throw new Error("sendAsync is no longer supported by EIP-1193. Use the request method instead.")}};import{Web3Provider as Mi}from"@ethersproject/providers";var zo=["metamask","coinbase_wallet","wallet_connect"];import Wi from"@coinbase/wallet-sdk";import{isMobile as Ni}from"react-device-detect";var Oi=()=>{let t=`https://mainnet.infura.io/v3/${et}`,e=1;return new Wi({appName:"Privy",darkMode:!1,headlessMode:!1}).makeWeb3Provider(t,e)},Zt=()=>{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},lt=()=>{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},Ve=class{constructor(){this.walletType=null;this.getEthereumProvider=()=>this.ethProvider;this.createSiweMessage=(e,o,r,i,n,s,u)=>`${r} wants you to sign in with your Ethereum account:
|
|
1
|
+
import{useEffect as Li,useState as fe}from"react";import jt from"axios";import Ei from"axios";var z=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}]`:""}`}},_e=class extends z{constructor(o,r,i,n){super(i,n);this.type=o;this.status=r}},c=class extends z{constructor(o,r){super(o,r);this.type="client_error"}};var O=class extends z{constructor(o,r){super(o,r);this.type="connector_error"}},S=t=>{if(t instanceof z)return t;if(!Ei.isAxiosError(t))return V(t);if(!t.response)return new _e("api_error",null,t.message,t);let{type:e,message:o,error:r}=t.response.data;return new _e(e||"ApiError",t.response.status,o||r,t)},V=t=>t instanceof z?t:t instanceof Error?new c(t.message,t):new c(`Internal error: ${t}`);var Lo="1.13.0";var Ao="https://api.privy.io/v0",Eo=process.env.NEXT_PUBLIC_PRIVY_AUTH_URL||"https://auth.privy.io",Ve="4df5e2316331463a9130964bd6078dfa",ko=1e4,Pe=1400,zt=Lo;var Se="privy:token",rt="privy:refresh_token",it="privy:connectors",_o="walletconnect";var nt=class{constructor(e,o,r){this.appId=e,this.sdkVersion=zt,this.client=o,this.defaults=r}async get(e,o){try{return await jt.get(e,await this.buildConfig({headers:{"Cache-Control":"no-cache"},...o}))}catch(r){throw S(r)}}async post(e,o,r){try{return await jt.post(e,o,await this.buildConfig(r))}catch(i){throw S(i)}}async delete(e,o){try{return await jt.delete(e,await this.buildConfig(o))}catch(r){throw S(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}}};import*as Po from"jose";var Y=class{static parse(e){try{return new Y(e)}catch{return null}}constructor(e){this.value=e,this._decoded=Po.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 ne=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}};var Zt=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]}},$t=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)}};function _i(){return typeof window<"u"&&window.localStorage?new $t:new Zt}var U=_i();import{ErrorCode as Pi}from"@ethersproject/logger";var Te=class extends O{constructor(){super("Wallet timeout");this.type="wallet_error"}},se=t=>{if(t instanceof O)return t;if((t==null?void 0:t.code)&&(t==null?void 0:t.reason)){let e=new We(t);return t.code===Pi.ACTION_REJECTED&&(e.details=we.E4001_USER_REJECTED_REQUEST),e}return t!=null&&t.code?new We(t):new O("Unknown connector error",t)},qt=class extends z{constructor(o,r,i){super(o);this.type="provider_error";this.code=r,this.data=i}},We=class extends qt{constructor(o){var n,s,p;let r=o;super(r.message,r.code,r.data);let i=Object.values(we).find(m=>m.eipCode===r.code);this.details=i||we.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=we.E32002_CONNECTION_ALREADY_PENDING:this.details=we.E32002_REQUEST_ALREADY_PENDING:(p=r.message)!=null&&p.includes("Already processing")&&r.message.includes("eth_requestAccounts")&&(this.details=we.E32002_WALLET_LOCKED))}},Si={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}},Ti={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}},Wi={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}},we={UNKNOWN_ERROR:{eipCode:0,message:"Unknown error",detail:"Unknown error",retryable:!0},...Wi,...Ti},st={...Si,...we};var Ii=12e4,Kt=(t=new Te,e=Ii)=>new Promise((o,r)=>setTimeout(()=>{r(t)},e)),q=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})}request(e){if(!this.walletProvider)throw new O(`A wallet request of type ${e.method} was made before setting a wallet provider.`);return Promise.race([this.walletProvider.request(e),Kt()]).catch(o=>{throw se(o)})}},ye=class extends q{constructor(o){super(o)}},at=class extends q{constructor(e){super(e)}sendAsync(e,o){throw new Error("sendAsync is no longer supported by EIP-1193. Use the request method instead.")}};import{getAddress as Ni}from"@ethersproject/address";import{getAddress as Ri}from"@ethersproject/address";import{Web3Provider as Mi}from"@ethersproject/providers";var ae=class{constructor(e,o,r){this.createSiweMessage=(e,o,r,i,n,s,p)=>`${r} wants you to sign in with your Ethereum account:
|
|
2
2
|
${o}
|
|
3
3
|
|
|
4
|
-
${
|
|
4
|
+
${p}
|
|
5
5
|
|
|
6
6
|
URI: ${i}
|
|
7
7
|
Version: 1
|
|
@@ -9,7 +9,7 @@ Chain ID: ${e}
|
|
|
9
9
|
Nonce: ${s}
|
|
10
10
|
Issued At: ${n}
|
|
11
11
|
Resources:
|
|
12
|
-
- https://privy.io`;this.ethProvider=new we,this.initialized=!1}initialize(){let e=_.get(ot);zo.includes(e)?(this.walletType=e,this.connect({showPrompt:!1}).then(()=>this.initialized=!0)):this.initialized=!0}destroy(){this.walletType=null,_.del(ot),_.del(Lo)}async getConnectedWallet(){let e=this.walletType;if(!e||!await this.isConnected())return null;let o=await this.address(),r=await this.chainId();return{address:o,chainId:r,chainType:"ethereum",walletType:e}}async connect(e){var o;switch(this.walletType){case"metamask":this.ethProvider.setProvider(window.ethereum),(o=window.ethereum.providers)==null||o.forEach(async i=>{i.isMetaMask&&this.ethProvider.setProvider(i)});break;case"coinbase_wallet":this.ethProvider.setProvider(Oi());break;case"wallet_connect":let r=new jo({infuraId:et});this.ethProvider.setProvider(r);break;default:throw new F(`Unsupported wallet: ${this.walletType}`)}return(!await this.isConnected()||e.showPrompt)&&await this.promptConnection(this.walletType),this.getConnectedWallet()}async isConnected(){switch(this.walletType){case"metamask":return await this.address()!==null;case"coinbase_wallet":return await this.address()!==null;case"wallet_connect":return this.ethProvider.walletProvider.connected;default:throw new F(`Unsupported wallet: ${this.walletType}`)}}async promptConnection(e){try{switch(e){case"metamask":Ni||await this.ethProvider.request({method:"wallet_requestPermissions",params:[{eth_accounts:{}}]}),await this.ethProvider.request({method:"eth_requestAccounts"});break;case"coinbase_wallet":await this.ethProvider.request({method:"eth_requestAccounts"});break;case"wallet_connect":let o=new jo({infuraId:et});this.ethProvider.setProvider(o),await Promise.race([o.enable(),$t()]);break;default:throw new F(`Unsupported wallet: ${this.walletType}`)}_.put(ot,e)}catch(o){throw nt(o)}}async sign(e){return new Mi(new ye(this.getEthereumProvider())).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.",u=new Date().toISOString();return this.createSiweMessage(e,o,i,n,u,r,s)}async chainId(){let e=await this.getEthereumProvider().request({method:"eth_chainId"}),o=Number(e);return String(o)}async address(){let e=await this.getEthereumProvider().request({method:"eth_accounts"});return Array.isArray(e)&&e.length>0?Ri(e[0]):null}};var Kt,Be=class{constructor(e){let o=e.apiURL||vo,r=e.timeout||xo;this.appId=e.appId,this.connector=new Ve,Kt||(Kt=new it),this.session=Kt,this.api=new rt(e.appId,this,{baseURL:o,timeout:r}),this.session.api=this.api,this.session.client=this}authenticate(){if(!this.authFlow)throw new c("No auth flow in progress.");return this.session.authenticate(this.authFlow)}link(){if(!this.authFlow)throw new c("No auth flow in progress.");return this.session.link(this.authFlow)}async logout(){await this.session.destroy(),this.connector.destroy(),this.authFlow=void 0}startAuthFlow(e){e.api=this.api,this.authFlow=e}async unlinkEmail(e){try{let o=await this.api.post(Vo(),{address:e});return J(o.data)}catch(o){throw G(o)}}async unlinkPhone(e){try{let o=await this.api.post(Bo(),{phoneNumber:e});return J(o.data)}catch(o){throw G(o)}}async unlinkWallet(e){try{let o=await this.api.post(Go(),{address:e});return J(o.data)}catch(o){throw G(o)}}async unlinkOAuth(e,o){try{let r=await this.api.post(Ho(),{provider:e,subject:o});return J(r.data)}catch(r){throw G(r)}}async getAuthenticatedUser(){return this.session.hasRefreshCredentials()?this.session.refresh():null}async getAccessToken(e){var o;return this.session.hasActiveToken()?((o=q.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,ctaText:e.data.allowlist_config.cta_text,ctaLink: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 G(e)}}setActiveWallet(e,o){if(!o.linkedAccounts.map(i=>i.type==="wallet"?i.address:null).includes(e))throw new c("Cannot set an unlinked address as active.");return _.put($,e),Ge(o)}async forkSession(){return await this.session.forkSession()}};import{Web3Provider as qs}from"@ethersproject/providers";import{createContext as Ui,useContext as Di}from"react";var f=()=>{throw new Error("You need to wrap your application with the <PrivyProvider> initialized with your app id.")};var qt=Ui({ready:!1,authenticated:!1,user:null,walletConnector:null,login:f,linkEmail:f,linkPhone:f,linkWallet:f,linkGoogle:f,linkTwitter:f,linkDiscord:f,linkGithub:f,logout:f,getAccessToken:f,getEthereumProvider:f,getEthersProvider:f,getWeb3jsProvider:f,unlinkEmail:f,unlinkPhone:f,unlinkWallet:f,unlinkGoogle:f,unlinkTwitter:f,unlinkDiscord:f,unlinkGithub:f,setActiveWallet:f,forkSession:f}),W=()=>Di(qt);var He=class{constructor(e){this.connector=e,this.meta={wallet:this.connector.walletType}}async authenticate(){if(!this.api)throw new c("Auth flow has no API instance");if(!this.connector.walletType)throw new c("Wallet must be specified");try{let{message:e,signature:o}=await this.promptConnectAndSign(this.api),r=await this.api.post(So(),{message:e,signature:o});return{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 T(e)}}async link(){if(!this.api)throw new c("Auth flow has no API instance");if(!this.connector.walletType)throw new c("Wallet must be specified");try{let{message:e,signature:o}=await this.promptConnectAndSign(this.api);return(await this.api.post(To(),{message:e,signature:o})).data}catch(e){throw T(e)}}async promptConnectAndSign(e){let o=await this.connector.connect({showPrompt:!0}),r=o.address,i=o.chainId,n=await e.post(Po(),{address:r}),s=this.connector.prepareMessage(i,r,n.data.nonce),u=await this.connector.sign(s);return{message:s,signature:u}}getEthereumProvider(){return this.connector.getEthereumProvider()}};var ze=class{constructor(e){this.meta={email:e}}async authenticate(){if(!this.api)throw new c("Auth flow has no API instance");if(!this.meta.email||!this.meta.emailCode)throw new c("Email and email code must be set prior to calling authenticate.");try{let e=Ro(),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 T(e)}}async link(){if(!this.api)throw new c("Auth flow has no API instance");if(!this.meta.email||!this.meta.emailCode)throw new c("Email and email code must be set prior to calling authenticate.");try{let e=Mo();return(await this.api.post(e,{email:this.meta.email,code:this.meta.emailCode})).data}catch(e){throw T(e)}}async sendCodeEmail(e){if(!this.api)throw new c("Auth flow has no API instance");if(e&&(this.meta.email=e),!this.meta.email)throw new c("Email must be set when initialzing authentication.");try{let o=Io();return(await this.api.post(o,{email:this.meta.email})).data}catch(o){throw T(o)}}};var je=class{constructor(e){this.meta={phoneNumber:e}}async authenticate(){if(!this.api)throw new c("Auth flow has no API instance");if(!this.meta.phoneNumber||!this.meta.smsCode)throw new c("phone number and sms code must be set prior to calling authenticate.");try{let e=No(),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 T(e)}}async link(){if(!this.api)throw new c("Auth flow has no API instance");if(!this.meta.phoneNumber||!this.meta.smsCode)throw new c("phone number and sms code must be set prior to calling authenticate.");try{let e=Oo();return(await this.api.post(e,{phoneNumber:this.meta.phoneNumber,code:this.meta.smsCode})).data}catch(e){throw T(e)}}async sendSmsCode(e){if(!this.api)throw new c("Auth flow has no API instance");if(e&&(this.meta.phoneNumber=e),!this.meta.phoneNumber)throw new c("phone nNumber must be set when initialzing authentication.");try{let o=Wo();return(await this.api.post(o,{phoneNumber:this.meta.phoneNumber})).data}catch(o){throw T(o)}}};var Ie=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 c("Auth flow has no API instance");if(!this.meta.authorizationCode||!this.meta.stateCode)throw new c("[OAuth AuthFlow] Authorization and state codes code must be set prior to calling authenticate.");if(this.meta.authorizationCode==="undefined")throw new c("User denied confirmation during OAuth flow");try{let e=Do(),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 T(e)}}async link(){if(!this.api)throw new c("Auth flow has no API instance");if(!this.meta.authorizationCode||!this.meta.stateCode)throw new c("[OAuth AuthFlow] Authorization and state codes code must be set prior to calling link.");if(this.meta.authorizationCode==="undefined")throw new c("User denied confirmation during OAuth flow");try{let e=Fo();return(await this.api.post(e,{authorization_code:this.meta.authorizationCode,state_code:this.meta.stateCode})).data}catch(e){throw T(e)}}async getAuthorizationUrl(){if(!this.api)throw new c("Auth flow has no API instance");if(!this.meta.provider)throw new c("Provider must be set when initialzing OAuth authentication.");try{let e=Uo();return(await this.api.post(e,{provider:this.meta.provider,redirect_to:window.location.href})).data}catch(e){throw T(e)}}};import"wicg-inert";import Hs from"react-dom";import go from"styled-components";import{createContext as Gi,useContext as Vi,useEffect as Zo,useState as Ko}from"react";import{jsx as Fi}from"react/jsx-runtime";function $o(t){return Fi("link",{rel:"prefetch",href:t.src})}import{jsx as Bi,jsxs as Hi}from"react/jsx-runtime";var qo=Gi({ready:!1,app:null,options:{email:!0,sms:!1,wallet:!0,google:!1,twitter:!1,discord:!1,github:!1},currentScreen:"LANDING",lastScreen:"LANDING",navigate:f,navigateBack:f}),Jo=t=>{let e=t.appSettings,o=t.authenticated,r=t.visible,[i,n]=Ko("LANDING"),[s,u]=Ko("LANDING");Zo(()=>{o||n("LANDING")},[o]),Zo(()=>{r||(u("LANDING"),n("LANDING"))},[r]);let m={ready:!!(e!=null&&e.id),app:e,options:t.options,currentScreen:i,lastScreen:s,navigate:p=>{u(i),n(p)},navigateBack:()=>{n(s)}};return Hi(qo.Provider,{value:m,children:[e&&e.logoUrl&&Bi($o,{src:e.logoUrl}),t.children]})},g=()=>Vi(qo);import{useEffect as Dn,useState as Fn}from"react";import qe from"styled-components";import $i from"styled-components";import{jsx as Yo}from"react/jsx-runtime";var Qo=({style:t,...e})=>Yo("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",...t},...e,children:Yo("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})});import{jsx as Xo}from"react/jsx-runtime";var er=({style:t,...e})=>Xo("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",...t},...e,children:Xo("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18"})});import{createContext as zi,useContext as ji}from"react";var Jt=zi({isLinking:!1,getAuthMeta:f,getAuthFlow:f,closePrivyModal:f,initLoginWithWallet:f,loginWithWallet:f,loginWithCode:f,initLoginWithEmail:f,initLoginWithSms:f,resendEmailCode:f,resendSmsCode:f,initLoginWithOAuth:f,loginWithOAuth:f}),P=()=>ji(Jt);import{jsx as Q,jsxs as Yi}from"react/jsx-runtime";var Zi=()=>Q("div",{}),Ki=({backFn:t})=>Q("div",{children:Q(er,{onClick:t})}),qi=t=>Q("div",{children:Q("div",{children:Q(Qo,{onClick:t.onClose})})});var E=({backFn:t,onClose:e})=>{let{closePrivyModal:o}=P();return Yi(Ji,{children:[t?Q(Ki,{backFn:t}):Q(Zi,{}),Q(qi,{onClose:e||o})]})},Ji=$i.div`
|
|
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=Ri(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(){let e=this.walletType;if(!e||!await this.isConnected())return null;let o=await this.fetchAddress(),r=await this.fetchChainId();return{address:o,chainId:r,chainType:"ethereum",walletType:e}}async sign(e){return new Mi(new ye(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.",p=new Date().toISOString();return this.createSiweMessage(e,o,i,n,p,r,s)}};import{isMobile as Oi}from"react-device-detect";var lt=class extends ae{constructor(e,o){super("metamask",e,o)}async connect(e){var o;return this.provider.setProvider(window.ethereum),(o=window.ethereum.providers)==null||o.forEach(async r=>{r.isMetaMask&&this.provider.setProvider(r)}),(!await this.isConnected()||e.showPrompt)&&await this.promptConnection(),this.getConnectedWallet()}async isConnected(){return await this.fetchAddress()!==null}async promptConnection(){try{let e="";Oi||await this.provider.request({method:"wallet_requestPermissions",params:[{eth_accounts:{}}]});let o=await this.provider.request({method:"eth_requestAccounts"});if(o.length>0&&(e=Ni(o[0])),!e||e==="")throw new O("Unable to retrieve address");this.connected=!0,this.address=e}catch(e){throw se(e)}}};import{getAddress as Ui}from"@ethersproject/address";import Fi from"@coinbase/wallet-sdk";var Di=()=>{let t=`https://mainnet.infura.io/v3/${Ve}`,e=1;return new Fi({appName:"Privy",darkMode:!1,headlessMode:!1}).makeWeb3Provider(t,e)},dt=class extends ae{constructor(e,o){super("coinbase_wallet",e,o)}async connect(e){return this.provider.setProvider(Di()),(!await this.isConnected()||e.showPrompt)&&await this.promptConnection(),this.getConnectedWallet()}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=Ui(o[0])),!e||e==="")throw new O("Unable to retrieve address");this.connected=!0}catch(e){throw se(e)}}};import So from"@walletconnect/web3-provider";var ct=class extends ae{constructor(e,o){super("wallet_connect",e,o)}async connect(e){let o=new So({infuraId:Ve});return this.provider.setProvider(o),(!await this.isConnected()||e.showPrompt)&&await this.promptConnection(),this.getConnectedWallet()}async isConnected(){return this.provider.walletProvider.connected}async promptConnection(){try{let e="",o=new So({infuraId:Ve});this.provider.setProvider(o);let r=await Promise.race([o.enable(),Kt()]);if(r.length>0&&(e=r[0]),!e||e==="")throw new O("Unable to retrieve address");this.connected=!0}catch(e){throw se(e)}}};var Jt=()=>{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},pt=()=>{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},To=()=>{var e;let t=U.get(it);return t?(e=t.find(o=>o.active))==null?void 0:e.address:null},Yt=(t,e)=>{switch(t){case"metamask":return new lt(new q,e);case"coinbase_wallet":return new dt(new q,e);case"wallet_connect":return new ct(new q,e)}},Be=class{constructor(){this.getEthereumProvider=()=>{var e;return((e=this.activeWalletConnector)==null?void 0:e.provider)||new q};this.walletConnectors=[],this.initialized=!1}initialize(){this.initialized||(this.load(),this.activeWalletConnector&&this.activeWalletConnector.connect({showPrompt:!1}).then(()=>this.initialized=!0),this.initialized=!0)}initializeLinkedWallets(e){e.linkedAccounts.forEach(()=>{})}load(){(U.get(it)||[]).forEach(o=>{let r=Yt(o.walletType,o.address);this.addWalletConnector(r),o.active&&this.setActiveWallet(o.address)})}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)}});U.put(it,e)}destroy(){this.walletConnectors=[],this.initialized=!1,this.activeWalletConnector=void 0,U.del(_o)}addWalletConnector(e){this.walletConnectors.find(r=>r.address===e.address&&r.walletType===e.walletType)||this.walletConnectors.push(e)}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];this.setActiveWallet(i.address)}else this.activeWalletConnector=void 0;this.save()}async activeWalletSign(e){return this.activeWalletConnector?await this.activeWalletConnector.connect({showPrompt:!1})?this.activeWalletConnector.sign(e):null:(console.error("Cannot sign, no wallet is active. Is a wallet connected?"),null)}setActiveWallet(e){let o=this.walletConnectors.find(r=>r.address===e);return o?(this.activeWalletConnector=o,this.save(),!0):!1}};function le(t){return new Date(t*1e3)}function Gi(t){return t.map(e=>{switch(e.type){case"wallet":return{address:e.address,type:e.type,verifiedAt:le(e.verified_at),chainType:e.chain_type};case"email":return{address:e.address,type:e.type,verifiedAt:le(e.verified_at)};case"phone":return{number:e.phoneNumber,type:e.type,verifiedAt:le(e.verified_at)};case"google_oauth":return{subject:e.subject,email:e.email,name:e.name,type:e.type,verifiedAt:le(e.verified_at)};case"twitter_oauth":return{subject:e.subject,username:e.username,name:e.name,type:e.type,verifiedAt:le(e.verified_at)};case"discord_oauth":return{subject:e.subject,username:e.username,email:e.email,type:e.type,verifiedAt:le(e.verified_at)};case"github_oauth":return{subject:e.subject,username:e.username,name:e.name,email:e.email,type:e.type,verifiedAt:le(e.verified_at)};default:throw new c("Unrecognized account type")}})}function Ce(t,e){return t.sort((o,r)=>r.verifiedAt.getTime()-o.verifiedAt.getTime()),t.find(o=>o.type===e)}function He(t){let e=To();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),r=Object.assign({},t);return r.wallet=o&&{address:o.address,chainType:o.chainType,chainId:o.chainId,walletType:o.walletType},r}function Q(t){if(!t)return null;let e=Gi(t.linked_accounts),o=Ce(e,"wallet"),r=Ce(e,"email"),i=Ce(e,"phone"),n=Ce(e,"google_oauth"),s=Ce(e,"twitter_oauth"),p=Ce(e,"discord_oauth"),m=Ce(e,"github_oauth"),u={id:t.id,createdAt:le(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,walletType:o.walletType},google:n&&{subject:n.subject,email:n.email,name:n.name},twitter:s&&{subject:s.subject,username:s.username,name:s.name},discord:p&&{subject:p.subject,username:p.username,email:p.email},github:m&&{subject:m.subject,username:m.username,name:m.name,email:m.email}};return He(u)}var Wo=()=>"/api/v1/sessions",Io=()=>"/api/v1/sessions/logout",Ro=()=>"/api/v1/sessions/fork",Mo=()=>"/api/v1/siwe/init",No=()=>"/api/v1/siwe/authenticate",Oo=()=>"/api/v1/siwe/link",Uo=()=>"/api/v1/passwordless/init",Fo=()=>"/api/v1/passwordless/authenticate",Do=()=>"/api/v1/passwordless/link",Go=()=>"/api/v1/passwordless_sms/init",Vo=()=>"/api/v1/passwordless_sms/authenticate",Bo=()=>"/api/v1/passwordless_sms/link",Ho=()=>"/api/v1/oauth/init",zo=()=>"/api/v1/oauth/authenticate",jo=()=>"/api/v1/oauth/link",Zo=()=>"/api/v1/siwe/unlink",$o=()=>"/api/v1/passwordless/unlink",qo=()=>"/api/v1/passwordless_sms/unlink",Ko=()=>"/api/v1/oauth/unlink";var Vi=30,ut=class{constructor(){this.authenticateOnce=new ne(async e=>this._authenticate(e)),this.linkOnce=new ne(async e=>this._link(e)),this.refreshOnce=new ne(this._refresh.bind(this)),this.destroyOnce=new ne(this._destroy.bind(this)),this.forkSessionOnce=new ne(this._forkSession.bind(this))}get token(){try{let e=U.get(Se);return typeof e=="string"?new Y(e).value:null}catch(e){return console.error(e),this.destroyLocalState(),null}}get refreshToken(){try{let e=U.get(rt);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=Y.parse(this.token);return e!==null&&!e.isExpired(Vi)}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:Q(i),isNewUser:n}}catch(o){throw console.warn("Error authenticating session"),V(o)}}async _link(e){try{let o=await e.link();return Q(o)}catch(o){throw console.warn("Error linking account"),V(o)}}async _refresh(){if(!this.api)throw new c("Session has no API instance");if(!this.client)throw new c("Session has no PrivyClient instance");let e=await this.client.getAccessToken({disableAutoRefresh:!0}),o=this.refreshToken;if(!e||!o)return null;try{let r=await this.api.post(Wo(),{refresh_token:o},{headers:{authorization:`Bearer ${this.token}`}});return this.storeToken(r.data.token),this.storeRefreshToken(r.data.refresh_token),Q(r.data.user)}catch(r){if(r instanceof _e&&r.status===400&&r.message==="Invalid auth token")return this.destroyLocalState(),null;throw V(r)}}async _destroy(){var e;try{await((e=this.api)==null?void 0:e.post(Io(),{refresh_token:this.refreshToken}))}catch{console.warn("Error destroying session")}this.destroyLocalState()}async _forkSession(){if(!this.api)throw new c("Session has no API instance");let e=this.refreshToken;try{let o=await this.api.post(Ro(),{refresh_token:e});return this.storeToken(o.data.token),this.storeRefreshToken(o.data.refresh_token),o.data.new_session_refresh_token}catch(o){throw V(o)}}destroyLocalState(){this.storeToken(null),this.storeRefreshToken(null)}storeToken(e){typeof e=="string"?U.put(Se,e):U.del(Se)}storeRefreshToken(e){typeof e=="string"?U.put(rt,e):U.del(rt)}};var Qt,ze=class{constructor(e){let o=e.apiURL||Ao,r=e.timeout||ko;this.appId=e.appId,this.connectors=new Be,Qt||(Qt=new ut),this.session=Qt,this.api=new nt(e.appId,this,{baseURL:o,timeout:r}),this.session.api=this.api,this.session.client=this}authenticate(){if(!this.authFlow)throw new c("No auth flow in progress.");return this.session.authenticate(this.authFlow)}link(){if(!this.authFlow)throw new c("No auth flow in progress.");return this.session.link(this.authFlow)}async logout(){await this.session.destroy(),this.connectors.destroy(),this.authFlow=void 0}startAuthFlow(e){e.api=this.api,this.authFlow=e}async unlinkEmail(e){try{let o=await this.api.post($o(),{address:e});return Q(o.data)}catch(o){throw V(o)}}async unlinkPhone(e){try{let o=await this.api.post(qo(),{phoneNumber:e});return Q(o.data)}catch(o){throw V(o)}}async unlinkWallet(e){try{let o=await this.api.post(Zo(),{address:e});return Q(o.data)}catch(o){throw V(o)}}async unlinkOAuth(e,o){try{let r=await this.api.post(Ko(),{provider:e,subject:o});return Q(r.data)}catch(r){throw V(r)}}async getAuthenticatedUser(){return this.session.hasRefreshCredentials()?this.session.refresh():null}async getAccessToken(e){var o;return this.session.hasActiveToken()?((o=Y.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 V(e)}}setActiveWallet(e,o){if(!o.linkedAccounts.map(n=>n.type==="wallet"?n.address:null).includes(e))throw new c("Cannot set an unlinked address as active.");if(!this.connectors.setActiveWallet(e))throw new c("Error setting the active wallet.");return He(o)}async forkSession(){return await this.session.forkSession()}};import{Web3Provider as ea}from"@ethersproject/providers";import{createContext as Bi,useContext as Hi}from"react";var f=()=>{throw new Error("You need to wrap your application with the <PrivyProvider> initialized with your app id.")};var Xt=Bi({ready:!1,authenticated:!1,user:null,walletConnectors:null,login:f,linkEmail:f,linkPhone:f,linkWallet:f,linkGoogle:f,linkTwitter:f,linkDiscord:f,linkGithub:f,logout:f,getAccessToken:f,getEthereumProvider:f,getEthersProvider:f,getWeb3jsProvider:f,unlinkEmail:f,unlinkPhone:f,unlinkWallet:f,unlinkGoogle:f,unlinkTwitter:f,unlinkDiscord:f,unlinkGithub:f,setActiveWallet:f,forkSession:f}),R=()=>Hi(Xt);var je=class{constructor(e,o){this.meta={walletType:o},this.connectors=e,this.walletConnector=Yt(o,null)}async authenticate(){if(!this.api)throw new c("Auth flow has no API instance");try{let{message:e,signature:o}=await this.promptConnectAndSign(this.api),r=await this.api.post(No(),{message:e,signature:o});return this.connectors.addWalletConnector(this.walletConnector),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 S(e)}}async link(){if(!this.api)throw new c("Auth flow has no API instance");try{let{message:e,signature:o}=await this.promptConnectAndSign(this.api),r=await this.api.post(Oo(),{message:e,signature:o});return this.connectors.addWalletConnector(this.walletConnector),this.connectors.setActiveWallet(this.walletConnector.address)||console.warn("Failed to set active wallet"),r.data}catch(e){throw S(e)}}async promptConnectAndSign(e){let o=await this.walletConnector.connect({showPrompt:!0}),r=o.address,i=o.chainId,n=await e.post(Mo(),{address:r}),s=this.walletConnector.prepareMessage(i,r,n.data.nonce),p=await this.walletConnector.sign(s);return{message:s,signature:p}}};var Ze=class{constructor(e){this.meta={email:e}}async authenticate(){if(!this.api)throw new c("Auth flow has no API instance");if(!this.meta.email||!this.meta.emailCode)throw new c("Email and email code must be set prior to calling authenticate.");try{let e=Fo(),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 S(e)}}async link(){if(!this.api)throw new c("Auth flow has no API instance");if(!this.meta.email||!this.meta.emailCode)throw new c("Email and email code must be set prior to calling authenticate.");try{let e=Do();return(await this.api.post(e,{email:this.meta.email,code:this.meta.emailCode})).data}catch(e){throw S(e)}}async sendCodeEmail(e){if(!this.api)throw new c("Auth flow has no API instance");if(e&&(this.meta.email=e),!this.meta.email)throw new c("Email must be set when initialzing authentication.");try{let o=Uo();return(await this.api.post(o,{email:this.meta.email})).data}catch(o){throw S(o)}}};var $e=class{constructor(e){this.meta={phoneNumber:e}}async authenticate(){if(!this.api)throw new c("Auth flow has no API instance");if(!this.meta.phoneNumber||!this.meta.smsCode)throw new c("phone number and sms code must be set prior to calling authenticate.");try{let e=Vo(),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 S(e)}}async link(){if(!this.api)throw new c("Auth flow has no API instance");if(!this.meta.phoneNumber||!this.meta.smsCode)throw new c("phone number and sms code must be set prior to calling authenticate.");try{let e=Bo();return(await this.api.post(e,{phoneNumber:this.meta.phoneNumber,code:this.meta.smsCode})).data}catch(e){throw S(e)}}async sendSmsCode(e){if(!this.api)throw new c("Auth flow has no API instance");if(e&&(this.meta.phoneNumber=e),!this.meta.phoneNumber)throw new c("phone nNumber must be set when initialzing authentication.");try{let o=Go();return(await this.api.post(o,{phoneNumber:this.meta.phoneNumber})).data}catch(o){throw S(o)}}};var Ie=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 c("Auth flow has no API instance");if(!this.meta.authorizationCode||!this.meta.stateCode)throw new c("[OAuth AuthFlow] Authorization and state codes code must be set prior to calling authenticate.");if(this.meta.authorizationCode==="undefined")throw new c("User denied confirmation during OAuth flow");try{let e=zo(),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 S(e)}}async link(){if(!this.api)throw new c("Auth flow has no API instance");if(!this.meta.authorizationCode||!this.meta.stateCode)throw new c("[OAuth AuthFlow] Authorization and state codes code must be set prior to calling link.");if(this.meta.authorizationCode==="undefined")throw new c("User denied confirmation during OAuth flow");try{let e=jo();return(await this.api.post(e,{authorization_code:this.meta.authorizationCode,state_code:this.meta.stateCode})).data}catch(e){throw S(e)}}async getAuthorizationUrl(){if(!this.api)throw new c("Auth flow has no API instance");if(!this.meta.provider)throw new c("Provider must be set when initialzing OAuth authentication.");try{let e=Ho();return(await this.api.post(e,{provider:this.meta.provider,redirect_to:window.location.href})).data}catch(e){throw S(e)}}};import"wicg-inert";import qs from"react-dom";import vo from"styled-components";import{createContext as ji,useContext as Zi,useEffect as Yo,useState as Qo}from"react";import{jsx as zi}from"react/jsx-runtime";function Jo(t){return zi("link",{rel:"prefetch",href:t.src})}import{jsx as $i,jsxs as qi}from"react/jsx-runtime";var Xo=ji({ready:!1,app:null,options:{email:!0,sms:!1,wallet:!0,google:!1,twitter:!1,discord:!1,github:!1},currentScreen:"LANDING",lastScreen:"LANDING",navigate:f,navigateBack:f}),er=t=>{let e=t.appSettings,o=t.authenticated,r=t.visible,[i,n]=Qo("LANDING"),[s,p]=Qo("LANDING");Yo(()=>{o||n("LANDING")},[o]),Yo(()=>{r||(p("LANDING"),n("LANDING"))},[r]);let m={ready:!!(e!=null&&e.id),app:e,options:t.options,currentScreen:i,lastScreen:s,navigate:u=>{p(i),n(u)},navigateBack:()=>{n(s)}};return qi(Xo.Provider,{value:m,children:[e&&e.logoUrl&&$i(Jo,{src:e.logoUrl}),t.children]})},g=()=>Zi(Xo);import{useEffect as Hn,useState as zn}from"react";import Ye from"styled-components";import Yi from"styled-components";import{jsx as tr}from"react/jsx-runtime";var or=({style:t,...e})=>tr("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",...t},...e,children:tr("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})});import{jsx as rr}from"react/jsx-runtime";var ir=({style:t,...e})=>rr("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",...t},...e,children:rr("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18"})});import{createContext as Ki,useContext as Ji}from"react";var eo=Ki({isLinking:!1,getAuthMeta:f,getAuthFlow:f,closePrivyModal:f,initLoginWithWallet:f,loginWithWallet:f,loginWithCode:f,initLoginWithEmail:f,initLoginWithSms:f,resendEmailCode:f,resendSmsCode:f,initLoginWithOAuth:f,loginWithOAuth:f}),_=()=>Ji(eo);import{jsx as ee,jsxs as on}from"react/jsx-runtime";var Qi=()=>ee("div",{}),Xi=({backFn:t})=>ee("div",{children:ee(ir,{onClick:t})}),en=t=>ee("div",{children:ee("div",{children:ee(or,{onClick:t.onClose})})});var L=({backFn:t,onClose:e})=>{let{closePrivyModal:o}=_();return on(tn,{children:[t?ee(Xi,{backFn:t}):ee(Qi,{}),ee(en,{onClose:e||o})]})},tn=Yi.div`
|
|
13
13
|
height: 30px;
|
|
14
14
|
display: flex;
|
|
15
15
|
align-items: center;
|
|
@@ -66,11 +66,11 @@ Resources:
|
|
|
66
66
|
@media (max-width: 440px) {
|
|
67
67
|
height: 30px;
|
|
68
68
|
}
|
|
69
|
-
`;import
|
|
69
|
+
`;import lr from"styled-components";import{jsx as D,jsxs as rn}from"react/jsx-runtime";var ve=({style:t,...e})=>rn("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:[D("rect",{width:"28",height:"28",rx:"6",fill:"white"}),D("path",{d:"M23.0126 5L15.1958 10.7823L16.6533 7.37359L23.0126 5Z",fill:"#E17726",stroke:"#E17726",strokeWidth:"0.25",strokeLinecap:"round",strokeLinejoin:"round"}),D("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"}),D("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"}),D("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"}),D("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"}),D("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"}),D("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"}),D("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"}),D("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"}),D("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"}),D("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"}),D("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 nr,jsxs as nn}from"react/jsx-runtime";var de=({style:t,...e})=>nn("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:[nr("rect",{width:"1024",height:"1024",fill:"#0052FF",rx:100,ry:100}),nr("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 Re,jsxs as sn}from"react/jsx-runtime";var ht=({style:t,...e})=>sn("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:[Re("rect",{width:"28",height:"28",rx:"6",fill:"#141414"}),Re("g",{clipPath:"url(#clip0_1765_9946)",children:Re("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"})}),Re("defs",{children:Re("clipPath",{id:"clip0_1765_9946",children:Re("rect",{width:"20",height:"12.2531",fill:"white",transform:"translate(4 8)"})})})]});import{isMobile as ar}from"react-device-detect";import{isIOS as an,isMobile as ln}from"react-device-detect";var to=t=>{let e=new URL(window.location.href);if(!window.ethereum&&ln){let o;switch(t){case"metamask":an?o="dapp://"+e.hostname+e.pathname:o="https://metamask.app.link/dapp/"+e.hostname+e.pathname;break;case"coinbase_wallet":o="https://go.cb-w.com/dapp?cb_url="+encodeURIComponent(e.href.replace(/\/$/g,""));break;case"wallet_connect":break;default:break}o&&window.location.assign(o)}};import dn from"styled-components";var sr=dn.span`
|
|
70
70
|
@media (max-width: 440px) {
|
|
71
71
|
display: none;
|
|
72
72
|
}
|
|
73
|
-
`;import{jsx as
|
|
73
|
+
`;import{jsx as te,jsxs as qe}from"react/jsx-runtime";var mt=()=>{let{navigate:t}=g(),{initLoginWithWallet:e,closePrivyModal:o}=_();return qe(cn,{children:[qe(oo,{onClick:()=>{Jt()?(e("metamask"),t("AWAITING_CONNECTION")):ar?(to("metamask"),o()):t("INSTALL_METAMASK_SCREEN")},children:[te(ve,{}),te("span",{children:"Metamask"}),te("span",{children:Jt()?"Connect":"Install"})]}),qe(oo,{onClick:()=>{pt()?(e("coinbase_wallet"),t("AWAITING_CONNECTION")):ar?(to("coinbase_wallet"),o()):(e("coinbase_wallet"),t("AWAITING_CONNECTION"))},children:[te(de,{}),qe("span",{children:["Coinbase",te(sr,{children:" Wallet"})]}),te("span",{children:"Connect"})]}),qe(oo,{onClick:()=>{e("wallet_connect"),t("AWAITING_CONNECTION")},children:[te(ht,{}),te("span",{children:"WalletConnect"}),te("span",{children:"Connect"})]})]})},cn=lr.div`
|
|
74
74
|
display: flex;
|
|
75
75
|
flex-direction: column;
|
|
76
76
|
align-items: flex-start;
|
|
@@ -80,7 +80,7 @@ Resources:
|
|
|
80
80
|
@media (max-width: 440px) {
|
|
81
81
|
flex-direction: row;
|
|
82
82
|
}
|
|
83
|
-
`,
|
|
83
|
+
`,oo=lr.button`
|
|
84
84
|
display: flex;
|
|
85
85
|
flex-direction: row;
|
|
86
86
|
align-items: center;
|
|
@@ -147,7 +147,7 @@ Resources:
|
|
|
147
147
|
:hover > :last-child {
|
|
148
148
|
opacity: 1;
|
|
149
149
|
}
|
|
150
|
-
`;import
|
|
150
|
+
`;import pn from"styled-components";import{jsx as dr,jsxs as hn}from"react/jsx-runtime";var ft=()=>{let{navigate:t}=g();return hn(un,{children:[dr("span",{children:"Don\u2019t have a wallet? "}),dr("button",{onClick:()=>{t("WALLET_EDUCATION")},children:"Create one now."})]})},un=pn.div`
|
|
151
151
|
font-size: 13px;
|
|
152
152
|
color: var(--light-theme-fg-3);
|
|
153
153
|
|
|
@@ -158,7 +158,7 @@ Resources:
|
|
|
158
158
|
@media (max-width: 440px) {
|
|
159
159
|
margin-top: 4px;
|
|
160
160
|
}
|
|
161
|
-
`;import
|
|
161
|
+
`;import ur from"styled-components";import{jsx as cr}from"react/jsx-runtime";var pr=({style:t,...e})=>cr("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",...t},...e,children:cr("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:"var(--primary-color)"})});import{Fragment as fn,jsx as Me,jsxs as mr}from"react/jsx-runtime";var mn=ur.div`
|
|
162
162
|
margin-top: 16px;
|
|
163
163
|
font-size: 12px;
|
|
164
164
|
text-align: left;
|
|
@@ -167,7 +167,7 @@ Resources:
|
|
|
167
167
|
&& > a {
|
|
168
168
|
color: var(--primary-color);
|
|
169
169
|
}
|
|
170
|
-
`;function
|
|
170
|
+
`;function hr(t){let{privacyPolicyUrl:e,termsAndConditionsUrl:o}=t.app,r=!!e,i=!!o,n=r&&i;return!r&&!i?null:mr(mn,{children:["By logging in I agree to the"," ",i&&Me("a",{href:o,target:"_blank",children:n?"Terms":"Terms of Service"}),n&&" & ",r&&Me("a",{href:e,target:"_blank",children:"Privacy Policy"})]})}var K=({protectedByPrivy:t})=>Me(oe,{hideOnMobile:t,children:t?mr(fn,{children:[Me(pr,{}),Me("span",{children:Me("a",{href:"https://www.privy.io/",target:"_blank",children:"Protected by Privy"})})]}):null}),oe=ur.div`
|
|
171
171
|
height: 20px;
|
|
172
172
|
font-size: 12px;
|
|
173
173
|
display: flex;
|
|
@@ -189,7 +189,7 @@ Resources:
|
|
|
189
189
|
@media (max-width: 440px) {
|
|
190
190
|
display: ${t=>t.hideOnMobile?"none":"inherit"};
|
|
191
191
|
}
|
|
192
|
-
`;import
|
|
192
|
+
`;import fr from"styled-components";var ce=fr.div`
|
|
193
193
|
display: flex;
|
|
194
194
|
flex-direction: column;
|
|
195
195
|
align-items: flex-start;
|
|
@@ -197,20 +197,20 @@ Resources:
|
|
|
197
197
|
margin-top: auto;
|
|
198
198
|
gap: 16px;
|
|
199
199
|
flex-grow: 100;
|
|
200
|
-
`,
|
|
200
|
+
`,gr=fr.div`
|
|
201
201
|
display: flex;
|
|
202
202
|
flex-direction: column;
|
|
203
203
|
align-items: center;
|
|
204
204
|
justify-content: center;
|
|
205
205
|
height: 100%;
|
|
206
206
|
width: 100%;
|
|
207
|
-
`;import
|
|
207
|
+
`;import Je from"styled-components";import{jsx as wr}from"react/jsx-runtime";var gt=({style:t,logoFill:e,...o})=>wr("svg",{width:"24",height:"20",viewBox:"0 0 24 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{height:"26px",width:"26px",...t},...o,children:wr("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:e==="primary"?"#1da1f2":"white"})});import{jsx as Ke,jsxs as gn}from"react/jsx-runtime";var wt=({logoFill:t,style:e,...o})=>gn("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 71 55",style:{height:"24px",...e},...o,children:[Ke("g",{clipPath:"url(#clip0)",children:Ke("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:t==="primary"?"#5865f2":"white"})}),Ke("defs",{children:Ke("clipPath",{id:"clip0",children:Ke("rect",{width:"71",height:"55",fill:"white"})})})]});import{jsx as yr}from"react/jsx-runtime";var yt=({logoFill:t,style:e,...o})=>yr("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"24",y:"24",viewBox:"0 0 98 96",style:{height:"24px",...e},...o,children:yr("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:t==="primary"?"#2D333B":"white"})});import{jsx as Ct,jsxs as wn}from"react/jsx-runtime";var vt=({style:t,...e})=>wn("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{height:"26px",width:"26px",...t},...e,children:[Ct("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"}),Ct("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"}),Ct("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"}),Ct("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 pe,jsxs as Ln}from"react/jsx-runtime";var Cr=({showGoogle:t,showTwitter:e,showDiscord:o,showGithub:r,stacked:i})=>{let{initLoginWithOAuth:n}=_();return Ln(yn,{stacked:i,children:[t&&pe(xn,{onClick:()=>{n("google")},children:pe(vt,{})}),e&&pe(Cn,{onClick:()=>{n("twitter")},children:pe(gt,{})}),o&&pe(vn,{onClick:()=>{n("discord")},children:pe(wt,{})}),r&&pe(bn,{onClick:()=>{n("github")},children:pe(yt,{})})]})},yn=Je.div`
|
|
208
208
|
display: flex;
|
|
209
209
|
flex-direction: ${t=>t.stacked?"column":"row"};
|
|
210
210
|
justify-content: space-between;
|
|
211
211
|
width: 100%;
|
|
212
212
|
gap: 4px;
|
|
213
|
-
`,
|
|
213
|
+
`,Cn=Je.button`
|
|
214
214
|
&& {
|
|
215
215
|
border-radius: var(--border-radius-sm);
|
|
216
216
|
cursor: pointer;
|
|
@@ -222,7 +222,7 @@ Resources:
|
|
|
222
222
|
justify-content: center;
|
|
223
223
|
align-items: center;
|
|
224
224
|
}
|
|
225
|
-
`,
|
|
225
|
+
`,vn=Je.button`
|
|
226
226
|
&& {
|
|
227
227
|
border-radius: var(--border-radius-sm);
|
|
228
228
|
cursor: pointer;
|
|
@@ -234,7 +234,7 @@ Resources:
|
|
|
234
234
|
justify-content: center;
|
|
235
235
|
align-items: center;
|
|
236
236
|
}
|
|
237
|
-
`,
|
|
237
|
+
`,bn=Je.button`
|
|
238
238
|
&& {
|
|
239
239
|
border-radius: var(--border-radius-sm);
|
|
240
240
|
cursor: pointer;
|
|
@@ -246,7 +246,7 @@ Resources:
|
|
|
246
246
|
justify-content: center;
|
|
247
247
|
align-items: center;
|
|
248
248
|
}
|
|
249
|
-
`,
|
|
249
|
+
`,xn=Je.button`
|
|
250
250
|
&& {
|
|
251
251
|
border-radius: var(--border-radius-sm);
|
|
252
252
|
cursor: pointer;
|
|
@@ -259,7 +259,7 @@ Resources:
|
|
|
259
259
|
align-items: center;
|
|
260
260
|
border: 1px solid var(--border-color-2);
|
|
261
261
|
}
|
|
262
|
-
`;import{useEffect as
|
|
262
|
+
`;import{useEffect as _n,useState as ro}from"react";import Ne from"styled-components";import{jsx as vr}from"react/jsx-runtime";var bt=({style:t,...e})=>vr("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",...t},...e,children:vr("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 An from"styled-components";import{jsx as En}from"react/jsx-runtime";var xt=({success:t,fail:e})=>En(ue,{className:t?"success":e?"fail":""}),ue=An.span`
|
|
263
263
|
&& {
|
|
264
264
|
width: 82px;
|
|
265
265
|
height: 82px;
|
|
@@ -292,7 +292,7 @@ Resources:
|
|
|
292
292
|
border-color: var(--fail-light);
|
|
293
293
|
border-bottom-color: var(--fail-light);
|
|
294
294
|
}
|
|
295
|
-
`;import{isPossiblePhoneNumber as
|
|
295
|
+
`;import{isPossiblePhoneNumber as kn}from"libphonenumber-js/min";var br=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,}))$/),xr=t=>kn(String(t),"US"),Lt=t=>{var 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});var 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)}},Lr=(t,e)=>{var o=t.slice(0);let r=[];for(;o.length;)r.push(o.splice(0,e));return r};import{Fragment as Mn,jsx as re,jsxs as io}from"react/jsx-runtime";var At=t=>{let[e,o]=ro(""),[r,i]=ro(!1),[n,s]=ro(null),{authenticated:p}=R(),{initLoginWithEmail:m}=_(),{navigate:u,options:P}=g(),A=P.wallet;_n(()=>{let d=document.querySelector("#email-input");d==null||d.focus()},[]);let k=br(e),y=()=>{i(!0),m(e).then(()=>{u("AWAITING_PASSWORDLESS_CODE")}).catch(d=>{let b=(d==null?void 0:d.status)===401&&(d==null?void 0:d.message)==="User is not allowed to login to this app.";(d==null?void 0:d.status)===422?s(d.message):b?u("ALLOWLIST_REJECTION_SCREEN"):s("Issue submitting email"),i(!1)})};return io(Mn,{children:[io(Pn,{stacked:t.stacked,children:[io(Wn,{standalone:t.stacked,children:[re(bt,{}),re("input",{id:"email-input",type:"email",placeholder:"your@email.com",onChange:d=>o(d.target.value),onKeyUp:d=>{d.key==="Enter"&&y()},value:e,autoComplete:"email"})]}),t.stacked?null:re(Sn,{disabled:r||!k,onClick:y,children:r?re(ue,{color:"var(--disabled-fg)",style:{height:"1rem",width:"1rem",borderWidth:"2px"}}):"Submit"})]}),n||p||!A?re(Rn,{fail:!!n,children:n||""}):null,!n&&!p&&A?re(In,{children:re("span",{children:"Get started without a wallet."})}):null,t.stacked?re(Tn,{disabled:r||!k,onClick:y,children:r?re(ue,{color:"var(--disabled-fg)",style:{height:"1rem",width:"1rem",borderWidth:"2px"}}):"Submit"}):null]})},Pn=Ne.div`
|
|
296
296
|
display: flex;
|
|
297
297
|
border: 1px solid var(--border-color-1);
|
|
298
298
|
width: 100%;
|
|
@@ -306,7 +306,7 @@ Resources:
|
|
|
306
306
|
@media (max-width: 440px) {
|
|
307
307
|
margin-top: 20px;
|
|
308
308
|
}
|
|
309
|
-
`,
|
|
309
|
+
`,Sn=Ne.button`
|
|
310
310
|
display: flex;
|
|
311
311
|
flex-direction: row;
|
|
312
312
|
align-items: center;
|
|
@@ -331,7 +331,7 @@ Resources:
|
|
|
331
331
|
color: var(--disabled-fg);
|
|
332
332
|
cursor: not-allowed;
|
|
333
333
|
}
|
|
334
|
-
`,
|
|
334
|
+
`,Tn=Ne.button`
|
|
335
335
|
display: flex;
|
|
336
336
|
flex-direction: column;
|
|
337
337
|
align-items: center;
|
|
@@ -355,7 +355,7 @@ Resources:
|
|
|
355
355
|
color: var(--disabled-fg);
|
|
356
356
|
cursor: not-allowed;
|
|
357
357
|
}
|
|
358
|
-
`,
|
|
358
|
+
`,Wn=Ne.label`
|
|
359
359
|
display: flex;
|
|
360
360
|
flex-direction: row;
|
|
361
361
|
align-items: center;
|
|
@@ -392,7 +392,7 @@ Resources:
|
|
|
392
392
|
line-height: 24px;
|
|
393
393
|
}
|
|
394
394
|
}
|
|
395
|
-
`,
|
|
395
|
+
`,In=Ne.div`
|
|
396
396
|
font-size: 13px;
|
|
397
397
|
color: var(--light-theme-fg-3);
|
|
398
398
|
text-align: left;
|
|
@@ -400,7 +400,7 @@ Resources:
|
|
|
400
400
|
> button {
|
|
401
401
|
text-decoration: underline;
|
|
402
402
|
}
|
|
403
|
-
`,
|
|
403
|
+
`,Rn=Ne.div`
|
|
404
404
|
line-height: 20px;
|
|
405
405
|
height: 20px;
|
|
406
406
|
font-size: 13px;
|
|
@@ -412,7 +412,7 @@ Resources:
|
|
|
412
412
|
opacity: ${t=>t.success||t.fail?"1":"0"};
|
|
413
413
|
|
|
414
414
|
transition: ${t=>t.fail?"":"all 150ms ease-in-out"};
|
|
415
|
-
`;import{useEffect as
|
|
415
|
+
`;import{useEffect as Nn,useState as no}from"react";import be from"styled-components";import{jsx as Ar}from"react/jsx-runtime";var Et=({style:t,...e})=>Ar("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",...t},...e,children:Ar("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 Bn,jsx as ie,jsxs as so}from"react/jsx-runtime";var kt=t=>{let[e,o]=no(""),[r,i]=no(!1),[n,s]=no(null),{authenticated:p}=R(),{initLoginWithSms:m}=_(),{navigate:u,options:P}=g(),A=P.wallet;Nn(()=>{let d=document.querySelector("#phone-number-input");d==null||d.focus()},[]);let k=xr(e),y=()=>{i(!0),m(e).then(()=>{u("AWAITING_PASSWORDLESS_CODE")}).catch(d=>{let b=(d==null?void 0:d.status)===401&&(d==null?void 0:d.message)==="User is not allowed to login to this app.";(d==null?void 0:d.status)===422?s(d.message):b?u("ALLOWLIST_REJECTION_SCREEN"):s("Issue submitting phone number"),i(!1)})};return so(Bn,{children:[so(On,{stacked:t.stacked,children:[so(Dn,{standalone:t.stacked,children:[ie(Et,{}),ie("input",{id:"phone-number-input",type:"tel",placeholder:"555 555 5555",onChange:d=>{o(d.target.value)},onKeyUp:d=>{d.key==="Enter"&&y()},value:e,autoComplete:"tel"})]}),t.stacked?null:ie(Un,{disabled:r||!k,onClick:y,children:r?ie(Er,{color:"var(--disabled-fg)"}):"Submit"})]}),n||p||!A?ie(Vn,{fail:!!n,children:n||""}):null,!n&&!p&&A?ie(Gn,{children:ie("span",{children:"Don\u2019t have a wallet? Start exploring with your phone or socials."})}):null,t.stacked?ie(Fn,{disabled:r||!k,onClick:y,children:r?ie(Er,{color:"var(--disabled-fg)"}):"Submit"}):null]})},On=be.div`
|
|
416
416
|
display: flex;
|
|
417
417
|
border: 1px solid var(--border-color-1);
|
|
418
418
|
width: 100%;
|
|
@@ -426,7 +426,7 @@ Resources:
|
|
|
426
426
|
@media (max-width: 440px) {
|
|
427
427
|
margin-top: 20px;
|
|
428
428
|
}
|
|
429
|
-
`,
|
|
429
|
+
`,Un=be.button`
|
|
430
430
|
display: flex;
|
|
431
431
|
flex-direction: row;
|
|
432
432
|
align-items: center;
|
|
@@ -451,7 +451,7 @@ Resources:
|
|
|
451
451
|
color: var(--disabled-fg);
|
|
452
452
|
cursor: not-allowed;
|
|
453
453
|
}
|
|
454
|
-
`,
|
|
454
|
+
`,Fn=be.button`
|
|
455
455
|
display: flex;
|
|
456
456
|
flex-direction: column;
|
|
457
457
|
align-items: center;
|
|
@@ -475,7 +475,7 @@ Resources:
|
|
|
475
475
|
color: var(--disabled-fg);
|
|
476
476
|
cursor: not-allowed;
|
|
477
477
|
}
|
|
478
|
-
`,
|
|
478
|
+
`,Dn=be.label`
|
|
479
479
|
display: flex;
|
|
480
480
|
flex-direction: row;
|
|
481
481
|
align-items: center;
|
|
@@ -512,14 +512,14 @@ Resources:
|
|
|
512
512
|
line-height: 24px;
|
|
513
513
|
}
|
|
514
514
|
}
|
|
515
|
-
`,
|
|
515
|
+
`,Gn=be.div`
|
|
516
516
|
font-size: 13px;
|
|
517
517
|
color: var(--light-theme-fg-3);
|
|
518
518
|
|
|
519
519
|
> button {
|
|
520
520
|
text-decoration: underline;
|
|
521
521
|
}
|
|
522
|
-
`,
|
|
522
|
+
`,Vn=be.div`
|
|
523
523
|
line-height: 20px;
|
|
524
524
|
height: 20px;
|
|
525
525
|
font-size: 13px;
|
|
@@ -531,19 +531,19 @@ Resources:
|
|
|
531
531
|
opacity: ${t=>t.success||t.fail?"1":"0"};
|
|
532
532
|
|
|
533
533
|
transition: ${t=>t.fail?"":"all 150ms ease-in-out"};
|
|
534
|
-
`,
|
|
534
|
+
`,Er=be(ue)`
|
|
535
535
|
&& {
|
|
536
536
|
height: 1rem;
|
|
537
537
|
width: 1rem;
|
|
538
538
|
border-width: 2px;
|
|
539
539
|
}
|
|
540
|
-
`;import{jsx as
|
|
540
|
+
`;import{jsx as kr}from"react/jsx-runtime";var _r=()=>{let{app:t}=g();return t!=null&&t.logoUrl?kr("div",{children:kr("img",{src:t.logoUrl,alt:`${t==null?void 0:t.name} logo`,style:{objectFit:"contain",width:"200px",height:"80px"}})}):null};import{isMobile as Pr}from"react-device-detect";import{Fragment as xe,jsx as v,jsxs as he}from"react/jsx-runtime";var Tr=()=>{let{ready:t}=R(),{getAuthMeta:e,isLinking:o}=_(),{app:r,navigate:i,options:n}=g(),s=n.email,p=n.sms,m=n.wallet,u=n.google,P=n.twitter,A=n.discord,k=n.github,y=m&&(r==null?void 0:r.showWalletLoginFirst)?0:1,[d,b]=zn(y),C=e(),H=(C==null?void 0:C.authorizationCode)&&(C==null?void 0:C.stateCode)&&(C==null?void 0:C.provider);Hn(()=>{H?i("AWAITING_OAUTH_SCREEN"):o&&s?i("LINK_EMAIL_SCREEN"):o&&p?i("LINK_PHONE_SCREEN"):o&&m&&i("LINK_WALLET_SCREEN")},[t]);let ge=d==0,I=d==1,F=()=>v(xe,{children:m&&v(jn,{active:ge,onClick:()=>b(0)})}),E=()=>v(xe,{children:(s||p)&&v(Zn,{active:I,onClick:()=>b(1),email:s,sms:p,google:u,twitter:P,discord:A,github:k})});return he(xe,{children:[v(L,{},"header"),v(Kn,{walletOnly:!s&&!p&&!u&&!P&&!A&&!k,hasTerms:!!((r==null?void 0:r.privacyPolicyUrl)||(r==null?void 0:r.termsAndConditionsUrl)),children:v(_r,{})}),v(ce,{children:r!=null&&r.showWalletLoginFirst?he(xe,{children:[v(F,{}),v(E,{})]}):he(xe,{children:[v(E,{}),v(F,{})]})}),r&&v(hr,{app:r}),v(K,{protectedByPrivy:!0})]})};function jn(t){return he(Ir,{active:t.active,onClick:t.onClick,children:[v(Wr,{active:t.active,children:v("h4",{children:"Connect Wallet"})}),t.active&&he(xe,{children:[v(mt,{}),v(ft,{})]})]})}function Zn(t){let e=t.google||t.discord||t.github||t.twitter&&!Pr,o=t.email?"Email":"Phone";return he(Ir,{active:t.active,onClick:t.onClick,children:[v(Wr,{active:t.active,children:v("h4",{children:e?`${o} & Social`:o})}),t.active&&t.email&&v(At,{}),t.active&&t.sms&&!t.email&&v(kt,{}),t.active&&e&&v($n,{google:t.google,twitter:t.twitter&&!Pr,discord:t.discord,github:t.github})]})}function $n(t){return he(xe,{children:[he(qn,{children:[v(Sr,{}),v("p",{children:" Or "}),v(Sr,{})]}),v(Cr,{showGoogle:t.google,showDiscord:t.discord,showGithub:t.github,showTwitter:t.twitter})]})}var Wr=Ye.div`
|
|
541
541
|
font-weight: ${t=>t.active?600:500};
|
|
542
542
|
color: ${t=>t.active?"inherit":"var(--light-theme-fg-3)"};
|
|
543
543
|
display: flex;
|
|
544
544
|
justify-content: center;
|
|
545
545
|
align-items: center;
|
|
546
|
-
`,
|
|
546
|
+
`,Ir=Ye.div`
|
|
547
547
|
display: flex;
|
|
548
548
|
flex-direction: column;
|
|
549
549
|
align-items: flex-start;
|
|
@@ -564,18 +564,18 @@ Resources:
|
|
|
564
564
|
}
|
|
565
565
|
|
|
566
566
|
cursor: ${t=>t.active?"inherit":"pointer"};
|
|
567
|
-
`,
|
|
567
|
+
`,qn=Ye.div`
|
|
568
568
|
display: flex;
|
|
569
569
|
justify-content: center;
|
|
570
570
|
align-items: center;
|
|
571
571
|
width: 100%;
|
|
572
|
-
`,
|
|
572
|
+
`,Sr=Ye.hr`
|
|
573
573
|
width: 50%;
|
|
574
574
|
&& {
|
|
575
575
|
border-top: 1px solid var(--border-color-1);
|
|
576
576
|
margin: 0px 8px;
|
|
577
577
|
}
|
|
578
|
-
`,
|
|
578
|
+
`,Kn=Ye.div`
|
|
579
579
|
display: flex;
|
|
580
580
|
flex-direction: column;
|
|
581
581
|
align-items: center;
|
|
@@ -595,9 +595,9 @@ Resources:
|
|
|
595
595
|
// the logo is close to the top (mobile or full wallet-open design)
|
|
596
596
|
margin-top: ${t=>`${28+(t.walletOnly?31:0)-(t.hasTerms?18:0)}px`};
|
|
597
597
|
margin-bottom: ${t=>`${60+(t.walletOnly?31:0)-(t.hasTerms?18:0)}px`};
|
|
598
|
-
`;import{useEffect as
|
|
598
|
+
`;import{useEffect as Or,useState as Pt}from"react";import St from"styled-components";import _t from"styled-components";import{jsx as Qe,jsxs as Nr}from"react/jsx-runtime";var Le=({title:t,description:e,children:o,...r})=>Nr(Mr,{...r,children:[Qe("h3",{children:t}),typeof e=="string"?Qe("p",{children:e}):null,o]}),Rr=_t(Le)`
|
|
599
599
|
margin-bottom: 24px;
|
|
600
|
-
`,
|
|
600
|
+
`,Oe=({title:t,description:e,icon:o,children:r,...i})=>Nr(Jn,{...i,children:[o?Qe(Yn,{children:o}):null,Qe("h3",{children:t}),typeof e=="string"?Qe("p",{children:e}):null,r]}),Mr=_t.div`
|
|
601
601
|
display: flex;
|
|
602
602
|
flex-direction: column;
|
|
603
603
|
justify-content: flex-start;
|
|
@@ -616,7 +616,7 @@ Resources:
|
|
|
616
616
|
color: var(--light-theme-fg-2);
|
|
617
617
|
font-size: 14px;
|
|
618
618
|
}
|
|
619
|
-
`,
|
|
619
|
+
`,Jn=_t(Mr)`
|
|
620
620
|
align-items: center;
|
|
621
621
|
text-align: center;
|
|
622
622
|
gap: 16px;
|
|
@@ -624,21 +624,21 @@ Resources:
|
|
|
624
624
|
h3 {
|
|
625
625
|
margin-bottom: 24px;
|
|
626
626
|
}
|
|
627
|
-
|
|
627
|
+
`,Yn=_t.div`
|
|
628
628
|
padding: 14px;
|
|
629
629
|
border-radius: 50%;
|
|
630
630
|
&& {
|
|
631
631
|
border-color: var(--light-theme-bg-3);
|
|
632
632
|
border-width: 1px;
|
|
633
633
|
}
|
|
634
|
-
`;import{Fragment as
|
|
634
|
+
`;import{Fragment as ao,jsx as B,jsxs as Ue}from"react/jsx-runtime";var lo=6,Ur=new Array(lo).fill(""),Qn=1400;var Fr=()=>{var E,Z,l;let{app:t}=g(),{closePrivyModal:e,resendEmailCode:o,resendSmsCode:r,getAuthMeta:i,loginWithCode:n}=_(),{authenticated:s,user:p}=R(),[m,u]=Pt(Ur),[P,A]=Pt(!1),[k,y]=Pt(null),[d,b]=Pt(null),C=(E=i())!=null&&E.email?0:1;Or(()=>{if(s&&P){let a=setTimeout(e,Pe);return()=>clearTimeout(a)}},[s,P,p]),Or(()=>{if(k&&d===0){let a=setTimeout(()=>{u(Ur),y(null);let x=document.querySelector("input[name=code-0]");x==null||x.focus()},Qn);return()=>clearTimeout(a)}},[k]);let H=a=>{var xo;let x=a.currentTarget.value.replace(" ","");if(x==="")return;if(isNaN(Number(x))){y("Code should be numeric"),b(1);return}y(null),b(null);let N=Number((xo=a.currentTarget.name)==null?void 0:xo.charAt(5)),Vt=[...x||[""]].slice(0,lo-N),Bt=[...m.slice(0,N),...Vt,...m.slice(N+Vt.length)];u(Bt);let Ai=Vt.length,bo=Math.min(Math.max(N+Ai,0),lo-1);if(!isNaN(Number(a.currentTarget.value))){let $=document.querySelector(`input[name=code-${bo}]`);$==null||$.focus()}if(Bt.every($=>$&&!isNaN(+$))){let $=document.querySelector(`input[name=code-${bo}]`);$==null||$.blur(),n(Bt.join("")).then(()=>A(!0)).catch(Ht=>{(Ht==null?void 0:Ht.status)===422?y("Invalid or expired verification code"):y("Issue verifying code"),b(0)})}a.preventDefault()},ge=a=>{d===1&&(y(null),b(null));let x=[...m.slice(0,a),"",...m.slice(a+1)];if(u(x),a>0){let N=document.querySelector(`input[name=code-${a-1}]`);N==null||N.focus()}},I=`Verify your ${C==0?"email":"phone"}`,F=C==0?`Please check ${(Z=i())==null?void 0:Z.email} for an email from privy.io and enter your code below.`:`Please check ${(l=i())==null?void 0:l.phoneNumber} for a message from ${(t==null?void 0:t.name)||"privy.io"} and enter your code below.`;return Ue(ao,{children:[B(L,{},"header"),Ue(Xn,{children:[B(Le,{title:I,description:F}),Ue(gr,{children:[Ue(es,{children:[B(ts,{fail:!!k,success:P,children:B("span",{children:k||(P?"Success!":"")})}),B("div",{children:m.map((a,x)=>B("input",{name:`code-${x}`,type:"text",value:m[x],onChange:H,onKeyUp:N=>{N.key==="Backspace"&&ge(x)},inputMode:"numeric",autoFocus:x===0,pattern:"[0-9]",className:`${P?"success":""} ${k?"fail":""}`,autoComplete:"one-time-code"},x))})]}),B(os,{children:C==0?Ue(ao,{children:[B("span",{children:"Didn't get an email?"}),B("button",{onClick:o,children:"Resend Code"})]}):Ue(ao,{children:[B("span",{children:"Didn't get a message?"}),B("button",{onClick:r,children:"Resend Code"})]})})]})]}),B(K,{protectedByPrivy:!0})]})},Xn=St.div`
|
|
635
635
|
display: flex;
|
|
636
636
|
flex-direction: column;
|
|
637
637
|
align-items: flex-start;
|
|
638
638
|
justify-content: flex-end;
|
|
639
639
|
margin: auto;
|
|
640
640
|
gap: 16px;
|
|
641
|
-
`,
|
|
641
|
+
`,es=St.div`
|
|
642
642
|
display: flex;
|
|
643
643
|
flex-direction: column;
|
|
644
644
|
width: 100%;
|
|
@@ -647,7 +647,7 @@ Resources:
|
|
|
647
647
|
// center just this element.
|
|
648
648
|
margin-top: 70px;
|
|
649
649
|
|
|
650
|
-
${
|
|
650
|
+
${Tt}[data-height='medium'] & {
|
|
651
651
|
/* Aligns this with the input field on the page before on shorter modals */
|
|
652
652
|
margin-top: 22px;
|
|
653
653
|
}
|
|
@@ -706,7 +706,7 @@ Resources:
|
|
|
706
706
|
transform: translate(1px, 0px);
|
|
707
707
|
}
|
|
708
708
|
}
|
|
709
|
-
`,
|
|
709
|
+
`,ts=St.div`
|
|
710
710
|
line-height: 20px;
|
|
711
711
|
height: 20px;
|
|
712
712
|
font-size: 13px;
|
|
@@ -714,7 +714,7 @@ Resources:
|
|
|
714
714
|
display: flex;
|
|
715
715
|
justify-content: flex-end;
|
|
716
716
|
width: 100%;
|
|
717
|
-
`,
|
|
717
|
+
`,os=St.div`
|
|
718
718
|
font-size: 13px;
|
|
719
719
|
color: var(--light-theme-fg-3);
|
|
720
720
|
display: flex;
|
|
@@ -728,7 +728,7 @@ Resources:
|
|
|
728
728
|
> button {
|
|
729
729
|
text-decoration: underline;
|
|
730
730
|
}
|
|
731
|
-
`;import
|
|
731
|
+
`;import It from"styled-components";import rs from"styled-components";var Dr=rs.span`
|
|
732
732
|
&& {
|
|
733
733
|
width: 82px;
|
|
734
734
|
height: 82px;
|
|
@@ -744,7 +744,7 @@ Resources:
|
|
|
744
744
|
border-color: var(--primary-color);
|
|
745
745
|
border-bottom-color: var(--primary-color);
|
|
746
746
|
}
|
|
747
|
-
`;import{jsx as
|
|
747
|
+
`;import{jsx as Gr}from"react/jsx-runtime";var Vr=({style:t,...e})=>Gr("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",...t},...e,children:Gr("path",{"fill-rule":"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","clip-rule":"evenodd"})});import{Fragment as co,jsx as J,jsxs as Wt}from"react/jsx-runtime";var Hr=()=>{let{navigate:t,app:e}=g(),o=(e==null?void 0:e.allowlistConfig.errorTitle)||"You don't have access to this app",r=(e==null?void 0:e.allowlistConfig.errorDetail)||"Have you been invited?",i=(e==null?void 0:e.allowlistConfig.errorCtaText)||"Try another account";return Wt(co,{children:[J(L,{}),Wt(is,{children:[J(ss,{children:Wt("div",{children:[J(Dr,{}),J(Vr,{style:{width:"38px",height:"38px",strokeWidth:"1",stroke:"var(--primary-color)",fill:"var(--primary-color)"}})]})}),Wt(ns,{children:[typeof o=="string"?J("h3",{children:o}):J(co,{children:o}),typeof r=="string"?J("p",{children:r}):J(co,{children:r})]}),e!=null&&e.allowlistConfig.errorCtaLink?J(Br,{as:"a",href:e.allowlistConfig.errorCtaLink,visible:!0,children:i}):J(Br,{onClick:()=>{t("LANDING")},visible:!0,children:i})]})]})},is=It.div`
|
|
748
748
|
display: flex;
|
|
749
749
|
flex-direction: column;
|
|
750
750
|
align-items: center;
|
|
@@ -752,11 +752,11 @@ Resources:
|
|
|
752
752
|
margin-left: 27px;
|
|
753
753
|
margin-right: 27px;
|
|
754
754
|
gap: 24px;
|
|
755
|
-
`,
|
|
755
|
+
`,ns=It.div`
|
|
756
756
|
display: flex;
|
|
757
757
|
flex-direction: column;
|
|
758
758
|
gap: 8px;
|
|
759
|
-
`,
|
|
759
|
+
`,ss=It.div`
|
|
760
760
|
display: flex;
|
|
761
761
|
flex-direction: column;
|
|
762
762
|
justify-content: center;
|
|
@@ -779,7 +779,7 @@ Resources:
|
|
|
779
779
|
left: -19px;
|
|
780
780
|
top: -19px;
|
|
781
781
|
}
|
|
782
|
-
`,
|
|
782
|
+
`,Br=It.button`
|
|
783
783
|
&& {
|
|
784
784
|
padding: 12px 16px;
|
|
785
785
|
font-weight: 500;
|
|
@@ -788,10 +788,14 @@ Resources:
|
|
|
788
788
|
background-color: var(--primary-color-bg-1);
|
|
789
789
|
border-radius: var(--border-radius-sm);
|
|
790
790
|
min-width: 144px;
|
|
791
|
-
opacity: ${t=>t.visible?"
|
|
792
|
-
transition: opacity 200ms;
|
|
791
|
+
opacity: ${t=>t.visible?"0.95":"0"};
|
|
792
|
+
transition: opacity 200ms, background-color 200ms;
|
|
793
|
+
|
|
794
|
+
:hover {
|
|
795
|
+
background-color: var(--primary-color-bg-2);
|
|
796
|
+
}
|
|
793
797
|
}
|
|
794
|
-
`;import{useState as
|
|
798
|
+
`;import{useState as vs}from"react";import j from"styled-components";import as from"qrcode";import ls from"styled-components";import{Fragment as Fe,jsx as M,jsxs as Zr}from"react/jsx-runtime";var G=7,po=(t,e,o,r,i)=>{for(let n=e;n<e+r;n++)for(let s=o;s<o+i;s++){let p=t==null?void 0:t[s];p&&p[n]&&(p[n]=0)}return t},ds=t=>{let e=as.create(t,{errorCorrectionLevel:"high"}).modules,o=Lr(Array.from(e.data),e.size);return o=po(o,0,0,G,G),o=po(o,o.length-G,0,G,G),o=po(o,0,o.length-G,G,G),o},cs=({x:t,y:e,cellSize:o,bgColor:r,fgColor:i})=>M(Fe,{children:[0,1,2].map(n=>M("circle",{r:o*(G-n*2)/2,cx:t+o*G/2,cy:e+o*G/2,fill:n%2!==0?r:i},`finder-${t}-${e}-${n}`))}),ps=({cellSize:t,matrixSize:e,bgColor:o,fgColor:r})=>{let i=[[0,0],[(e-G)*t,0],[0,(e-G)*t]];return M(Fe,{children:i.map(([n,s])=>M(cs,{x:n,y:s,cellSize:t,bgColor:o,fgColor:r}))})},us=({matrix:t,cellSize:e,color:o})=>M(Fe,{children:t.map((r,i)=>r.map((n,s)=>n?M("circle",{r:e/2.5,cx:i*e+e/2,cy:s*e+e/2,fill:o},`circle-${i}-${s}`):M(Fe,{})))}),zr=(t,e)=>t-t%e,hs=({outputSize:t,cellSize:e,element:o,size:r,padding:i,bgColor:n})=>{if(!o)return M(Fe,{});let s=r||40,p=i||4,m=o,u=t/2-s/2-p;return Zr(Fe,{children:[M("rect",{x:zr(u,e),y:zr(u,e),width:s+p*2+(u%e?e+.5:.5),height:s+p*2+(u%e?e+.5:.5),fill:n}),M(m,{x:t/2-s/2,y:t/2-s/2,height:s,width:s})]})},ms=t=>{var i;let e=t.outputSize,o=ds(t.url),r=e/o.length;return Zr("svg",{height:t.outputSize,width:t.outputSize,viewBox:`0 0 ${t.outputSize} ${t.outputSize}`,style:{height:"100%",width:"100%"},children:[M(us,{matrix:o,cellSize:r,color:t.fgColor}),M(ps,{cellSize:r,matrixSize:o.length,fgColor:t.fgColor,bgColor:t.bgColor}),M(hs,{outputSize:t.outputSize,cellSize:r,element:(i=t.logo)==null?void 0:i.element,bgColor:t.bgColor})]})},fs=ls.div`
|
|
795
799
|
display: flex;
|
|
796
800
|
justify-content: center;
|
|
797
801
|
align-items: center;
|
|
@@ -806,18 +810,18 @@ Resources:
|
|
|
806
810
|
border-color: ${t=>t.fgColor};
|
|
807
811
|
border-radius: 12px;
|
|
808
812
|
}
|
|
809
|
-
`,
|
|
813
|
+
`,jr=t=>{let e=t.bgColor||"#FFFFFF",o=t.fgColor||"#000000",r=t.size||160;return M(fs,{size:r,bgColor:e,fgColor:o,children:M(ms,{url:t.url,logo:{element:t.squareLogoElement},outputSize:r,bgColor:e,fgColor:o})})};import{jsx as gs}from"react/jsx-runtime";var $r=({size:t})=>gs(jr,{url:"https://coinbase-wallet.onelink.me/q5Sx/fdb9b250",squareLogoElement:de,size:t,fgColor:"#1F1F1F"});import uo from"styled-components";import{jsx as qr}from"react/jsx-runtime";var Kr=({style:t,...e})=>qr("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",...t},...e,children:qr("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 ys,jsxs as Cs}from"react/jsx-runtime";var ho=uo.div`
|
|
810
814
|
display: flex;
|
|
811
815
|
flex-direction: column;
|
|
812
816
|
justify-content: flex-start;
|
|
813
817
|
gap: 4px;
|
|
814
|
-
`,
|
|
818
|
+
`,Xe=uo.div`
|
|
815
819
|
&&& {
|
|
816
820
|
margin-left: 7px; /* TODO: This is a total hack */
|
|
817
821
|
border-left: 2px solid var(--border-color-2);
|
|
818
822
|
height: 12px;
|
|
819
823
|
}
|
|
820
|
-
`,
|
|
824
|
+
`,Ae=({children:t})=>Cs(ws,{children:[ys(Kr,{style:{width:"16px",height:"16px"}}),t]}),ws=uo.div`
|
|
821
825
|
display: flex;
|
|
822
826
|
justify-content: flex-start;
|
|
823
827
|
justify-items: center;
|
|
@@ -835,7 +839,7 @@ Resources:
|
|
|
835
839
|
margin-bottom: auto;
|
|
836
840
|
}
|
|
837
841
|
}
|
|
838
|
-
`;import{jsx as w,jsxs as St}from"react/jsx-runtime";var $r=({style:t,...e})=>St("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:[w("rect",{x:"198.5",y:"133",width:"50",height:"50",rx:"25",fill:"#E1E7EF"}),w("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"}),w("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"}),w("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"}),w("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"}),w("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"}),w("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"}),w("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"}),w("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"}),w("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"}),w("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"}),w("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"}),w("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"}),w("rect",{x:"192",y:"30",width:"50",height:"50",rx:"25",fill:"#0C5BFF"}),w("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"}),w("rect",{x:"39.5",y:"18",width:"50",height:"50",rx:"25",fill:"url(#paint0_linear_428_81)"}),w("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)"}),w("rect",{x:"46.5",y:"124",width:"50",height:"50",rx:"25",fill:"#141414"}),w("g",{clipPath:"url(#clip0_428_81)",children:w("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"})}),w("rect",{x:"103.5",y:"58",width:"78",height:"78",rx:"39",fill:"white"}),w("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"}),w("rect",{x:"103.5",y:"58",width:"78",height:"78",rx:"39",stroke:"#E1E7EF",strokeWidth:"2"}),w("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"}),w("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"}),w("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"}),w("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"}),w("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"}),w("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"}),St("defs",{children:[St("linearGradient",{id:"paint0_linear_428_81",x1:"64.5",y1:"18",x2:"64.5",y2:"68",gradientUnits:"userSpaceOnUse",children:[w("stop",{stopColor:"#534BB1"}),w("stop",{offset:"1",stopColor:"#551BF9"})]}),St("linearGradient",{id:"paint1_linear_428_81",x1:"64.5",y1:"30.9167",x2:"64.5",y2:"55.0834",gradientUnits:"userSpaceOnUse",children:[w("stop",{stopColor:"white"}),w("stop",{offset:"1",stopColor:"white",stopOpacity:"0.82"})]}),w("clipPath",{id:"clip0_428_81",children:w("rect",{width:"31.6667",height:"19.1667",fill:"white",transform:"translate(55.6667 139.833)"})})]})]});import*as me from"react-device-detect";import co from"styled-components";var Zr=co.button`
|
|
842
|
+
`;import{jsx as w,jsxs as Rt}from"react/jsx-runtime";var Jr=({style:t,...e})=>Rt("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:[w("rect",{x:"198.5",y:"133",width:"50",height:"50",rx:"25",fill:"#E1E7EF"}),w("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"}),w("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"}),w("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"}),w("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"}),w("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"}),w("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"}),w("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"}),w("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"}),w("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"}),w("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"}),w("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"}),w("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"}),w("rect",{x:"192",y:"30",width:"50",height:"50",rx:"25",fill:"#0C5BFF"}),w("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"}),w("rect",{x:"39.5",y:"18",width:"50",height:"50",rx:"25",fill:"url(#paint0_linear_428_81)"}),w("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)"}),w("rect",{x:"46.5",y:"124",width:"50",height:"50",rx:"25",fill:"#141414"}),w("g",{clipPath:"url(#clip0_428_81)",children:w("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"})}),w("rect",{x:"103.5",y:"58",width:"78",height:"78",rx:"39",fill:"white"}),w("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"}),w("rect",{x:"103.5",y:"58",width:"78",height:"78",rx:"39",stroke:"#E1E7EF",strokeWidth:"2"}),w("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"}),w("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"}),w("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"}),w("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"}),w("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"}),w("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"}),Rt("defs",{children:[Rt("linearGradient",{id:"paint0_linear_428_81",x1:"64.5",y1:"18",x2:"64.5",y2:"68",gradientUnits:"userSpaceOnUse",children:[w("stop",{stopColor:"#534BB1"}),w("stop",{offset:"1",stopColor:"#551BF9"})]}),Rt("linearGradient",{id:"paint1_linear_428_81",x1:"64.5",y1:"30.9167",x2:"64.5",y2:"55.0834",gradientUnits:"userSpaceOnUse",children:[w("stop",{stopColor:"white"}),w("stop",{offset:"1",stopColor:"white",stopOpacity:"0.82"})]}),w("clipPath",{id:"clip0_428_81",children:w("rect",{width:"31.6667",height:"19.1667",fill:"white",transform:"translate(55.6667 139.833)"})})]})]});import*as me from"react-device-detect";import mo from"styled-components";var Yr=mo.button`
|
|
839
843
|
display: flex;
|
|
840
844
|
flex-direction: row;
|
|
841
845
|
align-items: center;
|
|
@@ -856,17 +860,17 @@ Resources:
|
|
|
856
860
|
color: var(--disabled-fg);
|
|
857
861
|
cursor: not-allowed;
|
|
858
862
|
}
|
|
859
|
-
`,
|
|
863
|
+
`,Qr=mo(Yr)`
|
|
860
864
|
&& {
|
|
861
865
|
background-color: var(--primary-color);
|
|
862
866
|
color: var(--light-theme-bg-1);
|
|
863
867
|
}
|
|
864
|
-
`,
|
|
868
|
+
`,o2=mo(Yr)`
|
|
865
869
|
&& {
|
|
866
870
|
border: 1px solid var(--light-theme-bg-3);
|
|
867
871
|
color: var(--light-theme-fg-1);
|
|
868
872
|
}
|
|
869
|
-
`;import{Fragment as
|
|
873
|
+
`;import{Fragment as fo,jsx as h,jsxs as W}from"react/jsx-runtime";var go=()=>{let{navigate:t}=g(),e="https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn?hl=en";return me.isFirefox&&(e="https://addons.mozilla.org/en-US/firefox/addon/ether-metamask/"),W(oi,{children:[h(Le,{title:"Create a Metamask wallet",description:"Follow the instructions below to get started."}),h(ri,{children:h(ve,{style:{width:"152px",height:"152px"}})}),W(ho,{children:[h(Ae,{children:W("div",{children:[h("span",{children:"Install the "}),h("a",{href:e,target:"_blank",children:"MetaMask browser extension"})]})}),h(Xe,{}),h(Ae,{children:"Set up your first wallet"}),h(Xe,{}),h(Ae,{children:"Store your recovery phrase in a safe place!"})]}),h(ii,{onClick:()=>t("LANDING"),children:"Done! I have my wallet"})]})},wo=()=>{let{navigate:t}=g();return W(oi,{children:[h(Le,{title:"Create a Coinbase wallet",description:"Follow the instructions below to get started."}),h(ri,{style:{marginTop:"-24px"},children:h($r,{size:200})}),W(ho,{children:[h(Ae,{children:"Scan the QR code with your camera"}),h(Xe,{}),h(Ae,{children:"Set up your first wallet"}),h(Xe,{}),h(Ae,{children:"Store your seed phrase in a safe place!"})]}),h(ii,{onClick:()=>t("LANDING"),children:"Done! I have my wallet"})]})},ti=()=>{let[t,e]=vs("WHAT_IS_A_WALLET"),{navigateBack:o}=g();return W(fo,{children:[h(L,{backFn:t==="WHAT_IS_A_WALLET"?o:t==="PICK_A_NEW_WALLET"?()=>e("WHAT_IS_A_WALLET"):()=>e("PICK_A_NEW_WALLET")},"header"),W(bs,{children:[t==="WHAT_IS_A_WALLET"&&W(fo,{children:[h(ks,{children:h(Jr,{style:{width:"240px",height:"auto",borderRadius:"var(--border-radius-sm)",marginBottom:"32px"}})}),W(Oe,{title:"Get started with a new wallet",children:[h("p",{children:"Wallets help you store, send, and receive digital assets and collectibles. They are also a new\xA0way\xA0to\xA0log\xA0in."}),h("p",{children:"Instead of creating new accounts and passwords for every app, you just connect your wallet and bring your\xA0data\xA0with\xA0you."})]}),h(As,{children:h(Es,{onClick:()=>{e("PICK_A_NEW_WALLET")},children:"Create a wallet"})})]}),t==="PICK_A_NEW_WALLET"&&h(fo,{children:W(xs,{children:[h(Le,{title:"Create a new wallet",description:"Select one the wallet providers below to get started on your web3 adventure."}),W(Ls,{children:[W(Xr,{onClick:()=>{me.isIOS?window.location.href="https://apps.apple.com/us/app/metamask-blockchain-wallet/id1438144202":me.isAndroid?window.location.href="https://play.google.com/store/apps/details?id=io.metamask":e("CREATE_METAMASK_WALLET")},children:[h(ve,{}),W(ei,{children:[h("h4",{children:"MetaMask"}),h("p",{children:"Get a browser-based wallet"})]}),h("div",{children:h("span",{children:"Set up"})})]}),W(Xr,{onClick:()=>{me.isIOS?window.location.href="https://apps.apple.com/us/app/coinbase-wallet-nfts-crypto/id1278383455":me.isAndroid?window.location.href="https://play.google.com/store/apps/details?id=org.toshi":e("CREATE_COINBASE_WALLET")},children:[h(de,{}),W(ei,{children:[h("h4",{children:"Coinbase Wallet"}),h("p",{children:"Get a mobile app wallet"})]}),h("div",{children:h("span",{children:"Set up"})})]})]})]})}),t==="CREATE_COINBASE_WALLET"&&h(wo,{}),t==="CREATE_METAMASK_WALLET"&&h(go,{})]}),W(oe,{children:[h("span",{children:"Still not sure? "}),h("a",{target:"_blank",href:"https://join.tell.ie/blog/explaining-web3-wallets",children:"Learn more"}),"."]})]})},bs=j.div`
|
|
870
874
|
display: flex;
|
|
871
875
|
flex-direction: column;
|
|
872
876
|
height: 100%;
|
|
@@ -876,19 +880,19 @@ Resources:
|
|
|
876
880
|
display: none;
|
|
877
881
|
}
|
|
878
882
|
}
|
|
879
|
-
`,
|
|
883
|
+
`,xs=j.div`
|
|
880
884
|
display: flex;
|
|
881
885
|
flex-direction: column;
|
|
882
886
|
align-items: flex-start;
|
|
883
887
|
justify-content: flex-start;
|
|
884
888
|
text-align: left;
|
|
885
889
|
gap: 20px;
|
|
886
|
-
`,
|
|
890
|
+
`,Ls=j.div`
|
|
887
891
|
display: flex;
|
|
888
892
|
flex-direction: column;
|
|
889
893
|
width: 100%;
|
|
890
894
|
gap: 8px;
|
|
891
|
-
`,
|
|
895
|
+
`,Xr=j.button`
|
|
892
896
|
display: flex;
|
|
893
897
|
flex-direction: row;
|
|
894
898
|
align-items: center;
|
|
@@ -945,24 +949,24 @@ Resources:
|
|
|
945
949
|
border: 1px solid var(--border-color-2);
|
|
946
950
|
}
|
|
947
951
|
}
|
|
948
|
-
`,
|
|
952
|
+
`,ei=j.div`
|
|
949
953
|
text-align: left;
|
|
950
954
|
|
|
951
955
|
p {
|
|
952
956
|
font-style: italic;
|
|
953
957
|
font-size: 12px;
|
|
954
958
|
}
|
|
955
|
-
`,
|
|
959
|
+
`,As=j.div`
|
|
956
960
|
margin-top: auto;
|
|
957
961
|
display: flex;
|
|
958
962
|
align-items: flex-end;
|
|
959
963
|
flex-grow: 1;
|
|
960
964
|
width: 100%;
|
|
961
|
-
`,
|
|
965
|
+
`,Es=j(Qr)`
|
|
962
966
|
&& {
|
|
963
967
|
margin-top: 14px;
|
|
964
968
|
}
|
|
965
|
-
`,
|
|
969
|
+
`,oi=j.div`
|
|
966
970
|
display: flex;
|
|
967
971
|
flex-direction: column;
|
|
968
972
|
align-items: center;
|
|
@@ -973,13 +977,13 @@ Resources:
|
|
|
973
977
|
> :first-child > svg {
|
|
974
978
|
margin-top: 20px;
|
|
975
979
|
}
|
|
976
|
-
`,
|
|
980
|
+
`,ri=j.div`
|
|
977
981
|
display: flex;
|
|
978
982
|
flex-direction: column;
|
|
979
983
|
align-items: center;
|
|
980
984
|
justify-content: center;
|
|
981
985
|
width: 100%;
|
|
982
|
-
`,
|
|
986
|
+
`,ii=j.button`
|
|
983
987
|
&& {
|
|
984
988
|
padding: 12px 16px;
|
|
985
989
|
font-weight: 500;
|
|
@@ -988,10 +992,10 @@ Resources:
|
|
|
988
992
|
background-color: var(--primary-color-bg-1);
|
|
989
993
|
border-radius: var(--border-radius-sm);
|
|
990
994
|
}
|
|
991
|
-
`,
|
|
995
|
+
`,ks=j.div`
|
|
992
996
|
display: flex;
|
|
993
997
|
justify-content: center;
|
|
994
|
-
`;import{useEffect as
|
|
998
|
+
`;import{useEffect as ni,useState as et}from"react";import Nt from"styled-components";import{Fragment as Ws,jsx as Ee,jsxs as Mt}from"react/jsx-runtime";var yo=2,si={metamask:{name:"MetaMask",component:ve},coinbase_wallet:{name:"Coinbase Wallet",component:de},wallet_connect:{name:"WalletConnect",component:ht}},ai=()=>{let[t,e]=et(!1),[o,r]=et("metamask"),[i,n]=et(void 0),{navigate:s,navigateBack:p}=g(),{getAuthMeta:m,closePrivyModal:u,loginWithWallet:P}=_(),[A,k]=et(0),{user:y}=R(),[d,b]=et((y==null?void 0:y.linkedAccounts.length)||0);ni(()=>{var F;r(((F=m())==null?void 0:F.walletType)||"metamask"),n(void 0),P().then(()=>e(!0)).catch(E=>{E instanceof z?console.error(E.cause):console.error(E);let Z=(E==null?void 0:E.status)===401&&(E==null?void 0:E.message)==="User is not allowed to login to this app.";(E==null?void 0:E.status)===422?n(st.ERROR_USER_EXISTS):Z?s("ALLOWLIST_REJECTION_SCREEN"):E instanceof We&&!E.details.default?n(E.details):E instanceof Te?n(st.ERROR_TIMED_OUT):n(st.ERROR_WALLET_CONNECTION)})},[A]),ni(()=>{if(t){let F=setTimeout(u,Pe);return()=>clearTimeout(F)}},[y]);let C=si[o].name,H=si[o].component,ge=t?`Successfully connected with ${C}`:i?i.message:`Waiting for ${C}`,I="";if(t){let F=(y==null?void 0:y.linkedAccounts.length)||0;d===F?I="Wallet was already linked.":I="You\u2019re good to go!"}else if(A>=yo&&i)I="Unable to connect wallet";else if(i)I=i.detail;else switch(I="Don\u2019t see your wallet modal? Check your other browser windows.",o){case"wallet_connect":I="Open your mobile wallet app to continue";break;case"coinbase_wallet":pt()||(I="Open the Coinbase app on your phone to continue.");break;default:I="Don\u2019t see your wallet modal? Check your other browser windows."}return Mt(Ws,{children:[Ee(L,{backFn:p}),Mt(_s,{children:[Ee(Ss,{children:Mt("div",{children:[Ee(xt,{success:t,fail:!!i}),Ee(H,{style:{width:"38px",height:"38px"}})]})}),Mt(Ps,{children:[Ee("h3",{children:ge}),Ee("p",{children:I})]}),Ee(Ts,{onClick:()=>{k(A+1),n(void 0)},visible:!t&&(i==null?void 0:i.retryable)&&A<yo,disabled:!t&&(!(i!=null&&i.retryable)||A>=yo),children:"Retry"})]})]})},_s=Nt.div`
|
|
995
999
|
display: flex;
|
|
996
1000
|
flex-direction: column;
|
|
997
1001
|
align-items: center;
|
|
@@ -999,11 +1003,11 @@ Resources:
|
|
|
999
1003
|
margin-left: 27px;
|
|
1000
1004
|
margin-right: 27px;
|
|
1001
1005
|
gap: 24px;
|
|
1002
|
-
`,
|
|
1006
|
+
`,Ps=Nt.div`
|
|
1003
1007
|
display: flex;
|
|
1004
1008
|
flex-direction: column;
|
|
1005
1009
|
gap: 8px;
|
|
1006
|
-
`,
|
|
1010
|
+
`,Ss=Nt.div`
|
|
1007
1011
|
display: flex;
|
|
1008
1012
|
flex-direction: column;
|
|
1009
1013
|
justify-content: center;
|
|
@@ -1026,7 +1030,7 @@ Resources:
|
|
|
1026
1030
|
left: -19px;
|
|
1027
1031
|
top: -19px;
|
|
1028
1032
|
}
|
|
1029
|
-
`,
|
|
1033
|
+
`,Ts=Nt.button`
|
|
1030
1034
|
&& {
|
|
1031
1035
|
padding: 12px 16px;
|
|
1032
1036
|
font-weight: 500;
|
|
@@ -1038,7 +1042,7 @@ Resources:
|
|
|
1038
1042
|
opacity: ${t=>t.visible?"1":"0"};
|
|
1039
1043
|
transition: opacity 200ms;
|
|
1040
1044
|
}
|
|
1041
|
-
`;import{Fragment as
|
|
1045
|
+
`;import{Fragment as Is,jsx as Ot,jsxs as li}from"react/jsx-runtime";var di=()=>{let{navigateBack:t}=g();return li(Is,{children:[Ot(L,{backFn:t},"header"),Ot(go,{}),li(oe,{children:[Ot("span",{children:"Still not sure? "}),Ot("a",{target:"_blank",href:"https://join.tell.ie/blog/explaining-web3-wallets",children:"Learn more"})]})]})};import{Fragment as Rs,jsx as Ut,jsxs as ci}from"react/jsx-runtime";var pi=()=>{let{navigateBack:t}=g();return ci(Rs,{children:[Ut(L,{backFn:t},"header"),Ut(wo,{}),ci(oe,{children:[Ut("span",{children:"Still not sure? "}),Ut("a",{target:"_blank",href:"https://join.tell.ie/blog/explaining-web3-wallets",children:"Learn more"})]})]})};import Ms from"styled-components";import{jsx as Os}from"react/jsx-runtime";var ui=t=>{let e=t.accentColor||"#696ffd";return Os(Ns,{accentColor:e,children:t.children})},Ns=Ms.div`
|
|
1042
1046
|
/*! Modified from https://unpkg.com/tailwindcss@3.2.3/src/css/preflight.css */
|
|
1043
1047
|
|
|
1044
1048
|
*,
|
|
@@ -1279,8 +1283,9 @@ Resources:
|
|
|
1279
1283
|
|
|
1280
1284
|
--primary-color: ${t=>t.accentColor};
|
|
1281
1285
|
/* Same as primary color, but can be used with rgba */
|
|
1282
|
-
--primary-color-rgb: ${t=>`${
|
|
1286
|
+
--primary-color-rgb: ${t=>`${Lt(t.accentColor).r}, ${Lt(t.accentColor).g}, ${Lt(t.accentColor).b}`};
|
|
1283
1287
|
--primary-color-bg-1: rgba(var(--primary-color-rgb), 0.15);
|
|
1288
|
+
--primary-color-bg-2: rgba(var(--primary-color-rgb), 0.2);
|
|
1284
1289
|
|
|
1285
1290
|
--success-light: #4bd089;
|
|
1286
1291
|
--success-dark: #22874f;
|
|
@@ -1349,7 +1354,7 @@ Resources:
|
|
|
1349
1354
|
display: none;
|
|
1350
1355
|
}
|
|
1351
1356
|
}
|
|
1352
|
-
`;import{useEffect as
|
|
1357
|
+
`;import{useEffect as Ks}from"react";import{useEffect as hi,useState as mi}from"react";import Dt from"styled-components";import{Fragment as Bs,jsx as ke,jsxs as Ft}from"react/jsx-runtime";var fi={google:{name:"Google",component:vt},discord:{name:"Discord",component:wt},github:{name:"Github",component:yt},twitter:{name:"Twitter",component:gt}},Us=t=>t.charAt(0).toUpperCase()+t.slice(1),Co=()=>{let t=new URL(window.location.href);t.searchParams.delete("privy_oauth_code"),t.searchParams.delete("privy_oauth_provider"),t.searchParams.delete("privy_oauth_state"),window.history.pushState({},"",t)},gi=()=>{var d;let[t,e]=mi(!1),[o,r]=mi(void 0),{getAuthMeta:i,initLoginWithOAuth:n,loginWithOAuth:s,closePrivyModal:p}=_(),{ready:m}=R(),u=((d=i())==null?void 0:d.provider)||"google",P=fi[u].name,A=fi[u].component;hi(()=>{!m||s().then(()=>{Co(),e(!0)}).catch(b=>{let C={retryable:!1,message:"Authentication failed."};b.message.includes("Another user has already linked this")?C.detail="This account has already been linked to another user.":b.message==="Invalid code during oauth flow."?(C.retryable=!0,C.detail="Something went wrong. Try again."):b.message==="User denied confirmation during OAuth flow"&&(C.detail=`Retry and check ${Us(u)} to finish connecting your account.`,C.retryable=!0),Co(),r(C)})},[m]),hi(()=>{if(!t)return;let b=setTimeout(p,Pe);return()=>clearTimeout(b)},[t]);let k=t?`Successfully connected with ${P}`:o?o.message:`Verifying connection to ${P}`,y="";return t?y="You\u2019re good to go!":o?y=o.detail:y="Just a few moments more",Ft(Bs,{children:[ke(L,{}),Ft(Fs,{children:[ke(Gs,{children:Ft("div",{children:[ke(xt,{success:t,fail:!!o}),ke(A,{style:{width:"38px",height:"38px"},logoFill:"primary"})]})}),Ft(Ds,{children:[ke("h3",{children:k}),ke("p",{children:y})]}),ke(Vs,{onClick:()=>{Co(),n(u),r(void 0)},visible:!t&&(o==null?void 0:o.retryable),disabled:!t&&!(o!=null&&o.retryable),children:"Retry"})]})]})},Fs=Dt.div`
|
|
1353
1358
|
display: flex;
|
|
1354
1359
|
flex-direction: column;
|
|
1355
1360
|
align-items: center;
|
|
@@ -1357,11 +1362,11 @@ Resources:
|
|
|
1357
1362
|
margin-left: 27px;
|
|
1358
1363
|
margin-right: 27px;
|
|
1359
1364
|
gap: 24px;
|
|
1360
|
-
`,
|
|
1365
|
+
`,Ds=Dt.div`
|
|
1361
1366
|
display: flex;
|
|
1362
1367
|
flex-direction: column;
|
|
1363
1368
|
gap: 8px;
|
|
1364
|
-
`,
|
|
1369
|
+
`,Gs=Dt.div`
|
|
1365
1370
|
display: flex;
|
|
1366
1371
|
flex-direction: column;
|
|
1367
1372
|
justify-content: center;
|
|
@@ -1384,7 +1389,7 @@ Resources:
|
|
|
1384
1389
|
left: -19px;
|
|
1385
1390
|
top: -19px;
|
|
1386
1391
|
}
|
|
1387
|
-
`,
|
|
1392
|
+
`,Vs=Dt.button`
|
|
1388
1393
|
&& {
|
|
1389
1394
|
padding: 12px 16px;
|
|
1390
1395
|
font-weight: 500;
|
|
@@ -1396,7 +1401,7 @@ Resources:
|
|
|
1396
1401
|
opacity: ${t=>t.visible?"1":"0"};
|
|
1397
1402
|
transition: opacity 200ms;
|
|
1398
1403
|
}
|
|
1399
|
-
`;import{Fragment as
|
|
1404
|
+
`;import{Fragment as Hs,jsx as De,jsxs as zs}from"react/jsx-runtime";var wi=()=>{let{app:t}=g();return zs(Hs,{children:[De(L,{},"header"),De(Oe,{title:"Connect your email",description:`Add your email to your ${t==null?void 0:t.name} account`,icon:De(bt,{})}),De(ce,{children:De(At,{stacked:!0})}),De(K,{protectedByPrivy:!0})]})};import{Fragment as js,jsx as Ge,jsxs as Zs}from"react/jsx-runtime";var yi=()=>{let{app:t}=g();return Zs(js,{children:[Ge(L,{},"header"),Ge(Oe,{title:"Connect your phone",description:`Add your number to your ${t==null?void 0:t.name} account`,icon:Ge(Et,{})}),Ge(ce,{children:Ge(kt,{stacked:!0})}),Ge(K,{protectedByPrivy:!0})]})};import{Fragment as $s,jsx as tt,jsxs as Ci}from"react/jsx-runtime";var vi=()=>{let{app:t}=g();return Ci($s,{children:[tt(L,{},"header"),tt(Rr,{title:"Connect your wallet",description:`Link a wallet to your ${t==null?void 0:t.name} account`}),Ci(ce,{children:[tt(mt,{}),tt(ft,{})]}),tt(K,{protectedByPrivy:!0})]})};import{jsx as T,jsxs as bi}from"react/jsx-runtime";var Js=()=>{let{ready:t}=R(),{isLinking:e}=_(),{ready:o,currentScreen:r}=g(),i;return["AWAITING_CONNECTION","AWAITING_OAUTH_SCREEN","ALLOWLIST_REJECTION_SCREEN"].includes(r)?i="compact":"WALLET_EDUCATION"===r?i="full":e?i="medium":i="full",!t||!o?bi(Tt,{"data-height":i,children:[T(L,{}),T(Xs,{children:T(ue,{})}),T(oe,{})]}):bi(Tt,{"data-height":i,children:[r==="LANDING"&&T(Tr,{}),r==="AWAITING_PASSWORDLESS_CODE"&&T(Fr,{}),r==="WALLET_EDUCATION"&&T(ti,{}),r==="AWAITING_CONNECTION"&&T(ai,{}),r==="AWAITING_OAUTH_SCREEN"&&T(gi,{}),r==="ALLOWLIST_REJECTION_SCREEN"&&T(Hr,{}),r==="INSTALL_METAMASK_SCREEN"&&T(di,{}),r==="INSTALL_COINBASE_WALLET_SCREEN"&&T(pi,{}),r==="LINK_EMAIL_SCREEN"&&T(wi,{}),r==="LINK_PHONE_SCREEN"&&T(yi,{}),r==="LINK_WALLET_SCREEN"&&T(vi,{})]})},xi=()=>{let{app:t}=g();return qs.createPortal(T(Qs,{id:"privy-dialog",children:T(ui,{accentColor:t==null?void 0:t.accentColor,children:T(Js,{})})}),document.body)},Ys=({children:t,...e})=>(Ks(()=>{var r;(r=document==null?void 0:document.activeElement)==null||r.blur();let o=(document==null?void 0:document.getElementById("root"))||(document==null?void 0:document.getElementById("__next"));if(!!o)return o.setAttribute("inert","true"),()=>{let i=(document==null?void 0:document.getElementById("root"))||(document==null?void 0:document.getElementById("__next"));!i||i.removeAttribute("inert")}},[e.open,e.onClose]),T("dialog",{open:!0,role:"dialog",...e,children:t})),Qs=vo(Ys)`
|
|
1400
1405
|
position: fixed;
|
|
1401
1406
|
top: 0;
|
|
1402
1407
|
left: 0;
|
|
@@ -1411,7 +1416,7 @@ Resources:
|
|
|
1411
1416
|
z-index: 999999;
|
|
1412
1417
|
-webkit-backdrop-filter: blur(3px);
|
|
1413
1418
|
backdrop-filter: blur(3px);
|
|
1414
|
-
`,
|
|
1419
|
+
`,Tt=vo.div`
|
|
1415
1420
|
line-height: 20px;
|
|
1416
1421
|
width: 360px;
|
|
1417
1422
|
height: auto;
|
|
@@ -1449,10 +1454,10 @@ Resources:
|
|
|
1449
1454
|
min-height: 0;
|
|
1450
1455
|
}
|
|
1451
1456
|
}
|
|
1452
|
-
`,
|
|
1457
|
+
`,Xs=vo.div`
|
|
1453
1458
|
display: flex;
|
|
1454
1459
|
flex-direction: column;
|
|
1455
1460
|
align-items: center;
|
|
1456
1461
|
justify-content: center;
|
|
1457
1462
|
height: 100%;
|
|
1458
|
-
`;import{jsx as
|
|
1463
|
+
`;import{jsx as Gt,jsxs as sa}from"react/jsx-runtime";function ta(t){return typeof t=="string"&&t.length===25}var ot;function oa(){if(!ot){let t=U.get(Se);return Promise.resolve(t||null)}return ot.getAccessToken()}var ra=t=>{if(!ta(t.appId))throw new c("Cannot initialize the Privy provider with an invalid Privy app ID");return ot||(ot=new ze({appId:t.appId,apiURL:Eo})),Gt(na,{...t,client:ot})},ia=(t,e)=>{if(e)return{email:!1,sms:!1,wallet:!1,google:!1,twitter:!1,discord:!1,github:!1,[e]:!0};let o=!!(t!=null&&t.emailAuth),r=!!(t!=null&&t.smsAuth);return o&&r&&(console.warn("Enabling both email and SMS passwordless is not currently supported. Disabling SMS."),r=!1),{email:o,sms:r,wallet:!!(t!=null&&t.walletAuth),google:!!(t!=null&&t.googleOAuth),twitter:!!(t!=null&&t.twitterOAuth),discord:!!(t!=null&&t.discordOAuth),github:!!(t!=null&&t.githubOAuth)}},na=t=>{let e=t.client,[o,r]=fe(!1),[i,n]=fe(!1),[s,p]=fe(!1),[m,u]=fe(null),[P,A]=fe(!1),[k,y]=fe({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}),[d,b]=fe(null),[C,H]=fe(!1),ge=ia(k,d);Li(()=>{async function l(){let a=await e.getAppSettings();y(a),e.connectors.initialize(),I();let x=await e.getAuthenticatedUser();p(!!x),u(x),n(!0)}l()},[e]);let I=()=>{let l=new URLSearchParams(window.location.search),a=l.get("privy_oauth_code"),x=l.get("privy_oauth_state"),N=l.get("privy_oauth_provider");a&&x&&N&&(e.startAuthFlow(new Ie(N,a,x)),b(N),r(!0))};Li(()=>{i&&s&&m===null&&e.getAuthenticatedUser().then(u)},[i,s,m,e]);let F={ready:i,authenticated:s,user:m,walletConnectors:e.connectors,linkWallet:()=>{b("wallet"),H(!0),r(!0)},linkEmail:()=>{b("email"),H(!0),r(!0)},linkPhone:()=>{b("sms"),H(!0),r(!0)},linkGoogle:async()=>{await Z.initLoginWithOAuth("google")},linkTwitter:async()=>{await Z.initLoginWithOAuth("twitter")},linkDiscord:async()=>{await Z.initLoginWithOAuth("discord")},linkGithub:async()=>{await Z.initLoginWithOAuth("github")},login:()=>{if(i&&s){console.warn("Attempted to log in, but user is already logged in. Use a `link` helper instead.");return}r(!0)},logout:async()=>{await e.logout(),u(null),p(!1),b(null),H(!1),r(!1)},getAccessToken:()=>e.getAccessToken(),getEthereumProvider:()=>{if(!e.connectors.initialized)throw new c("Connector is not loaded");return e.connectors.getEthereumProvider()},getEthersProvider:()=>{if(!e.connectors.initialized)throw new c("Connector is not loaded");return new ea(new ye(e.connectors.getEthereumProvider()))},getWeb3jsProvider:()=>{if(!e.connectors.initialized)throw new c("Connector is not loaded");return new at(e.connectors.getEthereumProvider())},unlinkWallet:async l=>{let a=await e.unlinkWallet(l);return u(a),a},unlinkEmail:async l=>{let a=await e.unlinkEmail(l);return u(a),a},unlinkPhone:async l=>{let a=await e.unlinkPhone(l);return u(a),a},unlinkGoogle:async l=>{let a=await e.unlinkOAuth("google",l);return u(a),a},unlinkTwitter:async l=>{let a=await e.unlinkOAuth("twitter",l);return u(a),a},unlinkDiscord:async l=>{let a=await e.unlinkOAuth("discord",l);return u(a),a},unlinkGithub:async l=>{let a=await e.unlinkOAuth("github",l);return u(a),a},setActiveWallet:l=>{if(!m)return;let a=e.setActiveWallet(l,m);u(a)},forkSession:()=>e.forkSession()},Z=(()=>({isLinking:C,getAuthFlow:()=>e.authFlow,getAuthMeta:()=>{var l;return(l=e.authFlow)==null?void 0:l.meta},closePrivyModal:()=>{var l;i&&s&&m&&((l=t.onSuccess)==null||l.call(t,m,P)),e.authFlow=void 0,b(null),H(!1),A(!1),r(!1)},initLoginWithWallet:l=>{if(!e.connectors)throw new c("Connector not initialized");l||(l="metamask"),e.startAuthFlow(new je(e.connectors,l))},loginWithWallet:async()=>{if(!(e.authFlow instanceof je))throw new c("Must initialize SIWE flow first.");let l,a;C?(l=await e.link(),l&&(l=He(l))):{user:l,isNewUser:a}=await e.authenticate(),u(l||m||null),A(a||!1),p(!0)},initLoginWithOAuth:async l=>{e.startAuthFlow(new Ie(l));let a=await e.authFlow.getAuthorizationUrl();a&&a.url&&window.location.assign(a.url)},loginWithOAuth:async()=>{if(!(e.authFlow instanceof Ie))throw new c("Must initialize OAuth flow before calling loginWithOAuth");let l,a;i&&s?l=await e.link():{user:l,isNewUser:a}=await e.authenticate(),u(l),A(a||!1),p(!0)},initLoginWithEmail:async l=>{let a=new Ze(l);e.startAuthFlow(a),await a.sendCodeEmail()},initLoginWithSms:async l=>{let a=new $e(l);e.startAuthFlow(a),await a.sendSmsCode()},resendEmailCode:async()=>{var l;await((l=e.authFlow)==null?void 0:l.sendCodeEmail())},resendSmsCode:async()=>{var l;await((l=e.authFlow)==null?void 0:l.sendSmsCode())},loginWithCode:async l=>{if(e.authFlow instanceof Ze)e.authFlow.meta.emailCode=l.trim();else if(e.authFlow instanceof $e)e.authFlow.meta.smsCode=l.trim();else throw new c("Must initialize a passwordless code flow first");let a,x;C?a=await e.link():{user:a,isNewUser:x}=await e.authenticate(),u(a||m||null),A(x||!1),p(!0)}}))();return sa(Xt.Provider,{value:F,children:[t.children,Gt(eo.Provider,{value:Z,children:Gt(er,{appSettings:k,options:ge,visible:o,authenticated:s,children:o&&Gt(xi,{})})})]})};export{ye as AsExternalProvider,Be as ConnectorManager,ze as PrivyClient,ra as PrivyProvider,q as PrivyProxyProvider,zt as VERSION,oa as getAccessToken,R as usePrivy};
|