@privy-io/react-auth 1.13.0-beta.3 → 1.13.0-beta.4

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.
Files changed (3) hide show
  1. package/dist/esm/index.js +110 -103
  2. package/dist/index.js +114 -107
  3. package/package.json +1 -1
package/dist/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import{useEffect as Ut,useState as ne}from"react";import Ht from"axios";import vi 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}},u=class extends H{constructor(o,r){super(o,r);this.type="client_error"}};var G=class extends H{constructor(o,r){super(o,r);this.type="connector_error"}},T=t=>{if(t instanceof H)return t;if(!vi.isAxiosError(t))return V(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)},V=t=>t instanceof H?t:t instanceof Error?new u(t.message,t):new u(`Internal error: ${t}`);var bo="1.13.0-beta.3";var vo="https://api.privy.io/v0",xo=process.env.NEXT_PUBLIC_PRIVY_AUTH_URL||"https://auth.privy.io",et="4df5e2316331463a9130964bd6078dfa",Lo=1e4,_e=1400,Bt=bo;var Pe="privy:token",tt="privy:refresh_token",Z="privy:active_wallet",ot="privy:wallet_type",Ao="walletconnect";var rt=class{constructor(e,o,r){this.appId=e,this.sdkVersion=Bt,this.client=o,this.defaults=r}async get(e,o){try{return await Ht.get(e,await this.buildConfig({headers:{"Cache-Control":"no-cache"},...o}))}catch(r){throw T(r)}}async post(e,o,r){try{return await Ht.post(e,o,await this.buildConfig(r))}catch(i){throw T(i)}}async delete(e,o){try{return await Ht.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 Eo from"jose";var Y=class{static parse(e){try{return new Y(e)}catch{return null}}constructor(e){this.value=e,this._decoded=Eo.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 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]}},jt=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 jt:new zt}var E=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 u("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=E.get(Z);if(!r||!e.includes(r)){E.del(Z);let s=le(t.linkedAccounts,"wallet");s&&(r=s.address,E.put(Z,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 Q(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"),c=le(e,"discord_oauth"),h=le(e,"github_oauth"),m={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:c&&{subject:c.subject,username:c.username,email:c.email},github:h&&{subject:h.subject,username:h.username,name:h.name,email:h.email}};return Ge(m)}var ko=()=>"/api/v1/sessions",_o=()=>"/api/v1/sessions/logout",Po=()=>"/api/v1/sessions/fork",So=()=>"/api/v1/siwe/init",To=()=>"/api/v1/siwe/authenticate",Io=()=>"/api/v1/siwe/link",Ro=()=>"/api/v1/passwordless/init",Mo=()=>"/api/v1/passwordless/authenticate",Wo=()=>"/api/v1/passwordless/link",No=()=>"/api/v1/passwordless_sms/init",Oo=()=>"/api/v1/passwordless_sms/authenticate",Uo=()=>"/api/v1/passwordless_sms/link",Do=()=>"/api/v1/oauth/init",Fo=()=>"/api/v1/oauth/authenticate",Go=()=>"/api/v1/oauth/link",Vo=()=>"/api/v1/siwe/unlink",Bo=()=>"/api/v1/passwordless/unlink",Ho=()=>"/api/v1/passwordless_sms/unlink",zo=()=>"/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=E.get(Pe);return typeof e=="string"?new Y(e).value:null}catch(e){return console.error(e),this.destroyLocalState(),null}}get refreshToken(){try{let e=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=Y.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: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 u("Session has no API instance");if(!this.client)throw new u("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(ko(),{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 ke&&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(_o(),{refresh_token:this.refreshToken}))}catch{console.warn("Error destroying session")}this.destroyLocalState()}async _forkSession(){if(!this.api)throw new u("Session has no API instance");let e=this.refreshToken;try{let o=await this.api.post(Po(),{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),E.del(Z)}storeToken(e){typeof e=="string"?E.put(Pe,e):E.del(Pe)}storeRefreshToken(e){typeof e=="string"?E.put(tt,e):E.del(tt)}};import{getAddress as Ri}from"@ethersproject/address";import $o from"@walletconnect/web3-provider";import{ErrorCode as _i}from"@ethersproject/logger";var Se=class extends G{constructor(){super("Wallet timeout");this.type="wallet_error"}},nt=t=>{if(t instanceof G)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 G("Unknown connector error",t)},$t=class extends H{constructor(o,r,i){super(o);this.type="provider_error";this.code=r,this.data=i}},Te=class extends $t{constructor(o){var n,s,c;let r=o;super(r.message,r.code,r.data);let i=Object.values(ge).find(h=>h.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:(c=r.message)!=null&&c.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,Zt=(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 G(`A wallet request of type ${e.method} was made before setting a wallet provider.`);return Promise.race([this.walletProvider.request(e),Zt()]).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 jo=["metamask","coinbase_wallet","wallet_connect"];import Wi from"@coinbase/wallet-sdk";var Ni=()=>{let t=`https://mainnet.infura.io/v3/${et}`,e=1;return new Wi({appName:"Privy",darkMode:!1,headlessMode:!1}).makeWeb3Provider(t,e)},Kt=()=>{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,c)=>`${r} wants you to sign in with your Ethereum account:
1
+ import{useEffect as Ut,useState as ne}from"react";import Ht 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}},u=class extends H{constructor(o,r){super(o,r);this.type="client_error"}};var G=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 V(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)},V=t=>t instanceof H?t:t instanceof Error?new u(t.message,t):new u(`Internal error: ${t}`);var vo="1.13.0-beta.4";var Co="https://api.privy.io/v0",xo=process.env.NEXT_PUBLIC_PRIVY_AUTH_URL||"https://auth.privy.io",et="4df5e2316331463a9130964bd6078dfa",Lo=1e4,_e=1400,Bt=vo;var Pe="privy:token",tt="privy:refresh_token",Z="privy:active_wallet",ot="privy:wallet_type",Ao="walletconnect";var rt=class{constructor(e,o,r){this.appId=e,this.sdkVersion=Bt,this.client=o,this.defaults=r}async get(e,o){try{return await Ht.get(e,await this.buildConfig({headers:{"Cache-Control":"no-cache"},...o}))}catch(r){throw T(r)}}async post(e,o,r){try{return await Ht.post(e,o,await this.buildConfig(r))}catch(i){throw T(i)}}async delete(e,o){try{return await Ht.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 Eo from"jose";var Y=class{static parse(e){try{return new Y(e)}catch{return null}}constructor(e){this.value=e,this._decoded=Eo.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 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]}},jt=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 jt:new zt}var E=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 u("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=E.get(Z);if(!r||!e.includes(r)){E.del(Z);let s=le(t.linkedAccounts,"wallet");s&&(r=s.address,E.put(Z,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 Q(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"),c=le(e,"discord_oauth"),h=le(e,"github_oauth"),m={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:c&&{subject:c.subject,username:c.username,email:c.email},github:h&&{subject:h.subject,username:h.username,name:h.name,email:h.email}};return Ge(m)}var ko=()=>"/api/v1/sessions",_o=()=>"/api/v1/sessions/logout",Po=()=>"/api/v1/sessions/fork",So=()=>"/api/v1/siwe/init",To=()=>"/api/v1/siwe/authenticate",Io=()=>"/api/v1/siwe/link",Ro=()=>"/api/v1/passwordless/init",Mo=()=>"/api/v1/passwordless/authenticate",Wo=()=>"/api/v1/passwordless/link",No=()=>"/api/v1/passwordless_sms/init",Oo=()=>"/api/v1/passwordless_sms/authenticate",Uo=()=>"/api/v1/passwordless_sms/link",Do=()=>"/api/v1/oauth/init",Fo=()=>"/api/v1/oauth/authenticate",Go=()=>"/api/v1/oauth/link",Vo=()=>"/api/v1/siwe/unlink",Bo=()=>"/api/v1/passwordless/unlink",Ho=()=>"/api/v1/passwordless_sms/unlink",zo=()=>"/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=E.get(Pe);return typeof e=="string"?new Y(e).value:null}catch(e){return console.error(e),this.destroyLocalState(),null}}get refreshToken(){try{let e=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=Y.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: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 u("Session has no API instance");if(!this.client)throw new u("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(ko(),{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 ke&&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(_o(),{refresh_token:this.refreshToken}))}catch{console.warn("Error destroying session")}this.destroyLocalState()}async _forkSession(){if(!this.api)throw new u("Session has no API instance");let e=this.refreshToken;try{let o=await this.api.post(Po(),{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),E.del(Z)}storeToken(e){typeof e=="string"?E.put(Pe,e):E.del(Pe)}storeRefreshToken(e){typeof e=="string"?E.put(tt,e):E.del(tt)}};import{getAddress as Ri}from"@ethersproject/address";import $o from"@walletconnect/web3-provider";import{ErrorCode as _i}from"@ethersproject/logger";var Se=class extends G{constructor(){super("Wallet timeout");this.type="wallet_error"}},nt=t=>{if(t instanceof G)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 G("Unknown connector error",t)},$t=class extends H{constructor(o,r,i){super(o);this.type="provider_error";this.code=r,this.data=i}},Te=class extends $t{constructor(o){var n,s,c;let r=o;super(r.message,r.code,r.data);let i=Object.values(ge).find(h=>h.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:(c=r.message)!=null&&c.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,Zt=(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 G(`A wallet request of type ${e.method} was made before setting a wallet provider.`);return Promise.race([this.walletProvider.request(e),Zt()]).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 jo=["metamask","coinbase_wallet","wallet_connect"];import Wi from"@coinbase/wallet-sdk";var Ni=()=>{let t=`https://mainnet.infura.io/v3/${et}`,e=1;return new Wi({appName:"Privy",darkMode:!1,headlessMode:!1}).makeWeb3Provider(t,e)},Kt=()=>{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,c)=>`${r} wants you to sign in with your Ethereum account:
2
2
  ${o}
3
3
 
4
4
  ${c}
@@ -9,24 +9,18 @@ Chain ID: ${e}
9
9
  Nonce: ${s}
10
10
  Issued At: ${n}
11
11
  Resources:
12
- - https://privy.io`;this.ethProvider=new we}initialize(){let e=E.get(ot);jo.includes(e)&&(this.walletType=e,this.connect({showPrompt:!1}))}destroy(){this.walletType=null,E.del(ot),E.del(Ao)}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(Ni());break;case"wallet_connect":let r=new $o({infuraId:et});this.ethProvider.setProvider(r);break;default:throw new G(`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 G(`Unsupported wallet: ${this.walletType}`)}}async promptConnection(e){try{switch(e){case"metamask":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 $o({infuraId:et});this.ethProvider.setProvider(o),await Promise.race([o.enable(),Zt()]);break;default:throw new G(`Unsupported wallet: ${this.walletType}`)}E.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.",c=new Date().toISOString();return this.createSiweMessage(e,o,i,n,c,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 qt,Be=class{constructor(e){let o=e.apiURL||vo,r=e.timeout||Lo;this.appId=e.appId,this.connector=new Ve,this.connector.initialize(),qt||(qt=new it),this.session=qt,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 u("No auth flow in progress.");return this.session.authenticate(this.authFlow)}link(){if(!this.authFlow)throw new u("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(Bo(),{address:e});return Q(o.data)}catch(o){throw V(o)}}async unlinkPhone(e){try{let o=await this.api.post(Ho(),{phoneNumber:e});return Q(o.data)}catch(o){throw V(o)}}async unlinkWallet(e){try{let o=await this.api.post(Vo(),{address:e});return Q(o.data)}catch(o){throw V(o)}}async unlinkOAuth(e,o){try{let r=await this.api.post(zo(),{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,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 V(e)}}setActiveWallet(e,o){if(!o.linkedAccounts.map(i=>i.type==="wallet"?i.address:null).includes(e))throw new u("Cannot set an unlinked address as active.");return E.put(Z,e),Ge(o)}async forkSession(){return await this.session.forkSession()}};import{Web3Provider as Ks}from"@ethersproject/providers";import{createContext as Oi,useContext as Ui}from"react";var f=()=>{throw new Error("You need to wrap your application with the <PrivyProvider> initialized with your app id.")};var Jt=Oi({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}),N=()=>Ui(Jt);var He=class{constructor(e){this.connector=e,this.meta={wallet:this.connector.walletType}}async authenticate(){if(!this.api)throw new u("Auth flow has no API instance");if(!this.connector.walletType)throw new u("Wallet must be specified");try{let{message:e,signature:o}=await this.promptConnectAndSign(this.api),r=await this.api.post(To(),{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 u("Auth flow has no API instance");if(!this.connector.walletType)throw new u("Wallet must be specified");try{let{message:e,signature:o}=await this.promptConnectAndSign(this.api);return(await this.api.post(Io(),{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(So(),{address:r}),s=this.connector.prepareMessage(i,r,n.data.nonce),c=await this.connector.sign(s);return{message:s,signature:c}}getEthereumProvider(){return this.connector.getEthereumProvider()}};var ze=class{constructor(e){this.meta={email:e}}async authenticate(){if(!this.api)throw new u("Auth flow has no API instance");if(!this.meta.email||!this.meta.emailCode)throw new u("Email and email code must be set prior to calling authenticate.");try{let e=Mo(),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 u("Auth flow has no API instance");if(!this.meta.email||!this.meta.emailCode)throw new u("Email and email code must be set prior to calling authenticate.");try{let e=Wo();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 u("Auth flow has no API instance");if(e&&(this.meta.email=e),!this.meta.email)throw new u("Email must be set when initialzing authentication.");try{let o=Ro();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 u("Auth flow has no API instance");if(!this.meta.phoneNumber||!this.meta.smsCode)throw new u("phone number and sms code must be set prior to calling authenticate.");try{let e=Oo(),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 u("Auth flow has no API instance");if(!this.meta.phoneNumber||!this.meta.smsCode)throw new u("phone number and sms code must be set prior to calling authenticate.");try{let e=Uo();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 u("Auth flow has no API instance");if(e&&(this.meta.phoneNumber=e),!this.meta.phoneNumber)throw new u("phone nNumber must be set when initialzing authentication.");try{let o=No();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 u("Auth flow has no API instance");if(!this.meta.authorizationCode||!this.meta.stateCode)throw new u("[OAuth AuthFlow] Authorization and state codes code must be set prior to calling authenticate.");if(this.meta.authorizationCode==="undefined")throw new u("User denied confirmation during OAuth flow");try{let e=Fo(),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 u("Auth flow has no API instance");if(!this.meta.authorizationCode||!this.meta.stateCode)throw new u("[OAuth AuthFlow] Authorization and state codes code must be set prior to calling link.");if(this.meta.authorizationCode==="undefined")throw new u("User denied confirmation during OAuth flow");try{let e=Go();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 u("Auth flow has no API instance");if(!this.meta.provider)throw new u("Provider must be set when initialzing OAuth authentication.");try{let e=Do();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 Bs from"react-dom";import wo from"styled-components";import{createContext as Fi,useContext as Gi,useEffect as Ko,useState as qo}from"react";import{jsx as Di}from"react/jsx-runtime";function Zo(t){return Di("link",{rel:"prefetch",href:t.src})}import{jsx as Vi,jsxs as Bi}from"react/jsx-runtime";var Jo=Fi({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}),Yo=t=>{let e=t.appSettings,o=t.authenticated,r=t.visible,[i,n]=qo("LANDING"),[s,c]=qo("LANDING");Ko(()=>{o||n("LANDING")},[o]),Ko(()=>{r||(c("LANDING"),n("LANDING"))},[r]);let h={ready:!!(e!=null&&e.id),app:e,options:t.options,currentScreen:i,lastScreen:s,navigate:m=>{c(i),n(m)},navigateBack:()=>{n(s)}};return Bi(Jo.Provider,{value:h,children:[e&&e.logoUrl&&Vi(Zo,{src:e.logoUrl}),t.children]})},g=()=>Gi(Jo);import{useEffect as Un,useState as Dn}from"react";import qe from"styled-components";import ji from"styled-components";import{jsx as Qo}from"react/jsx-runtime";var Xo=({style:t,...e})=>Qo("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:Qo("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})});import{jsx as er}from"react/jsx-runtime";var tr=({style:t,...e})=>er("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:er("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18"})});import{createContext as Hi,useContext as zi}from"react";var Yt=Hi({isLinking:!1,getAuthMeta:f,getAuthFlow:f,closePrivyModal:f,initLoginWithWallet:f,loginWithWallet:f,loginWithCode:f,loginWithEmail:f,loginWithSms:f,resendEmailCode:f,resendSmsCode:f,initLoginWithOAuth:f,loginWithOAuth:f,handleLoginError:f}),_=()=>zi(Yt);import{jsx as ee,jsxs as Ji}from"react/jsx-runtime";var $i=()=>ee("div",{}),Zi=({backFn:t})=>ee("div",{children:ee(tr,{onClick:t})}),Ki=t=>ee("div",{children:ee("div",{children:ee(Xo,{onClick:t.onClose})})});var L=({backFn:t,onClose:e})=>{let{closePrivyModal:o}=_();return Ji(qi,{children:[t?ee(Zi,{backFn:t}):ee($i,{}),ee(Ki,{onClose:e||o})]})},qi=ji.div`
12
+ - https://privy.io`;this.ethProvider=new we}initialize(){let e=E.get(ot);jo.includes(e)&&(this.walletType=e,this.connect({showPrompt:!1}))}destroy(){this.walletType=null,E.del(ot),E.del(Ao)}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(Ni());break;case"wallet_connect":let r=new $o({infuraId:et});this.ethProvider.setProvider(r);break;default:throw new G(`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 G(`Unsupported wallet: ${this.walletType}`)}}async promptConnection(e){try{switch(e){case"metamask":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 $o({infuraId:et});this.ethProvider.setProvider(o),await Promise.race([o.enable(),Zt()]);break;default:throw new G(`Unsupported wallet: ${this.walletType}`)}E.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.",c=new Date().toISOString();return this.createSiweMessage(e,o,i,n,c,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 qt,Be=class{constructor(e){let o=e.apiURL||Co,r=e.timeout||Lo;this.appId=e.appId,this.connector=new Ve,this.connector.initialize(),qt||(qt=new it),this.session=qt,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 u("No auth flow in progress.");return this.session.authenticate(this.authFlow)}link(){if(!this.authFlow)throw new u("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(Bo(),{address:e});return Q(o.data)}catch(o){throw V(o)}}async unlinkPhone(e){try{let o=await this.api.post(Ho(),{phoneNumber:e});return Q(o.data)}catch(o){throw V(o)}}async unlinkWallet(e){try{let o=await this.api.post(Vo(),{address:e});return Q(o.data)}catch(o){throw V(o)}}async unlinkOAuth(e,o){try{let r=await this.api.post(zo(),{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,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 V(e)}}setActiveWallet(e,o){if(!o.linkedAccounts.map(i=>i.type==="wallet"?i.address:null).includes(e))throw new u("Cannot set an unlinked address as active.");return E.put(Z,e),Ge(o)}async forkSession(){return await this.session.forkSession()}};import{Web3Provider as Ks}from"@ethersproject/providers";import{createContext as Oi,useContext as Ui}from"react";var f=()=>{throw new Error("You need to wrap your application with the <PrivyProvider> initialized with your app id.")};var Jt=Oi({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}),N=()=>Ui(Jt);var He=class{constructor(e){this.connector=e,this.meta={wallet:this.connector.walletType}}async authenticate(){if(!this.api)throw new u("Auth flow has no API instance");if(!this.connector.walletType)throw new u("Wallet must be specified");try{let{message:e,signature:o}=await this.promptConnectAndSign(this.api),r=await this.api.post(To(),{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 u("Auth flow has no API instance");if(!this.connector.walletType)throw new u("Wallet must be specified");try{let{message:e,signature:o}=await this.promptConnectAndSign(this.api);return(await this.api.post(Io(),{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(So(),{address:r}),s=this.connector.prepareMessage(i,r,n.data.nonce),c=await this.connector.sign(s);return{message:s,signature:c}}getEthereumProvider(){return this.connector.getEthereumProvider()}};var ze=class{constructor(e){this.meta={email:e}}async authenticate(){if(!this.api)throw new u("Auth flow has no API instance");if(!this.meta.email||!this.meta.emailCode)throw new u("Email and email code must be set prior to calling authenticate.");try{let e=Mo(),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 u("Auth flow has no API instance");if(!this.meta.email||!this.meta.emailCode)throw new u("Email and email code must be set prior to calling authenticate.");try{let e=Wo();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 u("Auth flow has no API instance");if(e&&(this.meta.email=e),!this.meta.email)throw new u("Email must be set when initialzing authentication.");try{let o=Ro();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 u("Auth flow has no API instance");if(!this.meta.phoneNumber||!this.meta.smsCode)throw new u("phone number and sms code must be set prior to calling authenticate.");try{let e=Oo(),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 u("Auth flow has no API instance");if(!this.meta.phoneNumber||!this.meta.smsCode)throw new u("phone number and sms code must be set prior to calling authenticate.");try{let e=Uo();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 u("Auth flow has no API instance");if(e&&(this.meta.phoneNumber=e),!this.meta.phoneNumber)throw new u("phone nNumber must be set when initialzing authentication.");try{let o=No();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 u("Auth flow has no API instance");if(!this.meta.authorizationCode||!this.meta.stateCode)throw new u("[OAuth AuthFlow] Authorization and state codes code must be set prior to calling authenticate.");if(this.meta.authorizationCode==="undefined")throw new u("User denied confirmation during OAuth flow");try{let e=Fo(),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 u("Auth flow has no API instance");if(!this.meta.authorizationCode||!this.meta.stateCode)throw new u("[OAuth AuthFlow] Authorization and state codes code must be set prior to calling link.");if(this.meta.authorizationCode==="undefined")throw new u("User denied confirmation during OAuth flow");try{let e=Go();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 u("Auth flow has no API instance");if(!this.meta.provider)throw new u("Provider must be set when initialzing OAuth authentication.");try{let e=Do();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 Bs from"react-dom";import wo from"styled-components";import{createContext as Fi,useContext as Gi,useEffect as Ko,useState as qo}from"react";import{jsx as Di}from"react/jsx-runtime";function Zo(t){return Di("link",{rel:"prefetch",href:t.src})}import{jsx as Vi,jsxs as Bi}from"react/jsx-runtime";var Jo=Fi({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}),Yo=t=>{let e=t.appSettings,o=t.authenticated,r=t.visible,[i,n]=qo("LANDING"),[s,c]=qo("LANDING");Ko(()=>{o||n("LANDING")},[o]),Ko(()=>{r||(c("LANDING"),n("LANDING"))},[r]);let h={ready:!!(e!=null&&e.id),app:e,options:t.options,currentScreen:i,lastScreen:s,navigate:m=>{c(i),n(m)},navigateBack:()=>{n(s)}};return Bi(Jo.Provider,{value:h,children:[e&&e.logoUrl&&Vi(Zo,{src:e.logoUrl}),t.children]})},g=()=>Gi(Jo);import{useEffect as Un,useState as Dn}from"react";import qe from"styled-components";import ji from"styled-components";import{jsx as Qo}from"react/jsx-runtime";var Xo=({style:t,...e})=>Qo("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:Qo("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})});import{jsx as er}from"react/jsx-runtime";var tr=({style:t,...e})=>er("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:er("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18"})});import{createContext as Hi,useContext as zi}from"react";var Yt=Hi({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,handleLoginError:f}),_=()=>zi(Yt);import{jsx as ee,jsxs as Ji}from"react/jsx-runtime";var $i=()=>ee("div",{}),Zi=({backFn:t})=>ee("div",{children:ee(tr,{onClick:t})}),Ki=t=>ee("div",{children:ee("div",{children:ee(Xo,{onClick:t.onClose})})});var L=({backFn:t,onClose:e})=>{let{closePrivyModal:o}=_();return Ji(qi,{children:[t?ee(Zi,{backFn:t}):ee($i,{}),ee(Ki,{onClose:e||o})]})},qi=ji.div`
13
13
  height: 30px;
14
14
  display: flex;
15
15
  align-items: center;
16
16
  justify-content: space-between;
17
17
  margin-bottom: 24px;
18
18
 
19
- h1 {
20
- font-size: 24px;
21
- font-weight: 900;
22
- color: #0c0539;
23
- }
24
-
25
19
  h2 {
26
20
  font-size: 16px;
27
21
  line-height: 24px;
28
22
  font-weight: 600;
29
- color: #111827;
23
+ color: var(--light-theme-fg-1);
30
24
  }
31
25
 
32
26
  > :first-child {
@@ -35,7 +29,7 @@ Resources:
35
29
  svg {
36
30
  cursor: pointer;
37
31
  margin-right: auto;
38
- color: #0f172a;
32
+ color: var(--light-theme-fg-1);
39
33
  }
40
34
  opacity: 0.6;
41
35
  }
@@ -53,14 +47,14 @@ Resources:
53
47
  display: flex;
54
48
  opacity: 0.6;
55
49
 
56
- background-color: #f3f4f6;
50
+ background-color: var(--light-theme-bg-2);
57
51
  border-radius: var(--border-radius-full);
58
52
  height: 36px;
59
53
  width: 36px;
60
54
 
61
55
  > svg {
62
56
  margin: auto;
63
- color: #0f172a;
57
+ color: var(--light-theme-fg-1);
64
58
  }
65
59
  }
66
60
  > div:hover {
@@ -72,11 +66,11 @@ Resources:
72
66
  @media (max-width: 440px) {
73
67
  height: 30px;
74
68
  }
75
- `;import nr from"styled-components";import{jsx as U,jsxs as Yi}from"react/jsx-runtime";var Ce=({style:t,...e})=>Yi("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:[U("rect",{width:"28",height:"28",rx:"6",fill:"white"}),U("path",{d:"M23.0126 5L15.1958 10.7823L16.6533 7.37359L23.0126 5Z",fill:"#E17726",stroke:"#E17726",strokeWidth:"0.25",strokeLinecap:"round",strokeLinejoin:"round"}),U("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"}),U("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"}),U("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"}),U("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"}),U("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"}),U("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"}),U("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"}),U("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"}),U("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"}),U("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"}),U("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 or,jsxs as Qi}from"react/jsx-runtime";var de=({style:t,...e})=>Qi("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:[or("rect",{width:"1024",height:"1024",fill:"#0052FF",rx:100,ry:100}),or("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 Xi}from"react/jsx-runtime";var dt=({style:t,...e})=>Xi("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 ir}from"react-device-detect";import{isIOS as en,isMobile as tn}from"react-device-detect";var Qt=t=>{let e=new URL(window.location.href);if(!window.ethereum&&tn){let o;switch(t){case"metamask":en?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 on from"styled-components";var rr=on.span`
69
+ `;import nr from"styled-components";import{jsx as U,jsxs as Yi}from"react/jsx-runtime";var be=({style:t,...e})=>Yi("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:[U("rect",{width:"28",height:"28",rx:"6",fill:"white"}),U("path",{d:"M23.0126 5L15.1958 10.7823L16.6533 7.37359L23.0126 5Z",fill:"#E17726",stroke:"#E17726",strokeWidth:"0.25",strokeLinecap:"round",strokeLinejoin:"round"}),U("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"}),U("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"}),U("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"}),U("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"}),U("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"}),U("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"}),U("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"}),U("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"}),U("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"}),U("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"}),U("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 or,jsxs as Qi}from"react/jsx-runtime";var de=({style:t,...e})=>Qi("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:[or("rect",{width:"1024",height:"1024",fill:"#0052FF",rx:100,ry:100}),or("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 Xi}from"react/jsx-runtime";var dt=({style:t,...e})=>Xi("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 ir}from"react-device-detect";import{isIOS as en,isMobile as tn}from"react-device-detect";var Qt=t=>{let e=new URL(window.location.href);if(!window.ethereum&&tn){let o;switch(t){case"metamask":en?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 on from"styled-components";var rr=on.span`
76
70
  @media (max-width: 440px) {
77
71
  display: none;
78
72
  }
79
- `;import{jsx as te,jsxs as $e}from"react/jsx-runtime";var ct=()=>{let{navigate:t}=g(),{initLoginWithWallet:e,closePrivyModal:o}=_();return $e(rn,{children:[$e(Xt,{onClick:()=>{Kt()?(e("metamask"),t("AWAITING_CONNECTION")):ir?(Qt("metamask"),o()):t("INSTALL_METAMASK_SCREEN")},children:[te(Ce,{}),te("span",{children:"Metamask"}),te("span",{children:Kt()?"Connect":"Install"})]}),$e(Xt,{onClick:()=>{lt()?(e("coinbase_wallet"),t("AWAITING_CONNECTION")):ir?(Qt("coinbase_wallet"),o()):(e("coinbase_wallet"),t("AWAITING_CONNECTION"))},children:[te(de,{}),$e("span",{children:["Coinbase",te(rr,{children:" Wallet"})]}),te("span",{children:"Connect"})]}),$e(Xt,{onClick:()=>{e("wallet_connect"),t("AWAITING_CONNECTION")},children:[te(dt,{}),te("span",{children:"WalletConnect"}),te("span",{children:"Connect"})]})]})},rn=nr.div`
73
+ `;import{jsx as te,jsxs as $e}from"react/jsx-runtime";var ct=()=>{let{navigate:t}=g(),{initLoginWithWallet:e,closePrivyModal:o}=_();return $e(rn,{children:[$e(Xt,{onClick:()=>{Kt()?(e("metamask"),t("AWAITING_CONNECTION")):ir?(Qt("metamask"),o()):t("INSTALL_METAMASK_SCREEN")},children:[te(be,{}),te("span",{children:"Metamask"}),te("span",{children:Kt()?"Connect":"Install"})]}),$e(Xt,{onClick:()=>{lt()?(e("coinbase_wallet"),t("AWAITING_CONNECTION")):ir?(Qt("coinbase_wallet"),o()):(e("coinbase_wallet"),t("AWAITING_CONNECTION"))},children:[te(de,{}),$e("span",{children:["Coinbase",te(rr,{children:" Wallet"})]}),te("span",{children:"Connect"})]}),$e(Xt,{onClick:()=>{e("wallet_connect"),t("AWAITING_CONNECTION")},children:[te(dt,{}),te("span",{children:"WalletConnect"}),te("span",{children:"Connect"})]})]})},rn=nr.div`
80
74
  display: flex;
81
75
  flex-direction: column;
82
76
  align-items: flex-start;
@@ -101,7 +95,7 @@ Resources:
101
95
  && {
102
96
  font-weight: 600;
103
97
  padding: 7px 11px;
104
- border: 1px solid #e5e7eb;
98
+ border: 1px solid var(--border-color-2);
105
99
  border-radius: var(--border-radius-sm);
106
100
  }
107
101
 
@@ -155,7 +149,7 @@ Resources:
155
149
  }
156
150
  `;import nn from"styled-components";import{jsx as sr,jsxs as an}from"react/jsx-runtime";var ut=()=>{let{navigate:t}=g();return an(sn,{children:[sr("span",{children:"Don\u2019t have a wallet? "}),sr("button",{onClick:()=>{t("WALLET_EDUCATION")},children:"Create one now."})]})},sn=nn.div`
157
151
  font-size: 13px;
158
- color: #6b7280;
152
+ color: var(--light-theme-fg-3);
159
153
 
160
154
  > button {
161
155
  text-decoration: underline;
@@ -168,7 +162,7 @@ Resources:
168
162
  margin-top: 16px;
169
163
  font-size: 12px;
170
164
  text-align: left;
171
- color: var(--text-gray);
165
+ color: var(--light-theme-fg-3);
172
166
 
173
167
  && > a {
174
168
  color: var(--primary-color);
@@ -257,15 +251,15 @@ Resources:
257
251
  border-radius: var(--border-radius-sm);
258
252
  cursor: pointer;
259
253
  height: 44px;
260
- background-color: #fff;
254
+ background-color: var(--light-theme-bg-1);
261
255
  flex: 1;
262
256
  display: flex;
263
257
  flex-direction: column;
264
258
  justify-content: center;
265
259
  align-items: center;
266
- border: 1px solid #e5e7eb;
260
+ border: 1px solid var(--border-color-2);
267
261
  }
268
- `;import{useEffect as vn,useState as eo}from"react";import We from"styled-components";import{jsx as wr}from"react/jsx-runtime";var wt=({style:t,...e})=>wr("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:wr("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 yn from"styled-components";import{jsx as Cn}from"react/jsx-runtime";var yt=({success:t,fail:e})=>Cn(pe,{className:t?"success":e?"fail":""}),pe=yn.span`
262
+ `;import{useEffect as Cn,useState as eo}from"react";import We from"styled-components";import{jsx as wr}from"react/jsx-runtime";var wt=({style:t,...e})=>wr("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:wr("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 yn from"styled-components";import{jsx as bn}from"react/jsx-runtime";var yt=({success:t,fail:e})=>bn(pe,{className:t?"success":e?"fail":""}),pe=yn.span`
269
263
  && {
270
264
  width: 82px;
271
265
  height: 82px;
@@ -298,9 +292,9 @@ Resources:
298
292
  border-color: var(--fail-light);
299
293
  border-bottom-color: var(--fail-light);
300
294
  }
301
- `;import{isPossiblePhoneNumber as bn}from"libphonenumber-js/min";var yr=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,}))$/),Cr=t=>bn(String(t),"US"),Ct=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)}},br=(t,e)=>{var o=t.slice(0);let r=[];for(;o.length;)r.push(o.splice(0,e));return r};import{Fragment as Pn,jsx as re,jsxs as to}from"react/jsx-runtime";var bt=t=>{let[e,o]=eo(""),[r,i]=eo(!1),[n,s]=eo(null),{authenticated:c}=N(),{loginWithEmail:h,handleLoginError:m}=_(),{navigate:x,options:R}=g(),b=R.wallet;vn(()=>{let l=document.querySelector("#email-input");l==null||l.focus()},[]);let A=yr(e),P=()=>{i(!0),h(e).then(()=>{x("AWAITING_PASSWORDLESS_CODE")}).catch(l=>{let y=(l==null?void 0:l.status)===401&&(l==null?void 0:l.message)==="User is not allowed to login to this app.";(l==null?void 0:l.status)===422?s(l.message):y?x("ALLOWLIST_REJECTION_SCREEN"):s("Issue submitting email"),i(!1),m(y)})};return to(Pn,{children:[to(xn,{stacked:t.stacked,children:[to(En,{standalone:t.stacked,children:[re(wt,{}),re("input",{id:"email-input",type:"email",placeholder:"your@email.com",onChange:l=>o(l.target.value),onKeyUp:l=>{l.key==="Enter"&&P()},value:e,autoComplete:"email"})]}),t.stacked?null:re(Ln,{disabled:r||!A,onClick:P,children:r?re(pe,{color:"var(--disabled-fg)",style:{height:"1rem",width:"1rem",borderWidth:"2px"}}):"Submit"})]}),n||c||!b?re(_n,{fail:!!n,children:n||""}):null,!n&&!c&&b?re(kn,{children:re("span",{children:"Get started without a wallet."})}):null,t.stacked?re(An,{disabled:r||!A,onClick:P,children:r?re(pe,{color:"var(--disabled-fg)",style:{height:"1rem",width:"1rem",borderWidth:"2px"}}):"Submit"}):null]})},xn=We.div`
295
+ `;import{isPossiblePhoneNumber as vn}from"libphonenumber-js/min";var yr=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,}))$/),br=t=>vn(String(t),"US"),bt=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)}},vr=(t,e)=>{var o=t.slice(0);let r=[];for(;o.length;)r.push(o.splice(0,e));return r};import{Fragment as Pn,jsx as re,jsxs as to}from"react/jsx-runtime";var vt=t=>{let[e,o]=eo(""),[r,i]=eo(!1),[n,s]=eo(null),{authenticated:c}=N(),{initLoginWithEmail:h,handleLoginError:m}=_(),{navigate:x,options:R}=g(),v=R.wallet;Cn(()=>{let l=document.querySelector("#email-input");l==null||l.focus()},[]);let A=yr(e),P=()=>{i(!0),h(e).then(()=>{x("AWAITING_PASSWORDLESS_CODE")}).catch(l=>{let y=(l==null?void 0:l.status)===401&&(l==null?void 0:l.message)==="User is not allowed to login to this app.";(l==null?void 0:l.status)===422?s(l.message):y?x("ALLOWLIST_REJECTION_SCREEN"):s("Issue submitting email"),i(!1),m(y)})};return to(Pn,{children:[to(xn,{stacked:t.stacked,children:[to(En,{standalone:t.stacked,children:[re(wt,{}),re("input",{id:"email-input",type:"email",placeholder:"your@email.com",onChange:l=>o(l.target.value),onKeyUp:l=>{l.key==="Enter"&&P()},value:e,autoComplete:"email"})]}),t.stacked?null:re(Ln,{disabled:r||!A,onClick:P,children:r?re(pe,{color:"var(--disabled-fg)",style:{height:"1rem",width:"1rem",borderWidth:"2px"}}):"Submit"})]}),n||c||!v?re(_n,{fail:!!n,children:n||""}):null,!n&&!c&&v?re(kn,{children:re("span",{children:"Get started without a wallet."})}):null,t.stacked?re(An,{disabled:r||!A,onClick:P,children:r?re(pe,{color:"var(--disabled-fg)",style:{height:"1rem",width:"1rem",borderWidth:"2px"}}):"Submit"}):null]})},xn=We.div`
302
296
  display: flex;
303
- border: 1px solid #d1d5db;
297
+ border: 1px solid var(--border-color-1);
304
298
  width: 100%;
305
299
 
306
300
  height: ${t=>t.stacked?"100%":"auto"};
@@ -329,7 +323,7 @@ Resources:
329
323
  padding-left: 15px;
330
324
  padding-right: 15px;
331
325
  background-color: var(--primary-color);
332
- color: #ffffff;
326
+ color: var(--light-theme-bg-1);
333
327
  }
334
328
 
335
329
  &&:disabled {
@@ -353,7 +347,7 @@ Resources:
353
347
 
354
348
  && {
355
349
  background-color: var(--primary-color);
356
- color: #ffffff;
350
+ color: var(--light-theme-bg-1);
357
351
  }
358
352
 
359
353
  &&:disabled {
@@ -368,14 +362,14 @@ Resources:
368
362
  position: relative;
369
363
  width: 100%;
370
364
  height: ${t=>t.standalone?"64px":"44px"};
371
- background: #ffffff;
365
+ background: var(--light-theme-bg-1);
372
366
 
373
367
  > svg {
374
368
  z-index: 2;
375
369
  margin-left: 8px;
376
370
  height: 20px !important;
377
371
  width: 20px !important;
378
- color: #6b7280;
372
+ color: var(--light-theme-fg-3);
379
373
  }
380
374
 
381
375
  && > input {
@@ -387,8 +381,8 @@ Resources:
387
381
  border-radius: ${t=>t.standalone?"var(--border-radius-sm)":"var(--border-radius-sm) 0px 0px var(--border-radius-sm)"};
388
382
  height: 100%;
389
383
  width: 100%;
390
- border: 1px solid #d1d5db;
391
- background: #ffffff;
384
+ border: 1px solid var(--border-color-1);
385
+ background: var(--light-theme-bg-1);
392
386
  }
393
387
 
394
388
  /* Mobile */
@@ -400,7 +394,7 @@ Resources:
400
394
  }
401
395
  `,kn=We.div`
402
396
  font-size: 13px;
403
- color: #6b7280;
397
+ color: var(--light-theme-fg-3);
404
398
  text-align: left;
405
399
 
406
400
  > button {
@@ -410,7 +404,7 @@ Resources:
410
404
  line-height: 20px;
411
405
  height: 20px;
412
406
  font-size: 13px;
413
- color: ${t=>t.success?"#018C29":t.fail?"#dc2a2a":"#6b7280"};
407
+ color: ${t=>t.success?"var(--success-dark)":t.fail?"var(--fail-dark)":"var(--light-theme-fg-3)"};
414
408
  display: flex;
415
409
  justify-content: space-between;
416
410
  width: 100%;
@@ -418,9 +412,9 @@ Resources:
418
412
  opacity: ${t=>t.success||t.fail?"1":"0"};
419
413
 
420
414
  transition: ${t=>t.fail?"":"all 150ms ease-in-out"};
421
- `;import{useEffect as Sn,useState as oo}from"react";import be from"styled-components";import{jsx as vr}from"react/jsx-runtime";var vt=({style:t,...e})=>vr("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:vr("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 On,jsx as ie,jsxs as ro}from"react/jsx-runtime";var xt=t=>{let[e,o]=oo(""),[r,i]=oo(!1),[n,s]=oo(null),{authenticated:c}=N(),{loginWithSms:h,handleLoginError:m}=_(),{navigate:x,options:R}=g(),b=R.wallet;Sn(()=>{let l=document.querySelector("#phone-number-input");l==null||l.focus()},[]);let A=Cr(e),P=()=>{i(!0),h(e).then(()=>{x("AWAITING_PASSWORDLESS_CODE")}).catch(l=>{let y=(l==null?void 0:l.status)===401&&(l==null?void 0:l.message)==="User is not allowed to login to this app.";(l==null?void 0:l.status)===422?s(l.message):y?x("ALLOWLIST_REJECTION_SCREEN"):s("Issue submitting phone number"),i(!1),m(y)})};return ro(On,{children:[ro(Tn,{stacked:t.stacked,children:[ro(Mn,{standalone:t.stacked,children:[ie(vt,{}),ie("input",{id:"phone-number-input",type:"tel",placeholder:"555 555 5555",onChange:l=>{o(l.target.value)},onKeyUp:l=>{l.key==="Enter"&&P()},value:e,autoComplete:"tel"})]}),t.stacked?null:ie(In,{disabled:r||!A,onClick:P,children:r?ie(xr,{color:"var(--disabled-fg)"}):"Submit"})]}),n||c||!b?ie(Nn,{fail:!!n,children:n||""}):null,!n&&!c&&b?ie(Wn,{children:ie("span",{children:"Don\u2019t have a wallet? Start exploring with your phone or socials."})}):null,t.stacked?ie(Rn,{disabled:r||!A,onClick:P,children:r?ie(xr,{color:"var(--disabled-fg)"}):"Submit"}):null]})},Tn=be.div`
415
+ `;import{useEffect as Sn,useState as oo}from"react";import ve from"styled-components";import{jsx as Cr}from"react/jsx-runtime";var Ct=({style:t,...e})=>Cr("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:Cr("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 On,jsx as ie,jsxs as ro}from"react/jsx-runtime";var xt=t=>{let[e,o]=oo(""),[r,i]=oo(!1),[n,s]=oo(null),{authenticated:c}=N(),{initLoginWithSms:h,handleLoginError:m}=_(),{navigate:x,options:R}=g(),v=R.wallet;Sn(()=>{let l=document.querySelector("#phone-number-input");l==null||l.focus()},[]);let A=br(e),P=()=>{i(!0),h(e).then(()=>{x("AWAITING_PASSWORDLESS_CODE")}).catch(l=>{let y=(l==null?void 0:l.status)===401&&(l==null?void 0:l.message)==="User is not allowed to login to this app.";(l==null?void 0:l.status)===422?s(l.message):y?x("ALLOWLIST_REJECTION_SCREEN"):s("Issue submitting phone number"),i(!1),m(y)})};return ro(On,{children:[ro(Tn,{stacked:t.stacked,children:[ro(Mn,{standalone:t.stacked,children:[ie(Ct,{}),ie("input",{id:"phone-number-input",type:"tel",placeholder:"555 555 5555",onChange:l=>{o(l.target.value)},onKeyUp:l=>{l.key==="Enter"&&P()},value:e,autoComplete:"tel"})]}),t.stacked?null:ie(In,{disabled:r||!A,onClick:P,children:r?ie(xr,{color:"var(--disabled-fg)"}):"Submit"})]}),n||c||!v?ie(Nn,{fail:!!n,children:n||""}):null,!n&&!c&&v?ie(Wn,{children:ie("span",{children:"Don\u2019t have a wallet? Start exploring with your phone or socials."})}):null,t.stacked?ie(Rn,{disabled:r||!A,onClick:P,children:r?ie(xr,{color:"var(--disabled-fg)"}):"Submit"}):null]})},Tn=ve.div`
422
416
  display: flex;
423
- border: 1px solid #d1d5db;
417
+ border: 1px solid var(--border-color-1);
424
418
  width: 100%;
425
419
 
426
420
  height: ${t=>t.stacked?"100%":"auto"};
@@ -432,7 +426,7 @@ Resources:
432
426
  @media (max-width: 440px) {
433
427
  margin-top: 20px;
434
428
  }
435
- `,In=be.button`
429
+ `,In=ve.button`
436
430
  display: flex;
437
431
  flex-direction: row;
438
432
  align-items: center;
@@ -449,7 +443,7 @@ Resources:
449
443
  padding-left: 15px;
450
444
  padding-right: 15px;
451
445
  background-color: var(--primary-color);
452
- color: #ffffff;
446
+ color: var(--light-theme-bg-1);
453
447
  }
454
448
 
455
449
  &&:disabled {
@@ -457,7 +451,7 @@ Resources:
457
451
  color: var(--disabled-fg);
458
452
  cursor: not-allowed;
459
453
  }
460
- `,Rn=be.button`
454
+ `,Rn=ve.button`
461
455
  display: flex;
462
456
  flex-direction: column;
463
457
  align-items: center;
@@ -473,7 +467,7 @@ Resources:
473
467
 
474
468
  && {
475
469
  background-color: var(--primary-color);
476
- color: #ffffff;
470
+ color: var(--light-theme-bg-1);
477
471
  }
478
472
 
479
473
  &&:disabled {
@@ -481,21 +475,21 @@ Resources:
481
475
  color: var(--disabled-fg);
482
476
  cursor: not-allowed;
483
477
  }
484
- `,Mn=be.label`
478
+ `,Mn=ve.label`
485
479
  display: flex;
486
480
  flex-direction: row;
487
481
  align-items: center;
488
482
  position: relative;
489
483
  width: 100%;
490
484
  height: ${t=>t.standalone?"64px":"44px"};
491
- background: #ffffff;
485
+ background: var(--light-theme-bg-1);
492
486
 
493
487
  > svg {
494
488
  z-index: 2;
495
489
  margin-left: 8px;
496
490
  height: 20px !important;
497
491
  width: 20px !important;
498
- color: #6b7280;
492
+ color: var(--light-theme-fg-3);
499
493
  }
500
494
 
501
495
  && > input {
@@ -507,8 +501,8 @@ Resources:
507
501
  border-radius: ${t=>t.standalone?"var(--border-radius-sm)":"var(--border-radius-sm) 0px 0px var(--border-radius-sm)"};
508
502
  height: 100%;
509
503
  width: 100%;
510
- border: 1px solid #d1d5db;
511
- background: #ffffff;
504
+ border: 1px solid var(--border-color-1);
505
+ background: var(--light-theme-bg-1);
512
506
  }
513
507
 
514
508
  /* Mobile */
@@ -518,18 +512,18 @@ Resources:
518
512
  line-height: 24px;
519
513
  }
520
514
  }
521
- `,Wn=be.div`
515
+ `,Wn=ve.div`
522
516
  font-size: 13px;
523
- color: #6b7280;
517
+ color: var(--light-theme-fg-3);
524
518
 
525
519
  > button {
526
520
  text-decoration: underline;
527
521
  }
528
- `,Nn=be.div`
522
+ `,Nn=ve.div`
529
523
  line-height: 20px;
530
524
  height: 20px;
531
525
  font-size: 13px;
532
- color: ${t=>t.success?"#018C29":t.fail?"#dc2a2a":"#6b7280"};
526
+ color: ${t=>t.success?"var(--success-dark)":t.fail?"var(--fail-dark)":"var(--light-theme-fg-3)"};
533
527
  display: flex;
534
528
  justify-content: space-between;
535
529
  width: 100%;
@@ -537,15 +531,15 @@ Resources:
537
531
  opacity: ${t=>t.success||t.fail?"1":"0"};
538
532
 
539
533
  transition: ${t=>t.fail?"":"all 150ms ease-in-out"};
540
- `,xr=be(pe)`
534
+ `,xr=ve(pe)`
541
535
  && {
542
536
  height: 1rem;
543
537
  width: 1rem;
544
538
  border-width: 2px;
545
539
  }
546
- `;import{jsx as Lr}from"react/jsx-runtime";var Ar=()=>{let{app:t}=g();return t!=null&&t.logoUrl?Lr("div",{children:Lr("img",{src:t.logoUrl,alt:`${t==null?void 0:t.name} logo`,style:{objectFit:"contain",width:"200px",height:"80px"}})}):null};import{isMobile as Er}from"react-device-detect";import{Fragment as ve,jsx as v,jsxs as he}from"react/jsx-runtime";var _r=()=>{let{ready:t}=N(),{getAuthMeta:e,isLinking:o}=_(),{app:r,navigate:i,options:n}=g(),s=n.email,c=n.sms,h=n.wallet,m=n.google,x=n.twitter,R=n.discord,b=n.github,A=h&&(r==null?void 0:r.showWalletLoginFirst)?0:1,[P,l]=Dn(A),y=e(),F=(y==null?void 0:y.authorizationCode)&&(y==null?void 0:y.stateCode)&&(y==null?void 0:y.provider);Un(()=>{F?i("AWAITING_OAUTH_SCREEN"):o&&s?i("LINK_EMAIL_SCREEN"):o&&c?i("LINK_PHONE_SCREEN"):o&&h&&i("LINK_WALLET_SCREEN")},[t]);let fe=P==0,W=P==1,J=()=>v(ve,{children:h&&v(Fn,{active:fe,onClick:()=>l(0)})}),C=()=>v(ve,{children:(s||c)&&v(Gn,{active:W,onClick:()=>l(1),email:s,sms:c,google:m,twitter:x,discord:R,github:b})});return he(ve,{children:[v(L,{},"header"),v(Hn,{walletOnly:!s&&!c&&!m&&!x&&!R&&!b,hasTerms:!!((r==null?void 0:r.privacyPolicyUrl)||(r==null?void 0:r.termsAndConditionsUrl)),children:v(Ar,{})}),v(ce,{children:r!=null&&r.showWalletLoginFirst?he(ve,{children:[v(J,{}),v(C,{})]}):he(ve,{children:[v(C,{}),v(J,{})]})}),r&&v(cr,{app:r}),v(K,{protectedByPrivy:!0})]})};function Fn(t){return he(Sr,{active:t.active,onClick:t.onClick,children:[v(Pr,{active:t.active,children:v("h4",{children:"Connect Wallet"})}),t.active&&he(ve,{children:[v(ct,{}),v(ut,{})]})]})}function Gn(t){let e=t.google||t.discord||t.github||t.twitter&&!Er,o=t.email?"Email":"Phone";return he(Sr,{active:t.active,onClick:t.onClick,children:[v(Pr,{active:t.active,children:v("h4",{children:e?`${o} & Social`:o})}),t.active&&t.email&&v(bt,{}),t.active&&t.sms&&!t.email&&v(xt,{}),t.active&&e&&v(Vn,{google:t.google,twitter:t.twitter&&!Er,discord:t.discord,github:t.github})]})}function Vn(t){return he(ve,{children:[he(Bn,{children:[v(kr,{}),v("p",{children:" Or "}),v(kr,{})]}),v(gr,{showGoogle:t.google,showDiscord:t.discord,showGithub:t.github,showTwitter:t.twitter})]})}var Pr=qe.div`
540
+ `;import{jsx as Lr}from"react/jsx-runtime";var Ar=()=>{let{app:t}=g();return t!=null&&t.logoUrl?Lr("div",{children:Lr("img",{src:t.logoUrl,alt:`${t==null?void 0:t.name} logo`,style:{objectFit:"contain",width:"200px",height:"80px"}})}):null};import{isMobile as Er}from"react-device-detect";import{Fragment as Ce,jsx as C,jsxs as he}from"react/jsx-runtime";var _r=()=>{let{ready:t}=N(),{getAuthMeta:e,isLinking:o}=_(),{app:r,navigate:i,options:n}=g(),s=n.email,c=n.sms,h=n.wallet,m=n.google,x=n.twitter,R=n.discord,v=n.github,A=h&&(r==null?void 0:r.showWalletLoginFirst)?0:1,[P,l]=Dn(A),y=e(),F=(y==null?void 0:y.authorizationCode)&&(y==null?void 0:y.stateCode)&&(y==null?void 0:y.provider);Un(()=>{F?i("AWAITING_OAUTH_SCREEN"):o&&s?i("LINK_EMAIL_SCREEN"):o&&c?i("LINK_PHONE_SCREEN"):o&&h&&i("LINK_WALLET_SCREEN")},[t]);let fe=P==0,W=P==1,J=()=>C(Ce,{children:h&&C(Fn,{active:fe,onClick:()=>l(0)})}),b=()=>C(Ce,{children:(s||c)&&C(Gn,{active:W,onClick:()=>l(1),email:s,sms:c,google:m,twitter:x,discord:R,github:v})});return he(Ce,{children:[C(L,{},"header"),C(Hn,{walletOnly:!s&&!c&&!m&&!x&&!R&&!v,hasTerms:!!((r==null?void 0:r.privacyPolicyUrl)||(r==null?void 0:r.termsAndConditionsUrl)),children:C(Ar,{})}),C(ce,{children:r!=null&&r.showWalletLoginFirst?he(Ce,{children:[C(J,{}),C(b,{})]}):he(Ce,{children:[C(b,{}),C(J,{})]})}),r&&C(cr,{app:r}),C(K,{protectedByPrivy:!0})]})};function Fn(t){return he(Sr,{active:t.active,onClick:t.onClick,children:[C(Pr,{active:t.active,children:C("h4",{children:"Connect Wallet"})}),t.active&&he(Ce,{children:[C(ct,{}),C(ut,{})]})]})}function Gn(t){let e=t.google||t.discord||t.github||t.twitter&&!Er,o=t.email?"Email":"Phone";return he(Sr,{active:t.active,onClick:t.onClick,children:[C(Pr,{active:t.active,children:C("h4",{children:e?`${o} & Social`:o})}),t.active&&t.email&&C(vt,{}),t.active&&t.sms&&!t.email&&C(xt,{}),t.active&&e&&C(Vn,{google:t.google,twitter:t.twitter&&!Er,discord:t.discord,github:t.github})]})}function Vn(t){return he(Ce,{children:[he(Bn,{children:[C(kr,{}),C("p",{children:" Or "}),C(kr,{})]}),C(gr,{showGoogle:t.google,showDiscord:t.discord,showGithub:t.github,showTwitter:t.twitter})]})}var Pr=qe.div`
547
541
  font-weight: ${t=>t.active?600:500};
548
- color: ${t=>t.active?"inherit":"#6b7280"};
542
+ color: ${t=>t.active?"inherit":"var(--light-theme-fg-3)"};
549
543
  display: flex;
550
544
  justify-content: center;
551
545
  align-items: center;
@@ -564,8 +558,8 @@ Resources:
564
558
  overflow: hidden;
565
559
 
566
560
  && {
567
- background: #ffffff;
568
- border: ${t=>t.active?"1px solid rgba(var(--primary-color-rgb), 0.5);":"1px solid #E5E7EB;"};
561
+ background: var(--light-theme-bg-1);
562
+ border: ${t=>t.active?"1px solid var(--border-color-active);":"1px solid var(--border-color-2);"};
569
563
  border-radius: 10px;
570
564
  }
571
565
 
@@ -578,7 +572,7 @@ Resources:
578
572
  `,kr=qe.hr`
579
573
  width: 50%;
580
574
  && {
581
- border-top: 1px solid #d1d5db;
575
+ border-top: 1px solid var(--border-color-1);
582
576
  margin: 0px 8px;
583
577
  }
584
578
  `,Hn=qe.div`
@@ -619,7 +613,7 @@ Resources:
619
613
 
620
614
  /* Sugar assuming children are paragraphs. Otherwise, handling styling on your own */
621
615
  && p {
622
- color: var(--text-dark-gray);
616
+ color: var(--light-theme-fg-2);
623
617
  font-size: 14px;
624
618
  }
625
619
  `,zn=Lt(Ir)`
@@ -634,10 +628,10 @@ Resources:
634
628
  padding: 14px;
635
629
  border-radius: 50%;
636
630
  && {
637
- border-color: #e1e7ef;
631
+ border-color: var(--light-theme-bg-3);
638
632
  border-width: 1px;
639
633
  }
640
- `;import{Fragment as io,jsx as B,jsxs as Oe}from"react/jsx-runtime";var no=6,Wr=new Array(no).fill(""),$n=1400;var Nr=()=>{var C,a,d;let{app:t}=g(),{closePrivyModal:e,resendEmailCode:o,resendSmsCode:r,getAuthMeta:i,loginWithCode:n}=_(),{authenticated:s,user:c}=N(),[h,m]=At(Wr),[x,R]=At(!1),[b,A]=At(null),[P,l]=At(null),y=(C=i())!=null&&C.email?0:1;Mr(()=>{if(s&&x){let k=setTimeout(e,_e);return()=>clearTimeout(k)}},[s,x,c]),Mr(()=>{if(b&&P===0){let k=setTimeout(()=>{m(Wr),A(null);let S=document.querySelector("input[name=code-0]");S==null||S.focus()},$n);return()=>clearTimeout(k)}},[b]);let F=k=>{var Co;let S=k.currentTarget.value.replace(" ","");if(S==="")return;if(isNaN(Number(S))){A("Code should be numeric"),l(1);return}A(null),l(null);let j=Number((Co=k.currentTarget.name)==null?void 0:Co.charAt(5)),Ft=[...S||[""]].slice(0,no-j),Gt=[...h.slice(0,j),...Ft,...h.slice(j+Ft.length)];m(Gt);let bi=Ft.length,yo=Math.min(Math.max(j+bi,0),no-1);if(!isNaN(Number(k.currentTarget.value))){let $=document.querySelector(`input[name=code-${yo}]`);$==null||$.focus()}if(Gt.every($=>$&&!isNaN(+$))){let $=document.querySelector(`input[name=code-${yo}]`);$==null||$.blur(),n(Gt.join("")).then(()=>R(!0)).catch(Vt=>{(Vt==null?void 0:Vt.status)===422?A("Invalid or expired verification code"):A("Issue verifying code"),l(0)})}k.preventDefault()},fe=k=>{P===1&&(A(null),l(null));let S=[...h.slice(0,k),"",...h.slice(k+1)];if(m(S),k>0){let j=document.querySelector(`input[name=code-${k-1}]`);j==null||j.focus()}},W=`Verify your ${y==0?"email":"phone"}`,J=y==0?`Please check ${(a=i())==null?void 0:a.email} for an email from privy.io and enter your code below.`:`Please check ${(d=i())==null?void 0:d.phoneNumber} for a message from ${(t==null?void 0:t.name)||"privy.io"} and enter your code below.`;return Oe(io,{children:[B(L,{},"header"),Oe(Zn,{children:[B(xe,{title:W,description:J}),Oe(hr,{children:[Oe(Kn,{children:[B(qn,{fail:!!b,success:x,children:B("span",{children:b||(x?"Success!":"")})}),B("div",{children:h.map((k,S)=>B("input",{name:`code-${S}`,type:"text",value:h[S],onChange:F,onKeyUp:j=>{j.key==="Backspace"&&fe(S)},inputMode:"numeric",autoFocus:S===0,pattern:"[0-9]",className:`${x?"success":""} ${b?"fail":""}`,autoComplete:"one-time-code"},S))})]}),B(Jn,{children:y==0?Oe(io,{children:[B("span",{children:"Didn't get an email?"}),B("button",{onClick:o,children:"Resend Code"})]}):Oe(io,{children:[B("span",{children:"Didn't get a message?"}),B("button",{onClick:r,children:"Resend Code"})]})})]})]}),B(K,{protectedByPrivy:!0})]})},Zn=Et.div`
634
+ `;import{Fragment as io,jsx as B,jsxs as Oe}from"react/jsx-runtime";var no=6,Wr=new Array(no).fill(""),$n=1400;var Nr=()=>{var b,a,d;let{app:t}=g(),{closePrivyModal:e,resendEmailCode:o,resendSmsCode:r,getAuthMeta:i,loginWithCode:n}=_(),{authenticated:s,user:c}=N(),[h,m]=At(Wr),[x,R]=At(!1),[v,A]=At(null),[P,l]=At(null),y=(b=i())!=null&&b.email?0:1;Mr(()=>{if(s&&x){let k=setTimeout(e,_e);return()=>clearTimeout(k)}},[s,x,c]),Mr(()=>{if(v&&P===0){let k=setTimeout(()=>{m(Wr),A(null);let S=document.querySelector("input[name=code-0]");S==null||S.focus()},$n);return()=>clearTimeout(k)}},[v]);let F=k=>{var bo;let S=k.currentTarget.value.replace(" ","");if(S==="")return;if(isNaN(Number(S))){A("Code should be numeric"),l(1);return}A(null),l(null);let j=Number((bo=k.currentTarget.name)==null?void 0:bo.charAt(5)),Ft=[...S||[""]].slice(0,no-j),Gt=[...h.slice(0,j),...Ft,...h.slice(j+Ft.length)];m(Gt);let vi=Ft.length,yo=Math.min(Math.max(j+vi,0),no-1);if(!isNaN(Number(k.currentTarget.value))){let $=document.querySelector(`input[name=code-${yo}]`);$==null||$.focus()}if(Gt.every($=>$&&!isNaN(+$))){let $=document.querySelector(`input[name=code-${yo}]`);$==null||$.blur(),n(Gt.join("")).then(()=>R(!0)).catch(Vt=>{(Vt==null?void 0:Vt.status)===422?A("Invalid or expired verification code"):A("Issue verifying code"),l(0)})}k.preventDefault()},fe=k=>{P===1&&(A(null),l(null));let S=[...h.slice(0,k),"",...h.slice(k+1)];if(m(S),k>0){let j=document.querySelector(`input[name=code-${k-1}]`);j==null||j.focus()}},W=`Verify your ${y==0?"email":"phone"}`,J=y==0?`Please check ${(a=i())==null?void 0:a.email} for an email from privy.io and enter your code below.`:`Please check ${(d=i())==null?void 0:d.phoneNumber} for a message from ${(t==null?void 0:t.name)||"privy.io"} and enter your code below.`;return Oe(io,{children:[B(L,{},"header"),Oe(Zn,{children:[B(xe,{title:W,description:J}),Oe(hr,{children:[Oe(Kn,{children:[B(qn,{fail:!!v,success:x,children:B("span",{children:v||(x?"Success!":"")})}),B("div",{children:h.map((k,S)=>B("input",{name:`code-${S}`,type:"text",value:h[S],onChange:F,onKeyUp:j=>{j.key==="Backspace"&&fe(S)},inputMode:"numeric",autoFocus:S===0,pattern:"[0-9]",className:`${x?"success":""} ${v?"fail":""}`,autoComplete:"one-time-code"},S))})]}),B(Jn,{children:y==0?Oe(io,{children:[B("span",{children:"Didn't get an email?"}),B("button",{onClick:o,children:"Resend Code"})]}):Oe(io,{children:[B("span",{children:"Didn't get a message?"}),B("button",{onClick:r,children:"Resend Code"})]})})]})]}),B(K,{protectedByPrivy:!0})]})},Zn=Et.div`
641
635
  display: flex;
642
636
  flex-direction: column;
643
637
  align-items: flex-start;
@@ -669,8 +663,8 @@ Resources:
669
663
  border-radius: 6px;
670
664
 
671
665
  > input {
672
- border: 1px solid #d1d5db;
673
- background: #ffffff;
666
+ border: 1px solid var(--border-color-1);
667
+ background: var(--light-theme-bg-1);
674
668
  border-radius: 6px;
675
669
  padding: 8px 10px;
676
670
  height: 58px;
@@ -716,13 +710,13 @@ Resources:
716
710
  line-height: 20px;
717
711
  height: 20px;
718
712
  font-size: 13px;
719
- color: ${t=>t.success?"var(--success-dark)":t.fail?"var(--fail-dark)":"#6b7280"};
713
+ color: ${t=>t.success?"var(--success-dark)":t.fail?"var(--fail-dark)":"var(--light-theme-fg-3)"};
720
714
  display: flex;
721
715
  justify-content: flex-end;
722
716
  width: 100%;
723
717
  `,Jn=Et.div`
724
718
  font-size: 13px;
725
- color: #6b7280;
719
+ color: var(--light-theme-fg-3);
726
720
  display: flex;
727
721
  justify-content: space-between;
728
722
  width: 100%;
@@ -791,13 +785,13 @@ Resources:
791
785
  font-weight: 500;
792
786
  text-align: center;
793
787
  color: var(--primary-color);
794
- background-color: rgba(var(--primary-color-rgb), 0.2);
788
+ background-color: var(--primary-color-bg-1);
795
789
  border-radius: var(--border-radius-sm);
796
790
  min-width: 144px;
797
791
  opacity: ${t=>t.visible?"1":"0"};
798
792
  transition: opacity 200ms;
799
793
  }
800
- `;import{useState as ms}from"react";import z from"styled-components";import ts from"qrcode";import os from"styled-components";import{Fragment as Ue,jsx as O,jsxs as Hr}from"react/jsx-runtime";var D=7,ao=(t,e,o,r,i)=>{for(let n=e;n<e+r;n++)for(let s=o;s<o+i;s++){let c=t==null?void 0:t[s];c&&c[n]&&(c[n]=0)}return t},rs=t=>{let e=ts.create(t,{errorCorrectionLevel:"high"}).modules,o=br(Array.from(e.data),e.size);return o=ao(o,0,0,D,D),o=ao(o,o.length-D,0,D,D),o=ao(o,0,o.length-D,D,D),o},is=({x:t,y:e,cellSize:o,bgColor:r,fgColor:i})=>O(Ue,{children:[0,1,2].map(n=>O("circle",{r:o*(D-n*2)/2,cx:t+o*D/2,cy:e+o*D/2,fill:n%2!==0?r:i},`finder-${t}-${e}-${n}`))}),ns=({cellSize:t,matrixSize:e,bgColor:o,fgColor:r})=>{let i=[[0,0],[(e-D)*t,0],[0,(e-D)*t]];return O(Ue,{children:i.map(([n,s])=>O(is,{x:n,y:s,cellSize:t,bgColor:o,fgColor:r}))})},ss=({matrix:t,cellSize:e,color:o})=>O(Ue,{children:t.map((r,i)=>r.map((n,s)=>n?O("circle",{r:e/2.5,cx:i*e+e/2,cy:s*e+e/2,fill:o},`circle-${i}-${s}`):O(Ue,{})))}),Vr=(t,e)=>t-t%e,as=({outputSize:t,cellSize:e,element:o,size:r,padding:i,bgColor:n})=>{if(!o)return O(Ue,{});let s=r||40,c=i||4,h=o,m=t/2-s/2-c;return Hr(Ue,{children:[O("rect",{x:Vr(m,e),y:Vr(m,e),width:s+c*2+(m%e?e+.5:.5),height:s+c*2+(m%e?e+.5:.5),fill:n}),O(h,{x:t/2-s/2,y:t/2-s/2,height:s,width:s})]})},ls=t=>{var i;let e=t.outputSize,o=rs(t.url),r=e/o.length;return Hr("svg",{height:t.outputSize,width:t.outputSize,viewBox:`0 0 ${t.outputSize} ${t.outputSize}`,style:{height:"100%",width:"100%"},children:[O(ss,{matrix:o,cellSize:r,color:t.fgColor}),O(ns,{cellSize:r,matrixSize:o.length,fgColor:t.fgColor,bgColor:t.bgColor}),O(as,{outputSize:t.outputSize,cellSize:r,element:(i=t.logo)==null?void 0:i.element,bgColor:t.bgColor})]})},ds=os.div`
794
+ `;import{useState as ms}from"react";import z from"styled-components";import ts from"qrcode";import os from"styled-components";import{Fragment as Ue,jsx as O,jsxs as Hr}from"react/jsx-runtime";var D=7,ao=(t,e,o,r,i)=>{for(let n=e;n<e+r;n++)for(let s=o;s<o+i;s++){let c=t==null?void 0:t[s];c&&c[n]&&(c[n]=0)}return t},rs=t=>{let e=ts.create(t,{errorCorrectionLevel:"high"}).modules,o=vr(Array.from(e.data),e.size);return o=ao(o,0,0,D,D),o=ao(o,o.length-D,0,D,D),o=ao(o,0,o.length-D,D,D),o},is=({x:t,y:e,cellSize:o,bgColor:r,fgColor:i})=>O(Ue,{children:[0,1,2].map(n=>O("circle",{r:o*(D-n*2)/2,cx:t+o*D/2,cy:e+o*D/2,fill:n%2!==0?r:i},`finder-${t}-${e}-${n}`))}),ns=({cellSize:t,matrixSize:e,bgColor:o,fgColor:r})=>{let i=[[0,0],[(e-D)*t,0],[0,(e-D)*t]];return O(Ue,{children:i.map(([n,s])=>O(is,{x:n,y:s,cellSize:t,bgColor:o,fgColor:r}))})},ss=({matrix:t,cellSize:e,color:o})=>O(Ue,{children:t.map((r,i)=>r.map((n,s)=>n?O("circle",{r:e/2.5,cx:i*e+e/2,cy:s*e+e/2,fill:o},`circle-${i}-${s}`):O(Ue,{})))}),Vr=(t,e)=>t-t%e,as=({outputSize:t,cellSize:e,element:o,size:r,padding:i,bgColor:n})=>{if(!o)return O(Ue,{});let s=r||40,c=i||4,h=o,m=t/2-s/2-c;return Hr(Ue,{children:[O("rect",{x:Vr(m,e),y:Vr(m,e),width:s+c*2+(m%e?e+.5:.5),height:s+c*2+(m%e?e+.5:.5),fill:n}),O(h,{x:t/2-s/2,y:t/2-s/2,height:s,width:s})]})},ls=t=>{var i;let e=t.outputSize,o=rs(t.url),r=e/o.length;return Hr("svg",{height:t.outputSize,width:t.outputSize,viewBox:`0 0 ${t.outputSize} ${t.outputSize}`,style:{height:"100%",width:"100%"},children:[O(ss,{matrix:o,cellSize:r,color:t.fgColor}),O(ns,{cellSize:r,matrixSize:o.length,fgColor:t.fgColor,bgColor:t.bgColor}),O(as,{outputSize:t.outputSize,cellSize:r,element:(i=t.logo)==null?void 0:i.element,bgColor:t.bgColor})]})},ds=os.div`
801
795
  display: flex;
802
796
  justify-content: center;
803
797
  align-items: center;
@@ -820,7 +814,7 @@ Resources:
820
814
  `,Ye=lo.div`
821
815
  &&& {
822
816
  margin-left: 7px; /* TODO: This is a total hack */
823
- border-left: 2px solid #e5e7eb;
817
+ border-left: 2px solid var(--border-color-2);
824
818
  height: 12px;
825
819
  }
826
820
  `,Le=({children:t})=>hs(us,{children:[ps($r,{style:{width:"16px",height:"16px"}}),t]}),us=lo.div`
@@ -865,14 +859,14 @@ Resources:
865
859
  `,qr=uo(Kr)`
866
860
  && {
867
861
  background-color: var(--primary-color);
868
- color: #ffffff;
862
+ color: var(--light-theme-bg-1);
869
863
  }
870
864
  `,Wc=uo(Kr)`
871
865
  && {
872
- border: 1px solid #e5e7eb;
873
- color: var(--text-dark-blue);
866
+ border: 1px solid var(--light-theme-bg-3);
867
+ color: var(--light-theme-fg-1);
874
868
  }
875
- `;import{Fragment as po,jsx as p,jsxs as M}from"react/jsx-runtime";var ho=()=>{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/"),M(Xr,{children:[p(xe,{title:"Create a Metamask wallet",description:"Follow the instructions below to get started."}),p(ei,{children:p(Ce,{style:{width:"152px",height:"152px"}})}),M(co,{children:[p(Le,{children:M("div",{children:[p("span",{children:"Install the "}),p("a",{href:e,target:"_blank",children:"MetaMask browser extension"})]})}),p(Ye,{}),p(Le,{children:"Set up your first wallet"}),p(Ye,{}),p(Le,{children:"Store your recovery phrase in a safe place!"})]}),p(ti,{onClick:()=>t("LANDING"),children:"Done! I have my wallet"})]})},mo=()=>{let{navigate:t}=g();return M(Xr,{children:[p(xe,{title:"Create a Coinbase wallet",description:"Follow the instructions below to get started."}),p(ei,{style:{marginTop:"-24px"},children:p(zr,{size:200})}),M(co,{children:[p(Le,{children:"Scan the QR code with your camera"}),p(Ye,{}),p(Le,{children:"Set up your first wallet"}),p(Ye,{}),p(Le,{children:"Store your seed phrase in a safe place!"})]}),p(ti,{onClick:()=>t("LANDING"),children:"Done! I have my wallet"})]})},Qr=()=>{let[t,e]=ms("WHAT_IS_A_WALLET"),{navigateBack:o}=g();return M(po,{children:[p(L,{backFn:t==="WHAT_IS_A_WALLET"?o:t==="PICK_A_NEW_WALLET"?()=>e("WHAT_IS_A_WALLET"):()=>e("PICK_A_NEW_WALLET")},"header"),M(fs,{children:[t==="WHAT_IS_A_WALLET"&&M(po,{children:[p(bs,{children:p(Zr,{style:{width:"240px",height:"auto",borderRadius:"var(--border-radius-sm)",marginBottom:"32px"}})}),M(Ne,{title:"Get started with a new wallet",children:[p("p",{children:"Wallets help you store, send, and receive digital assets and collectibles. They are also a new\xA0way\xA0to\xA0log\xA0in."}),p("p",{children:"Instead of creating new accounts and passwords for every app, you just connect your wallet and bring your\xA0data\xA0with\xA0you."})]}),p(ys,{children:p(Cs,{onClick:()=>{e("PICK_A_NEW_WALLET")},children:"Create a wallet"})})]}),t==="PICK_A_NEW_WALLET"&&p(po,{children:M(gs,{children:[p(xe,{title:"Create a new wallet",description:"Select one the wallet providers below to get started on your web3 adventure."}),M(ws,{children:[M(Jr,{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:[p(Ce,{}),M(Yr,{children:[p("h4",{children:"MetaMask"}),p("p",{children:"Get a browser-based wallet"})]}),p("div",{children:p("span",{children:"Set up"})})]}),M(Jr,{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:[p(de,{}),M(Yr,{children:[p("h4",{children:"Coinbase Wallet"}),p("p",{children:"Get a mobile app wallet"})]}),p("div",{children:p("span",{children:"Set up"})})]})]})]})}),t==="CREATE_COINBASE_WALLET"&&p(mo,{}),t==="CREATE_METAMASK_WALLET"&&p(ho,{})]}),M(oe,{children:[p("span",{children:"Still not sure? "}),p("a",{target:"_blank",href:"https://join.tell.ie/blog/explaining-web3-wallets",children:"Learn more"}),"."]})]})},fs=z.div`
869
+ `;import{Fragment as po,jsx as p,jsxs as M}from"react/jsx-runtime";var ho=()=>{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/"),M(Xr,{children:[p(xe,{title:"Create a Metamask wallet",description:"Follow the instructions below to get started."}),p(ei,{children:p(be,{style:{width:"152px",height:"152px"}})}),M(co,{children:[p(Le,{children:M("div",{children:[p("span",{children:"Install the "}),p("a",{href:e,target:"_blank",children:"MetaMask browser extension"})]})}),p(Ye,{}),p(Le,{children:"Set up your first wallet"}),p(Ye,{}),p(Le,{children:"Store your recovery phrase in a safe place!"})]}),p(ti,{onClick:()=>t("LANDING"),children:"Done! I have my wallet"})]})},mo=()=>{let{navigate:t}=g();return M(Xr,{children:[p(xe,{title:"Create a Coinbase wallet",description:"Follow the instructions below to get started."}),p(ei,{style:{marginTop:"-24px"},children:p(zr,{size:200})}),M(co,{children:[p(Le,{children:"Scan the QR code with your camera"}),p(Ye,{}),p(Le,{children:"Set up your first wallet"}),p(Ye,{}),p(Le,{children:"Store your seed phrase in a safe place!"})]}),p(ti,{onClick:()=>t("LANDING"),children:"Done! I have my wallet"})]})},Qr=()=>{let[t,e]=ms("WHAT_IS_A_WALLET"),{navigateBack:o}=g();return M(po,{children:[p(L,{backFn:t==="WHAT_IS_A_WALLET"?o:t==="PICK_A_NEW_WALLET"?()=>e("WHAT_IS_A_WALLET"):()=>e("PICK_A_NEW_WALLET")},"header"),M(fs,{children:[t==="WHAT_IS_A_WALLET"&&M(po,{children:[p(vs,{children:p(Zr,{style:{width:"240px",height:"auto",borderRadius:"var(--border-radius-sm)",marginBottom:"32px"}})}),M(Ne,{title:"Get started with a new wallet",children:[p("p",{children:"Wallets help you store, send, and receive digital assets and collectibles. They are also a new\xA0way\xA0to\xA0log\xA0in."}),p("p",{children:"Instead of creating new accounts and passwords for every app, you just connect your wallet and bring your\xA0data\xA0with\xA0you."})]}),p(ys,{children:p(bs,{onClick:()=>{e("PICK_A_NEW_WALLET")},children:"Create a wallet"})})]}),t==="PICK_A_NEW_WALLET"&&p(po,{children:M(gs,{children:[p(xe,{title:"Create a new wallet",description:"Select one the wallet providers below to get started on your web3 adventure."}),M(ws,{children:[M(Jr,{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:[p(be,{}),M(Yr,{children:[p("h4",{children:"MetaMask"}),p("p",{children:"Get a browser-based wallet"})]}),p("div",{children:p("span",{children:"Set up"})})]}),M(Jr,{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:[p(de,{}),M(Yr,{children:[p("h4",{children:"Coinbase Wallet"}),p("p",{children:"Get a mobile app wallet"})]}),p("div",{children:p("span",{children:"Set up"})})]})]})]})}),t==="CREATE_COINBASE_WALLET"&&p(mo,{}),t==="CREATE_METAMASK_WALLET"&&p(ho,{})]}),M(oe,{children:[p("span",{children:"Still not sure? "}),p("a",{target:"_blank",href:"https://join.tell.ie/blog/explaining-web3-wallets",children:"Learn more"}),"."]})]})},fs=z.div`
876
870
  display: flex;
877
871
  flex-direction: column;
878
872
  height: 100%;
@@ -906,7 +900,7 @@ Resources:
906
900
  && {
907
901
  padding: 12px 16px;
908
902
 
909
- border: 1px solid #e5e7eb;
903
+ border: 1px solid var(--border-color-2);
910
904
  border-radius: var(--border-radius-sm);
911
905
  transition: all 200ms ease-in-out;
912
906
  }
@@ -937,7 +931,7 @@ Resources:
937
931
  font-weight: 500;
938
932
  text-align: center;
939
933
  color: var(--primary-color);
940
- background-color: #696efd1a;
934
+ background-color: var(--primary-color-bg-1);
941
935
  border-radius: var(--border-radius-sm);
942
936
  }
943
937
  }
@@ -948,7 +942,7 @@ Resources:
948
942
 
949
943
  @media (max-width: 440px) {
950
944
  :hover {
951
- border: 1px solid #e5e7eb;
945
+ border: 1px solid var(--border-color-2);
952
946
  }
953
947
  }
954
948
  `,Yr=z.div`
@@ -964,7 +958,7 @@ Resources:
964
958
  align-items: flex-end;
965
959
  flex-grow: 1;
966
960
  width: 100%;
967
- `,Cs=z(qr)`
961
+ `,bs=z(qr)`
968
962
  && {
969
963
  margin-top: 14px;
970
964
  }
@@ -991,13 +985,13 @@ Resources:
991
985
  font-weight: 500;
992
986
  text-align: center;
993
987
  color: var(--primary-color);
994
- background-color: #696efd1a;
988
+ background-color: var(--primary-color-bg-1);
995
989
  border-radius: var(--border-radius-sm);
996
990
  }
997
- `,bs=z.div`
991
+ `,vs=z.div`
998
992
  display: flex;
999
993
  justify-content: center;
1000
- `;import{useEffect as oi,useState as Tt}from"react";import Rt from"styled-components";import{Fragment as Es,jsx as Ae,jsxs as It}from"react/jsx-runtime";var fo=2,ri={metamask:{name:"MetaMask",component:Ce},coinbase_wallet:{name:"Coinbase Wallet",component:de},wallet_connect:{name:"WalletConnect",component:dt}},ii=()=>{var J;let[t,e]=Tt(!1),[o,r]=Tt(void 0),{navigate:i,navigateBack:n}=g(),{getAuthMeta:s,closePrivyModal:c,loginWithWallet:h,handleLoginError:m}=_(),[x,R]=Tt(0),{user:b}=N(),[A,P]=Tt((b==null?void 0:b.linkedAccounts.length)||0);oi(()=>{r(void 0),h().then(()=>e(!0)).catch(C=>{C instanceof H?console.error(C.cause):console.error(C);let a=(C==null?void 0:C.status)===401&&(C==null?void 0:C.message)==="User is not allowed to login to this app.";(C==null?void 0:C.status)===422?r(st.ERROR_USER_EXISTS):a?i("ALLOWLIST_REJECTION_SCREEN"):C instanceof Te&&!C.details.default?r(C.details):C instanceof Se?r(st.ERROR_TIMED_OUT):r(st.ERROR_WALLET_CONNECTION),m(a)})},[x]),oi(()=>{if(t){let C=setTimeout(c,_e);return()=>clearTimeout(C)}},[b]);let l=((J=s())==null?void 0:J.wallet)||"metamask",y=ri[l].name,F=ri[l].component,fe=t?`Successfully connected with ${y}`:o?o.message:`Waiting for ${y}`,W="";if(t){let C=(b==null?void 0:b.linkedAccounts.length)||0;A===C?W="Wallet was already linked.":W="You\u2019re good to go!"}else if(x>=fo&&o)W="Unable to connect wallet";else if(o)W=o.detail;else switch(W="Don\u2019t see your wallet modal? Check your other browser windows.",l){case"wallet_connect":W="Open your mobile wallet app to continue";break;case"coinbase_wallet":lt()||(W="Open the Coinbase app on your phone to continue.");break;default:W="Don\u2019t see your wallet modal? Check your other browser windows."}return It(Es,{children:[Ae(L,{backFn:n}),It(vs,{children:[Ae(Ls,{children:It("div",{children:[Ae(yt,{success:t,fail:!!o}),Ae(F,{style:{width:"38px",height:"38px"}})]})}),It(xs,{children:[Ae("h3",{children:fe}),Ae("p",{children:W})]}),Ae(As,{onClick:()=>{R(x+1),r(void 0)},visible:!t&&(o==null?void 0:o.retryable)&&x<fo,disabled:!t&&(!(o!=null&&o.retryable)||x>=fo),children:"Retry"})]})]})},vs=Rt.div`
994
+ `;import{useEffect as oi,useState as Tt}from"react";import Rt from"styled-components";import{Fragment as Es,jsx as Ae,jsxs as It}from"react/jsx-runtime";var fo=2,ri={metamask:{name:"MetaMask",component:be},coinbase_wallet:{name:"Coinbase Wallet",component:de},wallet_connect:{name:"WalletConnect",component:dt}},ii=()=>{var J;let[t,e]=Tt(!1),[o,r]=Tt(void 0),{navigate:i,navigateBack:n}=g(),{getAuthMeta:s,closePrivyModal:c,loginWithWallet:h,handleLoginError:m}=_(),[x,R]=Tt(0),{user:v}=N(),[A,P]=Tt((v==null?void 0:v.linkedAccounts.length)||0);oi(()=>{r(void 0),h().then(()=>e(!0)).catch(b=>{b instanceof H?console.error(b.cause):console.error(b);let a=(b==null?void 0:b.status)===401&&(b==null?void 0:b.message)==="User is not allowed to login to this app.";(b==null?void 0:b.status)===422?r(st.ERROR_USER_EXISTS):a?i("ALLOWLIST_REJECTION_SCREEN"):b instanceof Te&&!b.details.default?r(b.details):b instanceof Se?r(st.ERROR_TIMED_OUT):r(st.ERROR_WALLET_CONNECTION),m(a)})},[x]),oi(()=>{if(t){let b=setTimeout(c,_e);return()=>clearTimeout(b)}},[v]);let l=((J=s())==null?void 0:J.wallet)||"metamask",y=ri[l].name,F=ri[l].component,fe=t?`Successfully connected with ${y}`:o?o.message:`Waiting for ${y}`,W="";if(t){let b=(v==null?void 0:v.linkedAccounts.length)||0;A===b?W="Wallet was already linked.":W="You\u2019re good to go!"}else if(x>=fo&&o)W="Unable to connect wallet";else if(o)W=o.detail;else switch(W="Don\u2019t see your wallet modal? Check your other browser windows.",l){case"wallet_connect":W="Open your mobile wallet app to continue";break;case"coinbase_wallet":lt()||(W="Open the Coinbase app on your phone to continue.");break;default:W="Don\u2019t see your wallet modal? Check your other browser windows."}return It(Es,{children:[Ae(L,{backFn:n}),It(Cs,{children:[Ae(Ls,{children:It("div",{children:[Ae(yt,{success:t,fail:!!o}),Ae(F,{style:{width:"38px",height:"38px"}})]})}),It(xs,{children:[Ae("h3",{children:fe}),Ae("p",{children:W})]}),Ae(As,{onClick:()=>{R(x+1),r(void 0)},visible:!t&&(o==null?void 0:o.retryable)&&x<fo,disabled:!t&&(!(o!=null&&o.retryable)||x>=fo),children:"Retry"})]})]})},Cs=Rt.div`
1001
995
  display: flex;
1002
996
  flex-direction: column;
1003
997
  align-items: center;
@@ -1038,7 +1032,7 @@ Resources:
1038
1032
  font-weight: 500;
1039
1033
  text-align: center;
1040
1034
  color: var(--primary-color);
1041
- background-color: #696efd1a;
1035
+ background-color: var(--primary-color-bg-1);
1042
1036
  border-radius: var(--border-radius-sm);
1043
1037
  min-width: 144px;
1044
1038
  opacity: ${t=>t.visible?"1":"0"};
@@ -1201,27 +1195,6 @@ Resources:
1201
1195
  display: list-item;
1202
1196
  }
1203
1197
 
1204
- // End modern-normalize
1205
-
1206
- // Constants
1207
-
1208
- --primary-color: ${t=>t.accentColor};
1209
- /* Same as primary color, but can be used with rgba */
1210
- --primary-color-rgb: ${t=>`${Ct(t.accentColor).r}, ${Ct(t.accentColor).g}, ${Ct(t.accentColor).b}`};
1211
- --success-light: #4bd089;
1212
- --success-dark: #22874f;
1213
- --fail-light: #ff1f01;
1214
- --fail-dark: #e61b00;
1215
- --text-dark-gray: #374151;
1216
- --text-dark-blue: #111827;
1217
- --text-gray: #6b7280;
1218
- --border-radius-sm: 6px;
1219
- --border-radius-md: 10px;
1220
- --border-radius-lg: 24px;
1221
- --border-radius-full: 9999px;
1222
- --disabled-bg: #d1d5db;
1223
- --disabled-fg: #a8abb0;
1224
-
1225
1198
  blockquote,
1226
1199
  dl,
1227
1200
  dd,
@@ -1295,28 +1268,62 @@ Resources:
1295
1268
  display: none;
1296
1269
  }
1297
1270
 
1271
+ // End modern-normalize
1272
+
1273
+ // Constants
1274
+
1275
+ --border-radius-sm: 6px;
1276
+ --border-radius-md: 10px;
1277
+ --border-radius-lg: 24px;
1278
+ --border-radius-full: 9999px;
1279
+
1280
+ --primary-color: ${t=>t.accentColor};
1281
+ /* Same as primary color, but can be used with rgba */
1282
+ --primary-color-rgb: ${t=>`${bt(t.accentColor).r}, ${bt(t.accentColor).g}, ${bt(t.accentColor).b}`};
1283
+ --primary-color-bg-1: rgba(var(--primary-color-rgb), 0.15);
1284
+
1285
+ --success-light: #4bd089;
1286
+ --success-dark: #22874f;
1287
+ --fail-light: #ff1f01;
1288
+ --fail-dark: #e61b00;
1289
+
1290
+ --light-theme-fg-1: #111827;
1291
+ --light-theme-fg-2: #374151;
1292
+ --light-theme-fg-3: #6b7280;
1293
+
1294
+ --light-theme-bg-3: #e1e7ef;
1295
+ --light-theme-bg-2: #f3f4f6;
1296
+ --light-theme-bg-1: #ffffff;
1297
+
1298
+ --disabled-bg: #d1d5db;
1299
+ --disabled-fg: #a8abb0;
1300
+
1301
+ --border-color-1: #d1d5db;
1302
+ --border-color-2: #e5e7eb;
1303
+ --border-color-active: rgba(var(--primary-color-rgb), 0.5);
1304
+
1298
1305
  // Privy styles
1299
1306
 
1300
- color: var(--text-dark-gray);
1307
+ color: var(--light-theme-fg-2);
1301
1308
 
1302
1309
  h3 {
1303
1310
  font-size: 16px;
1304
1311
  line-height: 24px;
1305
1312
  font-weight: 500;
1306
- color: var(--text-dark-gray);
1313
+ color: var(--light-theme-fg-2);
1307
1314
  }
1308
1315
 
1309
1316
  h4 {
1310
1317
  font-size: 14px;
1311
1318
  line-height: 20px;
1312
1319
  font-weight: 500;
1313
- color: var(--text-dark-gray);
1320
+ color: var(--light-theme-fg-2);
1314
1321
  }
1315
1322
 
1316
1323
  p {
1317
1324
  font-size: 13px;
1318
1325
  line-height: 20px;
1319
- color: var(--text-gray);
1326
+ color: var(--light-theme-fg-3);
1320
1327
  }
1321
1328
 
1322
1329
  button:focus,
@@ -1342,7 +1349,7 @@ Resources:
1342
1349
  display: none;
1343
1350
  }
1344
1351
  }
1345
- `;import{useEffect as Hs}from"react";import{useEffect as ci,useState as ui}from"react";import Ot from"styled-components";import{Fragment as Os,jsx as Ee,jsxs as Nt}from"react/jsx-runtime";var pi={google:{name:"Google",component:gt},discord:{name:"Discord",component:ht},github:{name:"Github",component:mt},twitter:{name:"Twitter",component:pt}},Is=t=>t.charAt(0).toUpperCase()+t.slice(1),go=()=>{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)},hi=()=>{var P;let[t,e]=ui(!1),[o,r]=ui(void 0),{getAuthMeta:i,initLoginWithOAuth:n,loginWithOAuth:s,closePrivyModal:c}=_(),{ready:h}=N(),m=((P=i())==null?void 0:P.provider)||"google",x=pi[m].name,R=pi[m].component;ci(()=>{!h||s().then(()=>{go(),e(!0)}).catch(l=>{let y={retryable:!1,message:"Authentication failed."};l.message.includes("Another user has already linked this")?y.detail="This account has already been linked to another user.":l.message==="Invalid code during oauth flow."?(y.retryable=!0,y.detail="Something went wrong. Try again."):l.message==="User denied confirmation during OAuth flow"&&(y.detail=`Retry and check ${Is(m)} to finish connecting your account.`,y.retryable=!0),go(),r(y)})},[h]),ci(()=>{if(!t)return;let l=setTimeout(c,_e);return()=>clearTimeout(l)},[t]);let b=t?`Successfully connected with ${x}`:o?o.message:`Verifying connection to ${x}`,A="";return t?A="You\u2019re good to go!":o?A=o.detail:A="Just a few moments more",Nt(Os,{children:[Ee(L,{}),Nt(Rs,{children:[Ee(Ws,{children:Nt("div",{children:[Ee(yt,{success:t,fail:!!o}),Ee(R,{style:{width:"38px",height:"38px"},logoFill:"primary"})]})}),Nt(Ms,{children:[Ee("h3",{children:b}),Ee("p",{children:A})]}),Ee(Ns,{onClick:()=>{go(),n(m),r(void 0)},visible:!t&&(o==null?void 0:o.retryable),disabled:!t&&!(o!=null&&o.retryable),children:"Retry"})]})]})},Rs=Ot.div`
1352
+ `;import{useEffect as Hs}from"react";import{useEffect as ci,useState as ui}from"react";import Ot from"styled-components";import{Fragment as Os,jsx as Ee,jsxs as Nt}from"react/jsx-runtime";var pi={google:{name:"Google",component:gt},discord:{name:"Discord",component:ht},github:{name:"Github",component:mt},twitter:{name:"Twitter",component:pt}},Is=t=>t.charAt(0).toUpperCase()+t.slice(1),go=()=>{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)},hi=()=>{var P;let[t,e]=ui(!1),[o,r]=ui(void 0),{getAuthMeta:i,initLoginWithOAuth:n,loginWithOAuth:s,closePrivyModal:c}=_(),{ready:h}=N(),m=((P=i())==null?void 0:P.provider)||"google",x=pi[m].name,R=pi[m].component;ci(()=>{!h||s().then(()=>{go(),e(!0)}).catch(l=>{let y={retryable:!1,message:"Authentication failed."};l.message.includes("Another user has already linked this")?y.detail="This account has already been linked to another user.":l.message==="Invalid code during oauth flow."?(y.retryable=!0,y.detail="Something went wrong. Try again."):l.message==="User denied confirmation during OAuth flow"&&(y.detail=`Retry and check ${Is(m)} to finish connecting your account.`,y.retryable=!0),go(),r(y)})},[h]),ci(()=>{if(!t)return;let l=setTimeout(c,_e);return()=>clearTimeout(l)},[t]);let v=t?`Successfully connected with ${x}`:o?o.message:`Verifying connection to ${x}`,A="";return t?A="You\u2019re good to go!":o?A=o.detail:A="Just a few moments more",Nt(Os,{children:[Ee(L,{}),Nt(Rs,{children:[Ee(Ws,{children:Nt("div",{children:[Ee(yt,{success:t,fail:!!o}),Ee(R,{style:{width:"38px",height:"38px"},logoFill:"primary"})]})}),Nt(Ms,{children:[Ee("h3",{children:v}),Ee("p",{children:A})]}),Ee(Ns,{onClick:()=>{go(),n(m),r(void 0)},visible:!t&&(o==null?void 0:o.retryable),disabled:!t&&!(o!=null&&o.retryable),children:"Retry"})]})]})},Rs=Ot.div`
1346
1353
  display: flex;
1347
1354
  flex-direction: column;
1348
1355
  align-items: center;
@@ -1383,13 +1390,13 @@ Resources:
1383
1390
  font-weight: 500;
1384
1391
  text-align: center;
1385
1392
  color: var(--primary-color);
1386
- background-color: #696efd1a;
1393
+ background-color: var(--primary-color-bg-1);
1387
1394
  border-radius: var(--border-radius-sm);
1388
1395
  min-width: 144px;
1389
1396
  opacity: ${t=>t.visible?"1":"0"};
1390
1397
  transition: opacity 200ms;
1391
1398
  }
1392
- `;import{Fragment as Us,jsx as De,jsxs as Ds}from"react/jsx-runtime";var mi=()=>{let{app:t}=g();return Ds(Us,{children:[De(L,{},"header"),De(Ne,{title:"Connect your email",description:`Add your email to your ${t==null?void 0:t.name} account`,icon:De(wt,{})}),De(ce,{children:De(bt,{stacked:!0})}),De(K,{protectedByPrivy:!0})]})};import{Fragment as Fs,jsx as Fe,jsxs as Gs}from"react/jsx-runtime";var fi=()=>{let{app:t}=g();return Gs(Fs,{children:[Fe(L,{},"header"),Fe(Ne,{title:"Connect your phone",description:`Add your number to your ${t==null?void 0:t.name} account`,icon:Fe(vt,{})}),Fe(ce,{children:Fe(xt,{stacked:!0})}),Fe(K,{protectedByPrivy:!0})]})};import{Fragment as Vs,jsx as Qe,jsxs as gi}from"react/jsx-runtime";var wi=()=>{let{app:t}=g();return gi(Vs,{children:[Qe(L,{},"header"),Qe(Tr,{title:"Connect your wallet",description:`Link a wallet to your ${t==null?void 0:t.name} account`}),gi(ce,{children:[Qe(ct,{}),Qe(ut,{})]}),Qe(K,{protectedByPrivy:!0})]})};import{jsx as I,jsxs as yi}from"react/jsx-runtime";var zs=()=>{let{ready:t}=N(),{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?yi(kt,{"data-height":i,children:[I(L,{}),I(Zs,{children:I(pe,{})}),I(oe,{})]}):yi(kt,{"data-height":i,children:[r==="LANDING"&&I(_r,{}),r==="AWAITING_PASSWORDLESS_CODE"&&I(Nr,{}),r==="WALLET_EDUCATION"&&I(Qr,{}),r==="AWAITING_CONNECTION"&&I(ii,{}),r==="AWAITING_OAUTH_SCREEN"&&I(hi,{}),r==="ALLOWLIST_REJECTION_SCREEN"&&I(Gr,{}),r==="INSTALL_METAMASK_SCREEN"&&I(si,{}),r==="INSTALL_COINBASE_WALLET_SCREEN"&&I(li,{}),r==="LINK_EMAIL_SCREEN"&&I(mi,{}),r==="LINK_PHONE_SCREEN"&&I(fi,{}),r==="LINK_WALLET_SCREEN"&&I(wi,{})]})},Ci=()=>{let{app:t}=g();return Bs.createPortal(I($s,{id:"privy-dialog",children:I(di,{accentColor:t==null?void 0:t.accentColor,children:I(zs,{})})}),document.body)},js=({children:t,...e})=>(Hs(()=>{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]),I("dialog",{open:!0,role:"dialog",...e,children:t})),$s=wo(js)`
1399
+ `;import{Fragment as Us,jsx as De,jsxs as Ds}from"react/jsx-runtime";var mi=()=>{let{app:t}=g();return Ds(Us,{children:[De(L,{},"header"),De(Ne,{title:"Connect your email",description:`Add your email to your ${t==null?void 0:t.name} account`,icon:De(wt,{})}),De(ce,{children:De(vt,{stacked:!0})}),De(K,{protectedByPrivy:!0})]})};import{Fragment as Fs,jsx as Fe,jsxs as Gs}from"react/jsx-runtime";var fi=()=>{let{app:t}=g();return Gs(Fs,{children:[Fe(L,{},"header"),Fe(Ne,{title:"Connect your phone",description:`Add your number to your ${t==null?void 0:t.name} account`,icon:Fe(Ct,{})}),Fe(ce,{children:Fe(xt,{stacked:!0})}),Fe(K,{protectedByPrivy:!0})]})};import{Fragment as Vs,jsx as Qe,jsxs as gi}from"react/jsx-runtime";var wi=()=>{let{app:t}=g();return gi(Vs,{children:[Qe(L,{},"header"),Qe(Tr,{title:"Connect your wallet",description:`Link a wallet to your ${t==null?void 0:t.name} account`}),gi(ce,{children:[Qe(ct,{}),Qe(ut,{})]}),Qe(K,{protectedByPrivy:!0})]})};import{jsx as I,jsxs as yi}from"react/jsx-runtime";var zs=()=>{let{ready:t}=N(),{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?yi(kt,{"data-height":i,children:[I(L,{}),I(Zs,{children:I(pe,{})}),I(oe,{})]}):yi(kt,{"data-height":i,children:[r==="LANDING"&&I(_r,{}),r==="AWAITING_PASSWORDLESS_CODE"&&I(Nr,{}),r==="WALLET_EDUCATION"&&I(Qr,{}),r==="AWAITING_CONNECTION"&&I(ii,{}),r==="AWAITING_OAUTH_SCREEN"&&I(hi,{}),r==="ALLOWLIST_REJECTION_SCREEN"&&I(Gr,{}),r==="INSTALL_METAMASK_SCREEN"&&I(si,{}),r==="INSTALL_COINBASE_WALLET_SCREEN"&&I(li,{}),r==="LINK_EMAIL_SCREEN"&&I(mi,{}),r==="LINK_PHONE_SCREEN"&&I(fi,{}),r==="LINK_WALLET_SCREEN"&&I(wi,{})]})},bi=()=>{let{app:t}=g();return Bs.createPortal(I($s,{id:"privy-dialog",children:I(di,{accentColor:t==null?void 0:t.accentColor,children:I(zs,{})})}),document.body)},js=({children:t,...e})=>(Hs(()=>{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]),I("dialog",{open:!0,role:"dialog",...e,children:t})),$s=wo(js)`
1393
1400
  position: fixed;
1394
1401
  top: 0;
1395
1402
  left: 0;
@@ -1412,7 +1419,7 @@ Resources:
1412
1419
  display: flex;
1413
1420
  flex-direction: column;
1414
1421
  font-size: 14px;
1415
- background: #ffffff;
1422
+ background: var(--light-theme-bg-1);
1416
1423
  box-shadow: 0px 8px 36px rgba(55, 65, 81, 0.15);
1417
1424
  border-radius: 24px;
1418
1425
  padding: 24px;
@@ -1448,4 +1455,4 @@ Resources:
1448
1455
  align-items: center;
1449
1456
  justify-content: center;
1450
1457
  height: 100%;
1451
- `;import{Fragment as ea,jsx as Xe,jsxs as ta}from"react/jsx-runtime";function qs(t){return typeof t=="string"&&t.length===25}var Dt;function Js(){if(!Dt){let t=E.get(Pe);return Promise.resolve(t||null)}return Dt.getAccessToken()}var Ys=t=>{if(!qs(t.appId))throw new u("Cannot initialize the Privy provider with an invalid Privy app ID");let[e,o]=ne(null);return Ut(()=>{Dt=new Be({appId:t.appId,apiURL:xo}),o(Dt)},[]),e===null?Xe(ea,{}):Xe(Xs,{...t,client:e})},Qs=(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)}},Xs=t=>{let e=t.client,[o,r]=ne(!1),[i,n]=ne(!1),[s,c]=ne(!1),[h,m]=ne(null),[x,R]=ne(!1),[b,A]=ne({accentColor:"#696ffd",theme:"System",showWalletLoginFirst:!0,allowlistConfig:{errorTitle:null,errorDetail:null,ctaText:null,ctaLink:null},walletAuth:!0,emailAuth:!0,smsAuth:!1,googleOAuth:!1,twitterOAuth:!1,discordOAuth:!1,githubOAuth:!1,termsAndConditionsUrl:null,privacyPolicyUrl:null}),[P,l]=ne(null),[y,F]=ne(!1);Ut(()=>{async function a(){let d=await e.getAppSettings();A(d)}a()},[]);let fe=Qs(b,P),W=()=>{let a=new URLSearchParams(window.location.search),d=a.get("privy_oauth_code"),k=a.get("privy_oauth_state"),S=a.get("privy_oauth_provider");d&&k&&S&&(e.startAuthFlow(new Ie(S,d,k)),l(S),r(!0))};Ut(()=>{async function a(){W();let d=await e.getAuthenticatedUser();c(!!d),m(d),n(!0)}a()},[]),Ut(()=>{i&&s&&h===null&&e.getAuthenticatedUser().then(m)},[i,s,h]);let J={ready:i,authenticated:s,user:h,walletConnector:e.connector,linkWallet:()=>{l("wallet"),F(!0),r(!0)},linkEmail:()=>{l("email"),F(!0),r(!0)},linkPhone:()=>{l("sms"),F(!0),r(!0)},linkGoogle:async()=>{await C.initLoginWithOAuth("google")},linkTwitter:async()=>{await C.initLoginWithOAuth("twitter")},linkDiscord:async()=>{await C.initLoginWithOAuth("discord")},linkGithub:async()=>{await C.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(),m(null),c(!1),l(null),F(!1),r(!1)},getAccessToken:()=>e.getAccessToken(),getEthereumProvider:()=>e.connector.getEthereumProvider(),getEthersProvider:()=>new Ks(new ye(e.connector.getEthereumProvider())),getWeb3jsProvider:()=>new at(e.connector.getEthereumProvider()),unlinkWallet:async a=>{let d=await e.unlinkWallet(a);return m(d),d},unlinkEmail:async a=>{let d=await e.unlinkEmail(a);return m(d),d},unlinkPhone:async a=>{let d=await e.unlinkPhone(a);return m(d),d},unlinkGoogle:async a=>{let d=await e.unlinkOAuth("google",a);return m(d),d},unlinkTwitter:async a=>{let d=await e.unlinkOAuth("twitter",a);return m(d),d},unlinkDiscord:async a=>{let d=await e.unlinkOAuth("discord",a);return m(d),d},unlinkGithub:async a=>{let d=await e.unlinkOAuth("github",a);return m(d),d},setActiveWallet:a=>{if(!h)return;let d=e.setActiveWallet(a,h);m(d)},forkSession:()=>e.forkSession()},C={isLinking:y,getAuthFlow:()=>e.authFlow,getAuthMeta:()=>{var a;return(a=e.authFlow)==null?void 0:a.meta},closePrivyModal:()=>{var a;i&&s&&h&&((a=t.onSuccess)==null||a.call(t,h,x)),e.authFlow=void 0,l(null),F(!1),R(!1),r(!1)},initLoginWithWallet:a=>{a||(a="metamask"),e.connector.walletType=a,e.startAuthFlow(new He(e.connector))},initLoginWithOAuth:async a=>{e.startAuthFlow(new Ie(a));let d=await e.authFlow.getAuthorizationUrl();d&&d.url&&window.location.assign(d.url)},loginWithOAuth:async()=>{if(!(e.authFlow instanceof Ie))throw new u("Must initialize OAuth flow before calling loginWithOAuth");let a,d;i&&s?a=await e.link():{user:a,isNewUser:d}=await e.authenticate(),m(a),R(d||!1),c(!0)},loginWithWallet:async()=>{if(!(e.authFlow instanceof He))throw new u("Must initialize SIWE flow first.");let a,d;y?(a=await e.link(),a&&(E.del(Z),a=Ge(a))):{user:a,isNewUser:d}=await e.authenticate(),m(a||h||null),R(d||!1),c(!0)},loginWithEmail:async a=>{let d=new ze(a);e.startAuthFlow(d),await d.sendCodeEmail()},loginWithSms:async a=>{let d=new je(a);e.startAuthFlow(d),await d.sendSmsCode()},resendEmailCode:async()=>{var a;await((a=e.authFlow)==null?void 0:a.sendCodeEmail())},resendSmsCode:async()=>{var a;await((a=e.authFlow)==null?void 0:a.sendSmsCode())},loginWithCode:async a=>{if(e.authFlow instanceof ze)e.authFlow.meta.emailCode=a.trim();else if(e.authFlow instanceof je)e.authFlow.meta.smsCode=a.trim();else throw new u("Must initialize a passwordless code flow first");let d,k;y?d=await e.link():{user:d,isNewUser:k}=await e.authenticate(),m(d||h||null),R(k||!1),c(!0)},handleLoginError:async a=>{var d;e.authFlow=void 0,l(null),F(!1),R(!1),(d=t.onError)==null||d.call(t,a)}};return ta(Jt.Provider,{value:J,children:[t.children,Xe(Yt.Provider,{value:C,children:Xe(Yo,{appSettings:b,options:fe,visible:o,authenticated:s,children:o&&Xe(Ci,{})})})]})};export{ye as AsExternalProvider,Be as PrivyClient,Ve as PrivyConnector,Ys as PrivyProvider,we as PrivyProxyProvider,Bt as VERSION,Js as getAccessToken,N as usePrivy};
1458
+ `;import{Fragment as ea,jsx as Xe,jsxs as ta}from"react/jsx-runtime";function qs(t){return typeof t=="string"&&t.length===25}var Dt;function Js(){if(!Dt){let t=E.get(Pe);return Promise.resolve(t||null)}return Dt.getAccessToken()}var Ys=t=>{if(!qs(t.appId))throw new u("Cannot initialize the Privy provider with an invalid Privy app ID");let[e,o]=ne(null);return Ut(()=>{Dt=new Be({appId:t.appId,apiURL:xo}),o(Dt)},[]),e===null?Xe(ea,{}):Xe(Xs,{...t,client:e})},Qs=(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)}},Xs=t=>{let e=t.client,[o,r]=ne(!1),[i,n]=ne(!1),[s,c]=ne(!1),[h,m]=ne(null),[x,R]=ne(!1),[v,A]=ne({accentColor:"#696ffd",theme:"System",showWalletLoginFirst:!0,allowlistConfig:{errorTitle:null,errorDetail:null,ctaText:null,ctaLink:null},walletAuth:!0,emailAuth:!0,smsAuth:!1,googleOAuth:!1,twitterOAuth:!1,discordOAuth:!1,githubOAuth:!1,termsAndConditionsUrl:null,privacyPolicyUrl:null}),[P,l]=ne(null),[y,F]=ne(!1);Ut(()=>{async function a(){let d=await e.getAppSettings();A(d)}a()},[]);let fe=Qs(v,P),W=()=>{let a=new URLSearchParams(window.location.search),d=a.get("privy_oauth_code"),k=a.get("privy_oauth_state"),S=a.get("privy_oauth_provider");d&&k&&S&&(e.startAuthFlow(new Ie(S,d,k)),l(S),r(!0))};Ut(()=>{async function a(){W();let d=await e.getAuthenticatedUser();c(!!d),m(d),n(!0)}a()},[]),Ut(()=>{i&&s&&h===null&&e.getAuthenticatedUser().then(m)},[i,s,h]);let J={ready:i,authenticated:s,user:h,walletConnector:e.connector,linkWallet:()=>{l("wallet"),F(!0),r(!0)},linkEmail:()=>{l("email"),F(!0),r(!0)},linkPhone:()=>{l("sms"),F(!0),r(!0)},linkGoogle:async()=>{await b.initLoginWithOAuth("google")},linkTwitter:async()=>{await b.initLoginWithOAuth("twitter")},linkDiscord:async()=>{await b.initLoginWithOAuth("discord")},linkGithub:async()=>{await b.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(),m(null),c(!1),l(null),F(!1),r(!1)},getAccessToken:()=>e.getAccessToken(),getEthereumProvider:()=>e.connector.getEthereumProvider(),getEthersProvider:()=>new Ks(new ye(e.connector.getEthereumProvider())),getWeb3jsProvider:()=>new at(e.connector.getEthereumProvider()),unlinkWallet:async a=>{let d=await e.unlinkWallet(a);return m(d),d},unlinkEmail:async a=>{let d=await e.unlinkEmail(a);return m(d),d},unlinkPhone:async a=>{let d=await e.unlinkPhone(a);return m(d),d},unlinkGoogle:async a=>{let d=await e.unlinkOAuth("google",a);return m(d),d},unlinkTwitter:async a=>{let d=await e.unlinkOAuth("twitter",a);return m(d),d},unlinkDiscord:async a=>{let d=await e.unlinkOAuth("discord",a);return m(d),d},unlinkGithub:async a=>{let d=await e.unlinkOAuth("github",a);return m(d),d},setActiveWallet:a=>{if(!h)return;let d=e.setActiveWallet(a,h);m(d)},forkSession:()=>e.forkSession()},b={isLinking:y,getAuthFlow:()=>e.authFlow,getAuthMeta:()=>{var a;return(a=e.authFlow)==null?void 0:a.meta},closePrivyModal:()=>{var a;i&&s&&h&&((a=t.onSuccess)==null||a.call(t,h,x)),e.authFlow=void 0,l(null),F(!1),R(!1),r(!1)},handleLoginError:async a=>{var d;e.authFlow=void 0,l(null),F(!1),R(!1),(d=t.onError)==null||d.call(t,a)},initLoginWithWallet:a=>{a||(a="metamask"),e.connector.walletType=a,e.startAuthFlow(new He(e.connector))},loginWithWallet:async()=>{if(!(e.authFlow instanceof He))throw new u("Must initialize SIWE flow first.");let a,d;y?(a=await e.link(),a&&(E.del(Z),a=Ge(a))):{user:a,isNewUser:d}=await e.authenticate(),m(a||h||null),R(d||!1),c(!0)},initLoginWithOAuth:async a=>{e.startAuthFlow(new Ie(a));let d=await e.authFlow.getAuthorizationUrl();d&&d.url&&window.location.assign(d.url)},loginWithOAuth:async()=>{if(!(e.authFlow instanceof Ie))throw new u("Must initialize OAuth flow before calling loginWithOAuth");let a,d;i&&s?a=await e.link():{user:a,isNewUser:d}=await e.authenticate(),m(a),R(d||!1),c(!0)},initLoginWithEmail:async a=>{let d=new ze(a);e.startAuthFlow(d),await d.sendCodeEmail()},initLoginWithSms:async a=>{let d=new je(a);e.startAuthFlow(d),await d.sendSmsCode()},resendEmailCode:async()=>{var a;await((a=e.authFlow)==null?void 0:a.sendCodeEmail())},resendSmsCode:async()=>{var a;await((a=e.authFlow)==null?void 0:a.sendSmsCode())},loginWithCode:async a=>{if(e.authFlow instanceof ze)e.authFlow.meta.emailCode=a.trim();else if(e.authFlow instanceof je)e.authFlow.meta.smsCode=a.trim();else throw new u("Must initialize a passwordless code flow first");let d,k;y?d=await e.link():{user:d,isNewUser:k}=await e.authenticate(),m(d||h||null),R(k||!1),c(!0)}};return ta(Jt.Provider,{value:J,children:[t.children,Xe(Yt.Provider,{value:b,children:Xe(Yo,{appSettings:v,options:fe,visible:o,authenticated:s,children:o&&Xe(bi,{})})})]})};export{ye as AsExternalProvider,Be as PrivyClient,Ve as PrivyConnector,Ys as PrivyProvider,we as PrivyProxyProvider,Bt as VERSION,Js as getAccessToken,N as usePrivy};