https://pro.sport.fun/static/assets/AddFundsSelectionScreen-Cq8rPoJw-Db0wdRhU.js

1import{gq as p,go as x,gn as y,B as a,gr as g,j as r,gs as s}from"./index-BSx329UM.js";import{n as C}from"./styles-DVyDvTdj-CMtlM_z2.js";import{i,d as l,l as c,Q as j}from"./styles-BLvulMYf-P2VprwrQ.js";import{c as b}from"./createLucideIcon-DVQ5gbwD.js";import{C as w}from"./credit-card-BCLzCxxQ.js";import"./ScreenLayout-Caq5mGD8-C8e_i3Eq.js";import"./ModalHeader-DffkxvO4-4hAT2A9_.js";import"./Screen-D8KNyGVj-aZIJz9Of.js";import"./index-Dq_xe9dz-txSzgltx.js";const k=[["rect",{width:"20",height:"12",x:"2",y:"6",rx:"2",key:"9lu3g6"}],["circle",{cx:"12",cy:"12",r:"2",key:"1c9p78"}],["path",{d:"M6 12h.01M18 12h.01",key:"113zkx"}]],d=b("banknote",k),A={component:()=>{let e=p(),{onUserCloseViaDialogOrKeybindRef:n}=x(),f=y(),t=a.useRef(!1);a.useEffect((()=>{e&&(t.current=!1)}),[e]);let o=a.useCallback((async()=>{!t.current&&e&&(t.current=!0,g(),await e.onCancel())}),[e]);return a.useEffect((()=>(n.current=o,()=>{n.current===o&&(n.current=null)})),[o,n]),e?e.error?r.jsx(i,{icon:d,iconVariant:"warning",title:"Unable to add funds",subtitle:e.error,showClose:!0,onClose:o,primaryCta:{label:"Close",onClick:o}}):r.jsx(i,{icon:d,iconVariant:"subtle",title:"Select method",subtitle:"Choose how to fund your wallet",showClose:!0,onClose:o,children:r.jsxs(C,{style:{marginTop:"1rem"},$colorScheme:f.appearance.palette.colorScheme,children:[e.startFiat&&r.jsxs(l,{onClick:async()=>{t.current||(t.current=!0,await e.startFiat?.())},children:[r.jsx(u,{children:r.jsx(w,{})}),r.jsxs(h,{children:[r.jsx(c,{children:"Pay with fiat"}),r.jsx(m,{children:"Apple Pay, Google Pay, or debit card"})]})]}),e.startCrypto&&r.jsxs(l,{onClick:async()=>{t.current||(t.current=!0,await e.startCrypto?.())},children:[r.jsx(u,{children:r.jsx(j,{})}),r.jsxs(h,{children:[r.jsx(c,{children:"Transfer from wallet"}),r.jsx(m,{children:"Send crypto from any wallet"})]})]})]})}):null}};let u=s.span`
2  width: 2rem;
3  height: 2rem;
4  border-radius: var(--privy-border-radius-full);
5  background-color: var(--privy-color-background-2);
6  color: var(--color-icon-muted, #64668b);
7  display: flex;
8  align-items: center;
9  justify-content: center;
10  flex-shrink: 0;
11
12  svg {
13    width: 1.125rem;
14    height: 1.125rem;
15  }
16`,h=s.span`
17  display: flex;
18  flex-direction: column;
19  align-items: flex-start;
20`,m=s.span`
21  font-size: 0.875rem;
22  line-height: 1.25rem;
23  color: var(--privy-color-foreground-3);
24`;export{A as AddFundsSelectionScreen,A as default};