@getpara/react-sdk 1.4.1 → 1.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{CpslAuthModal as
|
|
2
|
+
import{CpslAuthModal as im,defineCustomElements as sm,generateTheme as lm}from"@getpara/react-components";import{forwardRef as Fu,useEffect as yt,useImperativeHandle as ku,useState as Bu}from"react";import{entityToWallet as Hu,OnRampProvider as Gu,OnRampAsset as ue,Network as xt,EnabledFlow as Fe}from"@getpara/web-sdk";import{create as Vi}from"zustand";import{persist as $i,createJSONStorage as Ki}from"zustand/middleware";var Be=(_=>(_.AUTH_MAIN="AUTH_MAIN",_.AUTH_MORE="AUTH_MORE",_.EX_WALLET_MORE="EX_WALLET_MORE",_.EX_WALLET_SELECTED="EX_WALLET_SELECTED",_.VERIFICATIONS="VERIFICATIONS",_.AWAITING_OAUTH="AWAITING_OAUTH",_.FARCASTER_OAUTH="FARCASTER_OAUTH",_.BIOMETRIC_CREATION="BIOMETRIC_CREATION",_.AWAITING_BIOMETRIC_CREATION="AWAITING_BIOMETRIC_CREATION",_.PASSWORD_CREATION="PASSWORD_CREATION",_.AWAITING_PASSWORD_CREATION="AWAITING_PASSWORD_CREATION",_.AWAITING_WALLET_CREATION="AWAITING_WALLET_CREATION",_.TELEGRAM_OAUTH="TELEGRAM_OAUTH",_.WALLET_CREATION_DONE="WALLET_CREATION_DONE",_.SECRET="SECRET",_.BIOMETRIC_LOGIN="BIOMETRIC_LOGIN",_.AWAITING_BIOMETRIC_LOGIN="AWAITING_BIOMETRIC_LOGIN",_.AWAITING_PASSWORD_LOGIN="AWAITING_PASSWORD_LOGIN",_.LOGIN_DONE="LOGIN_DONE",_.SETUP_2FA="SETUP_2FA",_.VERIFY_2FA="VERIFY_2FA",_.TWO_FACTOR_DONE="TWO_FACTOR_DONE",_.ADD_FUNDS_BUY="ADD_FUNDS_BUY",_.ADD_FUNDS_RECEIVE="ADD_FUNDS_RECEIVE",_.ADD_FUNDS_WITHDRAW="ADD_FUNDS_WITHDRAW",_.ADD_FUNDS_AWAITING="ADD_FUNDS_AWAITING",_.ADD_FUNDS_SUCCESS="ADD_FUNDS_SUCCESS",_.ADD_FUNDS_FAILURE="ADD_FUNDS_FAILURE",_.ACCOUNT_MAIN="ACCOUNT_MAIN",_.CHAIN_SWITCH="CHAIN_SWITCH",_))(Be||{});var zn=["EX_WALLET_MORE","EX_WALLET_SELECTED","VERIFICATIONS","AWAITING_OAUTH","FARCASTER_OAUTH","TELEGRAM_OAUTH","BIOMETRIC_CREATION","AWAITING_BIOMETRIC_CREATION","PASSWORD_CREATION","AWAITING_PASSWORD_CREATION","BIOMETRIC_LOGIN","AWAITING_BIOMETRIC_LOGIN","AWAITING_PASSWORD_LOGIN","AWAITING_WALLET_CREATION","AWAITING_WALLET_CREATION","WALLET_CREATION_DONE","SETUP_2FA","VERIFY_2FA","TWO_FACTOR_DONE","LOGIN_DONE"],Qn=["ADD_FUNDS_BUY","ADD_FUNDS_RECEIVE","ADD_FUNDS_WITHDRAW","ADD_FUNDS_AWAITING","ADD_FUNDS_SUCCESS","ADD_FUNDS_FAILURE","CHAIN_SWITCH"],Bo={ACCOUNT_MAIN:void 0,ADD_FUNDS_BUY:"ACCOUNT_MAIN",ADD_FUNDS_WITHDRAW:"ACCOUNT_MAIN",ADD_FUNDS_RECEIVE:"ACCOUNT_MAIN",ADD_FUNDS_AWAITING:"ADD_FUNDS_BUY",ADD_FUNDS_SUCCESS:"ACCOUNT_MAIN",ADD_FUNDS_FAILURE:"ACCOUNT_MAIN",CHAIN_SWITCH:"ACCOUNT_MAIN"};var Ho={AUTH_MAIN:void 0,AUTH_MORE:"AUTH_MAIN",EX_WALLET_MORE:"AUTH_MAIN",EX_WALLET_SELECTED:"AUTH_MAIN",VERIFICATIONS:"AUTH_MAIN",AWAITING_OAUTH:"AUTH_MAIN",TELEGRAM_OAUTH:"AUTH_MAIN",FARCASTER_OAUTH:"AUTH_MAIN",BIOMETRIC_CREATION:"AUTH_MAIN",AWAITING_BIOMETRIC_CREATION:"BIOMETRIC_CREATION",PASSWORD_CREATION:"BIOMETRIC_CREATION",AWAITING_PASSWORD_CREATION:"BIOMETRIC_CREATION",AWAITING_WALLET_CREATION:void 0,WALLET_CREATION_DONE:void 0,SECRET:void 0,SETUP_2FA:"SECRET",VERIFY_2FA:"SETUP_2FA",TWO_FACTOR_DONE:void 0,ADD_FUNDS_BUY:"WALLET_CREATION_DONE",ADD_FUNDS_RECEIVE:"WALLET_CREATION_DONE",ADD_FUNDS_WITHDRAW:"WALLET_CREATION_DONE",ADD_FUNDS_AWAITING:"ADD_FUNDS_BUY",ADD_FUNDS_SUCCESS:void 0,ADD_FUNDS_FAILURE:void 0};var Go={AUTH_MAIN:void 0,AUTH_MORE:"AUTH_MAIN",EX_WALLET_MORE:"AUTH_MAIN",EX_WALLET_SELECTED:"AUTH_MAIN",TELEGRAM_OAUTH:"AUTH_MAIN",AWAITING_OAUTH:"AUTH_MAIN",FARCASTER_OAUTH:"AUTH_MAIN",BIOMETRIC_LOGIN:"AUTH_MAIN",AWAITING_BIOMETRIC_LOGIN:"BIOMETRIC_LOGIN",AWAITING_PASSWORD_LOGIN:"BIOMETRIC_LOGIN",AWAITING_WALLET_CREATION:void 0,WALLET_CREATION_DONE:void 0,SECRET:void 0,SETUP_2FA:void 0,VERIFY_2FA:"SETUP_2FA",TWO_FACTOR_DONE:void 0,LOGIN_DONE:void 0,ADD_FUNDS_BUY:"LOGIN_DONE",ADD_FUNDS_RECEIVE:"LOGIN_DONE",ADD_FUNDS_WITHDRAW:"LOGIN_DONE",ADD_FUNDS_AWAITING:"ADD_FUNDS_BUY",ADD_FUNDS_SUCCESS:void 0,ADD_FUNDS_FAILURE:void 0},qn=e=>{switch(e){case"AUTH_MAIN":case"AUTH_MORE":case"EX_WALLET_MORE":case"EX_WALLET_SELECTED":case"VERIFICATIONS":return!0;default:return!1}};function ct(e){switch(e){case"BUY":return"ADD_FUNDS_BUY";case"RECEIVE":return"ADD_FUNDS_RECEIVE";case"WITHDRAW":default:return"ADD_FUNDS_WITHDRAW"}}var _t=["PASSWORD_CREATION"];var Zn=(e,t)=>({resetState:()=>e(Vo),setOnModalStepChange:o=>e({onModalStepChange:o}),setStep:o=>{let a=t().onModalStepChange,n=t().step;e({step:o}),a?.({previousStep:n,currentStep:o,canGoBack:t().hasPreviousStep()})},decrementStep:()=>{let o=t().onModalStepChange,a=t().flow==="login",n=t().flow==="account",r=t().step,s=t().webAuthURLForCreate,l=t().iFrameUrl,c=t().refs,d=(n?Bo:a?Go:Ho)[r];r==="PASSWORD_CREATION"&&l&&!s&&(d="AUTH_MAIN"),r==="EX_WALLET_SELECTED"&&e({selectedExternalWalletId:void 0,isExternalWalletConnecting:!1,externalWalletError:void 0}),d&&(e({step:d,stepDirection:-1}),o?.({previousStep:r,currentStep:d,canGoBack:t().hasPreviousStep()})),c.popupWindow.current?.close(),c.popupWindow.current=void 0},hasPreviousStep:()=>{let o=t().flow==="login",a=t().flow==="account",n=t().step;return!!(a?Bo[n]:o?Go[n]:Ho[n])},setFlow:o=>e({flow:o}),isLogin:()=>t().flow==="login",isAccount:()=>t().flow==="account",setWebAuthURLForLogin:o=>e({webAuthURLForLogin:o}),setWebAuthURLForCreate:o=>e({webAuthURLForCreate:o}),setPasswordUrlForLogin:o=>e({passwordUrlForLogin:o}),setSupportedAuthMethods:o=>e({supportedAuthMethods:o}),setOnRampPurchase:o=>e(a=>({onRampPurchase:{...a.onRampPurchase||{},...o}})),setOnRampConfig:o=>e({onRampConfig:o}),setIsFullyLoggedIn:o=>e({isFullyLoggedIn:o}),setAccountAddFundTab:o=>e({accountAddFundTab:o}),setSelectedExternalWalletId:o=>e({selectedExternalWalletId:o}),setIsExternalWalletConnecting:o=>e({isExternalWalletConnecting:o}),setExternalWalletError:o=>e({externalWalletError:o}),setIsUsingMobileConnector:o=>e({isUsingMobileConnector:o}),setStepDirection:o=>e({stepDirection:o}),setFarcasterConnectUri:o=>e({farcasterConnectUri:o}),setBiometricLocationHints:o=>e({biometricLocationHints:o}),setIFrameUrl:o=>e({iFrameUrl:o}),setIsIFrameReady:o=>e({isIFrameReady:o})});import{createRef as $o}from"react";var Vo={flow:void 0,stepDirection:1,webAuthURLForLogin:void 0,webAuthURLForCreate:void 0,passwordUrlForLogin:void 0,supportedAuthMethods:new Set,onModalStepChange:void 0,onRampPurchase:void 0,isFullyLoggedIn:!1,accountAddFundTab:void 0,isExternalWalletConnecting:!1,externalWalletError:void 0,activeWallet:[void 0,void 0],farcasterConnectUri:void 0,biometricLocationHints:void 0,iFrameUrl:void 0,isIFrameReady:void 0,refs:{popupWindow:$o(),poll:$o(),currentStep:$o()}},i=Vi()($i((e,t)=>({step:"AUTH_MAIN",onRampConfig:void 0,activeWallet:void 0,...Vo,...Zn(e,t)}),{version:1,name:"@PARA/modalState",storage:Ki(()=>localStorage),partialize:e=>({step:e.step,webAuthURLForLogin:e.webAuthURLForLogin,webAuthURLForCreate:e.webAuthURLForCreate,passwordUrlForLogin:e.passwordUrlForLogin,biometricLocationHints:e.biometricLocationHints,onRampPurchase:e.onRampPurchase,selectedExternalWalletId:e.selectedExternalWalletId,isUsingMobileConnector:e.isUsingMobileConnector,supportedAuthMethods:e.supportedAuthMethods})}));import{create as Xi}from"zustand";import{extractAuthInfo as Yi}from"@getpara/user-management-client";var Jn=(e,t)=>({resetState:()=>{e(Ko)},setAuthInfo:({pfpUrl:o,displayName:a,...n})=>{e({auth:n,pfpUrl:o||null,displayName:a||null})},getAuthInfo:()=>{try{return t().auth?{...Yi(t().auth,{isRequired:!0}),pfpUrl:t().pfpUrl,displayName:t().displayName}:null}catch{return null}},setRecoveryShare:o=>{e({recoveryShare:o})}});var Ko={auth:null,recoveryShare:null,pfpUrl:null,displayName:null},K=Xi((e,t)=>({...Ko,...Jn(e,t)}));import{create as zi}from"zustand";var jn=(e,t)=>({updateState:o=>{e(o)},getLogo:()=>t().logo??void 0,setAuthLayout:o=>{let a=[],n=[];o.map(r=>{let s=r.split(":")[0];a.includes(s)?console.warn(`${r} is a duplicate ${s} layout type. Please remove the duplicate type from your config.`):(n.push(r),a.push(s))}),e({authLayout:n})}});var er=(n=>(n.AUTH_FULL="AUTH:FULL",n.AUTH_CONDENSED="AUTH:CONDENSED",n.EXTERNAL_FULL="EXTERNAL:FULL",n.EXTERNAL_CONDENSED="EXTERNAL:CONDENSED",n))(er||{});var Qi={isDark:!1,logo:void 0,appName:void 0,bareModal:!1,embeddedModal:!1,oAuthLogoVariant:void 0,authLayout:["AUTH:FULL","EXTERNAL:FULL"],hideWallets:!1},w=zi((e,t)=>({...Qi,...jn(e,t)}));import{styled as st}from"styled-components";import{CpslAlert as du,CpslIcon as uu}from"@getpara/react-components";import{CpslCodeInput as as,CpslSpinner as is,CpslText as ss}from"@getpara/react-components";import{useEffect as Yo,useRef as ls,useState as dt}from"react";import{styled as zo}from"styled-components";import{CpslIcon as qi,CpslInput as Zi,CpslText as Ji,CpslTileButton as ji}from"@getpara/react-components";import{styled as fe}from"styled-components";var tr=fe.div`
|
|
3
3
|
display: flex;
|
|
4
4
|
align-items: center;
|
|
5
5
|
justify-content: center;
|
|
6
|
-
`,fe
|
|
6
|
+
`,Ae=fe.div`
|
|
7
7
|
display: flex;
|
|
8
8
|
justify-content: center;
|
|
9
9
|
align-items: center;
|
|
10
10
|
width: 286px;
|
|
11
11
|
height: 286px;
|
|
12
|
-
`,or=
|
|
12
|
+
`,or=fe.div`
|
|
13
13
|
display: flex;
|
|
14
14
|
flex-direction: column;
|
|
15
15
|
gap: 8px;
|
|
16
|
-
`,nr=
|
|
16
|
+
`,nr=fe.div`
|
|
17
17
|
display: flex;
|
|
18
18
|
align-items: center;
|
|
19
19
|
gap: 4px;
|
|
@@ -22,18 +22,18 @@ import{CpslAuthModal as am,defineCustomElements as im,generateTheme as sm}from"@
|
|
|
22
22
|
--height: 20px;
|
|
23
23
|
--width: 20px;
|
|
24
24
|
}
|
|
25
|
-
`,Rt=
|
|
25
|
+
`,Rt=fe(Zi)`
|
|
26
26
|
--container-border-color: var(--cpsl-color-input-border-placeholder);
|
|
27
27
|
--container-background-color: var(--cpsl-color-background-0);
|
|
28
28
|
--input-background-color: transparent;
|
|
29
29
|
--input-font-weight: 500;
|
|
30
30
|
--input-color: var(--cpsl-color-text-secondary);
|
|
31
|
-
|
|
31
|
+
`,$m=fe(Rt)`
|
|
32
32
|
width: 100%;
|
|
33
|
-
`,ae=
|
|
33
|
+
`,ae=fe(Ji)`
|
|
34
34
|
width: 100%;
|
|
35
35
|
text-align: center;
|
|
36
|
-
`,
|
|
36
|
+
`,O=fe.div`
|
|
37
37
|
width: 100%;
|
|
38
38
|
height: 100%;
|
|
39
39
|
align-self: center;
|
|
@@ -41,39 +41,39 @@ import{CpslAuthModal as am,defineCustomElements as im,generateTheme as sm}from"@
|
|
|
41
41
|
flex-direction: column;
|
|
42
42
|
align-items: center;
|
|
43
43
|
gap: 8px;
|
|
44
|
-
`,
|
|
44
|
+
`,P=fe(O)`
|
|
45
45
|
gap: ${({$wide:e})=>e?"32px":"24px"};
|
|
46
|
-
`,
|
|
46
|
+
`,X=fe(ae)``,He=fe(ji)`
|
|
47
47
|
--button-width: 100%;
|
|
48
48
|
--button-height: 87px;
|
|
49
49
|
--button-icon-height: 32px;
|
|
50
50
|
--button-icon-width: 32px;
|
|
51
|
-
`,Ge=
|
|
51
|
+
`,Ge=fe(qi)`
|
|
52
52
|
--height: 80px;
|
|
53
53
|
--width: 80px;
|
|
54
54
|
--icon-color: var(--cpsl-color-text-primary);
|
|
55
|
-
`;import{AuthMethod as
|
|
55
|
+
`;import{AuthMethod as Xo}from"@getpara/core-sdk";import{createStore as es,useStore as ts}from"zustand";var rr=e=>({client:void 0,setClient:t=>e({client:t})});var ar=e=>({isOpen:!1,setIsOpen:t=>e({isOpen:t})});var ir=e=>({selectedWalletId:void 0,selectedWalletType:void 0,setSelectedWallet:(t,o)=>e({selectedWalletId:t,selectedWalletType:o}),clearSelectedWallet:()=>e({selectedWalletId:void 0,selectedWalletType:void 0})});import{createJSONStorage as os,persist as ns}from"zustand/middleware";var pt=es()(ns((...e)=>({...rr(...e),...ar(...e),...ir(...e)}),{version:1,name:"@PARA/web-state",storage:os(()=>localStorage),partialize:e=>({selectedWalletId:e.selectedWalletId,selectedWalletType:e.selectedWalletType})})),rs=e=>t=>ts(e,t),Q=rs(pt);var v=()=>Q(t=>t.client);import{Fragment as ds,jsx as mt,jsxs as ut}from"react/jsx-runtime";var sr=()=>{let e=w(y=>y.theme),t=K(y=>y.getAuthInfo()),o=i(y=>y.setStep),a=i(y=>y.setWebAuthURLForCreate),n=i(y=>y.setIFrameUrl),r=i(y=>y.setIsIFrameReady),s=i(y=>y.isIFrameReady),l=v(),c=ls(null),[d,p]=dt(""),[C,f]=dt(""),[u,A]=dt("Resend."),[S,h]=dt(!1),[U,I]=dt(!1),[b,T]=dt(),M=t?.authType==="email";Yo(()=>{setTimeout(()=>{c.current.shadowRoot.querySelectorAll("input")?.[0]?.focus()},10)},[]),Yo(()=>{b&&s&&setTimeout(()=>{o(b),I(!1)},200)},[b,s]),Yo(()=>{d.length===6&&g()},[d]);let x=async()=>{S||(A("Resent!"),h(!0),M?await l.resendVerificationCode():await l.resendVerificationCodeByPhone(),setTimeout(()=>{A("Resend."),h(!1)},3e3))},W=y=>{C&&f(""),p(y.detail.value.trim())},g=async()=>{if(I(!0),d.length===6&&/^\d+$/.test(d))try{let y=await l.getSupportedCreateAuthMethods();if(y.has(Xo.PASSWORD)&&y.has(Xo.PASSKEY)){r(!1);let D=M?await l.verifyEmail({verificationCode:d}):await l.verifyPhone({verificationCode:d}),R=await l.getSetupPasswordURL({authType:t?.authType,theme:e});a(await l.shortenLoginLink(D)),n(await l.shortenLoginLink(R)),T("BIOMETRIC_CREATION");return}else if(y.has(Xo.PASSWORD)){r(!1),M?await l.verifyEmail({verificationCode:d}):await l.verifyPhone({verificationCode:d});let D=await l.getSetupPasswordURL({authType:t?.authType,theme:e});n(await l.shortenLoginLink(D)),T("PASSWORD_CREATION");return}else{let D=M?await l.verifyEmail({verificationCode:d}):await l.verifyPhone({verificationCode:d});a(await l.shortenLoginLink(D)),o("BIOMETRIC_CREATION")}}catch(y){y.message.includes("429")?f("Too many incorrect attempts. Please try again in 10 minutes."):f("Incorrect code.")}else f("Incorrect code.");I(!1)};return ut(P,{$wide:!0,children:[ut(O,{children:[ut(X,{variant:"headingS",weight:"bold",children:["Verify ",M?"Email":"Phone Number"]}),ut($t,{variant:"bodyS",color:"secondary",children:["Please enter the code we sent to ",mt($t,{variant:"bodyS",children:t?.identifier})]})]}),mt(O,{children:U?mt(is,{}):ut(ds,{children:[mt("form",{onSubmit:async y=>{y.preventDefault(),await g()},children:mt(cs,{ref:c,length:6,type:"number",code:d,onCpslInput:W,errorText:C,onKeyDown:async y=>y.key==="Enter"&&await g()})}),ut($t,{variant:"bodyS",color:"secondary",children:["Didn\u2019t receive a code?"," ",mt(ps,{variant:"bodyS",style:{cursor:S?"default":"pointer"},onClick:x,children:u})]})]})})]})},cs=zo(as)`
|
|
56
56
|
align-self: center;
|
|
57
|
-
`,$t=
|
|
57
|
+
`,$t=zo(ss)`
|
|
58
58
|
text-align: center;
|
|
59
59
|
display: inline-block;
|
|
60
|
-
`,
|
|
60
|
+
`,ps=zo($t)`
|
|
61
61
|
cursor: pointer;
|
|
62
62
|
display: inline-block;
|
|
63
|
-
`;import{CpslButton as lr,CpslDivider as us,CpslIcon as ms}from"@getpara/react-components";import{useEffect as Cs,useMemo as fs,useState as As}from"react";function Ze({url:e,target:t,type:o,current:a}){if(typeof window>"u")return;a?.close();let n=560,r;switch(o){case"LOGIN_PASSWORD":{r=460;break}case"LOGIN_PASSKEY":{r=798;break}case"CREATE_PASSWORD":{r=400;break}case"CREATE_PASSKEY":{r=464;break}case"TRANSACTION_REVIEW":{r=480;break}case"OAUTH":default:{r=768;break}}let
|
|
64
|
-
height=${r}, top=${
|
|
63
|
+
`;import{CpslButton as lr,CpslDivider as us,CpslIcon as ms}from"@getpara/react-components";import{useEffect as Cs,useMemo as fs,useState as As}from"react";function Ze({url:e,target:t,type:o,current:a}){if(typeof window>"u")return;a?.close();let n=560,r;switch(o){case"LOGIN_PASSWORD":{r=460;break}case"LOGIN_PASSKEY":{r=798;break}case"CREATE_PASSWORD":{r=400;break}case"CREATE_PASSKEY":{r=464;break}case"TRANSACTION_REVIEW":{r=480;break}case"OAUTH":default:{r=768;break}}let s=window.screenLeft!==void 0?window.screenLeft:window.screenX,l=window.screenTop!==void 0?window.screenTop:window.screenY,c=window.innerWidth?window.innerWidth:document.documentElement.clientWidth?document.documentElement.clientWidth:screen.width,d=window.innerHeight?window.innerHeight:document.documentElement.clientHeight?document.documentElement.clientHeight:screen.height,p=(c-n)/2+s,C=(d-r)/2+l,f=`toolbar=no, menubar=no, width=${n},
|
|
64
|
+
height=${r}, top=${C}, left=${p}`,u=window.open(e,t,f);return u||setTimeout(()=>{u=window.open(e,"_blank")},0),u}import Ss from"styled-components";import{AuthMethod as Ct,getPublicKeyHex as Kt,isPasskeySupported as Es}from"@getpara/web-sdk";import{formatBiometricHints as hs,KnownDevices as Ts,UserIdentifier as Is}from"@getpara/react-common";import{Fragment as Qo,jsx as be,jsxs as ft}from"react/jsx-runtime";var cr=()=>{let e=i(I=>I.refs),t=i(I=>I.supportedAuthMethods),o=i(I=>I.passwordUrlForLogin),a=i(I=>I.webAuthURLForLogin),n=i(I=>I.setStep),r=i(I=>I.biometricLocationHints),s=v(),l=K(I=>I.getAuthInfo()),c=i(I=>I.setWebAuthURLForLogin),d=i(I=>I.setPasswordUrlForLogin),p=Es(),C=fs(()=>hs(r),[r]),f=i(I=>I.setSupportedAuthMethods),[u,A]=As();Cs(()=>{async function I(){if(!t?.size&&s.getUserId()){let D=await s.supportedAuthMethods({userId:s.getUserId()});D?.size&&f(D);return}if(!s.isEmail&&!s.isPhone&&!s.isFarcaster&&!s.isTelegram||!s.loginEncryptionKeyPair)return;let b=s.isEmail?"email":s.isPhone?"phone":s.isFarcaster?"farcaster":"telegram",T=await s.touchSession(),M=t?.has&&t.has(Ct.PASSKEY)?await s.getWebAuthURLForLogin({sessionId:T.data.sessionId,loginEncryptionPublicKey:Kt(s.loginEncryptionKeyPair),partnerId:T.data.partnerId,authType:b,displayName:l.displayName,pfpUrl:l.pfpUrl}):void 0,x=t?.has&&t.has(Ct.PASSKEY)?await s.getWebAuthURLForLogin({sessionId:T.data.sessionId,loginEncryptionPublicKey:Kt(s.loginEncryptionKeyPair),partnerId:T.data.partnerId,newDeviceSessionId:T.data.sessionLookupId,newDeviceEncryptionKey:Kt(s.loginEncryptionKeyPair),authType:b,displayName:l.displayName,pfpUrl:l.pfpUrl}):void 0,W=t?.has&&t.has(Ct.PASSWORD)?await s.getPasswordURLForLogin({sessionId:T.data.sessionId,loginEncryptionPublicKey:Kt(s.loginEncryptionKeyPair),partnerId:T.data.partnerId,authType:b,displayName:l.displayName,pfpUrl:l.pfpUrl}):void 0,g=M?await s.shortenLoginLink(M):void 0,y=x?await s.shortenLoginLink(x):void 0;A(y),c(g),d(W)}I()},[t,s]);let S=()=>{e.popupWindow.current=Ze({url:a,target:"ParaPasskey",type:"LOGIN_PASSKEY",current:e.popupWindow.current}),n("AWAITING_BIOMETRIC_LOGIN")},h=()=>{e.popupWindow.current=Ze({url:o,target:"ParaPassword",type:"LOGIN_PASSWORD",current:e.popupWindow.current}),n("AWAITING_PASSWORD_LOGIN")};function U(){return!r?.length||p&&C.isOnKnownDevice||t?.has&&t.has(Ct.PASSWORD)}return ft(P,{$wide:!0,children:[ft(O,{children:[U()&&be(X,{variant:"headingS",weight:"bold",children:"Welcome back,"}),be(Is,{...l})]}),ft(xs,{children:[t?.has&&t.has(Ct.PASSWORD)&&o&&be(gs,{handlePasswordClick:h}),t?.has&&t.has(Ct.PASSKEY)&&a&&u&&be(ys,{handlePasskeyClick:S,formattedHints:C,shortLoginLink:u,passkeysSupported:p,biometricLocationHints:r})]})]})},gs=({handlePasswordClick:e})=>be(lr,{fullWidth:!0,onClick:e,children:"Login"}),ys=({handlePasskeyClick:e,formattedHints:t,shortLoginLink:o,passkeysSupported:a,biometricLocationHints:n=[]})=>{let[r,s]=[n.length>0,t.isOnKnownDevice];return ft(Qo,{children:[(r&&!s||!a)&&be(Ts,{hints:t,link:o}),a&&ft(Qo,{children:[r&&!s&&be(us,{children:"or"}),be(lr,{fullWidth:!0,onClick:e,children:!r||s?ft(Qo,{children:[be(ms,{slot:"start",icon:"key"}),"Login with passkey"]}):"Continue anyway"})]})]})},xs=Ss(O)`
|
|
65
65
|
gap: 16px;
|
|
66
|
-
`;import{CpslButton as
|
|
66
|
+
`;import{CpslButton as Jo,CpslCodeInput as ws,CpslDivider as Ws,CpslIcon as _s,CpslQrCode as Rs,CpslSpinner as pr,CpslText as dr}from"@getpara/react-components";import{useEffect as qo,useRef as Ls,useState as Yt}from"react";import{styled as ur}from"styled-components";import{useCopyToClipboard as Ms}from"@getpara/react-common";import{Fragment as Zo,jsx as oe,jsxs as Lt}from"react/jsx-runtime";var mr=({onClose:e})=>{let t=i(W=>W.isLogin()),o=i(W=>W.setStep),a=v(),n=i(W=>W.step==="VERIFY_2FA"),[r,s]=Ms(),l=Ls(null),[c,d]=Yt(null),[p,C]=Yt(""),[f,u]=Yt(""),[A,S]=Yt(!1),U=(c?new URL(c).searchParams:void 0)?.get("secret");qo(()=>{async function W(){try{let{uri:g}=await a.setup2FA();d(g)}catch(g){console.error("Error fetching OTPAuth URL:",g)}}W()},[]),qo(()=>{setTimeout(()=>{l?.current?.shadowRoot.querySelectorAll("input")?.[0]?.focus()},10)},[n]),qo(()=>{p.length===6&&M()},[p]);let I=()=>{o("VERIFY_2FA")},b=()=>{t?o("LOGIN_DONE"):e()},T=W=>{f&&u(""),C(W.detail.value.trim())},M=async()=>{if(S(!0),p.length===6&&/^\d+$/.test(p))try{await a.enable2FA({verificationCode:p}),o("TWO_FACTOR_DONE")}catch{u("Incorrect Code")}else u("Incorrect Code");S(!1)};return Lt(P,{children:[Lt(O,{children:[oe(X,{variant:"headingS",weight:"bold",children:"Turn on Two-Factor authentication"}),n&&oe(dr,{variant:"bodyS",color:"secondary",weight:"medium",children:"Please enter the code from your authenticator app."})]}),oe(O,{children:n?oe(Zo,{children:A?oe(pr,{}):oe("form",{onSubmit:async W=>{W.preventDefault(),await M()},children:oe(Os,{ref:l,code:p,onCpslInput:T,errorText:f,length:6,onKeyDown:async W=>W.key==="Enter"&&await M()})})}):Lt(Zo,{children:[oe(dr,{variant:"bodyS",color:"secondary",weight:"medium",children:"Scan with your preferred authenticator app."}),oe(Ae,{children:c?oe(Rs,{url:c}):oe(pr,{size:100})})]})}),!n&&Lt(Zo,{children:[oe(O,{children:oe(Ws,{children:"or enter the code manually"})}),oe(O,{children:oe(Rt,{disabled:!0,value:U,noAutoDisable:!0,children:oe(Jo,{slot:"end",variant:"ghost",onClick:()=>{s(U)},children:oe(_s,{icon:r?"check":"copy"})})})}),Lt(O,{children:[oe(Jo,{fullWidth:!0,onClick:I,children:"Continue"}),oe(Ns,{variant:"ghost",onClick:b,children:"Skip"})]})]})]})},Os=ur(ws)`
|
|
67
67
|
align-self: center;
|
|
68
|
-
`,
|
|
68
|
+
`,Ns=ur(Jo)`
|
|
69
69
|
margin-top: 8px;
|
|
70
70
|
text-decoration: underline;
|
|
71
|
-
`;import{useEffect as El}from"react";import At from"styled-components";import{CpslButton as ul,CpslIdenticon as ml,CpslText as Lr}from"@getpara/react-components";import{truncateAddress as Mr}from"@getpara/web-sdk";import{useEffect as ll}from"react";import{useEffect as ol,useRef as nl}from"react";var G=()=>Q(t=>t.client);var zt=()=>{let e=Q(n=>n.isOpen),t=Q(n=>n.setIsOpen);return{isOpen:e,openModal:()=>{t(!0)},closeModal:()=>{t(!1)}}};var pe=()=>{let e=G(),t=Q(i=>i.selectedWalletId),o=Q(i=>i.selectedWalletType),a=Q(i=>i.setSelectedWallet),n=Q(i=>i.clearSelectedWallet);return{selectedWallet:{id:t,type:o},setSelectedWallet:({id:i,type:l})=>{try{e.findWalletId(i,{type:[l]})!==i?n():a(i,l)}catch{n()}}}};import{useQuery as Ns}from"@tanstack/react-query";var Cr=async e=>{let o={isConnected:!!await e?.isFullyLoggedIn(),email:void 0,phone:void 0,wallets:void 0};return e&&o.isConnected&&(o.email=e.getEmail(),o.phone=e.getPhoneNumber(),o.wallets=e.getWallets()),o};var Ae="PARA_ACCOUNT",en=()=>{let e=G();return Ns({queryKey:[Ae,e?.getUserId()],queryFn:async()=>await Cr(e)})};import{useQuery as vs}from"@tanstack/react-query";var fr=async(e,t)=>{let o=await e?.isFullyLoggedIn();return!e||!o?null:e.findWallet(t?.id,t?.type)};var Ie="PARA_WALLET",Mt=()=>{let e=G(),{selectedWallet:t}=pe();return vs({queryKey:[Ie,e?.getUserId(),t.id,t.type],queryFn:async()=>await fr(e,t)})};import{useMutation as bs,useQueryClient as Ds}from"@tanstack/react-query";var Ar=async(e,t)=>{if(!e)throw new Error("no para instance");if(!t)throw new Error("no valid args passed to waitForLoginAndSetup");try{let o=await e.waitForLoginAndSetup(t);if(o.isError)throw new Error("error during waitForLoginAndSetup");return o}catch(o){throw new Error(o)}};function Z(e,t){let{mutate:o,mutateAsync:a,...n}=e;return{...{[t]:e.mutate,[`${t}Async`]:e.mutateAsync},...n}}var Us=()=>{let e=G(),t=Ds(),o=bs({mutationFn:async a=>await Ar(e,a),onSettled:async()=>{await t.invalidateQueries({queryKey:[Ae],exact:!1}),await t.invalidateQueries({queryKey:[Ie],exact:!1})}});return Z(o,"waitForLoginAndSetup")};import{useMutation as Ps,useQueryClient as Fs}from"@tanstack/react-query";var Sr=async e=>{if(!e)throw new Error("no para instance");try{let t=await e.waitForAccountCreation();if(!t)throw new Error("error during waitForAccountCreation");return t}catch(t){throw new Error(t)}};var ks=()=>{let e=G(),t=Fs(),o=Ps({mutationFn:async()=>await Sr(e),onSettled:async()=>{await t.invalidateQueries({queryKey:[Ae],exact:!1}),await t.invalidateQueries({queryKey:[Ie],exact:!1})}});return Z(o,"waitForAccountCreation")};import{useMutation as Bs,useQueryClient as Hs}from"@tanstack/react-query";var Er=async e=>{if(!e)throw new Error("no para instance");try{let t=await e.waitForPasskeyAndCreateWallet();if(!t)throw new Error("error during waitForAccountCreation");return t}catch(t){throw new Error(t)}};var Gs=()=>{let e=G(),t=Hs(),o=Bs({mutationFn:async()=>await Er(e),onSettled:async()=>{await t.invalidateQueries({queryKey:[Ae],exact:!1}),await t.invalidateQueries({queryKey:[Ie],exact:!1})}});return Z(o,"waitForPasskeyAndCreateWallet")};import{useMutation as Vs}from"@tanstack/react-query";var hr=async(e,t)=>{if(!e)throw new Error("no para instance");if(!t)throw new Error("no valid args passed to createUser");try{await(t.type==="EMAIL"?e.createUser({email:t.identifier}):e.createUserByPhone({phone:t.identifier,countryCode:t.countryCode}))}catch(o){throw new Error(o)}};var $s=()=>{let e=G(),t=Vs({mutationFn:async o=>await hr(e,o)});return Z(t,"createUser")};import{useMutation as Ks}from"@tanstack/react-query";var Tr=async(e,t)=>{if(!e)throw new Error("no para instance");if(!t)throw new Error("no valid args passed to checkIfUserExists");try{return await(t.type==="EMAIL"?e.checkIfUserExists({email:t.identifier}):e.checkIfUserExistsByPhone({phone:t.identifier,countryCode:t.countryCode}))}catch(o){throw new Error(o)}};var Ys=()=>{let e=G(),t=Ks({mutationFn:async o=>await Tr(e,o)});return Z(t,"checkIfUserExists")};import{useMutation as Xs}from"@tanstack/react-query";var Ir=async(e,t)=>{if(!e)throw new Error("no para instance");if(!t)throw new Error("no valid args passed to initiateLogin");try{return await e.initiateUserLoginV2(t)}catch(o){throw new Error(o)}};var zs=()=>{let e=G(),t=Xs({mutationFn:async o=>await Ir(e,o)});return Z(t,"initiateLogin")};import{useMutation as Qs,useQueryClient as qs}from"@tanstack/react-query";var gr=async e=>{if(!e)throw new Error("no para instance");try{await e.logout()}catch(t){throw new Error(t)}};var tn=()=>{let e=G(),t=qs(),o=Q(n=>n.clearSelectedWallet),a=Qs({mutationFn:async()=>await gr(e),onSettled:async()=>{await t.invalidateQueries({queryKey:[Ae],exact:!1}),await t.invalidateQueries({queryKey:[Ie],exact:!1}),o()}});return Z(a,"logout")};import{useMutation as Zs}from"@tanstack/react-query";var yr=async e=>{if(!e)throw new Error("no para instance");try{if(!await e.keepSessionAlive())throw new Error("session expired")}catch(t){throw new Error(t)}};var on=()=>{let e=G(),t=Zs({mutationFn:async()=>await yr(e)});return Z(t,"keepSessionAlive")};import{useMutation as Js}from"@tanstack/react-query";var xr=async(e,t)=>{if(!e)throw new Error("no para instance");if(!t)throw new Error("no valid args passed to signMessage");try{return await e.signMessage(t)}catch(o){throw new Error(o)}};var js=()=>{let e=G(),{data:t}=Mt(),o=Js({mutationFn:async a=>{let n=a?.walletId;if(n||(n=t?.id),!n)throw Error("no wallet id found");return await xr(e,{...a,walletId:n})}});return Z(o,"signMessage")};import{useMutation as el}from"@tanstack/react-query";var wr=async(e,t)=>{if(!e)throw new Error("no para instance");if(!t)throw new Error("no valid args passed to signTransaction");try{return await e.signTransaction(t)}catch(o){throw new Error(o)}};var tl=()=>{let e=G(),{data:t}=Mt(),o=el({mutationFn:async a=>{let n=a?.walletId;if(n||(n=t?.id),!n)throw Error("no wallet id found");return await wr(e,{...a,walletId:n})}});return Z(o,"signTransaction")};var rl=6e4,al=3e5,Wr=({disabled:e})=>{let t=N(),{data:o}=en(),{logoutAsync:a}=tn(),{keepSessionAliveAsync:n}=on(),r=nl(null);ol(()=>{if(!t||e){c();return}return o?.isConnected&&!t.isUsingExternalWallet()?l():c(),()=>c()},[t,o,e]);let i=async()=>{try{let d=await t.retrieveSessionCookie();if(!d)return null;let p=d.match(/Expires=([^;]+)/);return p?new Date(p[1]):null}catch{return null}},l=()=>{c(),r.current=setInterval(async()=>{let d=await i();if(!d){await a(),c();return}let p=d.getTime()-Date.now();if(p<=0){await a(),c();return}if(p<=al){try{await n(),l()}catch(m){console.error("Failed to keep session alive:",m),await a(),c()}return}},rl)},c=()=>{r.current&&clearInterval(r.current)}};import{useQueryClient as il}from"@tanstack/react-query";import{useEffect as sl}from"react";import{ParaEvent as J}from"@getpara/web-sdk";var _r=({onLogin:e,onLogout:t,onAccountSetup:o,onAccountCreation:a,onSignMessage:n,onSignTransaction:r,onWalletCreated:i,onPregenWalletClaimed:l,onExternalWalletChange:c,onWalletsChange:d}={})=>{let p=il(),m=G(),f=Q(_=>_.clearSelectedWallet),{selectedWallet:u,setSelectedWallet:A}=pe(),E=_=>{D(),e?.(_)},h=_=>{D(),o?.(_)},D=()=>{p.invalidateQueries({queryKey:[Ae],exact:!1}),p.invalidateQueries({queryKey:[Ie],exact:!1})},I=_=>{a?.(_)},v=_=>{p.invalidateQueries({queryKey:[Ae],exact:!1}),f(),t?.(_)},T=_=>{n?.(_)},S=_=>{r?.(_)},g=_=>{b(),d?.(_)},x=_=>{b(),c?.(_)},y=_=>{i?.(_)},w=_=>{l?.(_)},b=()=>{if(!m){f();return}if(!u?.id||!m.findWallet(u?.id)){let _=m.findWallet(void 0,void 0,{forbidPregen:!0});A({id:_?.id,type:_?.type})}};sl(()=>(window.addEventListener(J.LOGIN_EVENT,E),window.addEventListener(J.ACCOUNT_SETUP_EVENT,h),window.addEventListener(J.ACCOUNT_CREATION_EVENT,I),window.addEventListener(J.LOGOUT_EVENT,v),window.addEventListener(J.SIGN_MESSAGE_EVENT,T),window.addEventListener(J.SIGN_TRANSACTION_EVENT,S),window.addEventListener(J.WALLETS_CHANGE_EVENT,g),window.addEventListener(J.EXTERNAL_WALLET_CHANGE_EVENT,x),window.addEventListener(J.WALLET_CREATED,y),window.addEventListener(J.PREGEN_WALLET_CLAIMED,w),()=>{window.removeEventListener(J.LOGIN_EVENT,E),window.removeEventListener(J.ACCOUNT_SETUP_EVENT,h),window.removeEventListener(J.ACCOUNT_CREATION_EVENT,I),window.removeEventListener(J.LOGOUT_EVENT,v),window.removeEventListener(J.SIGN_MESSAGE_EVENT,T),window.removeEventListener(J.SIGN_TRANSACTION_EVENT,S),window.removeEventListener(J.WALLETS_CHANGE_EVENT,g),window.removeEventListener(J.EXTERNAL_WALLET_CHANGE_EVENT,x),window.removeEventListener(J.WALLET_CREATED,y),window.removeEventListener(J.PREGEN_WALLET_CLAIMED,w)}),[m])};import{ParaInternal as cl}from"@getpara/react-common";var pl={disableAutoSessionKeepAlive:!1},dl=({children:e,paraClientConfig:t,callbacks:o,config:a=pl})=>{_r(o),Wr({disabled:a.disableAutoSessionKeepAlive});let n=Q(r=>r.setClient);return ll(()=>{let r=a.paraClientOverride??new cl(t.env,t.apiKey,t.opts);n(r)},[t,a.paraClientOverride]),e};var vS=()=>pt.getState().client,bS=()=>pt.getState().isOpen,DS=()=>pt.getState().selectedWalletId,US=()=>pt.getState().selectedWalletType;import{jsx as Je,jsxs as nn}from"react/jsx-runtime";var Or=({address:e,showAddFunds:t})=>{let o=N(),a=o.externalWallets[e];return a?Je(Nr,{address:Mr(a.address,a.type),identiconHash:o.getIdenticonHash(a.id,a.type),showAddFunds:t}):null},Qt=({id:e,type:t,showAddFunds:o})=>{let a=N(),n=W(l=>l.appName),r=a.findWallet(e,t);if(!r)return null;let i=a.getDisplayAddress(r.id,{addressType:t});return Je(Nr,{id:r.id,type:r.type,address:Mr(i,t,{prefix:a.cosmosPrefix}),name:r.name??`${n?`${n} `:""}Wallet`,identiconHash:a.getIdenticonHash(r.id,t),showAddFunds:o})},Nr=({address:e,name:t,identiconHash:o,showAddFunds:a,id:n,type:r})=>{let i=s(m=>m.onRampConfig),{setSelectedWallet:l}=pe(),c=s(m=>m.setStep),d=i.isBuyEnabled||i.isReceiveEnabled;return nn(Cl,{children:[nn(fl,{children:[Je(ml,{size:"48px",hash:o}),nn(Al,{children:[!!t&&Je(Rr,{color:"contrast",variant:"bodyL",weight:"semiBold",children:t}),Je(Rr,{color:"secondary",variant:"bodyS",weight:"medium",children:e})]})]}),a&&d&&Je(Sl,{onClick:()=>{n&&r&&(l({id:n,type:r}),d&&c(i.isBuyEnabled?"ADD_FUNDS_BUY":"ADD_FUNDS_RECEIVE"))},children:Je(Lr,{variant:"bodyXS",color:"contrast",weight:"medium",children:"Add Funds"})})]})},qt=At.div`
|
|
71
|
+
`;import{useEffect as hl}from"react";import At from"styled-components";import{CpslButton as ml,CpslIdenticon as Cl,CpslText as Lr}from"@getpara/react-components";import{truncateAddress as Mr}from"@getpara/web-sdk";import{useEffect as cl}from"react";import{useEffect as nl,useRef as rl}from"react";var G=()=>Q(t=>t.client);var Xt=()=>{let e=Q(n=>n.isOpen),t=Q(n=>n.setIsOpen);return{isOpen:e,openModal:()=>{t(!0)},closeModal:()=>{t(!1)}}};var de=()=>{let e=G(),t=Q(s=>s.selectedWalletId),o=Q(s=>s.selectedWalletType),a=Q(s=>s.setSelectedWallet),n=Q(s=>s.clearSelectedWallet);return{selectedWallet:{id:t,type:o},setSelectedWallet:({id:s,type:l})=>{try{e.findWalletId(s,{type:[l]})!==s?n():a(s,l)}catch{n()}}}};import{useQuery as vs}from"@tanstack/react-query";var Cr=async e=>{let o={isConnected:!!await e?.isFullyLoggedIn(),email:void 0,phone:void 0,wallets:void 0};return e&&o.isConnected&&(o.email=e.getEmail(),o.phone=e.getPhoneNumber(),o.wallets=e.getWallets()),o};var Se="PARA_ACCOUNT",jo=()=>{let e=G();return vs({queryKey:[Se,e?.getUserId()],queryFn:async()=>await Cr(e)})};import{useQuery as bs}from"@tanstack/react-query";var fr=async(e,t)=>{let o=await e?.isFullyLoggedIn();return!e||!o?null:e.findWallet(t?.id,t?.type)};var ge="PARA_WALLET",Mt=()=>{let e=G(),{selectedWallet:t}=de();return bs({queryKey:[ge,e?.getUserId(),t.id,t.type],queryFn:async()=>await fr(e,t)})};import{useMutation as Ds,useQueryClient as Us}from"@tanstack/react-query";var Ar=async(e,t)=>{if(!e)throw new Error("no para instance");if(!t)throw new Error("no valid args passed to waitForLoginAndSetup");try{let o=await e.waitForLoginAndSetup(t);if(o.isError)throw new Error("error during waitForLoginAndSetup");return o}catch(o){throw new Error(o)}};function j(e,t){let{mutate:o,mutateAsync:a,...n}=e;return{...{[t]:e.mutate,[`${t}Async`]:e.mutateAsync},...n}}var Ps=()=>{let e=G(),t=Us(),o=Ds({mutationFn:async a=>await Ar(e,a),onSettled:async()=>{await t.invalidateQueries({queryKey:[Se],exact:!1}),await t.invalidateQueries({queryKey:[ge],exact:!1})}});return j(o,"waitForLoginAndSetup")};import{useMutation as Fs,useQueryClient as ks}from"@tanstack/react-query";var Sr=async e=>{if(!e)throw new Error("no para instance");try{let t=await e.waitForAccountCreation();if(!t)throw new Error("error during waitForAccountCreation");return t}catch(t){throw new Error(t)}};var Bs=()=>{let e=G(),t=ks(),o=Fs({mutationFn:async()=>await Sr(e),onSettled:async()=>{await t.invalidateQueries({queryKey:[Se],exact:!1}),await t.invalidateQueries({queryKey:[ge],exact:!1})}});return j(o,"waitForAccountCreation")};import{useMutation as Hs,useQueryClient as Gs}from"@tanstack/react-query";var Er=async e=>{if(!e)throw new Error("no para instance");try{let t=await e.waitForPasskeyAndCreateWallet();if(!t)throw new Error("error during waitForAccountCreation");return t}catch(t){throw new Error(t)}};var Vs=()=>{let e=G(),t=Gs(),o=Hs({mutationFn:async()=>await Er(e),onSettled:async()=>{await t.invalidateQueries({queryKey:[Se],exact:!1}),await t.invalidateQueries({queryKey:[ge],exact:!1})}});return j(o,"waitForPasskeyAndCreateWallet")};import{useMutation as $s}from"@tanstack/react-query";var hr=async(e,t)=>{if(!e)throw new Error("no para instance");if(!t)throw new Error("no valid args passed to createUser");try{await(t.type==="EMAIL"?e.createUser({email:t.identifier}):e.createUserByPhone({phone:t.identifier,countryCode:t.countryCode}))}catch(o){throw new Error(o)}};var Ks=()=>{let e=G(),t=$s({mutationFn:async o=>await hr(e,o)});return j(t,"createUser")};import{useMutation as Ys}from"@tanstack/react-query";var Tr=async(e,t)=>{if(!e)throw new Error("no para instance");if(!t)throw new Error("no valid args passed to checkIfUserExists");try{return await(t.type==="EMAIL"?e.checkIfUserExists({email:t.identifier}):e.checkIfUserExistsByPhone({phone:t.identifier,countryCode:t.countryCode}))}catch(o){throw new Error(o)}};var Xs=()=>{let e=G(),t=Ys({mutationFn:async o=>await Tr(e,o)});return j(t,"checkIfUserExists")};import{useMutation as zs}from"@tanstack/react-query";var Ir=async(e,t)=>{if(!e)throw new Error("no para instance");if(!t)throw new Error("no valid args passed to initiateLogin");try{return await e.initiateUserLoginV2(t)}catch(o){throw new Error(o)}};var Qs=()=>{let e=G(),t=zs({mutationFn:async o=>await Ir(e,o)});return j(t,"initiateLogin")};import{useMutation as qs,useQueryClient as Zs}from"@tanstack/react-query";var gr=async e=>{if(!e)throw new Error("no para instance");try{await e.logout()}catch(t){throw new Error(t)}};var en=()=>{let e=G(),t=Zs(),o=Q(n=>n.clearSelectedWallet),a=qs({mutationFn:async()=>await gr(e),onSettled:async()=>{await t.invalidateQueries({queryKey:[Se],exact:!1}),await t.invalidateQueries({queryKey:[ge],exact:!1}),o()}});return j(a,"logout")};import{useMutation as Js}from"@tanstack/react-query";var yr=async e=>{if(!e)throw new Error("no para instance");try{if(!await e.keepSessionAlive())throw new Error("session expired")}catch(t){throw new Error(t)}};var tn=()=>{let e=G(),t=Js({mutationFn:async()=>await yr(e)});return j(t,"keepSessionAlive")};import{useMutation as js}from"@tanstack/react-query";var xr=async(e,t)=>{if(!e)throw new Error("no para instance");if(!t)throw new Error("no valid args passed to signMessage");try{return await e.signMessage(t)}catch(o){throw new Error(o)}};var el=()=>{let e=G(),{data:t}=Mt(),o=js({mutationFn:async a=>{let n=a?.walletId;if(n||(n=t?.id),!n)throw Error("no wallet id found");return await xr(e,{...a,walletId:n})}});return j(o,"signMessage")};import{useMutation as tl}from"@tanstack/react-query";var wr=async(e,t)=>{if(!e)throw new Error("no para instance");if(!t)throw new Error("no valid args passed to signTransaction");try{return await e.signTransaction(t)}catch(o){throw new Error(o)}};var ol=()=>{let e=G(),{data:t}=Mt(),o=tl({mutationFn:async a=>{let n=a?.walletId;if(n||(n=t?.id),!n)throw Error("no wallet id found");return await wr(e,{...a,walletId:n})}});return j(o,"signTransaction")};var al=6e4,il=3e5,Wr=({disabled:e})=>{let t=v(),{data:o}=jo(),{logoutAsync:a}=en(),{keepSessionAliveAsync:n}=tn(),r=rl(null);nl(()=>{if(!t||e){c();return}return o?.isConnected&&!t.isUsingExternalWallet()?l():c(),()=>c()},[t,o,e]);let s=async()=>{try{let d=await t.retrieveSessionCookie();if(!d)return null;let p=d.match(/Expires=([^;]+)/);return p?new Date(p[1]):null}catch{return null}},l=()=>{c(),r.current=setInterval(async()=>{let d=await s();if(!d){await a(),c();return}let p=d.getTime()-Date.now();if(p<=0){await a(),c();return}if(p<=il){try{await n(),l()}catch(C){console.error("Failed to keep session alive:",C),await a(),c()}return}},al)},c=()=>{r.current&&clearInterval(r.current)}};import{useQueryClient as sl}from"@tanstack/react-query";import{useEffect as ll}from"react";import{ParaEvent as ee}from"@getpara/web-sdk";var _r=({onLogin:e,onLogout:t,onAccountSetup:o,onAccountCreation:a,onSignMessage:n,onSignTransaction:r,onWalletCreated:s,onPregenWalletClaimed:l,onExternalWalletChange:c,onWalletsChange:d}={})=>{let p=sl(),C=G(),f=Q(R=>R.clearSelectedWallet),{selectedWallet:u,setSelectedWallet:A}=de(),S=R=>{U(),e?.(R)},h=R=>{U(),o?.(R)},U=()=>{p.invalidateQueries({queryKey:[Se],exact:!1}),p.invalidateQueries({queryKey:[ge],exact:!1})},I=R=>{a?.(R)},b=R=>{p.invalidateQueries({queryKey:[Se],exact:!1}),f(),t?.(R)},T=R=>{n?.(R)},M=R=>{r?.(R)},x=R=>{D(),d?.(R)},W=R=>{D(),c?.(R)},g=R=>{s?.(R)},y=R=>{l?.(R)},D=()=>{if(!C){f();return}if(!u?.id||!C.findWallet(u?.id)){let R=C.findWallet(void 0,void 0,{forbidPregen:!0});A({id:R?.id,type:R?.type})}};ll(()=>(window.addEventListener(ee.LOGIN_EVENT,S),window.addEventListener(ee.ACCOUNT_SETUP_EVENT,h),window.addEventListener(ee.ACCOUNT_CREATION_EVENT,I),window.addEventListener(ee.LOGOUT_EVENT,b),window.addEventListener(ee.SIGN_MESSAGE_EVENT,T),window.addEventListener(ee.SIGN_TRANSACTION_EVENT,M),window.addEventListener(ee.WALLETS_CHANGE_EVENT,x),window.addEventListener(ee.EXTERNAL_WALLET_CHANGE_EVENT,W),window.addEventListener(ee.WALLET_CREATED,g),window.addEventListener(ee.PREGEN_WALLET_CLAIMED,y),()=>{window.removeEventListener(ee.LOGIN_EVENT,S),window.removeEventListener(ee.ACCOUNT_SETUP_EVENT,h),window.removeEventListener(ee.ACCOUNT_CREATION_EVENT,I),window.removeEventListener(ee.LOGOUT_EVENT,b),window.removeEventListener(ee.SIGN_MESSAGE_EVENT,T),window.removeEventListener(ee.SIGN_TRANSACTION_EVENT,M),window.removeEventListener(ee.WALLETS_CHANGE_EVENT,x),window.removeEventListener(ee.EXTERNAL_WALLET_CHANGE_EVENT,W),window.removeEventListener(ee.WALLET_CREATED,g),window.removeEventListener(ee.PREGEN_WALLET_CLAIMED,y)}),[C])};import{ParaInternal as pl}from"@getpara/react-common";var dl={disableAutoSessionKeepAlive:!1},ul=({children:e,paraClientConfig:t,callbacks:o,config:a=dl})=>{_r(o),Wr({disabled:a.disableAutoSessionKeepAlive});let n=Q(r=>r.setClient);return cl(()=>{let r=a.paraClientOverride??new pl(t.env,t.apiKey,t.opts);n(r)},[t,a.paraClientOverride]),e};var OS=()=>pt.getState().client,NS=()=>pt.getState().isOpen,vS=()=>pt.getState().selectedWalletId,bS=()=>pt.getState().selectedWalletType;import{jsx as Je,jsxs as on}from"react/jsx-runtime";var Or=({address:e,showAddFunds:t})=>{let o=v(),a=o.externalWallets[e];return a?Je(Nr,{address:Mr(a.address,a.type),identiconHash:o.getIdenticonHash(a.id,a.type),showAddFunds:t}):null},zt=({id:e,type:t,showAddFunds:o})=>{let a=v(),n=w(l=>l.appName),r=a.findWallet(e,t);if(!r)return null;let s=a.getDisplayAddress(r.id,{addressType:t});return Je(Nr,{id:r.id,type:r.type,address:Mr(s,t,{prefix:a.cosmosPrefix}),name:r.name??`${n?`${n} `:""}Wallet`,identiconHash:a.getIdenticonHash(r.id,t),showAddFunds:o})},Nr=({address:e,name:t,identiconHash:o,showAddFunds:a,id:n,type:r})=>{let s=i(C=>C.onRampConfig),{setSelectedWallet:l}=de(),c=i(C=>C.setStep),d=s.isBuyEnabled||s.isReceiveEnabled;return on(fl,{children:[on(Al,{children:[Je(Cl,{size:"48px",hash:o}),on(Sl,{children:[!!t&&Je(Rr,{color:"contrast",variant:"bodyL",weight:"semiBold",children:t}),Je(Rr,{color:"secondary",variant:"bodyS",weight:"medium",children:e})]})]}),a&&d&&Je(El,{onClick:()=>{n&&r&&(l({id:n,type:r}),d&&c(s.isBuyEnabled?"ADD_FUNDS_BUY":"ADD_FUNDS_RECEIVE"))},children:Je(Lr,{variant:"bodyXS",color:"contrast",weight:"medium",children:"Add Funds"})})]})},Qt=At.div`
|
|
72
72
|
display: flex;
|
|
73
73
|
flex-direction: column;
|
|
74
74
|
gap: 8px;
|
|
75
75
|
width: 100%;
|
|
76
|
-
`,
|
|
76
|
+
`,fl=At.div`
|
|
77
77
|
width: 100%;
|
|
78
78
|
padding: 24px;
|
|
79
79
|
display: flex;
|
|
@@ -82,13 +82,13 @@ import{CpslAuthModal as am,defineCustomElements as im,generateTheme as sm}from"@
|
|
|
82
82
|
gap: 16px;
|
|
83
83
|
background-color: var(--cpsl-color-background-8);
|
|
84
84
|
border-radius: 16px;
|
|
85
|
-
`,
|
|
85
|
+
`,Al=At.div`
|
|
86
86
|
display: flex;
|
|
87
87
|
justify-content: flex-start;
|
|
88
88
|
gap: 8px;
|
|
89
89
|
align-items: center;
|
|
90
90
|
overflow: hidden;
|
|
91
|
-
`,
|
|
91
|
+
`,Sl=At.div`
|
|
92
92
|
flex: 1;
|
|
93
93
|
display: flex;
|
|
94
94
|
flex-direction: column;
|
|
@@ -104,7 +104,7 @@ import{CpslAuthModal as am,defineCustomElements as im,generateTheme as sm}from"@
|
|
|
104
104
|
overflow: hidden;
|
|
105
105
|
white-space: nowrap;
|
|
106
106
|
}
|
|
107
|
-
`,
|
|
107
|
+
`,El=At(ml)`
|
|
108
108
|
--button-primary-background-color: var(--cpsl-color-card-surface);
|
|
109
109
|
--button-primary-hover-background-color: var(--cpsl-color-background-4);
|
|
110
110
|
--button-primary-color: var(--cpsl-color-text-contrast);
|
|
@@ -115,28 +115,28 @@ import{CpslAuthModal as am,defineCustomElements as im,generateTheme as sm}from"@
|
|
|
115
115
|
--button-padding-top: 8px;
|
|
116
116
|
--button-padding-bottom: 8px;
|
|
117
117
|
--button-border-radius: 8px;
|
|
118
|
-
`;import{jsx as Ot,jsxs as
|
|
118
|
+
`;import{jsx as Ot,jsxs as Tl}from"react/jsx-runtime";var vr=({onClose:e})=>{let t=v(),o=w(a=>a.hideWallets);return hl(()=>{setTimeout(()=>{e()},1600)},[]),Tl(P,{children:[Ot(Ge,{icon:"checkCircleFilled"}),Ot(X,{variant:"headingS",weight:"bold",children:"Connected"}),!o&&Ot(Qt,{children:t.isUsingExternalWallet()?Ot(Or,{address:t.currentExternalWalletAddresses?.[0]}):t.currentWalletIdsArray.map(([a,n])=>Ot(zt,{id:a,type:n},`${a}-${n}`))})]})};import{EnabledFlow as Wo}from"@getpara/web-sdk";import{CpslSpinner as Il,CpslText as gl}from"@getpara/react-components";import{jsx as qt,jsxs as br}from"react/jsx-runtime";var Ve=({heading:e,subheading:t})=>br(P,{$wide:!0,children:[qt(tr,{children:qt(Il,{size:100})}),br(O,{children:[qt(X,{variant:"headingS",weight:"bold",children:e}),qt(gl,{variant:"bodyS",color:"secondary",weight:"medium",children:t})]})]});import{jsx as yl}from"react/jsx-runtime";var Dr=()=>{let e=i(t=>t.isLogin());return yl(Ve,{heading:e?"Waiting for Passkey":"Creating Passkey",subheading:"Follow the prompts presented by your browser."})};import{CpslIcon as xl,CpslInfoBox as wl,CpslText as Ur}from"@getpara/react-components";import{useEffect as Wl,useRef as _l,useState as Rl}from"react";import{jsx as Zt,jsxs as Jt}from"react/jsx-runtime";var Pr=()=>{let e=w(n=>n.hideWallets),[t,o]=Rl(!1),a=_l();return Wl(()=>(typeof window<"u"&&(a.current=window.setTimeout(()=>{o(!0)},4e3)),()=>clearTimeout(a.current)),[]),Jt(P,{$wide:!0,children:[Zt(Ve,{heading:e?"Creating Your Account":"Creating Your Wallet",subheading:"This should only take a couple of seconds."}),t&&Zt(wl,{children:Jt(or,{children:[Jt(nr,{children:[Zt(xl,{icon:"clock"}),Zt(Ur,{weight:"medium",children:"Hang on"})]}),Jt(Ur,{variant:"bodyS",weight:"medium",color:"secondary",children:["Creating your ",e?"account":"wallet"," is taking a little longer than expected, but we're working on it!"]})]})})]})};import{CpslButton as Ll,CpslText as Ml}from"@getpara/react-components";import Ol from"styled-components";import{Fragment as vl,jsx as je,jsxs as Fr}from"react/jsx-runtime";var kr=({twoFactorAuthEnabled:e,onClose:t})=>{let o=w(d=>d.hideWallets),a=i(d=>d.setStep),n=i(d=>d.isLogin()),r=i(d=>d.onRampConfig),s=v(),l=r?.isBuyEnabled||r?.isReceiveEnabled||r?.isWithdrawEnabled,c=async()=>{if(n){if(!e){a("LOGIN_DONE");return}let d=await s.check2FAStatus();a(d?"LOGIN_DONE":"SETUP_2FA")}else e?a("SETUP_2FA"):t()};return Fr(P,{$wide:!0,children:[je(Nl,{children:o?Fr(vl,{children:[je(Ge,{icon:"checkCircleFilled"}),je(Ml,{variant:"bodyM",color:"secondary",weight:"medium",style:{marginTop:"16px"},children:"Your account has been created."})]}):je(Qt,{children:s.currentWalletIdsArray.map(([d,p])=>je(zt,{id:d,type:p,showAddFunds:l},d))})}),je(O,{children:je(Ll,{fullWidth:!0,onClick:c,children:e?"Continue":"Done"})})]})},Nl=Ol(O)`
|
|
119
119
|
min-height: 196px;
|
|
120
120
|
justify-content: center;
|
|
121
|
-
`;import{CpslButton as
|
|
121
|
+
`;import{CpslButton as bl,CpslText as jt}from"@getpara/react-components";import{styled as rn}from"styled-components";import{useCopyToClipboard as Dl}from"@getpara/react-common";function Br(e,t){let o=`Hello,%0D%0DBelow is your Para Recovery Secret. Keep this safe!%0D%0D${t}%0D%0DPlease get in touch via support@getpara.com if you have any questions`;return`mailto:${e}?subject=Para%20Recovery%20Secret&body=${o}`}import{useState as Ul}from"react";import{Fragment as Fl,jsx as Ee,jsxs as St}from"react/jsx-runtime";var Gr=({email:e,value:t,onComplete:o})=>{let[a,n]=Ul(!1),[r,s]=Dl();return St(Fl,{children:[St(O,{children:[Ee(X,{variant:"headingXS",weight:"semiBold",children:"Save your Recovery Secret"}),St(Pl,{children:[Ee(nn,{icon:"download",onClick:()=>{let p=document.createElement("a"),C=new Blob([t],{type:"text/plain"});p.href=URL.createObjectURL(C),p.download="recovery.txt",document.body.appendChild(p),p.click(),n(!0)},children:Ee(jt,{variant:"bodyXS",color:"secondary",weight:"medium",children:"Download"})}),Ee(nn,{icon:r?"check":"copy",onClick:()=>{s(t),n(!0)},children:Ee(jt,{variant:"bodyXS",color:"secondary",weight:"medium",children:r?"Copied!":"Copy"})}),Ee(nn,{icon:"send",onClick:()=>{typeof window<"u"&&window.open(Br(e,t),"_self"),n(!0)},children:Ee(jt,{variant:"bodyXS",color:"secondary",weight:"medium",children:"Email"})})]})]}),Ee(O,{children:Ee(bl,{fullWidth:!0,onClick:o,disabled:!a,children:a?"I\u2019ve saved my recovery secret":"Choose an option above to continue"})})]})},Vr=()=>{let e=w(s=>s.hideWallets),t=i(s=>s.setStep),o=K(s=>s.getAuthInfo()),a=K(s=>s.recoveryShare),n=JSON.parse(a||"{}").backupDecryptionKey,r=async()=>{t("WALLET_CREATION_DONE")};return St(P,{children:[St(O,{children:[Ee(X,{variant:"headingS",weight:"bold",children:e?"Don't lose access":"Don't lose your wallet"}),St(Hr,{variant:"bodyS",color:"secondary",weight:"medium",children:["Your"," ",Ee(Hr,{variant:"bodyS",weight:"medium",children:"Recovery Secret"})," ","ensures you will be able to regain access to your ",e?"account":"wallet"," if you lose your Passkey or Password."]})]}),Ee(Gr,{email:o?.authType==="email"?o.identifier:void 0,value:n,onComplete:r})]})},nn=rn(He)`
|
|
122
122
|
flex: 1;
|
|
123
123
|
|
|
124
124
|
--button-icon-color: var(--cpsl-color-text-primary);
|
|
125
|
-
`,
|
|
125
|
+
`,Pl=rn.div`
|
|
126
126
|
display: flex;
|
|
127
127
|
align-items: center;
|
|
128
128
|
justify-content: center;
|
|
129
129
|
gap: 8px;
|
|
130
130
|
width: 100%;
|
|
131
|
-
`,Hr=
|
|
131
|
+
`,Hr=rn(jt)`
|
|
132
132
|
text-align: center;
|
|
133
133
|
display: inline-block;
|
|
134
|
-
`;import{CpslButton as Fl,CpslText as kl}from"@getpara/react-components";import{jsx as sn,jsxs as ln}from"react/jsx-runtime";var $r=({onClose:e})=>{let t=W(o=>o.hideWallets);return ln(U,{children:[sn(Ge,{icon:"checkCircleFilled"}),ln(M,{children:[sn(Y,{variant:"headingXS",weight:"semiBold",children:"Success"}),ln(kl,{variant:"bodyS",color:"secondary",weight:"medium",children:["Your ",t?"account":"wallet"," is now protected by 2FA"]})]}),sn(Fl,{fullWidth:!0,onClick:e,children:"Done"})]})};import{CpslButton as cn,CpslDivider as Yl,CpslIcon as pn,CpslQrCode as Xl,CpslSpinner as zl,CpslText as qr}from"@getpara/react-components";import{useCopyToClipboard as Ql,UserIdentifier as ql}from"@getpara/react-common";var $e={LOGGIN_POLLING_DELAY_MS:5e3,POLLING_INTERVAL_MS:2e3,ANIMATION_DURATION:.15};import{createContext as Bl,useCallback as Kr,useContext as oo,useEffect as Hl,useMemo as Et,useState as Yr}from"react";import{WalletType as ge,isIOS as Gl,isIOSWebview as Vl,isMobile as to,truncateAddress as Xr}from"@getpara/web-sdk";import{jsx as Kl}from"react/jsx-runtime";var $l={wallets:[],chains:[],chainId:void 0,wallet:void 0,qrUri:void 0,chainIdSwitchingTo:void 0,walletDisplayHelpers:{showExtension:!1,showMobile:!1,isSolanaMobileIOS:!1,isCosmosMobileWallet:!1},username:void 0,avatar:void 0,connectExternalWallet:()=>{},disconnectExternalWallet:()=>Promise.resolve(),switchChain:()=>Promise.resolve(),setChainIdSwitchingTo:()=>{}},zr=Bl($l);function Qr({children:e,evmContext:t,solanaContext:o,cosmosContext:a,walletSort:n}){let{wallets:r,disconnect:i,chains:l,chainId:c,switchChain:d,username:p,avatar:m}=oo(t),{wallets:f,disconnect:u}=oo(o),{wallets:A,disconnect:E,chains:h,chainId:D,switchChain:I}=oo(a),v=s(O=>O.setStep),T=s(O=>O.setStepDirection),S=s(O=>O.setIsExternalWalletConnecting),g=s(O=>O.isExternalWalletConnecting),x=s(O=>O.setSelectedExternalWalletId),y=s(O=>O.selectedExternalWalletId),w=s(O=>O.setExternalWalletError),b=s(O=>O.setIsUsingMobileConnector),_=s(O=>O.isUsingMobileConnector),k=N(),[z,R]=Yr(),[te,oe]=Yr(),We=[...r,...f,...A].filter(O=>n.includes(O.id.toUpperCase())).sort((O,ne)=>n.indexOf(O.id.toUpperCase())-n.indexOf(ne.id.toUpperCase())).sort((O,ne)=>O.installed===ne.installed?0:O.installed?-1:1),$=Et(()=>We.find(O=>O.id===y),[We,y]),C=async()=>{let O=await $?.getQrUri?.();R(O)};Hl(()=>{$?z||C():z&&R(void 0)},[$]);let B=Et(()=>{switch(k.externalWallets[k.currentExternalWalletAddresses?.[0]??""]?.type){case ge.COSMOS:return h;case ge.EVM:return l;default:return[]}},[h,l,y]),H=Et(()=>{switch(k.externalWallets[k.currentExternalWalletAddresses?.[0]??""]?.type){case ge.COSMOS:return D;case ge.EVM:return c?.toString();default:return}},[h,l,y]),q=Kr(async O=>{let ne=k.externalWallets[k.currentExternalWalletAddresses?.[0]??""]?.type;if(ne){let me;switch(w(),oe(O),ne){case ge.COSMOS:{v("CHAIN_SWITCH"),me=await I(O);break}case ge.EVM:{v("CHAIN_SWITCH"),me=await d(parseInt(O));break}default:break}me.error?w(me.error):(oe(void 0),T(-1),v("ACCOUNT_MAIN"))}},[d,I]),P=Kr(async(O,ne,me,Bo)=>{if(g&&me&&(await i(),await u(),await E(),R(void 0),S(!1)),Bo||me||!g){w(),S(!0),b(ne);let{address:Wt,error:ve}=await(ne?O.connectMobile(me):O.connect());if(ve){if(w([ve]),b(),me&&ve==="Connection request rejected"){w(),await P(O,!1,!1,!0),await C();return}}else Wt&&v("LOGIN_DONE");S(!1)}},[g]),ce=async()=>{await i(),await u(),await E(),x()},ue={showExtension:!to()&&($?.isExtension&&$?.installed||!$?.isMobile||$?.type===ge.SOLANA),showMobile:to()&&$?.isMobile||!to()&&!$?.installed,isSolanaMobileIOS:Gl()&&to()&&!Vl()&&$?.type===ge.SOLANA,isCosmosMobileWallet:$?.type===ge.COSMOS&&_},lt=Et(()=>{let O,ne=k.externalWallets[k.currentExternalWalletAddresses?.[0]??""];if(ne)switch(ne?.type){case ge.EVM:{O=p?p.startsWith("0x")?Xr(p,"EVM"):p:void 0;break}default:{O=ne.address?Xr(ne.address,ne.type):void 0;break}}return O},[p,$]),ie=Et(()=>{let O=k.externalWallets[k.currentExternalWalletAddresses?.[0]??""]?.type;if(O)switch(O){case ge.EVM:return m;default:return}},[m,$]);return Kl(zr.Provider,{value:Et(()=>({wallets:We,chains:B,chainId:H,wallet:$,qrUri:z,walletDisplayHelpers:ue,chainIdSwitchingTo:te,username:lt,avatar:ie,connectExternalWallet:P,disconnectExternalWallet:ce,switchChain:q,setChainIdSwitchingTo:oe}),[We,B,H,$,z,ue,te,lt,ie,ce,P,q,oe]),children:e})}var K=()=>oo(zr);var Ee=()=>{let e=s(l=>l.step),t=s(l=>l.setStep),o=s(l=>l.accountAddFundTab),a=s(l=>l.decrementStep),n=s(l=>l.resetState),{setChainIdSwitchingTo:r}=K();return()=>{switch(e==="ADD_FUNDS_AWAITING"?t(ct(o)):a(),e){case"AUTH_MAIN":case"AUTH_MORE":{n();break}case"CHAIN_SWITCH":{r();break}}}};function no(){let e=N(),t=Ee(),o=s(c=>c.refs),a=s(c=>c.setStep),n=s(c=>c.webAuthURLForCreate),r=s(c=>c.setWebAuthURLForCreate),i=s(c=>c.setIFrameUrl),l=async()=>{let c=await e.waitForAccountCreation({popupWindow:o.popupWindow.current});window.clearTimeout(o.poll.current?.timeout),o.poll.current=void 0,o.popupWindow.current=void 0,c?(r(""),i(""),a("AWAITING_WALLET_CREATION")):o.currentStep.current==="AWAITING_BIOMETRIC_CREATION"&&t()};return{withPasskey:()=>{o.poll.current?.action!=="createPasskey"&&(clearTimeout(o.poll.current?.timeout),o.popupWindow.current=Ze({url:n,target:"ParaPasskey",type:"CREATE_PASSKEY",current:o.popupWindow.current}),o.poll.current={action:"createPasskey",timeout:window.setTimeout(l,$e.POLLING_INTERVAL_MS)},o.currentStep.current!=="AWAITING_BIOMETRIC_CREATION"&&a("AWAITING_BIOMETRIC_CREATION"))},withPassword:()=>{o.poll.current?.action!=="createPassword"&&(clearTimeout(o.poll.current?.timeout),o.poll.current={action:"createPassword",timeout:window.setTimeout(l,$e.POLLING_INTERVAL_MS)},o.currentStep.current!=="PASSWORD_CREATION"&&a("PASSWORD_CREATION"))}}}import{Fragment as Zr,jsx as ye,jsxs as Ke}from"react/jsx-runtime";var Jr=()=>{let e=no(),t=s(c=>c.webAuthURLForCreate),o=s(c=>c.iFrameUrl),a=V(c=>c.getAuthInfo()),[n,r]=Ql(),i=()=>{r(t)},l=!!t&&!!o;return Ke(U,{$wide:!0,children:[Ke(M,{children:[ye(Y,{variant:"headingS",weight:"bold",children:l?"Secure Your Account":"Create Passkey"}),ye(ql,{...a}),ye(qr,{variant:"bodyS",color:"secondary",weight:"medium",children:l?"Choose a password or set up a passkey":"Your Passkey keeps your account safe."})]}),Ke(M,{children:[Kt()?Ke(cn,{fullWidth:!0,onClick:e.withPasskey,children:[ye(pn,{slot:"start",icon:"key"}),l?"Create Passkey":"Create"]}):Ke(Zr,{children:[ye(qr,{weight:"semiBold",children:"Scan with your mobile device"}),ye(fe,{children:t?ye(Xl,{url:t}):ye(zl,{size:100})}),Ke(cn,{size:"small",variant:"ghost",onClick:i,children:[ye(pn,{slot:"start",icon:n?"check":"copy"}),n?"Copied":"Copy Link"]})]}),l&&Ke(Zr,{children:[ye(Yl,{children:"or"}),Ke(cn,{fullWidth:!0,onClick:e.withPassword,children:[ye(pn,{slot:"start",icon:"passcode"}),"Choose Password"]})]})]})]})};import{jsx as Zl}from"react/jsx-runtime";var jr=()=>Zl(Ve,{heading:"Complete Login",subheading:"Follow the prompts presented by your browser."});import{EnabledFlow as ot,getOnRampAssets as mc,getOnRampNetworks as Cc,OnRampProvider as fc,OnRampPurchaseType as so,toAssetInfoArray as Ac,WalletType as An}from"@getpara/web-sdk";import{CpslButton as Sc,CpslDivider as Ec,CpslIcon as sa,CpslIdenticon as hc,CpslQrCode as Tc,CpslSpinner as la,CpslTab as Ic,CpslTabs as gc,CpslText as da}from"@getpara/react-components";import{useEffect as Sn,useMemo as ca}from"react";import{useState as tc}from"react";import{Network as _e,OnRampAsset as Re,OnRampMethod as De,OnRampProvider as dn}from"@getpara/core-sdk";var un="https://connect.getpara.com/",ea="https://getpara.com/terms",mn={[dn.STRIPE]:{name:"Stripe",feeLower:.99,feeUpper:4.49,methods:[De.ACH,De.DEBIT,De.CREDIT],icon:"stripeBrand",backgroundColors:["#6772E5","#808AF4"]},[dn.RAMP]:{name:"Ramp",feeLower:.99,feeUpper:4.49,methods:[De.ACH,De.DEBIT,De.CREDIT],icon:"rampNetworkBrand",backgroundColors:["#21BF73","#3AE492"]},[dn.MOONPAY]:{name:"MoonPay",feeLower:1,feeUpper:4.5,methods:[De.ACH,De.DEBIT,De.CREDIT],icon:"moonpayBrand",backgroundColors:["#7715F5","#9647fd"]}},Cn={[_e.ETHEREUM]:{name:"Ethereum",icon:"ethereum"},[_e.SEPOLIA]:{name:"Sepolia",icon:"ethereum"},[_e.ARBITRUM]:{name:"Arbitrum",icon:"arbitrumBrand"},[_e.BASE]:{name:"Base",icon:"baseBrand"},[_e.OPTIMISM]:{name:"Optimism",icon:"optimismBrand"},[_e.POLYGON]:{name:"Polygon",icon:"polygonBrand"},[_e.SOLANA]:{name:"Solana",icon:"solana"},[_e.COSMOS]:{name:"Cosmos",icon:"cosmos"},[_e.CELO]:{name:"Celo",icon:"celoBrand"},[_e.NOBLE]:{name:"Noble",icon:"nobleBrand"}},fn={[Re.ETHEREUM]:{name:"Ethereum",code:"ETH",icon:"ethereum"},[Re.USDC]:{name:"USDC",code:"USDC",icon:"usdcBrand"},[Re.POLYGON]:{name:"Polygon",code:"MATIC",icon:"polygonBrand"},[Re.SOLANA]:{name:"Solana",code:"SOL",icon:"solana"},[Re.ATOM]:{name:"Atom",code:"ATOM",icon:"cosmos"},[Re.CELO]:{name:"Celo",code:"CELO",icon:"celoBrand"},[Re.TETHER]:{name:"Tether",code:"USDT",icon:"tetherBrand"},[Re.CUSD]:{name:"Celo Dollar",code:"CUSD",icon:"celoBrand"},[Re.CEUR]:{name:"Celo Euro",code:"CEUR",icon:"celoBrand"},[Re.CREAL]:{name:"Celo Real",code:"CREAL",icon:"celoBrand"}};function Nt(e){return Cn[e]?.name??`${e[0]}${e.slice(1).toLowerCase()}`}function Jl(e){return Cn[e]?.icon??"globe"}function jl(e){return fn[e]?.code??e}function ec(e){return fn[e]?.icon??"emptyCircle"}var Ye=480,ro="network not supported",ta=/^(([^<>()[\]\\.,;:\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,}))$/,ao={enter:e=>({scale:e>0?.9:1.1,opacity:0}),center:{scale:1,opacity:1},exit:e=>({scale:e<0?.9:1.1,opacity:0})},io={duration:.2};import et from"styled-components";import{CpslButton as oc,CpslIcon as ra,CpslSpinner as nc,CpslText as rc}from"@getpara/react-components";import{motion as ac}from"framer-motion";import{jsx as Xe,jsxs as na}from"react/jsx-runtime";var aa=({config:e,index:t,onClick:o})=>{let[a,n]=tc(!1),r=e.providers[t],{feeLower:i,feeUpper:l,name:c,icon:d,backgroundColors:p}=mn[r],m=`Fee ${i}% - ${l}%`;return Xe(ic,{$gradientColors:p,fullWidth:!0,onClick:async()=>{n(!0),await o(),n(!1)},children:na(sc,{$backgroundColor:p[1],children:[Xe(pc,{children:Xe(ra,{icon:d})}),na(lc,{children:[Xe(oa,{variant:"bodyL",weight:"medium",children:c}),Xe(cc,{children:Xe(oa,{variant:"bodyXS",weight:"medium",children:m})})]}),a?Xe(nc,{size:16}):Xe(dc,{icon:"chevronUp"})]})})},ic=et(oc)`
|
|
134
|
+
`;import{CpslButton as kl,CpslText as Bl}from"@getpara/react-components";import{jsx as an,jsxs as sn}from"react/jsx-runtime";var $r=({onClose:e})=>{let t=w(o=>o.hideWallets);return sn(P,{children:[an(Ge,{icon:"checkCircleFilled"}),sn(O,{children:[an(X,{variant:"headingXS",weight:"semiBold",children:"Success"}),sn(Bl,{variant:"bodyS",color:"secondary",weight:"medium",children:["Your ",t?"account":"wallet"," is now protected by 2FA"]})]}),an(kl,{fullWidth:!0,onClick:e,children:"Done"})]})};import{CpslButton as ln,CpslDivider as Xl,CpslIcon as cn,CpslQrCode as zl,CpslSpinner as Ql,CpslText as qr}from"@getpara/react-components";import{useCopyToClipboard as ql,UserIdentifier as Zl}from"@getpara/react-common";var $e={LOGGIN_POLLING_DELAY_MS:5e3,POLLING_INTERVAL_MS:2e3,ANIMATION_DURATION:.15};import{createContext as Hl,useCallback as Kr,useContext as to,useEffect as Gl,useMemo as Et,useState as Yr}from"react";import{WalletType as ye,isIOS as Vl,isIOSWebview as $l,isMobile as eo,truncateAddress as Xr}from"@getpara/web-sdk";import{jsx as Yl}from"react/jsx-runtime";var Kl={wallets:[],chains:[],chainId:void 0,wallet:void 0,qrUri:void 0,chainIdSwitchingTo:void 0,walletDisplayHelpers:{showExtension:!1,showMobile:!1,isSolanaMobileIOS:!1,isCosmosMobileWallet:!1},username:void 0,avatar:void 0,connectExternalWallet:()=>{},disconnectExternalWallet:()=>Promise.resolve(),switchChain:()=>Promise.resolve(),setChainIdSwitchingTo:()=>{}},zr=Hl(Kl);function Qr({children:e,evmContext:t,solanaContext:o,cosmosContext:a,walletSort:n}){let{wallets:r,disconnect:s,chains:l,chainId:c,switchChain:d,username:p,avatar:C}=to(t),{wallets:f,disconnect:u}=to(o),{wallets:A,disconnect:S,chains:h,chainId:U,switchChain:I}=to(a),b=i(N=>N.setStep),T=i(N=>N.setStepDirection),M=i(N=>N.setIsExternalWalletConnecting),x=i(N=>N.isExternalWalletConnecting),W=i(N=>N.setSelectedExternalWalletId),g=i(N=>N.selectedExternalWalletId),y=i(N=>N.setExternalWalletError),D=i(N=>N.setIsUsingMobileConnector),R=i(N=>N.isUsingMobileConnector),E=v(),[V,_]=Yr(),[q,Z]=Yr(),ce=[...r,...f,...A].filter(N=>n.includes(N.id.toUpperCase())).sort((N,ne)=>n.indexOf(N.id.toUpperCase())-n.indexOf(ne.id.toUpperCase())).sort((N,ne)=>N.installed===ne.installed?0:N.installed?-1:1),$=Et(()=>ce.find(N=>N.id===g),[ce,g]),m=async()=>{let N=await $?.getQrUri?.();_(N)};Gl(()=>{$?V||m():V&&_(void 0)},[$]);let F=Et(()=>{switch(E.externalWallets[E.currentExternalWalletAddresses?.[0]??""]?.type){case ye.COSMOS:return h;case ye.EVM:return l;default:return[]}},[h,l,g]),H=Et(()=>{switch(E.externalWallets[E.currentExternalWalletAddresses?.[0]??""]?.type){case ye.COSMOS:return U;case ye.EVM:return c?.toString();default:return}},[h,l,g]),J=Kr(async N=>{let ne=E.externalWallets[E.currentExternalWalletAddresses?.[0]??""]?.type;if(ne){let Ce;switch(y(),Z(N),ne){case ye.COSMOS:{b("CHAIN_SWITCH"),Ce=await I(N);break}case ye.EVM:{b("CHAIN_SWITCH"),Ce=await d(parseInt(N));break}default:break}Ce.error?y(Ce.error):(Z(void 0),T(-1),b("ACCOUNT_MAIN"))}},[d,I]),k=Kr(async(N,ne,Ce,ko)=>{if(x&&Ce&&(await s(),await u(),await S(),_(void 0),M(!1)),ko||Ce||!x){y(),M(!0),D(ne);let{address:Wt,error:ve}=await(ne?N.connectMobile(Ce):N.connect());if(ve){if(y([ve]),D(),Ce&&ve==="Connection request rejected"){y(),await k(N,!1,!1,!0),await m();return}}else Wt&&b("LOGIN_DONE");M(!1)}},[x]),pe=async()=>{await s(),await u(),await S(),W()},me={showExtension:!eo()&&($?.isExtension&&$?.installed||!$?.isMobile||$?.type===ye.SOLANA),showMobile:eo()&&$?.isMobile||!eo()&&!$?.installed,isSolanaMobileIOS:Vl()&&eo()&&!$l()&&$?.type===ye.SOLANA,isCosmosMobileWallet:$?.type===ye.COSMOS&&R},lt=Et(()=>{let N,ne=E.externalWallets[E.currentExternalWalletAddresses?.[0]??""];if(ne)switch(ne?.type){case ye.EVM:{N=p?p.startsWith("0x")?Xr(p,"EVM"):p:void 0;break}default:{N=ne.address?Xr(ne.address,ne.type):void 0;break}}return N},[p,$]),ie=Et(()=>{let N=E.externalWallets[E.currentExternalWalletAddresses?.[0]??""]?.type;if(N)switch(N){case ye.EVM:return C;default:return}},[C,$]);return Yl(zr.Provider,{value:Et(()=>({wallets:ce,chains:F,chainId:H,wallet:$,qrUri:V,walletDisplayHelpers:me,chainIdSwitchingTo:q,username:lt,avatar:ie,connectExternalWallet:k,disconnectExternalWallet:pe,switchChain:J,setChainIdSwitchingTo:Z}),[ce,F,H,$,V,me,q,lt,ie,pe,k,J,Z]),children:e})}var Y=()=>to(zr);var he=()=>{let e=i(l=>l.step),t=i(l=>l.setStep),o=i(l=>l.accountAddFundTab),a=i(l=>l.decrementStep),n=i(l=>l.resetState),{setChainIdSwitchingTo:r}=Y();return()=>{switch(e==="ADD_FUNDS_AWAITING"?t(ct(o)):a(),e){case"AUTH_MAIN":case"AUTH_MORE":{n();break}case"CHAIN_SWITCH":{r();break}}}};function oo(){let e=v(),t=he(),o=i(c=>c.refs),a=i(c=>c.setStep),n=i(c=>c.webAuthURLForCreate),r=i(c=>c.setWebAuthURLForCreate),s=i(c=>c.setIFrameUrl),l=async()=>{let c=await e.waitForAccountCreation({popupWindow:o.popupWindow.current});window.clearTimeout(o.poll.current?.timeout),o.poll.current=void 0,o.popupWindow.current=void 0,c?(r(""),s(""),a("AWAITING_WALLET_CREATION")):o.currentStep.current==="AWAITING_BIOMETRIC_CREATION"&&t()};return{withPasskey:()=>{o.poll.current?.action!=="createPasskey"&&(clearTimeout(o.poll.current?.timeout),o.popupWindow.current=Ze({url:n,target:"ParaPasskey",type:"CREATE_PASSKEY",current:o.popupWindow.current}),o.poll.current={action:"createPasskey",timeout:window.setTimeout(l,$e.POLLING_INTERVAL_MS)},o.currentStep.current!=="AWAITING_BIOMETRIC_CREATION"&&a("AWAITING_BIOMETRIC_CREATION"))},withPassword:()=>{o.poll.current?.action!=="createPassword"&&(clearTimeout(o.poll.current?.timeout),o.poll.current={action:"createPassword",timeout:window.setTimeout(l,$e.POLLING_INTERVAL_MS)},o.currentStep.current!=="PASSWORD_CREATION"&&a("PASSWORD_CREATION"))}}}import{isPasskeySupported as Jl}from"@getpara/web-sdk";import{Fragment as Zr,jsx as xe,jsxs as Ke}from"react/jsx-runtime";var Jr=()=>{let e=oo(),t=i(c=>c.webAuthURLForCreate),o=i(c=>c.iFrameUrl),a=K(c=>c.getAuthInfo()),[n,r]=ql(),s=()=>{r(t)},l=!!t&&!!o;return Ke(P,{$wide:!0,children:[Ke(O,{children:[xe(X,{variant:"headingS",weight:"bold",children:l?"Secure Your Account":"Create Passkey"}),xe(Zl,{...a}),xe(qr,{variant:"bodyS",color:"secondary",weight:"medium",children:l?"Choose a password or set up a passkey":"Your Passkey keeps your account safe."})]}),Ke(O,{children:[Jl()?Ke(ln,{fullWidth:!0,onClick:e.withPasskey,children:[xe(cn,{slot:"start",icon:"key"}),l?"Create Passkey":"Create"]}):Ke(Zr,{children:[xe(qr,{weight:"semiBold",children:"Scan with your mobile device"}),xe(Ae,{children:t?xe(zl,{url:t}):xe(Ql,{size:100})}),Ke(ln,{size:"small",variant:"ghost",onClick:s,children:[xe(cn,{slot:"start",icon:n?"check":"copy"}),n?"Copied":"Copy Link"]})]}),l&&Ke(Zr,{children:[xe(Xl,{children:"or"}),Ke(ln,{fullWidth:!0,onClick:e.withPassword,children:[xe(cn,{slot:"start",icon:"passcode"}),"Choose Password"]})]})]})]})};import{jsx as jl}from"react/jsx-runtime";var jr=()=>jl(Ve,{heading:"Complete Login",subheading:"Follow the prompts presented by your browser."});import{EnabledFlow as ot,getOnRampAssets as fc,getOnRampNetworks as Ac,OnRampProvider as Sc,OnRampPurchaseType as io,toAssetInfoArray as Ec,WalletType as fn}from"@getpara/web-sdk";import{CpslButton as hc,CpslDivider as Tc,CpslIcon as sa,CpslIdenticon as Ic,CpslQrCode as gc,CpslSpinner as la,CpslTab as yc,CpslTabs as xc,CpslText as da}from"@getpara/react-components";import{useEffect as An,useMemo as ca}from"react";import{useState as nc}from"react";import{Network as _e,OnRampAsset as Re,OnRampMethod as De,OnRampProvider as pn}from"@getpara/core-sdk";var dn="https://connect.getpara.com/",ea="https://getpara.com/terms",un={[pn.STRIPE]:{name:"Stripe",feeLower:.99,feeUpper:4.49,methods:[De.ACH,De.DEBIT,De.CREDIT],icon:"stripeBrand",backgroundColors:["#6772E5","#808AF4"]},[pn.RAMP]:{name:"Ramp",feeLower:.99,feeUpper:4.49,methods:[De.ACH,De.DEBIT,De.CREDIT],icon:"rampNetworkBrand",backgroundColors:["#21BF73","#3AE492"]},[pn.MOONPAY]:{name:"MoonPay",feeLower:1,feeUpper:4.5,methods:[De.ACH,De.DEBIT,De.CREDIT],icon:"moonpayBrand",backgroundColors:["#7715F5","#9647fd"]}},mn={[_e.ETHEREUM]:{name:"Ethereum",icon:"ethereum"},[_e.SEPOLIA]:{name:"Sepolia",icon:"ethereum"},[_e.ARBITRUM]:{name:"Arbitrum",icon:"arbitrumBrand"},[_e.BASE]:{name:"Base",icon:"baseBrand"},[_e.OPTIMISM]:{name:"Optimism",icon:"optimismBrand"},[_e.POLYGON]:{name:"Polygon",icon:"polygonBrand"},[_e.SOLANA]:{name:"Solana",icon:"solana"},[_e.COSMOS]:{name:"Cosmos",icon:"cosmos"},[_e.CELO]:{name:"Celo",icon:"celoBrand"},[_e.NOBLE]:{name:"Noble",icon:"nobleBrand"}},Cn={[Re.ETHEREUM]:{name:"Ethereum",code:"ETH",icon:"ethereum"},[Re.USDC]:{name:"USDC",code:"USDC",icon:"usdcBrand"},[Re.POLYGON]:{name:"Polygon",code:"MATIC",icon:"polygonBrand"},[Re.SOLANA]:{name:"Solana",code:"SOL",icon:"solana"},[Re.ATOM]:{name:"Atom",code:"ATOM",icon:"cosmos"},[Re.CELO]:{name:"Celo",code:"CELO",icon:"celoBrand"},[Re.TETHER]:{name:"Tether",code:"USDT",icon:"tetherBrand"},[Re.CUSD]:{name:"Celo Dollar",code:"CUSD",icon:"celoBrand"},[Re.CEUR]:{name:"Celo Euro",code:"CEUR",icon:"celoBrand"},[Re.CREAL]:{name:"Celo Real",code:"CREAL",icon:"celoBrand"}};function Nt(e){return mn[e]?.name??`${e[0]}${e.slice(1).toLowerCase()}`}function ec(e){return mn[e]?.icon??"globe"}function tc(e){return Cn[e]?.code??e}function oc(e){return Cn[e]?.icon??"emptyCircle"}var Ye=480,no="network not supported",ta=/^(([^<>()[\]\\.,;:\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,}))$/,ro={enter:e=>({scale:e>0?.9:1.1,opacity:0}),center:{scale:1,opacity:1},exit:e=>({scale:e<0?.9:1.1,opacity:0})},ao={duration:.2};import et from"styled-components";import{CpslButton as rc,CpslIcon as ra,CpslSpinner as ac,CpslText as ic}from"@getpara/react-components";import{motion as sc}from"framer-motion";import{jsx as Xe,jsxs as na}from"react/jsx-runtime";var aa=({config:e,index:t,onClick:o})=>{let[a,n]=nc(!1),r=e.providers[t],{feeLower:s,feeUpper:l,name:c,icon:d,backgroundColors:p}=un[r],C=`Fee ${s}% - ${l}%`;return Xe(lc,{$gradientColors:p,fullWidth:!0,onClick:async()=>{n(!0),await o(),n(!1)},children:na(cc,{$backgroundColor:p[1],children:[Xe(uc,{children:Xe(ra,{icon:d})}),na(pc,{children:[Xe(oa,{variant:"bodyL",weight:"medium",children:c}),Xe(dc,{children:Xe(oa,{variant:"bodyXS",weight:"medium",children:C})})]}),a?Xe(ac,{size:16}):Xe(mc,{icon:"chevronUp"})]})})},lc=et(rc)`
|
|
135
135
|
width: 100%;
|
|
136
136
|
--button-primary-background-color: ${({$gradientColors:e})=>`linear-gradient(90deg, ${e[0]} 0%, ${e[1]} 100%)`};
|
|
137
137
|
--button-primary-hover-background-color: ${({$gradientColors:e})=>`linear-gradient(90deg, ${e[0]} 0%, ${e[0]} 100%)`};
|
|
138
138
|
--button-primary-active-background-color: ${({$gradientColors:e})=>`linear-gradient(90deg, ${e[0]} 0%, ${e[0]} 100%)`};
|
|
139
|
-
`,
|
|
139
|
+
`,cc=et(sc.div)`
|
|
140
140
|
display: flex;
|
|
141
141
|
gap: 8px;
|
|
142
142
|
flex: 1;
|
|
@@ -145,16 +145,16 @@ import{CpslAuthModal as am,defineCustomElements as im,generateTheme as sm}from"@
|
|
|
145
145
|
& cpsl-spinner {
|
|
146
146
|
--background-color: ${({$backgroundColor:e})=>`${e}`};
|
|
147
147
|
}
|
|
148
|
-
`,
|
|
148
|
+
`,pc=et.div`
|
|
149
149
|
flex: 1;
|
|
150
150
|
display: flex;
|
|
151
151
|
flex-direction: column;
|
|
152
152
|
align-items: start;
|
|
153
153
|
gap: 2px;
|
|
154
|
-
`,
|
|
154
|
+
`,dc=et.div`
|
|
155
155
|
display: flex;
|
|
156
156
|
gap: 16px;
|
|
157
|
-
`,
|
|
157
|
+
`,uc=et.span`
|
|
158
158
|
display: flex;
|
|
159
159
|
align-items: center;
|
|
160
160
|
justify-content: center;
|
|
@@ -162,19 +162,19 @@ import{CpslAuthModal as am,defineCustomElements as im,generateTheme as sm}from"@
|
|
|
162
162
|
border-radius: 100%;
|
|
163
163
|
height: 48px;
|
|
164
164
|
width: 48px;
|
|
165
|
-
`,oa=et(
|
|
165
|
+
`,oa=et(ic)`
|
|
166
166
|
&::part(text-element) {
|
|
167
167
|
color: #fff;
|
|
168
168
|
}
|
|
169
|
-
`,
|
|
169
|
+
`,mc=et(ra)`
|
|
170
170
|
transform: rotate(90deg);
|
|
171
171
|
--icon-color: #fff;
|
|
172
|
-
`;import{isMobile as
|
|
172
|
+
`;import{isMobile as wc}from"@getpara/web-sdk";import{useMemo as Cc}from"react";function tt(){let e=v(),{selectedWallet:t}=de();return Cc(()=>e.findWallet(t.id,t.type,{forbidPregen:!0}),[e,t])}import{motion as Wc,AnimatePresence as _c}from"framer-motion";import{getNetworkFromChainId as Rc,getNetworkOrMainNetEquivalent as Lc,useCopyToClipboard as Mc}from"@getpara/react-common";import{format as Nh}from"date-fns";var ia=e=>e.length===1?Nt(e[0]):`${e.map(t=>Nt(t)).slice(0,-1).join(", ")}${e.length>2?",":""} and ${Nt(e[e.length-1])}`;import Sn from"styled-components";import{Fragment as so,jsx as te,jsxs as we}from"react/jsx-runtime";var pa=[[ot.BUY,"isBuyEnabled","creditCard","Buy"],[ot.RECEIVE,"isReceiveEnabled","qrCode","Receive"],[ot.WITHDRAW,"isWithdrawEnabled","arrowCircleBrokenDownLeft","Withdraw"]],Oc={[fn.EVM]:"Ethereum or EVM-based L2s",[fn.SOLANA]:"Solana",[fn.COSMOS]:"Cosmos"},ua=()=>{let[e,t]=Mc(),o=v(),a=w(T=>T.appName),n=i(T=>T.onRampConfig),r=w(T=>T.hideWallets),s=i(T=>T.accountAddFundTab),l=i(T=>T.setStep),c=i(T=>T.setOnRampPurchase),{chainId:d}=Y(),p=tt(),C=pa.filter(([,T])=>!!n[T]),f=C.length>1,u=s??C[0][0],A=ca(()=>p?o.getDisplayAddress(p.id,{addressType:p.type}):"",[o,p?.id,p?.type]),S=T=>{l(ct(T.detail.tab))},h=()=>{t(A)},[U,I,b]=ca(()=>{if(!n||!p)return[[],[],{}];let T=u===ot.BUY?io.BUY:io.SELL,M=Rc(d),W=p.isExternal&&!!M?[Lc(M,n.testMode)]:Ac(n.assetInfo,{walletType:p.type,allowed:n.allowedAssets?Object.keys(n.allowedAssets):void 0}),g=W.reduce((D,R)=>{let E=n.allowedAssets?.[R],V=E===!0?void 0:E;return{...D,[R]:fc(n.assetInfo,{walletType:p.type,network:R,allowed:V})}},{}),y=n.providers.reduce((D,R)=>{let E=Ec(n.assetInfo).some(([V,_,q,Z])=>V===p.type&&W.includes(_)&&(!g[_]||g[_].includes(q))&&!!Z[R]?.[1]?.[T]);return{...D,[R]:E}},{});return[W,[...new Set(Object.values(g).flat())],y]},[p?.type,p?.isExternal,u,n.assetInfo,n.allowedAssets,d]);return An(()=>{c(void 0)},[]),An(()=>{c(void 0)},[]),!n||!p?te(Nc,{children:te(la,{})}):(An(()=>{c(void 0)},[]),we(P,{children:[f&&te(O,{children:te(xc,{selectedTab:u,onCpslTabsChanged:S,children:pa.map(([T,M,x,W])=>we(yc,{tab:T,children:[te(sa,{slot:"start",icon:x}),W]},T))})}),te(so,{children:[ot.BUY,ot.WITHDRAW].includes(u)?we(so,{children:[te(X,{variant:"headingS",weight:"bold",children:"Choose Provider"}),we(vc,{children:[we(bc,{isHidden:Object.values(b).some(T=>!!T),variant:"bodyM",children:["No providers are available for this ",r?"account":"wallet"]}),te(_c,{children:n.providers.map((T,M)=>b[T]?te(Wc.div,{style:{width:"100%"},layout:!0,initial:{opacity:0,transform:"translateX(25px)"},animate:{opacity:1,transform:"none"},exit:{opacity:0,transform:"translateX(-25px)"},transition:{duration:.2},children:te(aa,{config:n,index:M,onClick:async()=>{if(!p?.type)return;let x=T!==Sc.RAMP,{onRampPurchase:W}=await o.initiateOnRampTransaction({walletId:p.isExternal?void 0:p.id,externalWalletAddress:p.isExternal?p.id:void 0,shouldOpenPopup:x,params:{type:u===ot.BUY?io.BUY:io.SELL,walletType:p.type,provider:T,networks:U,assets:I,defaultNetwork:n.defaultOnRampNetwork,defaultAsset:n.defaultOnRampAsset,fiatQuantity:n.defaultBuyAmount?.[0],testMode:n.testMode}});c({...W,fiat:"USD"}),!x&&l("ADD_FUNDS_AWAITING")}},T)},T):null)})]})]}):we(so,{children:[te(O,{children:we(Rt,{noAutoDisable:!0,readonly:!0,placeholder:A,children:[te(Ic,{slot:"start",size:"32px",hash:o.getIdenticonHash(p.id,p.type)}),te(hc,{slot:"end",variant:"ghost",onClick:h,children:te(sa,{icon:e?"check":"copy"})})]},A)}),!wc()&&we(so,{children:[te(Tc,{children:"or"}),we(O,{children:[te(Ae,{children:A?te(gc,{url:A},A):te(la,{size:100})}),te(da,{weight:"semiBold",color:"secondary",children:"Scan with your crypto wallet"})]})]}),we(O,{children:[we(ae,{weight:"semiBold",children:[n.allowedAssets&&U.length>0||r?a??"This App":"This Wallet"," ","Only Supports:"]}),te(ae,{weight:"medium",color:"secondary",children:n.allowedAssets&&U.length>0?ia(U):Oc[p.type]})]})]})})]}))},Nc=Sn(P)`
|
|
173
173
|
margin: 50% 0;
|
|
174
|
-
`,
|
|
174
|
+
`,vc=Sn(O)`
|
|
175
175
|
position: relative;
|
|
176
176
|
min-height: 270px;
|
|
177
|
-
`,
|
|
177
|
+
`,bc=Sn(da)`
|
|
178
178
|
width: 100%;
|
|
179
179
|
text-align: center;
|
|
180
180
|
visibility: ${({isHidden:e})=>e?"hidden":"visible"};
|
|
@@ -183,9 +183,9 @@ import{CpslAuthModal as am,defineCustomElements as im,generateTheme as sm}from"@
|
|
|
183
183
|
left: 0;
|
|
184
184
|
right: 0;
|
|
185
185
|
transition: visibility 0.2s;
|
|
186
|
-
`;import{OnRampProvider as
|
|
186
|
+
`;import{OnRampProvider as En}from"@getpara/web-sdk";import{lazy as Dc,useEffect as ma,useMemo as Uc,useState as Pc}from"react";import{RampEmbed as Fc,StripeEmbed as kc}from"@getpara/react-common";import Bc from"styled-components";import{jsx as lo}from"react/jsx-runtime";var Hc={CANCELLED:"ADD_FUNDS_FAILURE",FINISHED:"ADD_FUNDS_SUCCESS"},Ca=()=>{let e=i(f=>f.setStep),t=he(),o=i(f=>f.onRampConfig),a=i(f=>f.onRampPurchase),n=i(f=>f.setOnRampPurchase),r=v(),s=w(f=>f.appName),l=w(f=>f.isDark),[c,d]=Pc(null),p={para:r,appName:s,onRampConfig:o,onRampPurchase:a,isDark:l,isEmbedded:!0,setOnRampPurchase:n,onClose:t};ma(()=>{let f=Dc(()=>import("./MoonPayEmbed-GAWXP6V7.js"));d(f)},[]);let C=Uc(()=>{if(!a.id)return null;switch(a?.provider){case En.STRIPE:return lo(kc,{...p});case En.MOONPAY:return!c||typeof window>"u"?null:lo(c,{...p});case En.RAMP:return lo(Fc,{apiKey:o.rampApiKey,...p})}},[a?.provider,c]);return ma(()=>{let f;return a?.status&&["CANCELLED","FINISHED"].includes(a.status)&&(f=setTimeout(()=>{e(Hc[a.status])},5e3)),()=>clearTimeout(f)},[a?.status]),lo(Gc,{$wide:!0,children:C})},Gc=Bc(P)`
|
|
187
187
|
flex: 1;
|
|
188
|
-
`;import{useMemo as
|
|
188
|
+
`;import{useMemo as Vc}from"react";import{CpslButton as $c,CpslText as Kc}from"@getpara/react-components";import{jsx as co,jsxs as fa}from"react/jsx-runtime";var hn=({isSuccess:e,onClose:t})=>{let o=w(p=>p.hideWallets),a=i(p=>p.setStep),n=i(p=>p.onRampPurchase),r=i(p=>p.accountAddFundTab),s=Vc(()=>new Intl.NumberFormat("en-US",{style:"currency",currency:n?.fiat||"USD"}),[n?.fiat]),l=e?"Transaction Successful":"Something Went Wrong",c=e?`${s.format(parseFloat(n?.fiatQuantity))} is now available in your ${o?"account":"wallet"}.`:`No funds were added to your ${o?"account":"wallet"}.`;return fa(P,{children:[co(Ge,{icon:"checkCircleFilled"}),fa(O,{children:[co(X,{variant:"headingS",weight:"bold",children:l}),co(Kc,{variant:"bodyS",color:"secondary",children:c})]}),co($c,{fullWidth:!0,onClick:()=>{e?t():a(ct(r))},children:e?"Done":"Try Again"})]})};import{useEffect as Aa,useState as Yc}from"react";import{CpslButton as Xc,CpslIcon as zc,CpslQrCode as Qc,CpslSpinner as qc,CpslText as Zc}from"@getpara/react-components";import{AuthMethod as Tn,isMobile as Jc}from"@getpara/web-sdk";import{Fragment as ep,jsx as ze,jsxs as po}from"react/jsx-runtime";var jc=()=>{let e=K(S=>S.setAuthInfo),t=i(S=>S.setStep),o=i(S=>S.setWebAuthURLForCreate),a=i(S=>S.setIFrameUrl),n=i(S=>S.setIsIFrameReady),r=i(S=>S.isIFrameReady),s=i(S=>S.setSupportedAuthMethods),l=i(S=>S.setBiometricLocationHints),c=v(),d=i(S=>S.setFlow),p=i(S=>S.farcasterConnectUri),C=i(S=>S.setFarcasterConnectUri),f=w(S=>S.theme),[u,A]=Yc();return Aa(()=>{u&&r&&setTimeout(()=>{t(u)},200)},[u,r]),Aa(()=>{if(p)return(async()=>{let{userExists:h,username:U,pfpUrl:I}=await c.waitForFarcasterStatus();if(e({farcasterUsername:U,pfpUrl:I}),h){let M=await c.initiateUserLoginV2({farcasterUsername:U});if(M.size>0){s(M);let x=M.has(Tn.PASSKEY)?await c.getUserBiometricLocationHints():[];d("login"),t("BIOMETRIC_LOGIN"),l(x);return}}let b=await c.getSupportedCreateAuthMethods();n(!1),d("signUp");let T=b.has(Tn.PASSKEY);T&&(o(await c.shortenLoginLink(await c.getSetUpBiometricsURL({authType:"farcaster"}))),t("BIOMETRIC_CREATION")),b.has(Tn.PASSWORD)&&(a(await c.shortenLoginLink(await c.getSetupPasswordURL({authType:"farcaster",theme:f}))),A(T?"BIOMETRIC_CREATION":"PASSWORD_CREATION"))})(),()=>{C(void 0)}},[p]),ze(P,{$wide:!0,children:Jc()?po(O,{children:[ze(Zc,{weight:"medium",color:"secondary",children:"Don\u2019t have Farcaster"}),po(Xc,{as:"a",href:"https://link.warpcast.com/download-qr",target:"_blank",variant:"secondary",children:[ze(zc,{slot:"start",icon:"linkExternal"}),"Get Farcaster"]})]}):po(ep,{children:[ze(X,{variant:"headingS",weight:"bold",children:"Sign in using Farcaster"}),po(O,{children:[ze(ae,{variant:"bodyS",color:"secondary",weight:"medium",children:"Scan the QR code with your phone's camera to proceed."}),ze(Ae,{children:p?ze(Qc,{url:p}):ze(qc,{size:100})})]})]})})},Sa=jc;import{styled as op}from"styled-components";import{useMemo as tp}from"react";var Ea=()=>{let e=w(r=>r.hideWallets),t=i(r=>r.isLogin()),o=i(r=>r.step),{chainId:a}=Y();return{title:tp(()=>({AUTH_MAIN:"",AUTH_MORE:"Sign Up or Log In",EX_WALLET_MORE:"Connect Wallet",VERIFICATIONS:"Sign Up",AWAITING_OAUTH:t?"Login":"Sign Up",FARCASTER_OAUTH:t?"Login":"Sign Up",BIOMETRIC_CREATION:"Sign Up",PASSWORD_CREATION:"Sign Up",AWAITING_BIOMETRIC_CREATION:"Sign Up",AWAITING_WALLET_CREATION:t?"Login":"Sign Up",AWAITING_PASSWORD_CREATION:"Sign Up",WALLET_CREATION_DONE:e?"Account Created":"Wallet Created",SECRET:t?"Login":"Sign Up",BIOMETRIC_LOGIN:"Login",AWAITING_PASSWORD_LOGIN:"Login",AWAITING_BIOMETRIC_LOGIN:"Login",LOGIN_DONE:"",SETUP_2FA:"2FA",VERIFY_2FA:"2FA",TWO_FACTOR_DONE:"2FA",ADD_FUNDS_BUY:"",ADD_FUNDS_RECEIVE:"",ADD_FUNDS_WITHDRAW:"",ADD_FUNDS_AWAITING:"",ADD_FUNDS_SUCCESS:"",ADD_FUNDS_FAILURE:"",ACCOUNT_MAIN:"",CHAIN_SWITCH:""}),[t,a,e])[o]}};import{AnimatePresence as np,motion as rp}from"framer-motion";import{jsx as In}from"react/jsx-runtime";var ha=()=>{let{title:e}=Ea(),t=i(a=>a.stepDirection),o=i(a=>a.step);return In(np,{mode:"popLayout",initial:!1,custom:t,children:In(ap,{custom:t,variants:ro,initial:"enter",animate:"center",exit:"exit",transition:ao,slot:"header",id:"header",children:In(ae,{weight:"semiBold",color:"secondary",children:e})},["ADD_FUNDS_BUY","ADD_FUNDS_RECEIVE","ADD_FUNDS_WITHDRAW"].includes(o)?"ADD_FUNDS":o)})},ap=op(rp.div)`
|
|
189
189
|
position: absolute;
|
|
190
190
|
top: 16px;
|
|
191
191
|
width: 100%;
|
|
@@ -195,7 +195,7 @@ import{CpslAuthModal as am,defineCustomElements as im,generateTheme as sm}from"@
|
|
|
195
195
|
justify-content: space-between;
|
|
196
196
|
gap: 8px;
|
|
197
197
|
flex-wrap: wrap;
|
|
198
|
-
`;import
|
|
198
|
+
`;import Zp from"styled-components";import{Fragment as $p,useMemo as Kp}from"react";import{CpslButton as Yp,CpslDivider as Xp,CpslIconGroup as zp}from"@getpara/react-components";import ho from"styled-components";import We from"styled-components";import{CpslButton as yn,CpslIcon as uo,CpslInput as ip,CpslText as bt}from"@getpara/react-components";import{useState as sp}from"react";var gn=e=>e.find(t=>t.includes("EXTERNAL")),vt=e=>e.find(t=>t.includes("AUTH"));import{Fragment as Ap,jsx as re,jsxs as Qe}from"react/jsx-runtime";var Ta=3,mo=()=>{let{wallets:e,connectExternalWallet:t}=Y(),o=i(A=>A.setSelectedExternalWalletId),a=i(A=>A.setStep),n=i(A=>A.step==="EX_WALLET_MORE"),r=w(A=>A.authLayout),[s,l]=sp(""),c=e.length>Ta,d=n||!c?s?e.filter(A=>A.name.toLowerCase().includes(s.toLowerCase())):e:e.slice(0,Ta),p=!n&&c,C=()=>{a("EX_WALLET_MORE")},f=()=>{a("AUTH_MORE")},u=A=>()=>{o(A.id),a("EX_WALLET_SELECTED"),A.installed?t(A):A.isMobile&&t(A,!0)};return Qe(lp,{$maxHeight:n,children:[n&&Qe(Ap,{children:[re(mp,{children:re(Cp,{placeholder:"Search for your wallet",onCpslInput:async A=>{l(A.target.value)},value:s,style:{width:"100%"},children:re(up,{slot:"start",icon:"search"})})}),vt(r)&&re(yn,{fullWidth:!0,variant:"tertiary",onClick:f,children:Qe(Ia,{children:[Qe(ga,{children:[re(uo,{slot:"start",icon:"paraIcon"}),re(bt,{weight:"medium",children:"Para"})]}),re(ya,{$show:!0,$variant:"installed",children:re(bt,{variant:"body2XS",weight:"medium",children:"Available"})})]})})]}),d.map(A=>n?re(yn,{fullWidth:!0,variant:"tertiary",onClick:u(A),children:Qe(Ia,{children:[Qe(ga,{children:[re(uo,{slot:"start",src:A.iconUrl}),re(bt,{weight:"medium",children:A.name})]}),re(ya,{$show:A.isMobile||A.installed,$variant:A.installed?"installed":"mobile",children:re(bt,{variant:"body2XS",weight:"medium",children:A.installed?"Installed":"Mobile"})})]})},A.id):re(cp,{src:A.iconUrl,onClick:u(A),children:Qe(dp,{children:[A.installed&&re(pp,{}),re(bt,{variant:"bodyXS",color:"secondary",weight:"medium",children:A.name})]})},A.id)),p&&Qe(yn,{variant:"tertiary",fullWidth:!0,onClick:C,children:[re(uo,{slot:"start",icon:"wallet"}),"More Wallets"]}),n&&re(fp,{})]})},lp=We.div`
|
|
199
199
|
position: relative;
|
|
200
200
|
display: flex;
|
|
201
201
|
justify-content: center;
|
|
@@ -210,15 +210,15 @@ import{CpslAuthModal as am,defineCustomElements as im,generateTheme as sm}from"@
|
|
|
210
210
|
}
|
|
211
211
|
-ms-overflow-style: none;
|
|
212
212
|
scrollbar-width: none;
|
|
213
|
-
`,
|
|
213
|
+
`,cp=We(He)`
|
|
214
214
|
flex: 1;
|
|
215
|
-
`,Ia=
|
|
215
|
+
`,Ia=We.div`
|
|
216
216
|
width: 100%;
|
|
217
217
|
display: flex;
|
|
218
218
|
align-items: center;
|
|
219
219
|
gap: 8px;
|
|
220
220
|
justify-content: space-between;
|
|
221
|
-
`,ga=
|
|
221
|
+
`,ga=We.div`
|
|
222
222
|
display: flex;
|
|
223
223
|
align-items: center;
|
|
224
224
|
gap: 8px;
|
|
@@ -231,7 +231,7 @@ import{CpslAuthModal as am,defineCustomElements as im,generateTheme as sm}from"@
|
|
|
231
231
|
color: var(--cpsl-color-contrast);
|
|
232
232
|
}
|
|
233
233
|
}
|
|
234
|
-
`,ya=
|
|
234
|
+
`,ya=We.div`
|
|
235
235
|
visibility: ${({$show:e})=>e?"visible":"hidden"};
|
|
236
236
|
padding: 2px 4px;
|
|
237
237
|
border-radius: 4px;
|
|
@@ -242,18 +242,18 @@ import{CpslAuthModal as am,defineCustomElements as im,generateTheme as sm}from"@
|
|
|
242
242
|
color: ${({$variant:e})=>e==="installed"?"var(--cpsl-color-utility-green)":"var(--cpsl-color-text-primary)"};
|
|
243
243
|
}
|
|
244
244
|
}
|
|
245
|
-
`,
|
|
245
|
+
`,pp=We.span`
|
|
246
246
|
width: 8px;
|
|
247
247
|
height: 8px;
|
|
248
248
|
border-radius: 100%;
|
|
249
249
|
background-color: var(--cpsl-color-utility-green);
|
|
250
|
-
`,
|
|
250
|
+
`,dp=We.div`
|
|
251
251
|
display: flex;
|
|
252
252
|
gap: 4px;
|
|
253
253
|
align-items: center;
|
|
254
|
-
`,
|
|
254
|
+
`,up=We(uo)`
|
|
255
255
|
--icon-color: var(--cpsl-color-contrast);
|
|
256
|
-
`,
|
|
256
|
+
`,mp=We.div`
|
|
257
257
|
width: 100%;
|
|
258
258
|
background-color: var(--cpsl-color-background-0);
|
|
259
259
|
|
|
@@ -261,11 +261,11 @@ import{CpslAuthModal as am,defineCustomElements as im,generateTheme as sm}from"@
|
|
|
261
261
|
top: 0;
|
|
262
262
|
padding-bottom: 4px;
|
|
263
263
|
margin-bottom: -4px;
|
|
264
|
-
`,
|
|
264
|
+
`,Cp=We(ip)`
|
|
265
265
|
width: 100%;
|
|
266
266
|
--container-background-color: var(--cpsl-color-background-8);
|
|
267
267
|
--input-background-color: var(--cpsl-color-background-8);
|
|
268
|
-
`,
|
|
268
|
+
`,fp=We.div`
|
|
269
269
|
position: sticky;
|
|
270
270
|
height: 56px;
|
|
271
271
|
width: 100%;
|
|
@@ -273,16 +273,16 @@ import{CpslAuthModal as am,defineCustomElements as im,generateTheme as sm}from"@
|
|
|
273
273
|
|
|
274
274
|
background: linear-gradient(0deg, var(--cpsl-color-background-0) 0%, rgba(234, 239, 211, 0) 100%);
|
|
275
275
|
pointer-events: none;
|
|
276
|
-
`;var
|
|
276
|
+
`;var Co={GOOGLE:"googleBrand",TWITTER:"twitter",APPLE:"apple",DISCORD:"discordBrand",FACEBOOK:"facebookBrand",FARCASTER:"farcasterBrand",TELEGRAM:"telegramBrand"},fo={GOOGLE:"google",TWITTER:"twitter",APPLE:"apple",DISCORD:"discord",FACEBOOK:"facebook",FARCASTER:"farcaster",TELEGRAM:"telegram"};import{useMemo as Bp}from"react";import Hp from"styled-components";import{AuthMethod as xn,OAuthMethod as wn}from"@getpara/web-sdk";import{styled as La}from"styled-components";var xa=(e,t)=>{if(t<2)return"1 1 auto";if(t%3===0)return`0 0 calc(33.333333% - ${5.336}px)`;if(t%3===1)return e<4?"0 0 calc(50% - 4px)":`0 0 calc(33.333333% - ${5.336}px)`;if(t%3===2)return e<2?"0 0 calc(50% - 4px)":`0 0 calc(33.333333% - ${5.336}px)`};import{useEffect as Wa,useState as hp}from"react";import{isAndroid as Sp,isMobile as Ep,isTelegram as wa}from"@getpara/web-sdk";var nt=e=>{if(!(typeof window>"u")&&Ep()){if(!e)return;if(!wa()&&e.startsWith("http")){let t=document.createElement("a");t.href=e,t.target="_blank",t.rel="noreferrer noopener",t.click()}else if(wa()){let t=e;Sp()&&(t=encodeURI(e)),window.open(t,"_blank","noreferrer noopener")}else window.location.href=e}};import{jsx as Ra,jsxs as Ip}from"react/jsx-runtime";var Dt=3,Ma=({methods:e})=>{let t=he(),o=w(E=>E.oAuthLogoVariant),a=w(E=>E.isDark),n=v(),r=i(E=>E.refs),s=i(E=>E.setFlow),l=i(E=>E.setStep),c=K(E=>E.setAuthInfo),d=i(E=>E.setSupportedAuthMethods),p=i(E=>E.setBiometricLocationHints),C=i(E=>E.setFarcasterConnectUri),f=i(E=>E.farcasterConnectUri),u=i(E=>E.step==="AUTH_MORE"),A=i(E=>E.setIFrameUrl),S=i(E=>E.setIsIFrameReady),h=i(E=>E.isIFrameReady),U=i(E=>E.setWebAuthURLForCreate),I=w(E=>E.theme),[b,T]=hp();Wa(()=>{b&&h&&setTimeout(()=>{l(b)},200)},[b,h]),Wa(()=>{(async()=>{if(!e.includes(wn.FARCASTER))return;let V=await n.getFarcasterConnectURL();C(V)})()},[]);let M=e.length>Dt,x=u||!M?e:e.slice(0,Dt-1),W=()=>{l("AUTH_MORE")},g=E=>async()=>{switch(E){case wn.FARCASTER:if(!f)return;nt(f),l("FARCASTER_OAUTH");break;case wn.TELEGRAM:l("TELEGRAM_OAUTH");break;default:l("AWAITING_OAUTH");let V=await n.getOAuthURL({method:E});r.popupWindow.current=Ze({url:V,target:`${E}AuthPopup`,type:"OAUTH",current:r.popupWindow.current});let{email:_,isError:q,userExists:Z}=await n.waitForOAuth({popupWindow:r.popupWindow.current});if(r.popupWindow.current=void 0,(q||!_)&&r.currentStep.current==="AWAITING_OAUTH"){t();return}if(c({email:_}),Z){let m=await n.initiateUserLoginV2({email:_});if(m.size>0){let F=m.has(xn.PASSKEY)?await n.getUserBiometricLocationHints():[];s("login"),l("BIOMETRIC_LOGIN"),d(m),p(F);return}}let ce=await n.getSupportedCreateAuthMethods();S(!1),s("signUp");let $=ce.has(xn.PASSKEY);$&&U(await n.shortenLoginLink(await n.getSetUpBiometricsURL({authType:"email"}))),ce.has(xn.PASSWORD)&&A(await n.shortenLoginLink(await n.getSetupPasswordURL({authType:"email",theme:I}))),T($?"BIOMETRIC_CREATION":"PASSWORD_CREATION");break}},y=o==="default",D=y?a:o!=="dark",R=!u&&M;return Ip(Tp,{children:[x.map((E,V)=>Ra(_a,{$isDark:D,icon:y?Co[E]:fo[E],onClick:g(E),$index:V,$totalItems:R?Dt:x.length},E)),R&&Ra(_a,{$isDark:D,icon:"moreLoginOptions",onClick:W,$index:Dt-1,$totalItems:Dt})]})},Tp=La.div`
|
|
277
277
|
display: flex;
|
|
278
278
|
justify-content: center;
|
|
279
279
|
gap: 8px;
|
|
280
280
|
flex-wrap: wrap;
|
|
281
|
-
`,
|
|
281
|
+
`,_a=La(He)`
|
|
282
282
|
flex: ${({$index:e,$totalItems:t})=>xa(e,t)};
|
|
283
283
|
|
|
284
284
|
--button-icon-color: ${({$isDark:e})=>e?"white":"black"};
|
|
285
|
-
`;import{CpslButton as
|
|
285
|
+
`;import{CpslButton as Rp,CpslIcon as _n,CpslInput as Lp,CpslSelect as Mp,CpslSelectItem as Op,CpslSpinner as Np,CpslText as Ao}from"@getpara/react-components";import{useRef as vp,useState as rt}from"react";import kt from"styled-components";import{getCountries as gp,getCountryCallingCode as yp}from"libphonenumber-js";var xp=["AC","CG","CI","CV","GF","GP","MF","NC","PM","RE","SD","SH","SJ","TA","VA","WF","XK","YT"],wp=()=>gp().filter(o=>!xp.includes(o)).map(o=>{let a=yp(o);return{label:new Intl.DisplayNames(["en"],{type:"region"}).of(o),value:`+${a}`,selectedLabel:o,icon:o}}).sort((o,a)=>o.label.localeCompare(a.label)),Wp=wp(),Ut=Wp;import{useEffect as _p,useState as Wn}from"react";var Pt=e=>{let[t,o]=Wn(),[a,n]=Wn(),[r,s]=Wn(),l=()=>{if(typeof window<"u"){let c=Math.max(window.innerHeight-e?.current?.getBoundingClientRect().bottom-20,window.innerHeight*.25);o(c),n(e?.current?.getBoundingClientRect().width),s(e?.current?.getBoundingClientRect().height)}};return e.current&&!t&&l(),_p(()=>(typeof window<"u"&&window.addEventListener("resize",l),()=>{typeof window<"u"&&window.removeEventListener("resize",l)}),[]),{dropdownMaxHeight:t,dropdownWidth:a,mobileAnchor:r,resize:l}};var Oa="#################",Na={AF:"### ### ####",AX:"## ### ####",AL:"(###) ### ###",DZ:"(###) ### ###",AS:"(###) ###-####",AD:"### ###",AO:"(###) ### ###",AI:"(###) ###-####",AG:"(###) ###-####",AR:"(###) ###-####",AM:"## ### ###",AW:"### ####",AU:"# #### ####",AT:"(###) ### ####",AZ:"(###) ### ## ##",BS:"(###) ###-####",BH:"#### ####",BD:"# ### ###",BB:"(###) ###-####",BY:"(##) ###-##-##",BE:"(###) ### ###",BZ:"###-####",BJ:"##-##-####",BM:"(###) ###-####",BT:"# ### ###",BO:"# ### ####",BA:"## ###-###",BW:"## ### ###",BR:"(##) ####-####",IO:"### ####",BN:"### ####",BG:"(###) ### ###",BF:"## ## ####",BI:"## ## ####",KH:"## ### ###",CM:"#### ####",CA:"(###) ###-####",CV:"(###) ## ##",KY:"(###) ###-####",CF:"## ## ####",TD:"## ## ## ##",CL:"# #### ####",CN:"(###) #### ####",CX:"# ## ## ##",CC:"# ## ## ##",CO:"(###) ### ####",KM:"## ## ## ##",CG:"## ### ####",CK:"## ###",CR:"#### ####",HR:"## #### ###",CU:"# ### ####",CY:"## ### ###",CZ:"### ### ###",CD:"### ### ###",DK:"## ## ## ##",DJ:"## ## ## ##",DM:"(###) ###-####",DO:"(###) ###-####",EC:"## ### ####",EG:"# #### ####",SV:"#### ####",GQ:"## ### ####",ER:"# ### ###",EE:"#### ####",SZ:"#### ####",ET:"## ### ####",FK:"#####",FO:"######",FJ:"### ####",FI:"## ### ####",FR:"## ## ## ## ##",GF:"### ## ## ##",PF:"## ## ##",GA:"# ## ## ##",GM:"### ####",GE:"(###) ## ## ##",DE:"(###) ### ####",GH:"## ### ####",GI:"### #####",GR:"(###) ### ####",GL:"## ## ##",GD:"(###) ###-####",GP:"### ## ## ##",GU:"(###) ###-####",GT:"# ### ####",GG:"(####) ### ###",GN:"## ### ###",GW:"# #######",GY:"### ####",HT:"## ## ####",VA:"### ####",HN:"####-####",HK:"#### ####",HU:"(##) ### ####",IS:"### ####",IN:"####### ###",ID:"(###) ###-####",IR:"(###) ### ####",IQ:"(###) ### ####",IE:"(###) ### ###",IM:"(####) ### ###",IL:"#-###-####",IT:"(###) #### ###",CI:"## ## ## ##",JM:"(###) ###-####",JP:"(###) ###-####",JE:"(####) ### ###",JO:"# #### ####",KZ:"(###) ###-##-##",KE:"### ######",KI:"## ###",KP:"###-###-####",KR:"(###) ####-####",XK:"## ### ###",KW:"#### ####",KG:"(###) ###-###",LA:"## ## ####",LV:"## ### ###",LB:"## ### ###",LS:"# ### ####",LR:"## ### ###",LY:"##-#######",LI:"(###) ###-####",LT:"(###) ## ###",LU:"### ### ###",MO:"#### ####",MG:"## ## ### ##",MW:"# #### ####",MY:"(###) ###-###",MV:"###-####",ML:"## ## ####",MT:"#### ####",MH:"###-####",MQ:"### ## ## ##",MR:"## ## ####",MU:"### ####",YT:"### ## ## ##",MX:"(###) ###-####",FM:"### ####",MD:"#### ####",MC:"(###) ###-###",MN:"## ## ####",ME:"## ### ###",MS:"(###) ###-####",MA:"#-####-####",MZ:"## ### ####",MM:"# ### ####",NA:"## ### ####",NR:"### ####",NP:"#-######",NL:"## ### ####",NC:"##.##.##",NZ:"## ### ###",NI:"#### ####",NE:"## ## ## ##",NG:"## ### ####",NU:"####",NF:"### ###",MK:"## ### ###",MP:"(###) ###-####",NO:"### ## ###",OM:"#### ####",PK:"(###) #######",PW:"### ####",PS:"## ### ####",PA:"####-####",PG:"(###) ## ###",PY:"## ### ####",PE:"(###) ### ###",PH:"(###) ###-####",PN:"### ####",PL:"### ### ###",PT:"## ### ####",PR:"(###) ###-####",QA:"#### ####",RE:"##### ####",RO:"## ### ####",RU:"(###) ###-##-##",RW:"(###) ### ###",BL:"### ## ## ##",SH:"####",KN:"(###) ###-####",LC:"(###) ###-####",MF:"### ## ## ##",PM:"## ## ##",VC:"(###) ###-####",WS:"####",SM:"(####) ######",ST:"## ####",SA:"# ### ####",SN:"## ### ####",RS:"## ### ####",SC:"# ### ###",SL:"## ######",SG:"#### ####",SX:"(###) ###-####",SK:"(###) ### ###",SI:"## ### ###",SB:"### ####",SO:"# ### ###",ZA:"## ### ####",GS:"####",SS:"# ### ####",ES:"### ### ###",LK:"## ### ####",SD:"## ### ####",SR:"###-####",SJ:"### ## ###",SE:"## ### ####",CH:"## ### ####",SY:"## #### ###",TW:"#### ####",TJ:"## ### ####",TZ:"## ### ####",TH:"# #### ####",TL:"#### ####",TG:"## ## ## ##",TK:"####",TO:"####",TT:"(###) ###-####",TN:"## ### ###",TR:"(###) ### ####",TM:"# ### ###",TC:"(###) ###-####",TV:"####",UG:"## ### ####",UA:"## ### ####",AE:"# ### ####",GB:"#### ### ###",US:"(###) ###-####",UM:"(###) ###-####",UY:"# ### ## ##",UZ:"## ### ####",VU:"## ####",VE:"###-###-####",VN:"## #### ###",VG:"(###) ###-####",VI:"(###) ###-####",WF:"## ####",EH:"###-###-###",YE:"# ### ###",ZM:"## ### ####",ZW:"# #######"};import{AuthMethod as va}from"@getpara/web-sdk";import{jsx as Le,jsxs as Ft}from"react/jsx-runtime";var bp={label:"United States",value:"+1",selectedLabel:"US",icon:"US"},ba=({disableEmailLogin:e,disablePhoneLogin:t})=>{let o=vp(null),{dropdownMaxHeight:a,dropdownWidth:n}=Pt(o),r=v(),s=K(m=>m.setAuthInfo),l=K(m=>m.getAuthInfo()),c=i(m=>m.setFlow),d=i(m=>m.setStep),p=i(m=>m.setSupportedAuthMethods),C=i(m=>m.setBiometricLocationHints),[f,u]=rt(l?.authType==="phone"?l.auth.countryCode:"+1"),[A,S]=rt(!l||["telegram","farcaster"].includes(l.authType)?"":l.authType!=="phone"?l.identifier:l.auth.phone),[h,U]=rt(l&&(l.authType==="email"||l.authType==="phone")?l.authType:void 0),[I,b]=rt(bp),[T,M]=rt(!1),[x,W]=rt(""),[g,y]=rt(""),D=h==="email",R=h==="phone",E=!h,V=g?Ut.filter(m=>m.selectedLabel.toLowerCase().includes(g.toLowerCase())||m.label.toLowerCase().includes(g.toLowerCase())||m.value.toLowerCase().includes(g.toLowerCase())):Ut,_=m=>{y(m.detail)},q=m=>{let F=m.detail.value,H=!1,J=!1;if(!t){let k=Ut.find(pe=>pe.value===F);if(k){u(k.value),b(k),U("phone"),S("");return}H=!D&&R?/\d+$/.test(F):/\d\d\d+$/.test(F)}e||(J=/\D.*$/.test(F)),U(J?"email":H?"phone":void 0),S(F)},Z=m=>{let F=Ut.find(H=>H.selectedLabel===m.detail);u(F.value),b(F)},ce=async()=>{if(W(""),E){W("Please enter a valid email or phone number!");return}let m;if(D){if(!ta.test(A)){W("Please enter a valid email!");return}if(await r.logout(),m={email:A},s(m),await r.checkIfUserExists({email:A})){let H=await r.initiateUserLoginV2(m),J=H.has(va.PASSKEY)?await r.getUserBiometricLocationHints():[];c("login"),d("BIOMETRIC_LOGIN"),p(H),C(J);return}await r.createUser(m),c("signUp"),d("VERIFICATIONS");return}if(R){await r.logout();let F=!1;try{F=await r.checkIfUserExistsByPhone({phone:A,countryCode:f})}catch{W("Please enter a valid phone number!");return}if(m={phone:A,countryCode:f},s(m),F){let H=await r.initiateUserLoginV2(m),J=H.has(va.PASSKEY)?await r.getUserBiometricLocationHints():[];c("login"),d("BIOMETRIC_LOGIN"),p(H),C(J);return}await r.createUserByPhone(m),c("signUp"),d("VERIFICATIONS");return}},$=async()=>{M(!0),await ce(),M(!1)};return e&&t?null:Le("form",{onSubmit:async m=>{m.preventDefault(),await $()},children:Ft(kp,{ref:o,id:"authInput",placeholder:D||t?"Enter email":R||e?"Enter phone":"Enter email or phone",onCpslInput:q,value:A,errorText:x,autofocus:!0,inputMode:"email",onKeyDown:async m=>m.key==="Enter"&&$(),contrastText:!0,isPhone:R,mask:h==="phone"?Na[I.selectedLabel]??Oa:void 0,enterkeyhint:"go",noAutoDisable:!0,disabled:T,"data-testid":"auth-input",children:[Ft(Dp,{slot:"start",children:[!e&&(E||D)&&Le(_n,{"aria-label":"email",icon:"mail"}),!t&&E&&Le(_n,{"aria-label":"phone",icon:"phone"}),R&&Ft(Up,{selectedValue:I.selectedLabel,onCpslSelectValueChange:Z,showFormattedSelectedItem:!0,autoWidth:!0,dropdownMaxHeight:a,anchorElId:"authInput",$width:n,showSearch:!0,searchPlaceholder:"Search Countries",onCpslSearchChange:_,"data-testid":"country-code-select",children:[I&&Ft(Fp,{slot:"selected-item",children:[Le(Ao,{children:I.selectedLabel}),Le(Ao,{children:I.value})]}),V.map(m=>Ft(Pp,{slot:"items",value:m.selectedLabel,children:[Le(Ao,{children:m.label}),Le(Ao,{children:m.value})]},m.selectedLabel))]})]}),A&&Le(Rp,{slot:"end",size:"small",fullWidth:!0,disabled:T,onClick:$,children:T?Le(Np,{size:16}):Le(_n,{icon:"arrowNarrow"})})]},"email")})},Dp=kt.div`
|
|
286
286
|
height: 100%;
|
|
287
287
|
display: flex;
|
|
288
288
|
align-items: center;
|
|
@@ -293,7 +293,7 @@ import{CpslAuthModal as am,defineCustomElements as im,generateTheme as sm}from"@
|
|
|
293
293
|
& cpsl-icon {
|
|
294
294
|
--icon-color: var(--cpsl-color-contrast);
|
|
295
295
|
}
|
|
296
|
-
`,
|
|
296
|
+
`,Up=kt(Mp)`
|
|
297
297
|
--container-height: 100%;
|
|
298
298
|
--container-padding-start: 0px;
|
|
299
299
|
--container-padding-end: 0px;
|
|
@@ -317,45 +317,45 @@ import{CpslAuthModal as am,defineCustomElements as im,generateTheme as sm}from"@
|
|
|
317
317
|
bottom: 16px;
|
|
318
318
|
}
|
|
319
319
|
}
|
|
320
|
-
`,
|
|
320
|
+
`,Pp=kt(Op)`
|
|
321
321
|
&::part(inner-container) {
|
|
322
322
|
justify-content: space-between;
|
|
323
323
|
}
|
|
324
|
-
`,
|
|
324
|
+
`,Fp=kt.div`
|
|
325
325
|
display: flex;
|
|
326
326
|
gap: 4px;
|
|
327
327
|
align-items: center;
|
|
328
|
-
`,
|
|
328
|
+
`,kp=kt(Lp)`
|
|
329
329
|
--container-background-color: var(--cpsl-color-background-8);
|
|
330
330
|
--input-background-color: var(--cpsl-color-background-8);
|
|
331
331
|
--container-padding-end: 8px;
|
|
332
|
-
`;import{Fragment as
|
|
332
|
+
`;import{Fragment as Vp,jsx as So}from"react/jsx-runtime";var Eo=({oAuthMethods:e,disableEmailLogin:t,disablePhoneLogin:o})=>{let{wallets:a}=Y(),n=i(s=>s.step==="AUTH_MORE"),r=Bp(()=>{let s=[];return e?.length&&s.push(So(Ma,{methods:e},"oAuth")),(!t||!o)&&s.push(So(ba,{disableEmailLogin:t,disablePhoneLogin:o},"input")),So(Vp,{children:s})},[n,e,t,o,a]);return So(Gp,{children:r})},Gp=Hp.div`
|
|
333
333
|
display: flex;
|
|
334
334
|
flex-direction: column;
|
|
335
335
|
gap: 8px;
|
|
336
|
-
`;import{Fragment as
|
|
336
|
+
`;import{Fragment as qp,jsx as Ue,jsxs as Rn}from"react/jsx-runtime";var Pa=({oAuthMethods:e,disableEmailLogin:t,disablePhoneLogin:o})=>{let{wallets:a}=Y(),n=w(u=>u.authLayout),r=i(u=>u.setStep),s=w(u=>u.oAuthLogoVariant),l=w(u=>u.isDark),c=s==="default",d=c?l:s!=="dark",p=()=>{r("AUTH_MORE")},C=()=>{r("EX_WALLET_MORE")},f=Kp(()=>{let u=[];return n.forEach(A=>{switch(A){case"AUTH:FULL":{u.push([Ue(Eo,{oAuthMethods:e,disableEmailLogin:t,disablePhoneLogin:o},"authFull"),A]);break}case"AUTH:CONDENSED":{let S=[];e?.forEach(h=>S.push(c?Co[h]:fo[h])),u.push([Rn(Ua,{onClick:p,variant:"tertiary",fullWidth:!0,children:[Ue(Da,{slot:"start",icons:[],$isDark:d}),"Sign Up or Login",Ue(Ln,{slot:"end",icons:S.splice(0,3),$isDark:d})]},"authCondensed"),A]);break}case"EXTERNAL:FULL":{a.length&&u.push([Ue(mo,{},"externalWallets"),A]);break}case"EXTERNAL:CONDENSED":{let S=[];a?.forEach(h=>S.push(h.iconUrl)),u.push([Rn(Ua,{onClick:C,variant:"tertiary",fullWidth:!0,children:[Ue(Da,{slot:"start",icons:[],$isDark:d}),"Connect Wallet",Ue(Ln,{slot:"end",icons:S.splice(0,3),$isDark:d})]},"authCondensed"),A]);break}default:break}}),Ue(qp,{children:u.map(([A,S],h)=>Rn($p,{children:[A,u.length>1&&h<u.length-1&&Ue(Xp,{children:"or"},"or")]},S))})},[e,t,o,a,n]);return Ue(Qp,{"data-testid":"main-auth-step-content",children:f})},Qp=ho.div`
|
|
337
337
|
display: flex;
|
|
338
338
|
flex-direction: column;
|
|
339
339
|
gap: 8px;
|
|
340
|
-
`,Ln=
|
|
340
|
+
`,Ln=ho(zp)`
|
|
341
341
|
--icon-item-color: ${({$isDark:e})=>e?"white":"black"};
|
|
342
342
|
flex: 1;
|
|
343
343
|
justify-content: flex-end;
|
|
344
|
-
`,
|
|
344
|
+
`,Da=ho(Ln)`
|
|
345
345
|
visibility: hidden;
|
|
346
|
-
`,
|
|
346
|
+
`,Ua=ho(Yp)`
|
|
347
347
|
--button-justify-content: space-between;
|
|
348
348
|
|
|
349
349
|
&::part(button-native) {
|
|
350
350
|
max-height: 50px;
|
|
351
351
|
}
|
|
352
|
-
`;import{Fragment as
|
|
352
|
+
`;import{Fragment as jp,jsx as Mn,jsxs as ed}from"react/jsx-runtime";var Fa=({oAuthMethods:e,disableEmailLogin:t,disablePhoneLogin:o})=>{let a=w(d=>d.getLogo()),n=w(d=>d.appName),r=w(d=>d.authLayout),s=w(d=>d.embeddedModal),c=r[0].split(":")[0]==="AUTH"?"Sign Up or Login":"Connect Wallet";return ed(jp,{children:[a&&Mn(Jp,{src:a,alt:`${n?`${n} -`:""}logo`}),!s&&Mn(ae,{variant:a?"bodyM":"headingS",weight:"semiBold",children:c}),Mn(Pa,{disableEmailLogin:t,disablePhoneLogin:o,oAuthMethods:e})]})},Jp=Zp.img`
|
|
353
353
|
height: 100px;
|
|
354
354
|
max-width: 260px;
|
|
355
355
|
object-fit: contain;
|
|
356
356
|
box-sizing: content-box;
|
|
357
357
|
align-self: center;
|
|
358
|
-
`;import bn from"styled-components";import{CpslButton as
|
|
358
|
+
`;import bn from"styled-components";import{CpslButton as td,CpslIcon as od,CpslSpinner as ka,CpslText as On}from"@getpara/react-components";import{useState as nd}from"react";import{Fragment as Ba,jsx as Te,jsxs as vn}from"react/jsx-runtime";var Ha=({onClose:e})=>{let t=i(u=>u.onRampConfig),o=i(u=>u.setStep),a=w(u=>u.hideWallets),{disconnectExternalWallet:n}=Y(),r=v(),[s,l]=nd(!1),c=!!t,d=()=>{o("ADD_FUNDS_BUY")},p=()=>{o("ADD_FUNDS_RECEIVE")},C=()=>{o("ADD_FUNDS_WITHDRAW")},f=async()=>{l(!0),await r.logout(),await n(),e(),o("AUTH_MAIN"),l(!1)};return Te(P,{$wide:!0,children:vn(O,{children:[Te(rd,{children:c?vn(Ba,{children:[t.isBuyEnabled&&Te(Nn,{icon:"creditCard",onClick:d,children:Te(On,{variant:"bodyXS",color:"secondary",weight:"medium",children:"Buy Crypto"})}),t.isReceiveEnabled&&Te(Nn,{icon:"qrCode02",onClick:p,children:Te(On,{variant:"bodyXS",color:"secondary",weight:"medium",children:"Receive"})}),t.isWithdrawEnabled&&Te(Nn,{icon:"arrowCircleBrokenDownLeft",onClick:C,children:Te(On,{variant:"bodyXS",color:"secondary",weight:"medium",children:"Withdraw"})})]}):Te(ka,{})}),Te(ad,{variant:"destructive",fullWidth:!0,onClick:f,disabled:s,children:s?Te(ka,{size:16}):vn(Ba,{children:[a?"Logout":"Disconnect Wallet",Te(od,{icon:"logOut",slot:"end"})]})})]})})},rd=bn.div`
|
|
359
359
|
display: flex;
|
|
360
360
|
align-items: center;
|
|
361
361
|
justify-content: center;
|
|
@@ -366,27 +366,27 @@ import{CpslAuthModal as am,defineCustomElements as im,generateTheme as sm}from"@
|
|
|
366
366
|
flex: 1;
|
|
367
367
|
|
|
368
368
|
--button-icon-color: var(--cpsl-color-text-primary);
|
|
369
|
-
`,
|
|
369
|
+
`,ad=bn(td)`
|
|
370
370
|
--button-border-width: 0px;
|
|
371
|
-
`;import{CpslButton as
|
|
371
|
+
`;import{CpslButton as To,CpslIcon as Io,CpslQrCode as id,CpslSpinner as sd,CpslText as Dn}from"@getpara/react-components";import{useEffect as Ga,useMemo as ld}from"react";import at from"styled-components";import{useCopyToClipboard as cd}from"@getpara/react-common";import{isMobile as Va,isTablet as pd,WalletType as $a}from"@getpara/web-sdk";import{Fragment as Un,jsx as z,jsxs as Me}from"react/jsx-runtime";var Qa=()=>{let[e,t]=cd(),o=i(C=>C.externalWalletError),a=i(C=>C.setStep),{connectExternalWallet:n,wallet:r,qrUri:s,walletDisplayHelpers:l}=Y();Ga(()=>{nt(s)},[s]);let c=async()=>{await n(r)},d=()=>{t(s)},p=ld(()=>{if(!r)return null;let C=r.id==="walletConnect";Va()&&C&&O;let{showExtension:u,showMobile:A,isSolanaMobileIOS:S}=l;if(!A&&!u||S&&!r.installed){let h=S?`Solana wallets aren't available on mobile IOS browsers.
|
|
372
372
|
|
|
373
373
|
Please continue in the wallet app.`:`${r.name} isn't supported on mobile devices.
|
|
374
374
|
|
|
375
|
-
Please choose another wallet or continue on desktop.`;return
|
|
375
|
+
Please choose another wallet or continue on desktop.`;return z(O,{children:z(Ka,{weight:"semiBold",children:h})})}if(u){let h=r.installed;return Me(O,{children:[h&&!o?.length?z(ae,{color:"contrast",weight:"semiBold",children:`Confirm connection request in the ${r.name} browser extension.`}):Me(ud,{children:[z(md,{icon:"alertCircle"}),z(Dn,{weight:"semiBold",color:"error",children:h?o?.[0]:`${r.name} not detected`})]}),Me(To,{as:h?"button":"a",href:r.downloadUrl??"",target:"_blank",variant:"secondary",onClick:c,children:[z(Io,{slot:"start",icon:h?"refresh":"linkExternal"}),h?"Try Again":`Get ${r.name}`]})]})}if(A){if(r.type===$a.SOLANA||Va()&&!pd()){let I=r.type!==$a.SOLANA||r.installed;return Me(Un,{children:[z(O,{children:!I&&z(Dn,{weight:"semiBold",color:"error",children:`${r.name} not detected`})}),r.id!=="walletConnect"&&Me(O,{children:[z(To,{onClick:()=>nt(s),fullWidth:!0,children:"Connect Wallet"}),z(za,{href:r.downloadUrl??"",target:"_blank",children:Me(Ya,{variant:"secondary",children:[`Get ${r.name}`,z(Xa,{icon:"linkExternal"})]})})]})]})}let U=Me(Ya,{variant:"secondary",onClick:C?async()=>{await n(r,!0,!0)}:void 0,children:[`${C?"Open":"Get"} ${r.name}`,z(Xa,{icon:"linkExternal"})]});return Me(Un,{children:[Me(O,{children:[z(Dn,{weight:"semiBold",children:"Scan with your mobile device"}),z(Ae,{children:s?z(id,{url:s,imageSrc:r.iconUrl}):z(sd,{size:100})}),Me(To,{size:"small",variant:"ghost",onClick:d,children:[z(Io,{slot:"start",icon:e?"check":"copy"}),e?"Copied":"Copy Link"]})]}),z(O,{children:C?z(Un,{children:U}):z(za,{href:r.downloadUrl??"",target:"_blank",children:U})})]})}},[r,l,o,s]);return Ga(()=>{r||a("AUTH_MAIN")},[r]),r?z(dd,{children:p}):null},dd=at(P)`
|
|
376
376
|
flex: 1;
|
|
377
377
|
justify-content: space-between;
|
|
378
|
-
`,
|
|
378
|
+
`,ud=at.div`
|
|
379
379
|
display: flex;
|
|
380
380
|
align-items: center;
|
|
381
381
|
justify-content: center;
|
|
382
382
|
gap: 4px;
|
|
383
|
-
`,
|
|
383
|
+
`,md=at(Io)`
|
|
384
384
|
--height: 16px;
|
|
385
385
|
--width: 16px;
|
|
386
386
|
--icon-color: var(--cpsl-color-text-error);
|
|
387
|
-
|
|
387
|
+
`,Ka=at(ae)`
|
|
388
388
|
white-space: pre-line;
|
|
389
|
-
`,
|
|
389
|
+
`,Ya=at(To)`
|
|
390
390
|
display: flex;
|
|
391
391
|
gap: 8px;
|
|
392
392
|
align-items: center;
|
|
@@ -395,12 +395,12 @@ Please choose another wallet or continue on desktop.`;return X(M,{children:X($a,
|
|
|
395
395
|
cursor: pointer;
|
|
396
396
|
margin-top: 8px;
|
|
397
397
|
text-decoration: none;
|
|
398
|
-
`,
|
|
398
|
+
`,Xa=at(Io)`
|
|
399
399
|
--height: 20px;
|
|
400
400
|
--width: 20px;
|
|
401
|
-
`,
|
|
401
|
+
`,za=at.a`
|
|
402
402
|
text-decoration: none;
|
|
403
|
-
`;import{CpslHero as
|
|
403
|
+
`;import{CpslHero as Cd,CpslIcon as fd,CpslIdenticon as Ad}from"@getpara/react-components";import Tt from"styled-components";import{useEffect as Sd,useState as Ed}from"react";import{isMobile as Pn}from"@getpara/web-sdk";import{Fragment as xd,jsx as ht,jsxs as Za}from"react/jsx-runtime";var Fn=({externalWalletError:e})=>({EX_WALLET_SELECTED:{variant:"externalWalletConnection",topOffset:40,spacerHeight:158,hideFadeOut:!0},CHAIN_SWITCH:{variant:e?.[0]?.toLowerCase()===no?"failed":"externalWalletConnection",topOffset:20,spacerHeight:158,hideFadeOut:!0},ACCOUNT_MAIN:{variant:"customContent",topOffset:0,spacerHeight:104,hideFadeOut:!0},FARCASTER_OAUTH:{variant:"externalWalletConnection",topOffset:40,spacerHeight:158,hideFadeOut:!0}}),Ja=()=>{let e=v(),{wallet:t,walletDisplayHelpers:o,avatar:a}=Y(),n=i(M=>M.step),r=i(M=>M.externalWalletError),s=tt(),[l,c]=Ed(n),d=Fn({externalWalletError:r})[l];Sd(()=>{let M=Fn({externalWalletError:r})[l],x=Fn({externalWalletError:r})[n];setTimeout(()=>{c(n)},x&&M||x&&!M?0:200)},[n]);let p=l==="EX_WALLET_SELECTED",C=l==="CHAIN_SWITCH",f=l==="ACCOUNT_MAIN",u=l==="FARCASTER_OAUTH",{showExtension:A,isCosmosMobileWallet:S}=o,h=!d||!Pn()&&p&&!A||!Pn()&&C&&S||!Pn()&&u,{variant:U,topOffset:I,spacerHeight:b,hideFadeOut:T}=d??{};return Za(xd,{children:[ht(hd,{$top:-45+I,children:h?null:Za(yd,{$isAccount:f,hideFadeOut:T,variant:U,height:480,withDefaultTheme:!0,children:[(p||C)&&ht(qa,{slot:"connectionLeft",src:t?.iconUrl}),u&&ht(qa,{slot:"connectionLeft",icon:"farcasterBrand"}),f&&(a?ht(Id,{slot:"image",src:a}):s?ht(gd,{slot:"image",size:"100%",hash:e.getIdenticonHash(s.id,s.type)}):null)]})}),!h&&ht(Td,{$height:b})]})},hd=Tt.div`
|
|
404
404
|
display: flex;
|
|
405
405
|
position: absolute;
|
|
406
406
|
justify-content: center;
|
|
@@ -408,18 +408,18 @@ Please choose another wallet or continue on desktop.`;return X(M,{children:X($a,
|
|
|
408
408
|
width: 100%;
|
|
409
409
|
|
|
410
410
|
top: ${({$top:e})=>`${e}px`};
|
|
411
|
-
`,
|
|
411
|
+
`,Td=Tt.div`
|
|
412
412
|
height: ${({$height:e})=>`${e}px`};
|
|
413
|
-
`,
|
|
413
|
+
`,qa=Tt(fd)`
|
|
414
414
|
--height: 60px;
|
|
415
415
|
--width: 60px;
|
|
416
|
-
`,
|
|
416
|
+
`,Id=Tt.img`
|
|
417
417
|
width: 100%;
|
|
418
418
|
height: 100%;
|
|
419
419
|
object-fit: contain;
|
|
420
|
-
`,
|
|
420
|
+
`,gd=Tt(Ad)`
|
|
421
421
|
border-radius: 1000px;
|
|
422
|
-
`,
|
|
422
|
+
`,yd=Tt(Cd)`
|
|
423
423
|
${({$isAccount:e})=>e&&`
|
|
424
424
|
--ring-3-size: 560px;
|
|
425
425
|
--ring-2-size: 402px;
|
|
@@ -431,36 +431,36 @@ Please choose another wallet or continue on desktop.`;return X(M,{children:X($a,
|
|
|
431
431
|
--default-theme-ring-1-opacity: 0.06;
|
|
432
432
|
--default-theme-ring-0-opacity: 0.1;
|
|
433
433
|
`}
|
|
434
|
-
`;import{motion as
|
|
434
|
+
`;import{motion as wd}from"framer-motion";import{useEffect as Wd,useRef as _d,useState as Rd}from"react";import Ld from"styled-components";import{jsx as ja}from"react/jsx-runtime";var ei=({children:e,className:t})=>{let o=_d(null),[a,n]=Rd("auto");return Wd(()=>{if(o.current){let r=new ResizeObserver(s=>{let l=s[0].contentRect.height;n(l)});return r.observe(o.current),()=>{r.disconnect()}}},[]),ja(Md,{className:t,style:{height:a},animate:{height:a},transition:{duration:.2},children:ja("div",{ref:o,children:e})})},Md=Ld(wd.div)`
|
|
435
435
|
overflow: hidden;
|
|
436
|
-
`;import{CpslButton as
|
|
436
|
+
`;import{CpslButton as ti,CpslIcon as kn,CpslQrCode as Od,CpslSpinner as Nd,CpslText as vd}from"@getpara/react-components";import{useEffect as oi,useMemo as bd}from"react";import Bn from"styled-components";import{useCopyToClipboard as Dd}from"@getpara/react-common";import{WalletType as Ud}from"@getpara/web-sdk";import{Fragment as ni,jsx as Ie,jsxs as It}from"react/jsx-runtime";var ri=()=>{let[e,t]=Dd(),o=i(u=>u.externalWalletError),a=i(u=>u.setStep),n=i(u=>u.setStepDirection),{switchChain:r,wallet:s,qrUri:l,chainIdSwitchingTo:c,walletDisplayHelpers:d}=Y();oi(()=>{s?.type===Ud.COSMOS&&nt(l)},[l,s]),oi(()=>{s||(n(-1),a("ACCOUNT_MAIN"))},[s]);let p=async()=>{c&&await r(c)},C=()=>{t(l)},f=bd(()=>{if(!s)return null;let{isCosmosMobileWallet:u}=d;return u?Ie(ni,{children:It(O,{children:[Ie(vd,{weight:"semiBold",children:"Scan with your mobile device to switch networks"}),Ie(Ae,{children:l?Ie(Od,{url:l,imageSrc:s.iconUrl}):Ie(Nd,{size:100})}),It(ti,{size:"small",variant:"ghost",onClick:C,children:[Ie(kn,{slot:"start",icon:e?"check":"copy"}),e?"Copied":"Copy Link"]})]})}):It(O,{children:[o?.length?It(ni,{children:[It(Fd,{children:[Ie(kd,{icon:"alertCircle"}),Ie(ae,{weight:"semiBold",color:"error",children:o[0]})]}),o[1]&&Ie(ae,{color:"secondary",weight:"medium",children:o[1]})]}):Ie(ae,{color:"contrast",weight:"semiBold",children:`Confirm the request to change networks in your ${s.name} wallet.`}),o?.[0]?.toLowerCase()!==no&&It(ti,{variant:"secondary",onClick:p,children:[Ie(kn,{slot:"start",icon:"refresh"}),"Try Again"]})]})},[s,d,o,l]);return s?Ie(Pd,{children:f}):null},Pd=Bn(P)`
|
|
437
437
|
flex: 1;
|
|
438
438
|
justify-content: space-between;
|
|
439
|
-
`,
|
|
439
|
+
`,Fd=Bn.div`
|
|
440
440
|
display: flex;
|
|
441
441
|
align-items: center;
|
|
442
442
|
justify-content: center;
|
|
443
443
|
gap: 4px;
|
|
444
|
-
`,
|
|
444
|
+
`,kd=Bn(kn)`
|
|
445
445
|
--height: 16px;
|
|
446
446
|
--width: 16px;
|
|
447
447
|
--icon-color: var(--cpsl-color-text-error);
|
|
448
|
-
`;import{motion as
|
|
448
|
+
`;import{motion as mu,AnimatePresence as Cu}from"framer-motion";import{CpslIcon as Ei}from"@getpara/react-components";import{styled as yo}from"styled-components";import{CpslIdenticon as ai,CpslSelect as Bd,CpslSelectItem as Hd,CpslText as Ht}from"@getpara/react-components";import qe from"styled-components";import{truncateAddress as Gd,WalletType as go}from"@getpara/web-sdk";import{useEffect as pi,useRef as di}from"react";import{jsx as le,jsxs as Bt}from"react/jsx-runtime";var ii=(e,t)=>e&&t?`${e}~${t}`:void 0,Vd={[go.EVM]:"EVM",[go.SOLANA]:"Solana",[go.COSMOS]:"Cosmos"},ui=()=>{let e=di(null),{dropdownMaxHeight:t,dropdownWidth:o,mobileAnchor:a,resize:n}=Pt(e),r=tt(),{switchChain:s,chainId:l,chains:c,chainIdSwitchingTo:d}=Y();pi(()=>{t&&l&&n()},[l,d,t]);let p=async u=>{await s(u)};if(!r||!r.isExternal||r.type===go.SOLANA)return null;let C=d??l,f=c.find(u=>u.id.toString()===C)?.name;return le(Ci,{children:le(fi,{ref:e,id:"inputContainer",children:Bt(Ai,{selectedValue:C?.toString()??"",onCpslSelectValueChange:u=>{p(u.detail)},showFormattedSelectedItem:!0,placeholder:"Choose chain...",anchorElId:"inputContainer",dropdownMaxHeight:t,$width:o,$top:a+16+1,autoWidth:!0,selectedItemVariant:"bodyXS",children:[C&&le(ci,{variant:"bodyXS",color:"contrast",slot:"selected-item",children:f}),c?.map(u=>le(Si,{slot:"items",value:u.id.toString(),children:le(ci,{variant:"bodyXS",color:"contrast",children:u.name})},u.id))]})})})};function si(e,{type:t,isExternal:o,name:a,isMenu:n=!1,hideWallets:r=!1}){return e.isMultiWallet?a??`${o?"External ":""}${Vd[t]}${!r&&(n||o)?" Wallet":""}`:r?"My Account":a||"My Wallet"}var mi=()=>{let e=w(p=>p.hideWallets),t=v(),o=di(null),{dropdownMaxHeight:a,dropdownWidth:n,mobileAnchor:r,resize:s}=Pt(o),{setSelectedWallet:l}=de(),c=tt(),d=c?Bt(li,{slot:"selected-item",children:[le(ai,{variant:"avatar",size:"14px",hash:t.getIdenticonHash(c.id,c.type)}),le(Kd,{variant:"bodyXS",color:"contrast",children:si(t,{...c,hideWallets:e})}),!e&&le(Ht,{variant:"bodyXS",color:"secondary",children:t.getDisplayAddress(c.id,{truncate:!0,addressType:c.type})})]}):null;return pi(()=>{a&&c?.address&&s()},[c,t.availableWallets,a]),le(Ci,{children:le(fi,{ref:o,id:"addressInputContainer",children:t.availableWallets.length>1?Bt(Ai,{selectedValue:ii(c?.id,c?.type),onCpslSelectValueChange:p=>{let[C,f]=p.detail.split("~");l({id:C,type:f})},showFormattedSelectedItem:!0,placeholder:"Choose wallet...",anchorElId:"addressInputContainer",dropdownMaxHeight:a,$width:n,$top:r+16+1,autoWidth:!0,selectedItemVariant:"bodyXS",children:[c&&d,t.availableWallets.map(({address:p,name:C,id:f,type:u,isExternal:A})=>{let S=ii(f,u),h=C??si(t,{type:u,isExternal:A,isMenu:!0,hideWallets:e});return le(Si,{slot:"items",value:S,children:Bt(li,{children:[le(ai,{size:"40px",hash:t.getIdenticonHash(f,u)}),Bt($d,{children:[h&&le(Ht,{variant:"bodyS",color:"contrast",children:h}),!e&&le(Ht,{variant:"bodyXS",color:"secondary",children:Gd(p,u,{prefix:t.cosmosPrefix})})]})]})},S)})]}):d})})},Ci=qe.div`
|
|
449
449
|
flex: 0;
|
|
450
450
|
width: 100%;
|
|
451
451
|
display: flex;
|
|
452
452
|
justify-content: center;
|
|
453
|
-
`,
|
|
453
|
+
`,li=qe.div`
|
|
454
454
|
display: flex;
|
|
455
455
|
align-items: center;
|
|
456
456
|
gap: 8px;
|
|
457
|
-
|
|
457
|
+
`,$d=qe.div`
|
|
458
458
|
display: flex;
|
|
459
459
|
flex-direction: column;
|
|
460
460
|
align-items: flex-start;
|
|
461
|
-
|
|
461
|
+
`,Kd=qe(Ht)`
|
|
462
462
|
white-space: nowrap;
|
|
463
|
-
`,
|
|
463
|
+
`,fi=qe.div`
|
|
464
464
|
position: relative;
|
|
465
465
|
display: flex;
|
|
466
466
|
align-items: center;
|
|
@@ -468,7 +468,7 @@ Please choose another wallet or continue on desktop.`;return X(M,{children:X($a,
|
|
|
468
468
|
border-radius: 1000px;
|
|
469
469
|
background-color: var(--cpsl-color-background-8);
|
|
470
470
|
padding: 8px;
|
|
471
|
-
`,
|
|
471
|
+
`,ci=qe(Ht)`
|
|
472
472
|
max-width: 150px;
|
|
473
473
|
text-transform: capitalize;
|
|
474
474
|
|
|
@@ -477,7 +477,7 @@ Please choose another wallet or continue on desktop.`;return X(M,{children:X($a,
|
|
|
477
477
|
text-overflow: ellipsis;
|
|
478
478
|
overflow: hidden;
|
|
479
479
|
}
|
|
480
|
-
`,
|
|
480
|
+
`,Ai=qe(Bd)`
|
|
481
481
|
--container-height: auto;
|
|
482
482
|
--container-border-width: 0px;
|
|
483
483
|
--container-padding-end: 0px;
|
|
@@ -511,12 +511,12 @@ Please choose another wallet or continue on desktop.`;return X(M,{children:X($a,
|
|
|
511
511
|
&::part(icon) {
|
|
512
512
|
--icon-color: var(--cpsl-color-contrast);
|
|
513
513
|
}
|
|
514
|
-
`,
|
|
514
|
+
`,Si=qe(Hd)`
|
|
515
515
|
--outer-container-padding-start: 4px;
|
|
516
516
|
--outer-container-padding-end: 4px;
|
|
517
517
|
--outer-container-padding-top: 4px;
|
|
518
518
|
--outer-container-padding-bottom: 4px;
|
|
519
|
-
`;import{HeaderButton as
|
|
519
|
+
`;import{HeaderButton as Ti}from"@getpara/react-common";import{Fragment as qd,jsx as it,jsxs as hi}from"react/jsx-runtime";var Ii=({onClose:e})=>{let t=w(c=>c.bareModal),o=i(c=>c.hasPreviousStep()),a=i(c=>c.step),n=i(c=>c.isFullyLoggedIn),r=he(),s=["ACCOUNT_MAIN","CHAIN_SWITCH","ADD_FUNDS_BUY","ADD_FUNDS_RECEIVE","ADD_FUNDS_WITHDRAW"].includes(a);return hi(Yd,{children:[it(Qd,{variant:"ghost",style:{visibility:o?"visible":"hidden"},onClick:()=>{r()},children:it(Ei,{icon:"arrow"})}),it(Xd,{children:s&&n&&hi(qd,{children:[it(ui,{}),it(mi,{})]})}),it(zd,{bareModal:t,variant:"ghost",onClick:e,children:it(Ei,{icon:"close"})})]})},Yd=yo.div`
|
|
520
520
|
position: absolute;
|
|
521
521
|
width: 100%;
|
|
522
522
|
top: 16px;
|
|
@@ -526,35 +526,35 @@ Please choose another wallet or continue on desktop.`;return X(M,{children:X($a,
|
|
|
526
526
|
align-items: center;
|
|
527
527
|
justify-content: space-between;
|
|
528
528
|
gap: 8px;
|
|
529
|
-
`,
|
|
529
|
+
`,Xd=yo.div`
|
|
530
530
|
flex: 1;
|
|
531
531
|
display: flex;
|
|
532
532
|
align-items: center;
|
|
533
533
|
justify-content: center;
|
|
534
534
|
gap: 4px;
|
|
535
|
-
`,
|
|
535
|
+
`,zd=yo(Ti)`
|
|
536
536
|
transform: rotate(180deg);
|
|
537
537
|
visibility: ${({bareModal:e})=>e?"hidden":"visible"};
|
|
538
|
-
`,
|
|
538
|
+
`,Qd=yo(Ti)`
|
|
539
539
|
transform: rotate(180deg);
|
|
540
|
-
`;import{useEffect as
|
|
540
|
+
`;import{useEffect as _i,useState as fu}from"react";import{AuthMethod as gi,OAuthMethod as Zd}from"@getpara/web-sdk";import Gn from"styled-components";import{useEffect as Hn,useRef as Jd,useState as Gt}from"react";import{HeroSpinner as jd}from"@getpara/react-common";import{CpslSpinner as eu}from"@getpara/react-components";import{jsx as xo,jsxs as ru}from"react/jsx-runtime";function yi(){let e=Jd(),t=v(),o=i(x=>x.setFlow),a=i(x=>x.setStep),n=K(x=>x.setAuthInfo),r=i(x=>x.setBiometricLocationHints),s=i(x=>x.setSupportedAuthMethods),l=i(x=>x.setIFrameUrl),c=i(x=>x.setIsIFrameReady),d=i(x=>x.isIFrameReady),p=i(x=>x.setWebAuthURLForCreate),C=w(x=>x.theme),[f,u]=Gt(void 0),[A,S]=Gt(!1),[h,U]=Gt(!1),[I,b]=Gt(!1),[T,M]=Gt();return Hn(()=>{T&&d&&setTimeout(()=>{a(T)},200)},[T,d]),Hn(()=>{f||t.getOAuthURL({method:Zd.TELEGRAM}).then(x=>{u(x)})},[f]),Hn(()=>{let x=async W=>{switch(W.data.type){case"TELEGRAM_LOGIN":S(!0),b(!1);break;case"TELEGRAM_FAILED":S(!1),b(!0);break;case"TELEGRAM_SUCCESS":if(W.data.payload){let g=W.data.payload,y=await t.verifyTelegram(g);if(!y.isValid){S(!1),b(!0),e.current&&e.current.contentWindow.postMessage({type:"TELEGRAM_FAILED"},"*");return}let{telegramUserId:D,isNewUser:R,supportedAuthMethods:E,biometricHints:V}=y;if(n({telegramUserId:D,pfpUrl:g.photo_url,displayName:g.username?`@${g.username}`:g.first_name?`${g.first_name}${g.last_name?` ${g.last_name}`:""}`:`Telegram User @${D}`}),R){let _=await t.getSupportedCreateAuthMethods();c(!1),o("signUp");let q=_.has(gi.PASSKEY);q&&(p(await t.shortenLoginLink(await t.getSetUpBiometricsURL({authType:"telegram"}))),a("BIOMETRIC_CREATION")),_.has(gi.PASSWORD)&&(l(await t.shortenLoginLink(await t.getSetupPasswordURL({authType:"telegram",theme:C}))),M(q?"BIOMETRIC_CREATION":"PASSWORD_CREATION"))}else o("login"),E&&s(new Set(E)),V&&r(V),a("BIOMETRIC_LOGIN")}break}};return window?.addEventListener("message",x,!1),()=>{window?.removeEventListener("message",x,!1)}},[]),ru(tu,{children:[xo(ou,{children:xo(jd,{icon:"telegramBrand",status:A?"loading":I?"error":"inactive",text:A?"Follow the on-screen prompts.":I?"Login Failed":void 0})}),f&&xo(nu,{ref:e,style:{display:h?"block":"none"},src:f,onLoad:()=>U(!0)}),(!f||!h)&&xo(eu,{})]})}var tu=Gn.div`
|
|
541
541
|
display: flex;
|
|
542
542
|
flex-direction: column;
|
|
543
543
|
align-items: center;
|
|
544
544
|
justify-content: center;
|
|
545
545
|
width: 100%;
|
|
546
|
-
`,
|
|
546
|
+
`,ou=Gn.div`
|
|
547
547
|
display: flex;
|
|
548
548
|
min-height: 276px;
|
|
549
549
|
flex-direction: column;
|
|
550
550
|
align-items: center;
|
|
551
551
|
gap: 16px;
|
|
552
552
|
flex: 1;
|
|
553
|
-
`,
|
|
553
|
+
`,nu=Gn.iframe`
|
|
554
554
|
width: 100%;
|
|
555
555
|
height: 52px;
|
|
556
556
|
border: none;
|
|
557
|
-
`;import{jsx as
|
|
557
|
+
`;import{jsx as au}from"react/jsx-runtime";var xi=()=>{let e=i(t=>t.isLogin());return au(Ve,{heading:e?"Waiting for Password":"Creating Password",subheading:"Follow the prompts presented by your browser."})};import wi from"styled-components";import{SpinnerContainer as iu}from"@getpara/react-common";import{CpslSpinner as su}from"@getpara/react-components";import{jsx as wo,jsxs as pu}from"react/jsx-runtime";var Wi=()=>{let e=i(r=>r.iFrameUrl),t=i(r=>r.setIsIFrameReady),o=i(r=>r.isIFrameReady),a=i(r=>r.step),n=w(r=>r.embeddedModal);return pu(lu,{$isVisible:_t.includes(a),$embeddedModal:n,children:[wo(cu,{$isReady:o,children:wo("iframe",{src:e,onLoad:()=>{t(!0)}})}),!o&&wo(iu,{style:{width:"100%",height:"100%",flex:1},children:wo(su,{size:100})})]})},lu=wi.div`
|
|
558
558
|
height: ${({$isVisible:e})=>e?"100%":"0px"};
|
|
559
559
|
width: ${({$isVisible:e})=>e?"100%":"0px"};
|
|
560
560
|
flex: ${({$isVisible:e})=>e?1:"auto"};
|
|
@@ -566,7 +566,7 @@ Please choose another wallet or continue on desktop.`;return X(M,{children:X($a,
|
|
|
566
566
|
@media (max-width: ${Ye}px) {
|
|
567
567
|
padding: ${({$embeddedModal:e,$isVisible:t})=>t?e?"12px 0px 0px":"72px 16px 0px":"0px"};
|
|
568
568
|
}
|
|
569
|
-
`,
|
|
569
|
+
`,cu=wi.div`
|
|
570
570
|
height: 100%;
|
|
571
571
|
width: 100%;
|
|
572
572
|
display: ${({$isReady:e})=>e?"block":"none"};
|
|
@@ -576,42 +576,42 @@ Please choose another wallet or continue on desktop.`;return X(M,{children:X($a,
|
|
|
576
576
|
width: 100%;
|
|
577
577
|
border: none;
|
|
578
578
|
}
|
|
579
|
-
`;import{Fragment as
|
|
579
|
+
`;import{Fragment as xu,jsx as B,jsxs as gt}from"react/jsx-runtime";var Ri={ADD_FUNDS_AWAITING:"680px"},Li={TELEGRAM_OAUTH:"36px"},Au={TELEGRAM_OAUTH:"16px"},Mi=({oAuthMethods:e,twoFactorAuthEnabled:t,disableEmailLogin:o,disablePhoneLogin:a,onClose:n})=>{let r=i(h=>h.step),s=i(h=>h.onRampConfig),l=i(h=>h.stepDirection),c=i(h=>h.setStepDirection),d=i(h=>h.accountAddFundTab),p=i(h=>h.setAccountAddFundTab),C=w(h=>h.appName),f=w(h=>h.embeddedModal),[u,A]=fu(s?.testMode),S=()=>{switch(r){case"AUTH_MAIN":return B(Fa,{oAuthMethods:e,disableEmailLogin:o,disablePhoneLogin:a});case"EX_WALLET_MORE":return B(mo,{});case"AUTH_MORE":return B(Eo,{oAuthMethods:e,disableEmailLogin:o,disablePhoneLogin:a});case"VERIFICATIONS":return B(sr,{});case"BIOMETRIC_LOGIN":return B(cr,{});case"SETUP_2FA":case"VERIFY_2FA":return B(mr,{onClose:n});case"LOGIN_DONE":return B(vr,{onClose:n});case"AWAITING_BIOMETRIC_LOGIN":case"AWAITING_BIOMETRIC_CREATION":return B(Dr,{});case"AWAITING_PASSWORD_LOGIN":case"AWAITING_PASSWORD_CREATION":return B(xi,{});case"AWAITING_WALLET_CREATION":return B(Pr,{});case"WALLET_CREATION_DONE":return B(kr,{twoFactorAuthEnabled:t,onClose:n});case"SECRET":return B(Vr,{});case"TWO_FACTOR_DONE":return B($r,{onClose:n});case"BIOMETRIC_CREATION":return B(Jr,{});case"AWAITING_OAUTH":return B(jr,{});case"FARCASTER_OAUTH":return B(Sa,{});case"TELEGRAM_OAUTH":return B(yi,{});case"ADD_FUNDS_BUY":case"ADD_FUNDS_RECEIVE":case"ADD_FUNDS_WITHDRAW":return B(ua,{});case"ADD_FUNDS_AWAITING":return B(Ca,{});case"ADD_FUNDS_SUCCESS":return B(hn,{isSuccess:!0,onClose:n});case"ADD_FUNDS_FAILURE":return B(hn,{onClose:n});case"ACCOUNT_MAIN":return B(Ha,{onClose:n});case"EX_WALLET_SELECTED":return B(Qa,{});case"CHAIN_SWITCH":return B(ri,{});default:if(_t.includes(r))return null}};return _i(()=>{!u&&s?.testMode&&A(!0)},[s?.testMode]),_i(()=>{switch(r){case"ADD_FUNDS_BUY":p(Wo.BUY);break;case"ADD_FUNDS_RECEIVE":p(Wo.RECEIVE);break;case"ADD_FUNDS_WITHDRAW":p(Wo.WITHDRAW);break;default:break}},[r]),gt(Su,{slot:"body","data-testid":"modal-content",children:[!f&>(xu,{children:[B(Ii,{onClose:n}),B(ha,{})]}),gt(Eu,{children:[B(Cu,{mode:"popLayout",initial:!1,onExitComplete:()=>{c(1)},custom:l,children:gt(hu,{custom:l,variants:ro,initial:"enter",animate:"center",exit:"exit",transition:ao,children:[B(Ja,{}),gt(Tu,{$embeddedModal:f,$step:r,$isIFrameStep:_t.includes(r),children:[S(),s?.testMode&&["ADD_FUNDS_BUY","ADD_FUNDS_WITHDRAW","ADD_FUNDS_AWAITING","ADD_FUNDS_FAILURE","ADD_FUNDS_SUCCESS"].includes(r)&&u&&d!==Wo.RECEIVE&&B(Iu,{children:gt("div",{style:{fontSize:"14px"},children:["This Para Modal is configured to run on-ramp services in ",B("b",{children:"test mode"})," only, for development purposes. If you are a user of ",C,", please contact support.",B(gu,{onClick:()=>A(!1),children:B(yu,{icon:"x"})})]})})]})]},["ADD_FUNDS_BUY","ADD_FUNDS_RECEIVE","ADD_FUNDS_WITHDRAW"].includes(r)?"ADD_FUNDS":r)}),B(Wi,{})]})]})},Su=st.div`
|
|
580
580
|
position: relative;
|
|
581
|
-
`,
|
|
581
|
+
`,Eu=st(ei)`
|
|
582
582
|
margin-top: -16px;
|
|
583
|
-
`,
|
|
583
|
+
`,hu=st(mu.div)`
|
|
584
584
|
position: relative;
|
|
585
585
|
display: flex;
|
|
586
586
|
flex-direction: column;
|
|
587
587
|
gap: 24px;
|
|
588
588
|
will-change: auto !important;
|
|
589
|
-
`,
|
|
589
|
+
`,Tu=st.div`
|
|
590
590
|
z-index: 1;
|
|
591
591
|
flex: 1;
|
|
592
592
|
display: flex;
|
|
593
593
|
flex-direction: column;
|
|
594
594
|
justify-content: flex-start;
|
|
595
595
|
gap: 24px;
|
|
596
|
-
padding: ${({$embeddedModal:e,$step:t,$isIFrameStep:o})=>o?"0px":e?"12px 0px 0px":`${
|
|
597
|
-
min-height: ${({$step:e})=>
|
|
598
|
-
height: ${({$step:e})=>
|
|
596
|
+
padding: ${({$embeddedModal:e,$step:t,$isIFrameStep:o})=>o?"0px":e?"12px 0px 0px":`${Li[t]??"72px"} 72px ${Au[t]??"32px"}`};
|
|
597
|
+
min-height: ${({$step:e})=>Ri[e]??"auto"};
|
|
598
|
+
height: ${({$step:e})=>Ri[e]??"auto"};
|
|
599
599
|
|
|
600
600
|
@media (max-width: ${Ye}px) {
|
|
601
|
-
padding: ${({$embeddedModal:e,$step:t,$isIFrameStep:o})=>o?"0px":e?"12px 0px 0px":`${
|
|
601
|
+
padding: ${({$embeddedModal:e,$step:t,$isIFrameStep:o})=>o?"0px":e?"12px 0px 0px":`${Li[t]??"72px"} 16px 0px`};
|
|
602
602
|
}
|
|
603
603
|
|
|
604
604
|
cpsl-auth-modal.force-mobile-media & {
|
|
605
605
|
padding: 72px 16px 0px;
|
|
606
606
|
}
|
|
607
|
-
`,
|
|
607
|
+
`,Iu=st(du)`
|
|
608
608
|
--container-padding-end: 40px;
|
|
609
609
|
position: absolute;
|
|
610
610
|
bottom: 16px;
|
|
611
611
|
left: 16px;
|
|
612
612
|
right: 16px;
|
|
613
613
|
z-index: 1000;
|
|
614
|
-
`,
|
|
614
|
+
`,gu=st.button`
|
|
615
615
|
background-color: transparent;
|
|
616
616
|
border: none;
|
|
617
617
|
padding: 4px;
|
|
@@ -619,49 +619,49 @@ Please choose another wallet or continue on desktop.`;return X(M,{children:X($a,
|
|
|
619
619
|
position: absolute;
|
|
620
620
|
top: 0;
|
|
621
621
|
right: 0;
|
|
622
|
-
`,
|
|
622
|
+
`,yu=st(uu)`
|
|
623
623
|
--icon-color: var(--cpsl-color-foreground-0);
|
|
624
|
-
`;import{styled as Pe}from"styled-components";import{CpslButton as
|
|
624
|
+
`;import{styled as Pe}from"styled-components";import{CpslButton as wu,CpslIcon as Ni,CpslText as Wu}from"@getpara/react-components";import{useMemo as _u}from"react";import{Fragment as Du,jsx as Oe,jsxs as Vt}from"react/jsx-runtime";var vi=()=>{let e=i(n=>n.isAccount()),t=i(n=>n.step),o=e||qn(t),a=_u(()=>e?Vt(Ou,{children:[Vt(vu,{variant:"bodyS",color:"secondary",weight:"medium",children:["Access all your wallet\u2019s features at"," ",Oe("a",{href:dn,target:"blank",children:Oe(Oi,{variant:"bodyS",weight:"medium",children:"Para Connect"})})]}),Oe(wu,{as:"a",href:dn,target:"blank",variant:"ghost",children:Oe(Nu,{icon:"chevronUp"})})]}):Vt(Du,{children:[Vt(_o,{variant:"body2XS",color:"secondary",weight:"medium",children:["By logging in you agree to our"," ",Oe("a",{href:ea,target:"blank",children:Oe(Oi,{variant:"body2XS",weight:"medium",children:"Terms & Conditions"})})]}),Vt(Mu,{children:[Oe(_o,{variant:"bodyS",color:"secondary",weight:"medium",children:"Powered by"}),Oe(bu,{icon:"para"})]})]}),[e]);return o?Oe(Ru,{slot:"footer",children:Oe(Lu,{children:a})}):null},Ru=Pe.div`
|
|
625
625
|
display: flex;
|
|
626
626
|
flex-direction: column;
|
|
627
627
|
align-items: center;
|
|
628
628
|
gap: 16px;
|
|
629
629
|
padding: 8px 0px;
|
|
630
|
-
`,
|
|
630
|
+
`,Lu=Pe.div`
|
|
631
631
|
display: flex;
|
|
632
632
|
flex-direction: column;
|
|
633
633
|
align-items: center;
|
|
634
634
|
gap: 8px;
|
|
635
|
-
`,
|
|
635
|
+
`,Mu=Pe.div`
|
|
636
636
|
display: flex;
|
|
637
637
|
gap: 5px;
|
|
638
638
|
align-items: center;
|
|
639
639
|
justify-content: center;
|
|
640
|
-
`,
|
|
640
|
+
`,Ou=Pe.div`
|
|
641
641
|
display: flex;
|
|
642
642
|
gap: 8px;
|
|
643
643
|
align-items: center;
|
|
644
644
|
justify-content: center;
|
|
645
|
-
`,
|
|
645
|
+
`,Nu=Pe(Ni)`
|
|
646
646
|
transform: rotate(90deg);
|
|
647
647
|
|
|
648
648
|
/* --icon-color: var(--cpsl-color-text-tertiary); */
|
|
649
649
|
--height: 24px;
|
|
650
650
|
--width: 24px;
|
|
651
|
-
`,
|
|
651
|
+
`,_o=Pe(Wu)`
|
|
652
652
|
text-align: center;
|
|
653
653
|
display: inline-block;
|
|
654
|
-
`,
|
|
654
|
+
`,vu=Pe(_o)`
|
|
655
655
|
line-height: 20px;
|
|
656
|
-
`,
|
|
656
|
+
`,Oi=Pe(_o)`
|
|
657
657
|
cursor: pointer;
|
|
658
658
|
display: inline-block;
|
|
659
|
-
`,
|
|
659
|
+
`,bu=Pe(Ni)`
|
|
660
660
|
display: inline-block;
|
|
661
661
|
--icon-color: var(--cpsl-color-text-secondary);
|
|
662
662
|
--width: 49px;
|
|
663
663
|
--height: auto;
|
|
664
|
-
`;import{create as Du}from"zustand";var vi=e=>({updateState:t=>{e(t)}});var Uu={EvmProvider:void 0,evmContext:void 0,SolanaProvider:void 0,solanaContext:void 0,CosmosProvider:void 0,cosmosContext:void 0,connectParaEvmWallet:void 0,connectParaCosmosWallet:void 0},se=Du(e=>({...Uu,...vi(e)}));var bi=()=>{let e=se(l=>l.connectParaEvmWallet),t=se(l=>l.EvmProvider),o=se(l=>l.evmContext),a=se(l=>l.connectParaCosmosWallet),n=se(l=>l.CosmosProvider),r=se(l=>l.cosmosContext);return async()=>{if(o&&t&&e)try{let{error:l}=await e();l&&console.warn("Failed to connect Para EVM wallet to Wagmi:",l)}catch(l){console.warn("Error calling connectParaEvmWallet:",l)}if(r&&n&&a)try{let{error:l}=await a();l&&console.warn("Failed to connect Para Cosmos wallet to Graz:",l)}catch(l){console.warn("Error calling connectParaCosmosWallet:",l)}}};import{Fragment as $u,jsx as Di,jsxs as Ku}from"react/jsx-runtime";function Gu(e){return"hostApiKey"in e}var Vu={[de.SOLANA]:xt.SOLANA,[de.ATOM]:xt.COSMOS,[de.CELO]:xt.CELO,[de.POLYGON]:xt.POLYGON},Vn={SOLANA:de.SOLANA,SOL:de.SOLANA,ATOM:de.ATOM,CELO:de.CELO,POLYGON:de.POLYGON,MATIC:de.POLYGON,USDC:de.USDC,ETH:de.ETHEREUM,ETHEREUM:de.ETHEREUM},Ui=Pu(({onRampConfig:e,twoFactorAuthEnabled:t=!1,recoverySecretStepEnabled:o=!1,oAuthMethods:a,disableEmailLogin:n,disablePhoneLogin:r,onClose:i,onRampTestMode:l,loginTransitionOverride:c,createWalletOverride:d},p)=>{let m=N(),f=s(C=>C.refs),u=s(C=>C.step),A=s(C=>C.webAuthURLForLogin),E=s(C=>C.passwordUrlForLogin),h=s(C=>C.isLogin()),D=s(C=>C.onRampConfig),I=s(C=>C.setStep),v=s(C=>C.setBiometricLocationHints),T=s(C=>C.setWebAuthURLForLogin),S=s(C=>C.setPasswordUrlForLogin),g=s(C=>C.setSupportedAuthMethods),x=s(C=>C.setOnRampConfig),y=s(C=>C.accountAddFundTab),w=s(C=>C.setAccountAddFundTab),b=V(C=>C.setRecoveryShare),_=Ee(),k=no(),[z,R]=ku(!1),te=bi();Fu(p,()=>({handleModalClose(){$()}}),[]);let oe=async()=>{if(!t)return!0;try{let{isSetup:C}=await m.check2FAStatus();return C}catch(C){return console.error("An error occurred while checking 2FA:",C),!1}};async function We(){let{isComplete:C,isError:B,needsWallet:H}=await m.waitForLoginAndSetup({popupWindow:f.popupWindow.current});if(window.clearTimeout(f.poll.current?.timeout),f.poll.current=void 0,f.popupWindow.current=void 0,B){["AWAITING_BIOMETRIC_LOGIN","AWAITING_PASSWORD_LOGIN"].includes(f.currentStep.current)&&_();return}C&&(T(""),S(""),g(new Set),v(),H?I("AWAITING_WALLET_CREATION"):(await te(),await oe()?I("LOGIN_DONE"):I("SETUP_2FA")))}yt(()=>{if(u!=="AWAITING_WALLET_CREATION"||z)return;async function C(){R(!0);let B,H;if(d){let q=await d(m),P=(await m.fetchWallets()).filter(ue=>!!ue.address),ce={};for(let ue of P)ce[ue.id]={...Bu(ue),signer:""};m.setWallets(ce),B=q.recoverySecret,H=q.walletIds}else{let q=await m.waitForPasskeyAndCreateWallet();B=q.recoverySecret,H=q.walletIds}await m.setCurrentWalletIds(H),o&&b(B),R(!1),I(!B||!o?"WALLET_CREATION_DONE":"SECRET")}C()},[h,u]),yt(()=>{if(["AWAITING_BIOMETRIC_LOGIN","AWAITING_PASSWORD_LOGIN"].includes(u)&&(A||E)){if(c){async function C(){await c(m),T(""),S(""),v(),await te(),await oe()?I("LOGIN_DONE"):I("SETUP_2FA")}C();return}return typeof window<"u"&&(f.poll.current={action:"login",timeout:window.setTimeout(We,$e.LOGGIN_POLLING_DELAY_MS)}),()=>{typeof window<"u"&&f.poll.current&&window.clearTimeout(f.poll.current?.timeout),m.exitLogin()}}},[u,A,E]);let $=()=>{i()};return yt(()=>{f.currentStep.current=u;let C=!1;["AWAITING_BIOMETRIC_CREATION","PASSWORD_CREATION"].includes(u)||(m.exitAccountCreation(),C=["createPassword","createPasskey"].includes(f.poll.current?.action)),["AWAITING_PASSWORD_LOGIN","AWAITING_BIOMETRIC_LOGIN"].includes(u)||(m.exitLogin(),C=f.poll.current?.action==="login"),["AWAITING_OAUTH","FARCASTER_OAUTH"].includes(u)||m.exitOAuth(),u==="PASSWORD_CREATION"&&k.withPassword(),C&&typeof window<"u"&&(window.clearTimeout(f.poll.current?.timeout),f.poll.current=void 0)},[u]),yt(()=>{D||m.ctx.client.getOnRampConfig().then(C=>{let B;if(e){let{enabledFlows:H,network:q,asset:P,providers:ce,testMode:ue}=e,lt=ce.find(ie=>Gu(ie));B={isBuyEnabled:!H||H.some(ie=>Fe[ie]===Fe.BUY),isReceiveEnabled:!H||H.some(ie=>Fe[ie]===Fe.RECEIVE),isWithdrawEnabled:!H||H.some(ie=>Fe[ie]===Fe.WITHDRAW),allowedAssets:q?{[xt[q]]:P?[Vn[P]]:!0}:P?{[Vu[Vn[P]]??xt.ETHEREUM]:[Vn[P]]}:C.allowedAssets,assetInfo:C.assetInfo,providers:ce.map(({id:ie})=>Hu[ie]),rampApiKey:lt?.hostApiKey??C.rampApiKey,testMode:ue??l}}else B={...C,testMode:l};x(B),y||w(B.isBuyEnabled?Fe.BUY:B.isReceiveEnabled?Fe.RECEIVE:B.isWithdrawEnabled?Fe.WITHDRAW:void 0)}).catch()},[]),yt(()=>{D&&x({...D,testMode:l})},[l]),yt(()=>()=>{window.clearTimeout(f.poll.current?.timeout),m.exitLoops()},[]),Ku($u,{children:[Di(Li,{oAuthMethods:a,twoFactorAuthEnabled:t,disableEmailLogin:n,disablePhoneLogin:r,onClose:$}),Di(Ni,{})]})});import{forwardRef as Fi,useEffect as Ne,useImperativeHandle as lm,useRef as cm,useState as Po}from"react";import{ParaEvent as Uo}from"@getpara/web-sdk";import{useEffect as rm,useState as wt}from"react";import{createContext as Yu,useMemo as Xu}from"react";import{jsx as Qu}from"react/jsx-runtime";var zu={wallets:[],chains:[],chainId:void 0,username:void 0,avatar:void 0,disconnect:()=>Promise.resolve(),switchChain:()=>Promise.resolve({})},Lo=Yu(zu);function $n({children:e}){let t=[],o=[],i=()=>Promise.resolve(),l=()=>Promise.resolve({});return Qu(Lo.Provider,{value:Xu(()=>({wallets:t,chains:o,chainId:void 0,username:void 0,avatar:void 0,disconnect:i,switchChain:l}),[t,o,void 0,void 0,void 0,i,l]),children:e})}var Mo=(i=>(i.METAMASK="METAMASK",i.RAINBOW="RAINBOW",i.COINBASE="COINBASE",i.WALLETCONNECT="WALLETCONNECT",i.ZERION="ZERION",i.RABBY="RABBY",i))(Mo||{}),Oo=(a=>(a.PHANTOM="PHANTOM",a.GLOW="GLOW",a.BACKPACK="BACKPACK",a))(Oo||{}),No=(o=>(o.KEPLR="KEPLR",o.LEAP="LEAP",o))(No||{}),uw={...Mo,...Oo,...No};import{createContext as qu,useMemo as Zu}from"react";import{jsx as ju}from"react/jsx-runtime";var Ju={wallets:[],disconnect:()=>Promise.resolve()},vo=qu(Ju);function Kn({children:e}){let t=[],o=()=>Promise.resolve();return ju(vo.Provider,{value:Zu(()=>({wallets:t,disconnect:o}),[t,o]),children:e})}import{createContext as em,useMemo as tm}from"react";import{jsx as nm}from"react/jsx-runtime";var om={wallets:[],chains:[],chainId:void 0,disconnect:()=>Promise.resolve(),switchChain:()=>Promise.resolve({})},bo=em(om);function Yn({children:e}){let t=[],o=[],n=()=>Promise.resolve(),r=()=>Promise.resolve({});return nm(bo.Provider,{value:tm(()=>({wallets:t,chains:o,chainId:void 0,disconnect:n,switchChain:r}),[t,o,void 0,n,r]),children:e})}import{jsx as Do}from"react/jsx-runtime";var Pi=({children:e,wallets:t})=>{let o=N(),a=s(y=>y.resetState),n=V(y=>y.resetState),r=se(y=>y.EvmProvider),i=se(y=>y.evmContext),l=se(y=>y.SolanaProvider),c=se(y=>y.solanaContext),d=se(y=>y.CosmosProvider),p=se(y=>y.cosmosContext),[m,f]=wt(null),[u,A]=wt(null),[E,h]=wt(null),[D,I]=wt(null),[v,T]=wt(null),[S,g]=wt(null);rm(()=>{(async()=>{let w=Lo,b=$n,_=vo,k=Kn,z=bo,R=Yn;if(!t?.length)w=Lo,b=$n,_=vo,k=Kn,z=bo,R=Yn;else for(let te=0;te<t.length;te++){let oe=t[te];if(oe in Mo){if(!r||!i)throw new Error("@getpara/evm-wallet-connectors is required to use an external EVM wallet.");w=i,b=r}if(oe in Oo){if(!l||!c)throw new Error("@getpara/solana-wallet-connectors is required to use an external Solana wallet.");_=c,k=l}if(oe in No){if(!d||!p)throw new Error("@getpara/cosmos-wallet-connectors is required to use an external Cosmos wallet.");z=p,R=d}}A(w),f(()=>b),I(_),h(()=>k),g(z),T(()=>R)})()},[t,i,r,c,l,p,d]);let x=({address:y,error:w})=>{(w||!y)&&(a(),n())};return!o||!m||!E||!v?null:Do(m,{para:o,onSwitchWallet:x,children:Do(E,{para:o,onSwitchWallet:x,children:Do(v,{para:o,onSwitchWallet:x,children:Do(Qr,{evmContext:u,solanaContext:D,cosmosContext:S,walletSort:t,children:e})})})})};import pm from"styled-components";import{jsx as Fo}from"react/jsx-runtime";im();var aW=Fi(({para:e,isOpen:t,...o},a)=>{let[n,r]=Po(!1),i=Q(p=>p.setClient),l=Q(p=>p.client),{closeModal:c,openModal:d}=zt();return Ne(()=>{l||i(e),r(!0)},[]),Ne(()=>{t||c(),t&&d()},[t]),n?Fo(dm,{ref:a,para:e,...o}):null}),dm=Fi(({theme:e,appName:t,logo:o,disableEmailLogin:a=!1,disablePhoneLogin:n=!1,oAuthMethods:r,bareModal:i=!1,className:l,currentStepOverride:c,externalWallets:d,authLayout:p=["AUTH:FULL","EXTERNAL:FULL"],embeddedModal:m,onModalStepChange:f,hideWallets:u=!1,onClose:A,...E},h)=>{let D=cm(null),I=W(L=>L.updateState),v=s(L=>L.refs),T=s(L=>L.setWebAuthURLForLogin),S=s(L=>L.setWebAuthURLForCreate),g=s(L=>L.setBiometricLocationHints),x=s(L=>L.step),y=s(L=>L.setOnModalStepChange),w=s(L=>L.setStep),b=V(L=>L.setAuthInfo),_=s(L=>L.hasPreviousStep()),k=s(L=>L.setFlow),z=s(L=>L.setIsFullyLoggedIn),R=Ee(),te=W(L=>L.setAuthLayout),oe=W(L=>L.authLayout),We=s(L=>L.resetState),$=V(L=>L.resetState),C=V(L=>L.setRecoveryShare),{disconnectExternalWallet:B}=K(),{isOpen:H,closeModal:q}=zt(),P=N(),{selectedWallet:ce,setSelectedWallet:ue}=pe(),[lt,ie]=Po(!1),[O,ne]=Po(!1),[me,Bo]=Po(!1);lm(h,()=>({goBack(){R()},canGoBack(){return _},currentStep(){return x},handleModalClose(){D?.current?.handleModalClose()}}),[_,x]);let Wt=async()=>{let L=await P.isFullyLoggedIn();switch(c?w(Be[c.toUpperCase()]):L?(k("account"),w("ACCOUNT_MAIN"),z(!0)):(x!=="AUTH_MAIN"&&x!=="SECRET"&&(w("AUTH_MAIN"),k(),T(),S(),g()),await B(),ue({id:void 0,type:void 0}),z(!1)),!0){case P.isEmail:b({email:P.getEmail()});break;case P.isPhone:{let{phone:ke,countryCode:Hi}=P.getPhone();b({phone:ke,countryCode:Hi})}break;case P.isFarcaster:b({farcasterUsername:P.getFarcasterUsername()});break;case P.isTelegram:b({telegramUserId:P.telegramUserId}),L||w("TELEGRAM_OAUTH");break}ne(!0)};Ne(()=>{let L=p;!d?.length&&yn(p)&&(L=L.filter(ke=>!ke.includes("EXTERNAL"))),a&&n&&!r?.length&&vt(p)&&(L=L.filter(ke=>!ke.includes("AUTH"))),JSON.stringify(oe)!==JSON.stringify(L)&&te(L)},[a,n,r,d,p]),Ne(()=>{y(f)},[f]),Ne(()=>{I({logo:o,appName:t,oAuthLogoVariant:e?.oAuthLogoVariant??"default",bareModal:i,embeddedModal:m,hideWallets:u})},[o,t,e?.oAuthLogoVariant,i,m,u]),Ne(()=>{e&&(sm(e),I({isDark:e.mode==="dark",theme:e}))},[e]),Ne(()=>{P?(Wt(),i&&ie(!0)):console.error("A Para instance must be provided.")},[]),Ne(()=>{H&&P&&Wt()},[H]);let ve=()=>{if(!ce?.id||!P.findWallet(ce?.id)){let L=P.findWallet(void 0,void 0,{forbidPregen:!0});ue({id:L?.id,type:L?.type})}};Ne(()=>{ve()},[P]),Ne(()=>{let L=()=>{v.popupWindow.current?.close()};return typeof window<"u"&&(window.addEventListener(Uo.WALLETS_CHANGE_EVENT,ve),window.addEventListener(Uo.EXTERNAL_WALLET_CHANGE_EVENT,ve),window.addEventListener("beforeunload",L)),Bo(!0),()=>{typeof window<"u"&&(window.removeEventListener(Uo.WALLETS_CHANGE_EVENT,ve),window.removeEventListener(Uo.EXTERNAL_WALLET_CHANGE_EVENT,ve),window.removeEventListener("beforeunload",L))}},[]);let Xn=()=>{q(),A?.()},ki=()=>{ie(!0)},Bi=async()=>{i||ie(!1),zn.includes(x)?(We(),$(),C(null)):Qn.includes(x)&&w("LOGIN_DONE"),P&&(await Wt(),P.exitLoops()),i||ne(!1)};if(!me)return null;if(!P)return console.error("A Para instance is required."),null;if(!oe?.length){let L=!d?.length&&yn(p),ke=a&&n&&!r?.length&&vt(p);return L||ke?(L&&console.error("At least one external wallet must be provided if external wallet auth is enabled."),ke&&console.error("At least one login method (email, phone or OAuth) must be provided if embedded wallet auth is enabled.")):console.error("At least one auth layout selection is required."),null}return Fo(Pi,{wallets:d,children:Fo(um,{enterTransitionDuration:$e.ANIMATION_DURATION,exitTransitionDuration:$e.ANIMATION_DURATION,open:H,onCpslModalExited:Bi,onCpslModalEntering:ki,onCpslModalRequestClose:Xn,noOverlay:i,className:l,"data-testid":"modal",$embeddedModal:m,children:lt&&(O&&m||!m)&&Fo(Ui,{oAuthMethods:r,disableEmailLogin:a,disablePhoneLogin:n,onClose:Xn,...E})})})}),um=pm(am)`
|
|
664
|
+
`;import{create as Uu}from"zustand";var bi=e=>({updateState:t=>{e(t)}});var Pu={EvmProvider:void 0,evmContext:void 0,SolanaProvider:void 0,solanaContext:void 0,CosmosProvider:void 0,cosmosContext:void 0,connectParaEvmWallet:void 0,connectParaCosmosWallet:void 0},se=Uu(e=>({...Pu,...bi(e)}));var Di=()=>{let e=se(l=>l.connectParaEvmWallet),t=se(l=>l.EvmProvider),o=se(l=>l.evmContext),a=se(l=>l.connectParaCosmosWallet),n=se(l=>l.CosmosProvider),r=se(l=>l.cosmosContext);return async()=>{if(o&&t&&e)try{let{error:l}=await e();l&&console.warn("Failed to connect Para EVM wallet to Wagmi:",l)}catch(l){console.warn("Error calling connectParaEvmWallet:",l)}if(r&&n&&a)try{let{error:l}=await a();l&&console.warn("Failed to connect Para Cosmos wallet to Graz:",l)}catch(l){console.warn("Error calling connectParaCosmosWallet:",l)}}};import{Fragment as Ku,jsx as Ui,jsxs as Yu}from"react/jsx-runtime";function Vu(e){return"hostApiKey"in e}var $u={[ue.SOLANA]:xt.SOLANA,[ue.ATOM]:xt.COSMOS,[ue.CELO]:xt.CELO,[ue.POLYGON]:xt.POLYGON},Vn={SOLANA:ue.SOLANA,SOL:ue.SOLANA,ATOM:ue.ATOM,CELO:ue.CELO,POLYGON:ue.POLYGON,MATIC:ue.POLYGON,USDC:ue.USDC,ETH:ue.ETHEREUM,ETHEREUM:ue.ETHEREUM},Pi=Fu(({onRampConfig:e,twoFactorAuthEnabled:t=!1,recoverySecretStepEnabled:o=!1,oAuthMethods:a,disableEmailLogin:n,disablePhoneLogin:r,onClose:s,onRampTestMode:l,loginTransitionOverride:c,createWalletOverride:d},p)=>{let C=v(),f=i(m=>m.refs),u=i(m=>m.step),A=i(m=>m.webAuthURLForLogin),S=i(m=>m.passwordUrlForLogin),h=i(m=>m.isLogin()),U=i(m=>m.onRampConfig),I=i(m=>m.setStep),b=i(m=>m.setBiometricLocationHints),T=i(m=>m.setWebAuthURLForLogin),M=i(m=>m.setPasswordUrlForLogin),x=i(m=>m.setSupportedAuthMethods),W=i(m=>m.setOnRampConfig),g=i(m=>m.accountAddFundTab),y=i(m=>m.setAccountAddFundTab),D=K(m=>m.setRecoveryShare),R=he(),E=oo(),[V,_]=Bu(!1),q=Di();ku(p,()=>({handleModalClose(){$()}}),[]);let Z=async()=>{if(!t)return!0;try{let{isSetup:m}=await C.check2FAStatus();return m}catch(m){return console.error("An error occurred while checking 2FA:",m),!1}};async function ce(){let{isComplete:m,isError:F,needsWallet:H}=await C.waitForLoginAndSetup({popupWindow:f.popupWindow.current});if(window.clearTimeout(f.poll.current?.timeout),f.poll.current=void 0,f.popupWindow.current=void 0,F){["AWAITING_BIOMETRIC_LOGIN","AWAITING_PASSWORD_LOGIN"].includes(f.currentStep.current)&&R();return}m&&(T(""),M(""),x(new Set),b(),H?I("AWAITING_WALLET_CREATION"):(await q(),await Z()?I("LOGIN_DONE"):I("SETUP_2FA")))}yt(()=>{if(u!=="AWAITING_WALLET_CREATION"||V)return;async function m(){_(!0);let F,H;if(d){let J=await d(C),k=(await C.fetchWallets()).filter(me=>!!me.address),pe={};for(let me of k)pe[me.id]={...Hu(me),signer:""};C.setWallets(pe),F=J.recoverySecret,H=J.walletIds}else{let J=await C.waitForPasskeyAndCreateWallet();F=J.recoverySecret,H=J.walletIds}await C.setCurrentWalletIds(H),o&&D(F),_(!1),I(!F||!o?"WALLET_CREATION_DONE":"SECRET")}m()},[h,u]),yt(()=>{if(["AWAITING_BIOMETRIC_LOGIN","AWAITING_PASSWORD_LOGIN"].includes(u)&&(A||S)){if(c){async function m(){await c(C),T(""),M(""),b(),await q(),await Z()?I("LOGIN_DONE"):I("SETUP_2FA")}m();return}return typeof window<"u"&&(f.poll.current={action:"login",timeout:window.setTimeout(ce,$e.LOGGIN_POLLING_DELAY_MS)}),()=>{typeof window<"u"&&f.poll.current&&window.clearTimeout(f.poll.current?.timeout),C.exitLogin()}}},[u,A,S]);let $=()=>{s()};return yt(()=>{f.currentStep.current=u;let m=!1;["AWAITING_BIOMETRIC_CREATION","PASSWORD_CREATION"].includes(u)||(C.exitAccountCreation(),m=["createPassword","createPasskey"].includes(f.poll.current?.action)),["AWAITING_PASSWORD_LOGIN","AWAITING_BIOMETRIC_LOGIN"].includes(u)||(C.exitLogin(),m=f.poll.current?.action==="login"),["AWAITING_OAUTH","FARCASTER_OAUTH"].includes(u)||C.exitOAuth(),u==="PASSWORD_CREATION"&&E.withPassword(),m&&typeof window<"u"&&(window.clearTimeout(f.poll.current?.timeout),f.poll.current=void 0)},[u]),yt(()=>{U||C.ctx.client.getOnRampConfig().then(m=>{let F;if(e){let{enabledFlows:H,network:J,asset:k,providers:pe,testMode:me}=e,lt=pe.find(ie=>Vu(ie));F={isBuyEnabled:!H||H.some(ie=>Fe[ie]===Fe.BUY),isReceiveEnabled:!H||H.some(ie=>Fe[ie]===Fe.RECEIVE),isWithdrawEnabled:!H||H.some(ie=>Fe[ie]===Fe.WITHDRAW),allowedAssets:J?{[xt[J]]:k?[Vn[k]]:!0}:k?{[$u[Vn[k]]??xt.ETHEREUM]:[Vn[k]]}:m.allowedAssets,assetInfo:m.assetInfo,providers:pe.map(({id:ie})=>Gu[ie]),rampApiKey:lt?.hostApiKey??m.rampApiKey,testMode:me??l}}else F={...m,testMode:l};W(F),g||y(F.isBuyEnabled?Fe.BUY:F.isReceiveEnabled?Fe.RECEIVE:F.isWithdrawEnabled?Fe.WITHDRAW:void 0)}).catch()},[]),yt(()=>{U&&W({...U,testMode:l})},[l]),yt(()=>()=>{window.clearTimeout(f.poll.current?.timeout),C.exitLoops()},[]),Yu(Ku,{children:[Ui(Mi,{oAuthMethods:a,twoFactorAuthEnabled:t,disableEmailLogin:n,disablePhoneLogin:r,onClose:$}),Ui(vi,{})]})});import{forwardRef as ki,useEffect as Ne,useImperativeHandle as cm,useRef as pm,useState as Uo}from"react";import{ParaEvent as Do}from"@getpara/web-sdk";import{useEffect as am,useState as wt}from"react";import{createContext as Xu,useMemo as zu}from"react";import{jsx as qu}from"react/jsx-runtime";var Qu={wallets:[],chains:[],chainId:void 0,username:void 0,avatar:void 0,disconnect:()=>Promise.resolve(),switchChain:()=>Promise.resolve({})},Ro=Xu(Qu);function $n({children:e}){let t=[],o=[],s=()=>Promise.resolve(),l=()=>Promise.resolve({});return qu(Ro.Provider,{value:zu(()=>({wallets:t,chains:o,chainId:void 0,username:void 0,avatar:void 0,disconnect:s,switchChain:l}),[t,o,void 0,void 0,void 0,s,l]),children:e})}var Lo=(s=>(s.METAMASK="METAMASK",s.RAINBOW="RAINBOW",s.COINBASE="COINBASE",s.WALLETCONNECT="WALLETCONNECT",s.ZERION="ZERION",s.RABBY="RABBY",s))(Lo||{}),Mo=(a=>(a.PHANTOM="PHANTOM",a.GLOW="GLOW",a.BACKPACK="BACKPACK",a))(Mo||{}),Oo=(o=>(o.KEPLR="KEPLR",o.LEAP="LEAP",o))(Oo||{}),pw={...Lo,...Mo,...Oo};import{createContext as Zu,useMemo as Ju}from"react";import{jsx as em}from"react/jsx-runtime";var ju={wallets:[],disconnect:()=>Promise.resolve()},No=Zu(ju);function Kn({children:e}){let t=[],o=()=>Promise.resolve();return em(No.Provider,{value:Ju(()=>({wallets:t,disconnect:o}),[t,o]),children:e})}import{createContext as tm,useMemo as om}from"react";import{jsx as rm}from"react/jsx-runtime";var nm={wallets:[],chains:[],chainId:void 0,disconnect:()=>Promise.resolve(),switchChain:()=>Promise.resolve({})},vo=tm(nm);function Yn({children:e}){let t=[],o=[],n=()=>Promise.resolve(),r=()=>Promise.resolve({});return rm(vo.Provider,{value:om(()=>({wallets:t,chains:o,chainId:void 0,disconnect:n,switchChain:r}),[t,o,void 0,n,r]),children:e})}import{jsx as bo}from"react/jsx-runtime";var Fi=({children:e,wallets:t})=>{let o=v(),a=i(g=>g.resetState),n=K(g=>g.resetState),r=se(g=>g.EvmProvider),s=se(g=>g.evmContext),l=se(g=>g.SolanaProvider),c=se(g=>g.solanaContext),d=se(g=>g.CosmosProvider),p=se(g=>g.cosmosContext),[C,f]=wt(null),[u,A]=wt(null),[S,h]=wt(null),[U,I]=wt(null),[b,T]=wt(null),[M,x]=wt(null);am(()=>{(async()=>{let y=Ro,D=$n,R=No,E=Kn,V=vo,_=Yn;if(!t?.length)y=Ro,D=$n,R=No,E=Kn,V=vo,_=Yn;else for(let q=0;q<t.length;q++){let Z=t[q];if(Z in Lo){if(!r||!s)throw new Error("@getpara/evm-wallet-connectors is required to use an external EVM wallet.");y=s,D=r}if(Z in Mo){if(!l||!c)throw new Error("@getpara/solana-wallet-connectors is required to use an external Solana wallet.");R=c,E=l}if(Z in Oo){if(!d||!p)throw new Error("@getpara/cosmos-wallet-connectors is required to use an external Cosmos wallet.");V=p,_=d}}A(y),f(()=>D),I(R),h(()=>E),x(V),T(()=>_)})()},[t,s,r,c,l,p,d]);let W=({address:g,error:y})=>{(y||!g)&&(a(),n())};return!o||!C||!S||!b?null:bo(C,{para:o,onSwitchWallet:W,children:bo(S,{para:o,onSwitchWallet:W,children:bo(b,{para:o,onSwitchWallet:W,children:bo(Qr,{evmContext:u,solanaContext:U,cosmosContext:M,walletSort:t,children:e})})})})};import dm from"styled-components";import{jsx as Po}from"react/jsx-runtime";sm();var nW=ki(({para:e,isOpen:t,...o},a)=>{let[n,r]=Uo(!1),s=Q(p=>p.setClient),l=Q(p=>p.client),{closeModal:c,openModal:d}=Xt();return Ne(()=>{l||s(e),r(!0)},[]),Ne(()=>{t||c(),t&&d()},[t]),n?Po(um,{ref:a,para:e,...o}):null}),um=ki(({theme:e,appName:t,logo:o,disableEmailLogin:a=!1,disablePhoneLogin:n=!1,oAuthMethods:r,bareModal:s=!1,className:l,currentStepOverride:c,externalWallets:d,authLayout:p=["AUTH:FULL","EXTERNAL:FULL"],embeddedModal:C,onModalStepChange:f,hideWallets:u=!1,onClose:A,...S},h)=>{let U=pm(null),I=w(L=>L.updateState),b=i(L=>L.refs),T=i(L=>L.setWebAuthURLForLogin),M=i(L=>L.setWebAuthURLForCreate),x=i(L=>L.setBiometricLocationHints),W=i(L=>L.step),g=i(L=>L.setOnModalStepChange),y=i(L=>L.setStep),D=K(L=>L.setAuthInfo),R=i(L=>L.hasPreviousStep()),E=i(L=>L.setFlow),V=i(L=>L.setIsFullyLoggedIn),_=he(),q=w(L=>L.setAuthLayout),Z=w(L=>L.authLayout),ce=i(L=>L.resetState),$=K(L=>L.resetState),m=K(L=>L.setRecoveryShare),{disconnectExternalWallet:F}=Y(),{isOpen:H,closeModal:J}=Xt(),k=v(),{selectedWallet:pe,setSelectedWallet:me}=de(),[lt,ie]=Uo(!1),[N,ne]=Uo(!1),[Ce,ko]=Uo(!1);cm(h,()=>({goBack(){_()},canGoBack(){return R},currentStep(){return W},handleModalClose(){U?.current?.handleModalClose()}}),[R,W]);let Wt=async()=>{let L=await k.isFullyLoggedIn();switch(c?y(Be[c.toUpperCase()]):L?(E("account"),y("ACCOUNT_MAIN"),V(!0)):(W!=="AUTH_MAIN"&&W!=="SECRET"&&(y("AUTH_MAIN"),E(),T(),M(),x()),await F(),me({id:void 0,type:void 0}),V(!1)),!0){case k.isEmail:D({email:k.getEmail()});break;case k.isPhone:{let{phone:ke,countryCode:Gi}=k.getPhone();D({phone:ke,countryCode:Gi})}break;case k.isFarcaster:D({farcasterUsername:k.getFarcasterUsername()});break;case k.isTelegram:D({telegramUserId:k.telegramUserId}),L||y("TELEGRAM_OAUTH");break}ne(!0)};Ne(()=>{let L=p;!d?.length&&gn(p)&&(L=L.filter(ke=>!ke.includes("EXTERNAL"))),a&&n&&!r?.length&&vt(p)&&(L=L.filter(ke=>!ke.includes("AUTH"))),JSON.stringify(Z)!==JSON.stringify(L)&&q(L)},[a,n,r,d,p]),Ne(()=>{g(f)},[f]),Ne(()=>{I({logo:o,appName:t,oAuthLogoVariant:e?.oAuthLogoVariant??"default",bareModal:s,embeddedModal:C,hideWallets:u})},[o,t,e?.oAuthLogoVariant,s,C,u]),Ne(()=>{e&&(lm(e),I({isDark:e.mode==="dark",theme:e}))},[e]),Ne(()=>{k?(Wt(),s&&ie(!0)):console.error("A Para instance must be provided.")},[]),Ne(()=>{H&&k&&Wt()},[H]);let ve=()=>{if(!pe?.id||!k.findWallet(pe?.id)){let L=k.findWallet(void 0,void 0,{forbidPregen:!0});me({id:L?.id,type:L?.type})}};Ne(()=>{ve()},[k]),Ne(()=>{let L=()=>{b.popupWindow.current?.close()};return typeof window<"u"&&(window.addEventListener(Do.WALLETS_CHANGE_EVENT,ve),window.addEventListener(Do.EXTERNAL_WALLET_CHANGE_EVENT,ve),window.addEventListener("beforeunload",L)),ko(!0),()=>{typeof window<"u"&&(window.removeEventListener(Do.WALLETS_CHANGE_EVENT,ve),window.removeEventListener(Do.EXTERNAL_WALLET_CHANGE_EVENT,ve),window.removeEventListener("beforeunload",L))}},[]);let Xn=()=>{J(),A?.()},Bi=()=>{ie(!0)},Hi=async()=>{s||ie(!1),zn.includes(W)?(ce(),$(),m(null)):Qn.includes(W)&&y("LOGIN_DONE"),k&&(await Wt(),k.exitLoops()),s||ne(!1)};if(!Ce)return null;if(!k)return console.error("A Para instance is required."),null;if(!Z?.length){let L=!d?.length&&gn(p),ke=a&&n&&!r?.length&&vt(p);return L||ke?(L&&console.error("At least one external wallet must be provided if external wallet auth is enabled."),ke&&console.error("At least one login method (email, phone or OAuth) must be provided if embedded wallet auth is enabled.")):console.error("At least one auth layout selection is required."),null}return Po(Fi,{wallets:d,children:Po(mm,{enterTransitionDuration:$e.ANIMATION_DURATION,exitTransitionDuration:$e.ANIMATION_DURATION,open:H,onCpslModalExited:Hi,onCpslModalEntering:Bi,onCpslModalRequestClose:Xn,noOverlay:s,className:l,"data-testid":"modal",$embeddedModal:C,children:lt&&(N&&C||!C)&&Po(Pi,{oAuthMethods:r,disableEmailLogin:a,disablePhoneLogin:n,onClose:Xn,...S})})})}),mm=dm(im)`
|
|
665
665
|
${({$embeddedModal:e})=>e&&`
|
|
666
666
|
&::part(modal-body-card) {
|
|
667
667
|
--card-box-shadow: none;
|
|
@@ -672,4 +672,4 @@ Please choose another wallet or continue on desktop.`;return X(M,{children:X($a,
|
|
|
672
672
|
--card-box-shadow: none;
|
|
673
673
|
--card-border-width: 0px;
|
|
674
674
|
};`}
|
|
675
|
-
`;var
|
|
675
|
+
`;var Fo=class extends Error{constructor(t){super(`On-ramp configuration error: ${t}.`),this.name="OnRampConfigError"}};function Cm({providers:e}){if(!e||e.length<1)throw new Fo("No providers are configured")}function fm({providers:e}){e.forEach((t,o)=>{if(e.findIndex(a=>a===t)!==o)throw new Fo(`Provider ${t} is configured more than once`)})}function iW(e){return e?(Cm(e),fm(e),!0):!1}export*from"@getpara/web-sdk";import Am from"@getpara/web-sdk";var hW=Am;export{er as AuthLayout,Oo as CosmosWallet,Lo as EvmWallet,pw as ExternalWallet,Be as ModalStep,mn as NETWORKS,Cn as ON_RAMP_ASSETS,un as ON_RAMP_PROVIDERS,Fo as OnRampConfigError,nW as ParaModal,ul as ParaProvider,Gr as SaveRecoverySecret,Mo as SolanaWallet,hW as default,oc as getAssetIcon,tc as getAssetName,OS as getClient,NS as getIsOpen,ec as getNetworkIcon,Nt as getNetworkName,vS as getSelectedWalletId,bS as getSelectedWalletType,Ze as openPopup,jo as useAccount,Xs as useCheckIfUserExists,G as useClient,Ks as useCreateUser,se as useExternalWalletProviderStore,Qs as useInitiateLogin,tn as useKeepSessionAlive,en as useLogout,Xt as useModal,el as useSignMessage,ol as useSignTransaction,Bs as useWaitForAccountCreation,Ps as useWaitForLoginAndSetup,Vs as useWaitForPasskeyAndCreateWallet,Mt as useWallet,de as useWalletState,iW as validateOnRampConfig};
|