@privy-io/react-auth 3.10.2 → 3.10.3-beta-20260114184632

package/dist/esm/styles-BsotlekN.mjs

@@ -0,0 +1,9 @@
+import{jsxs as i,jsx as l}from"react/jsx-runtime";import{styled as t}from"styled-components";const d=t=>/*#__PURE__*/i("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 21 20",...t,children:[/*#__PURE__*/l("path",{fill:"url(#icloud-gradient)",d:"M12.34 7.315a4.26 4.26 0 0 0-3.707 2.18 2.336 2.336 0 0 0-1.02-.236 2.336 2.336 0 0 0-2.3 1.963 3.217 3.217 0 0 0 1.244 6.181c.135-.001.27-.01.404-.029h8.943c.047.004.094.006.141.007.045-.001.09-.004.135-.007h.214v-.016a2.99 2.99 0 0 0 1.887-.988c.487-.55.757-1.261.757-1.998v-.006a3.017 3.017 0 0 0-.69-1.915 2.992 2.992 0 0 0-1.748-1.034 4.26 4.26 0 0 0-4.26-4.102Z"}),/*#__PURE__*/l("defs",{children:/*#__PURE__*/i("linearGradient",{id:"icloud-gradient",x1:19.086,x2:3.333,y1:14.38,y2:14.163,gradientUnits:"userSpaceOnUse",children:[/*#__PURE__*/l("stop",{stopColor:"#3E82F4"}),/*#__PURE__*/l("stop",{offset:1,stopColor:"#93DCF7"})]})})]}),e=({style:t,...d})=>/*#__PURE__*/i("svg",{width:"16",height:"14",style:t,viewBox:"0 0 16 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",...d,children:[/*#__PURE__*/i("g",{clipPath:"url(#clip0_2115_829)",children:[/*#__PURE__*/l("path",{d:"M2.34709 12.9404L2.3471 12.9404L2.34565 12.938L1.64031 11.7448L1.64004 11.7444L0.651257 10.0677C0.640723 10.0496 0.630746 10.0314 0.621325 10.0129H4.16461L2.39424 13.0139C2.3775 12.9901 2.36178 12.9656 2.34709 12.9404Z",fill:"#0066DA",stroke:"#6366F1"}),/*#__PURE__*/l("path",{d:"M8 4.48713L5.47995 0.215332C5.23253 0.358922 5.02176 0.556358 4.87514 0.80764L0.219931 8.70508C0.076007 8.95094 0.000191627 9.22937 0 9.51277H5.04009L8 4.48713Z",fill:"#00AC47"}),/*#__PURE__*/l("path",{d:"M13.48 13.7847C13.7274 13.6411 13.9382 13.4437 14.0848 13.1924L14.3781 12.6988L15.7801 10.3206C15.9267 10.0693 16.0001 9.79114 16.0001 9.51294H10.9596L12.0321 11.577L13.48 13.7847Z",fill:"#EA4335"}),/*#__PURE__*/l("path",{d:"M8.00003 4.48718L10.5201 0.215385C10.2726 0.0717949 9.98857 0 9.69533 0H6.30472C6.01148 0 5.7274 0.0807692 5.47998 0.215385L8.00003 4.48718Z",fill:"#00832D"}),/*#__PURE__*/l("path",{d:"M10.9599 9.51294H5.04007L2.52002 13.7847C2.76744 13.9283 3.05152 14.0001 3.34476 14.0001H12.6552C12.9484 14.0001 13.2325 13.9194 13.4799 13.7847L10.9599 9.51294Z",fill:"#2684FC"}),/*#__PURE__*/l("path",{d:"M13.4525 4.75636L11.1249 0.80764C10.9782 0.556358 10.7675 0.358922 10.52 0.215332L8 4.48713L10.9599 9.51277H15.9908C15.9908 9.23456 15.9175 8.95636 15.7709 8.70508L13.4525 4.75636Z",fill:"#FFBA00"})]}),/*#__PURE__*/l("defs",{children:/*#__PURE__*/l("clipPath",{id:"clip0_2115_829",children:/*#__PURE__*/l("rect",{width:"16",height:"14",fill:"white"})})})]}),o=t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding-top: 24px;
+  padding-bottom: 24px;
+`,p=t.div`
+  padding-bottom: 24px;
+`;export{d as A,e as G,o as R,p as a};

package/dist/esm/styles-Y2DUk2QG.mjs

@@ -0,0 +1,93 @@
+import{styled as o,keyframes as i}from"styled-components";import{d as t}from"./ModalHeader-DS6bUzfI.mjs";import{LinkButton as r}from"./LinkPasskeyScreen-CgKBoENR.mjs";const e=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding-top: 24px;
+  padding-bottom: 24px;
+`,n=o.div`
+  width: 24px;
+  height: 24px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  svg {
+    border-radius: var(--privy-border-radius-sm);
+  }
+`,a=o.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  gap: 8px;
+`,p=o.div`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  width: 100%;
+  padding: 0 16px;
+  border-width: 1px !important;
+  border-radius: 12px;
+  cursor: text;
+
+  &:focus-within {
+    border-color: var(--privy-color-accent);
+  }
+`;o.div`
+  font-size: 42px !important;
+`;const s=o.input`
+  background-color: var(--privy-color-background);
+  width: 100%;
+
+  &:focus {
+    outline: none !important;
+    border: none !important;
+    box-shadow: none !important;
+  }
+
+  && {
+    font-size: 26px;
+  }
+`,d=o(s)`
+  && {
+    font-size: 42px;
+  }
+`;o.button`
+  cursor: pointer;
+  padding-left: 4px;
+`;const c=o.div`
+  font-size: 18px;
+`,l=o.div`
+  font-size: 12px;
+  color: var(--privy-color-foreground-3);
+  // we need this container to maintain a static height if there's no content
+  height: 20px;
+`;o.div`
+  display: flex;
+  flex-direction: row;
+  line-height: 22px;
+  font-size: 16px;
+  text-align: center;
+  svg {
+    margin-right: 6px;
+    margin: auto;
+  }
+`,o(r)`
+  margin-top: 16px;
+`;let x=i`
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+`;o(t)`
+  border-radius: var(--privy-border-radius-md) !important;
+  animation: ${x} 0.3s ease-in-out;
+`;const m=o.div``,f=o.a`
+  && {
+    color: var(--privy-color-accent);
+  }
+
+  cursor: pointer;
+`;export{a as F,n as I,p as a,s as b,c,l as d,e,m as f,f as g,d as h};

package/dist/esm/to-ui-error-BpLGZ-Fa.mjs

@@ -0,0 +1,4 @@
+import{jsxs as e,jsx as o,Fragment as r}from"react/jsx-runtime";import n from"@heroicons/react/24/outline/DevicePhoneMobileIcon";import i from"@heroicons/react/24/outline/FingerPrintIcon";import t from"@heroicons/react/24/outline/PhoneIcon";import a from"@heroicons/react/24/outline/ShieldCheckIcon";import{b as s,M as c,P as l,S as d}from"./ModalHeader-DS6bUzfI.mjs";import{S as m}from"./ScreenLayout-MTddPyq4.mjs";import{U as h,V as p,a4 as u}from"./useActiveWallet-C7hnsvNI.mjs";import{M as g,F as f,T as y,L as C,b as k,c as T,C as S,E as b,P as v,I,N as w,S as P}from"./PinInput-COuxKnJl.mjs";import j from"@heroicons/react/24/outline/CalendarIcon";import x from"@heroicons/react/24/outline/ExclamationTriangleIcon";import{e as B}from"./StackedContainer-B2vaEl56.mjs";import{u as E}from"./internal-context-e-Eni5bG.mjs";import{useState as M,useMemo as V,useEffect as A}from"react";import{styled as L}from"styled-components";import{toHex as D}from"viem";import{u as F}from"./useGetTokenPrice-CHFvCH9a.mjs";import{u as Y}from"./useWallets-Djv8Lbsf.mjs";import{p as H,j as N,g as W,h as G}from"./index-Bn7dGnWc.mjs";import{g as J}from"./getPublicClient-A9RSftUZ.mjs";import{T as K}from"./TransactionDetails-B2SQo46t.mjs";import{u as O}from"./context-B2_ynXJ0.mjs";const U=({handleClose:r,user:c,onSelect:l})=>/*#__PURE__*/e(m,{title:"Verify your identity",subtitle:"Choose a verification method",icon:a,iconVariant:"subtle",onClose:r,showClose:!0,watermark:!0,children:[/*#__PURE__*/e(g,{children:[c.mfaMethods.includes("totp")&&/*#__PURE__*/e(h,{onClick:()=>l("totp"),children:[/*#__PURE__*/o(p,{children:/*#__PURE__*/o(n,{})}),"Authenticator app"]},"totp"),c.mfaMethods.includes("sms")&&/*#__PURE__*/e(h,{onClick:()=>l("sms"),children:[/*#__PURE__*/o(p,{children:/*#__PURE__*/o(t,{})}),"SMS"]},"sms"),c.mfaMethods.includes("passkey")&&/*#__PURE__*/e(h,{onClick:()=>l("passkey"),children:[/*#__PURE__*/o(p,{children:/*#__PURE__*/o(i,{})}),"Passkey"]},"passkey")]}),/*#__PURE__*/o(s,{})]}),q=({pendingTransaction:e})=>{let{wallets:r}=Y(),{walletProxy:n,rpcConfig:i,chains:t,appId:a,nativeTokenSymbolForChainId:s}=E(),[c,l]=M(null),[d,m]=M(e),{tokenPrice:h}=F(d.chainId),p=s(e.chainId)||"ETH",u=V((()=>r.find((e=>"privy"===e.walletClientType))),[r]);return A((()=>{(async function(){if(!n||!u)return d;let e=J(d.chainId,t,i,{appId:a}),o=await H(d,e,u.address);return l(D(BigInt(o.gas??0))),o})().then(m).catch(console.error)}),[n]),u?/*#__PURE__*/o(z,{children:/*#__PURE__*/o(K,{from:u.address,to:d.to,txn:d,gas:c??void 0,tokenPrice:h,tokenSymbol:p})}):null};let z=L.div`
+  width: 100%;
+  padding: 1rem 0;
+`;const Q=({hasBlockingError:n,error:i,onClose:t,onBack:d,handleSubmit:m,account:h,submitSuccess:p})=>{let{pendingTransaction:g}=E();/*#__PURE__*/return e(r,{children:[/*#__PURE__*/o(c,{onClose:t},"header"),/*#__PURE__*/o(B,{children:/*#__PURE__*/e("div",{children:[/*#__PURE__*/o(u,{success:p,fail:!!i}),/*#__PURE__*/o(i?x:f,{style:{width:"38px",height:"38px"}})]})}),/*#__PURE__*/o(y,{style:{marginTop:"1rem"},children:"Verifying with passkey"}),/*#__PURE__*/e(C,{children:[/*#__PURE__*/e(k,{children:[/*#__PURE__*/o(T,{children:/*#__PURE__*/o(a,{})}),"Approve this action using your touch, face, PIN, or hardware key."]}),/*#__PURE__*/e(k,{children:[/*#__PURE__*/o(T,{children:/*#__PURE__*/o(j,{})}),"You last added a passkey on"," ",h?.firstVerifiedAt?.toLocaleDateString(void 0,{month:"short",day:"numeric",year:"numeric"}),"."]})]}),g&&/*#__PURE__*/o(S,{children:/*#__PURE__*/o(q,{pendingTransaction:g})}),i&&/*#__PURE__*/e(r,{children:[/*#__PURE__*/o(b,{style:{marginTop:"1.25rem"},children:i.message}),/*#__PURE__*/o(l,{disabled:n,onClick:m,style:{margin:"1.25rem auto 0"},children:"Try again"})]}),d&&/*#__PURE__*/o(v,{style:{marginTop:"1rem"},onClick:d,children:"Choose another method"}),/*#__PURE__*/o(s,{})]})},R=({selectedMethod:i,submitSuccess:a,hasBlockingError:l,onClose:m,onBack:h,handleSubmitCode:p})=>{let u=O(),{pendingTransaction:g}=E();switch(i){case"sms":/*#__PURE__*/return e(r,{children:[/*#__PURE__*/o(c,{onClose:m},"header"),/*#__PURE__*/o(I,{style:{marginBottom:"1.5rem"},children:/*#__PURE__*/o(t,{})}),/*#__PURE__*/o(y,{children:"Enter verification code"}),/*#__PURE__*/e(S,{children:[/*#__PURE__*/o(w,{success:a,disabled:l,onChange:p}),/*#__PURE__*/e(P,{children:["To continue, please enter the 6-digit code sent to your ",/*#__PURE__*/o("strong",{children:"mobile device"})]}),g&&/*#__PURE__*/o(q,{pendingTransaction:g})]}),h&&/*#__PURE__*/o(v,{theme:u?.appearance.palette.colorScheme,onClick:h,children:"Choose another method"}),/*#__PURE__*/o(d,{onClick:m,children:"Cancel"}),/*#__PURE__*/o(s,{})]});case"totp":/*#__PURE__*/return e(r,{children:[/*#__PURE__*/o(c,{onClose:m},"header"),/*#__PURE__*/o(I,{style:{marginBottom:"1.5rem"},children:/*#__PURE__*/o(n,{})}),/*#__PURE__*/o(y,{children:"Enter verification code"}),/*#__PURE__*/e(S,{children:[/*#__PURE__*/o(w,{success:a,disabled:l,onChange:p}),/*#__PURE__*/e(P,{children:["To continue, please enter the 6-digit code generated from your"," ",/*#__PURE__*/o("strong",{children:"authenticator app"})]}),g&&/*#__PURE__*/o(q,{pendingTransaction:g})]}),h&&/*#__PURE__*/o(v,{theme:u?.appearance.palette.colorScheme,onClick:h,children:"Choose another method"}),/*#__PURE__*/o(d,{onClick:m,children:"Cancel"}),/*#__PURE__*/o(s,{})]});default:return null}},X=e=>N(e)?{isBlocking:!0,error:Error("You have exceeded the maximum number of attempts. Please close this window and try again in 10 seconds.")}:W(e)?{isBlocking:!1,error:Error("The code you entered is not valid")}:G(e)?{isBlocking:!0,error:Error("You have exceeded the time limit for code entry. Please try again in 30 seconds.")}:(console.error(e),{isBlocking:!1,error:Error("Something went wrong.")});export{Q as V,R as a,U as b,X as t};