@privy-io/react-auth 3.10.2 → 3.11.0-beta-20260115221418

package/dist/cjs/styles-CfB2jpM8.js

@@ -0,0 +1,93 @@
+"use strict";var t=require("styled-components"),e=require("./ModalHeader-CrrmvrdJ.js"),n=require("./LinkPasskeyScreen-D8PZaYGV.js");const o=t.styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding-top: 24px;
+  padding-bottom: 24px;
+`,r=t.styled.div`
+  width: 24px;
+  height: 24px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  svg {
+    border-radius: var(--privy-border-radius-sm);
+  }
+`,i=t.styled.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  gap: 8px;
+`,s=t.styled.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);
+  }
+`;t.styled.div`
+  font-size: 42px !important;
+`;const d=t.styled.input`
+  background-color: var(--privy-color-background);
+  width: 100%;
+
+  &:focus {
+    outline: none !important;
+    border: none !important;
+    box-shadow: none !important;
+  }
+
+  && {
+    font-size: 26px;
+  }
+`,a=t.styled(d)`
+  && {
+    font-size: 42px;
+  }
+`;t.styled.button`
+  cursor: pointer;
+  padding-left: 4px;
+`;const p=t.styled.div`
+  font-size: 18px;
+`,l=t.styled.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;
+`;t.styled.div`
+  display: flex;
+  flex-direction: row;
+  line-height: 22px;
+  font-size: 16px;
+  text-align: center;
+  svg {
+    margin-right: 6px;
+    margin: auto;
+  }
+`,t.styled(n.LinkButton)`
+  margin-top: 16px;
+`;let c=t.keyframes`
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+`;t.styled(e.SoftCtaButton)`
+  border-radius: var(--privy-border-radius-md) !important;
+  animation: ${c} 0.3s ease-in-out;
+`;const u=t.styled.div``,x=t.styled.a`
+  && {
+    color: var(--privy-color-accent);
+  }
+
+  cursor: pointer;
+`;exports.FundingAmountInput=d,exports.FundingAmountInputLarge=a,exports.FundingCurrency=p,exports.FundingDollars=l,exports.FundingMethodContainer=o,exports.FundingQuantity=s,exports.FundingQuantityWrapper=i,exports.IconContainer=r,exports.InfoButtonLink=x,exports.InfoButtonText=u;

package/dist/cjs/to-ui-error-Bn2yiSbL.js

@@ -0,0 +1,4 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("@heroicons/react/24/outline/DevicePhoneMobileIcon"),n=require("@heroicons/react/24/outline/FingerPrintIcon"),t=require("@heroicons/react/24/outline/PhoneIcon"),i=require("@heroicons/react/24/outline/ShieldCheckIcon"),o=require("./ModalHeader-CrrmvrdJ.js"),s=require("./ScreenLayout-JveHvcJ8.js"),a=require("./useActiveWallet-CJFU5uW9.js"),c=require("./PinInput-B12fA7pp.js"),l=require("@heroicons/react/24/outline/CalendarIcon"),d=require("@heroicons/react/24/outline/ExclamationTriangleIcon"),u=require("./StackedContainer-CM36po_U.js"),h=require("./internal-context-NWsAL807.js"),x=require("react"),j=require("styled-components"),m=require("viem"),p=require("./useGetTokenPrice-CVvPmZ8P.js"),g=require("./useWallets-DfhM_0qx.js"),y=require("./index-CgX5_MCM.js"),f=require("./getPublicClient-CGlodIp_.js"),C=require("./TransactionDetails-qYKVGuJ7.js"),I=require("./context-BQBZ_ADw.js");function k(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var T=/*#__PURE__*/k(r),M=/*#__PURE__*/k(n),S=/*#__PURE__*/k(t),P=/*#__PURE__*/k(i),q=/*#__PURE__*/k(l),v=/*#__PURE__*/k(d);const B=({pendingTransaction:r})=>{let{wallets:n}=g.useWallets(),{walletProxy:t,rpcConfig:i,chains:o,appId:s,nativeTokenSymbolForChainId:a}=h.usePrivyInternal(),[c,l]=x.useState(null),[d,u]=x.useState(r),{tokenPrice:j}=p.useGetTokenPrice(d.chainId),I=a(r.chainId)||"ETH",k=x.useMemo((()=>n.find((e=>"privy"===e.walletClientType))),[n]);return x.useEffect((()=>{(async function(){if(!t||!k)return d;let e=f.getPublicClient(d.chainId,o,i,{appId:s}),r=await y.prepareTransactionRequest(d,e,k.address);return l(m.toHex(BigInt(r.gas??0))),r})().then(u).catch(console.error)}),[t]),k?/*#__PURE__*/e.jsx(b,{children:/*#__PURE__*/e.jsx(C.TransactionDetails,{from:k.address,to:d.to,txn:d,gas:c??void 0,tokenPrice:j,tokenSymbol:I})}):null};let b=j.styled.div`
+  width: 100%;
+  padding: 1rem 0;
+`;exports.VerifyMethodSelectionScreen=({handleClose:r,user:n,onSelect:t})=>/*#__PURE__*/e.jsxs(s.ScreenLayout,{title:"Verify your identity",subtitle:"Choose a verification method",icon:P.default,iconVariant:"subtle",onClose:r,showClose:!0,watermark:!0,children:[/*#__PURE__*/e.jsxs(c.MethodList,{children:[n.mfaMethods.includes("totp")&&/*#__PURE__*/e.jsxs(a.LoginMethodButton,{onClick:()=>t("totp"),children:[/*#__PURE__*/e.jsx(a.LoginMethodIconWrapper,{children:/*#__PURE__*/e.jsx(T.default,{})}),"Authenticator app"]},"totp"),n.mfaMethods.includes("sms")&&/*#__PURE__*/e.jsxs(a.LoginMethodButton,{onClick:()=>t("sms"),children:[/*#__PURE__*/e.jsx(a.LoginMethodIconWrapper,{children:/*#__PURE__*/e.jsx(S.default,{})}),"SMS"]},"sms"),n.mfaMethods.includes("passkey")&&/*#__PURE__*/e.jsxs(a.LoginMethodButton,{onClick:()=>t("passkey"),children:[/*#__PURE__*/e.jsx(a.LoginMethodIconWrapper,{children:/*#__PURE__*/e.jsx(M.default,{})}),"Passkey"]},"passkey")]}),/*#__PURE__*/e.jsx(o.ModalFooter,{})]}),exports.VerifyWithPasskey=({hasBlockingError:r,error:n,onClose:t,onBack:i,handleSubmit:s,account:l,submitSuccess:d})=>{let{pendingTransaction:x}=h.usePrivyInternal();/*#__PURE__*/return e.jsxs(e.Fragment,{children:[/*#__PURE__*/e.jsx(o.ModalHeader,{onClose:t},"header"),/*#__PURE__*/e.jsx(u.e,{children:/*#__PURE__*/e.jsxs("div",{children:[/*#__PURE__*/e.jsx(a.ConnectionLoader,{success:d,fail:!!n}),n?/*#__PURE__*/e.jsx(v.default,{style:{width:"38px",height:"38px"}}):/*#__PURE__*/e.jsx(c.FaceId,{style:{width:"38px",height:"38px"}})]})}),/*#__PURE__*/e.jsx(c.Title,{style:{marginTop:"1rem"},children:"Verifying with passkey"}),/*#__PURE__*/e.jsxs(c.List,{children:[/*#__PURE__*/e.jsxs(c.ListItem,{children:[/*#__PURE__*/e.jsx(c.ListItemIcon,{children:/*#__PURE__*/e.jsx(P.default,{})}),"Approve this action using your touch, face, PIN, or hardware key."]}),/*#__PURE__*/e.jsxs(c.ListItem,{children:[/*#__PURE__*/e.jsx(c.ListItemIcon,{children:/*#__PURE__*/e.jsx(q.default,{})}),"You last added a passkey on"," ",l?.firstVerifiedAt?.toLocaleDateString(void 0,{month:"short",day:"numeric",year:"numeric"}),"."]})]}),x&&/*#__PURE__*/e.jsx(c.Container,{children:/*#__PURE__*/e.jsx(B,{pendingTransaction:x})}),n&&/*#__PURE__*/e.jsxs(e.Fragment,{children:[/*#__PURE__*/e.jsx(c.ErrorMessage,{style:{marginTop:"1.25rem"},children:n.message}),/*#__PURE__*/e.jsx(o.PrimaryButton,{disabled:r,onClick:s,style:{margin:"1.25rem auto 0"},children:"Try again"})]}),i&&/*#__PURE__*/e.jsx(c.PrimaryTextButton,{style:{marginTop:"1rem"},onClick:i,children:"Choose another method"}),/*#__PURE__*/e.jsx(o.ModalFooter,{})]})},exports.VerifyWithSmsOrTotpCode=({selectedMethod:r,submitSuccess:n,hasBlockingError:t,onClose:i,onBack:s,handleSubmitCode:a})=>{let l=I.useAppConfig(),{pendingTransaction:d}=h.usePrivyInternal();switch(r){case"sms":/*#__PURE__*/return e.jsxs(e.Fragment,{children:[/*#__PURE__*/e.jsx(o.ModalHeader,{onClose:i},"header"),/*#__PURE__*/e.jsx(c.IconWrapper,{style:{marginBottom:"1.5rem"},children:/*#__PURE__*/e.jsx(S.default,{})}),/*#__PURE__*/e.jsx(c.Title,{children:"Enter verification code"}),/*#__PURE__*/e.jsxs(c.Container,{children:[/*#__PURE__*/e.jsx(c.NumericPinInput,{success:n,disabled:t,onChange:a}),/*#__PURE__*/e.jsxs(c.SubTitle,{children:["To continue, please enter the 6-digit code sent to your ",/*#__PURE__*/e.jsx("strong",{children:"mobile device"})]}),d&&/*#__PURE__*/e.jsx(B,{pendingTransaction:d})]}),s&&/*#__PURE__*/e.jsx(c.PrimaryTextButton,{theme:l?.appearance.palette.colorScheme,onClick:s,children:"Choose another method"}),/*#__PURE__*/e.jsx(o.SecondaryButton,{onClick:i,children:"Cancel"}),/*#__PURE__*/e.jsx(o.ModalFooter,{})]});case"totp":/*#__PURE__*/return e.jsxs(e.Fragment,{children:[/*#__PURE__*/e.jsx(o.ModalHeader,{onClose:i},"header"),/*#__PURE__*/e.jsx(c.IconWrapper,{style:{marginBottom:"1.5rem"},children:/*#__PURE__*/e.jsx(T.default,{})}),/*#__PURE__*/e.jsx(c.Title,{children:"Enter verification code"}),/*#__PURE__*/e.jsxs(c.Container,{children:[/*#__PURE__*/e.jsx(c.NumericPinInput,{success:n,disabled:t,onChange:a}),/*#__PURE__*/e.jsxs(c.SubTitle,{children:["To continue, please enter the 6-digit code generated from your"," ",/*#__PURE__*/e.jsx("strong",{children:"authenticator app"})]}),d&&/*#__PURE__*/e.jsx(B,{pendingTransaction:d})]}),s&&/*#__PURE__*/e.jsx(c.PrimaryTextButton,{theme:l?.appearance.palette.colorScheme,onClick:s,children:"Choose another method"}),/*#__PURE__*/e.jsx(o.SecondaryButton,{onClick:i,children:"Cancel"}),/*#__PURE__*/e.jsx(o.ModalFooter,{})]});default:return null}},exports.toUIError=e=>y.errorIndicatesMaxMfaRetries(e)?{isBlocking:!0,error:Error("You have exceeded the maximum number of attempts. Please close this window and try again in 10 seconds.")}:y.errorIndicatesMfaVerificationFailed(e)?{isBlocking:!1,error:Error("The code you entered is not valid")}:y.errorIndicatesMfaTimeout(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.")});