@privy-io/react-auth
Version:
React client for the Privy Auth API
2 lines (1 loc) • 1.88 kB
JavaScript
"use strict";var e=require("react/jsx-runtime"),s=require("lucide-react"),r=require("react"),t=require("styled-components"),i=require("./useActiveWallet-BOX8xCn9.js"),n=require("./Button-Bm_Ft0Dw.js");let o=/*#__PURE__*/t.styled.span.withConfig({displayName:"AddressContainer",componentId:"sc-3a987cc8-0"})(["display:inline-flex;align-items:center;gap:0.5rem;"]),a=/*#__PURE__*/t.styled.span.withConfig({displayName:"AddressText",componentId:"sc-3a987cc8-1"})(["font-size:14px;font-weight:500;color:var(--privy-color-foreground);"]),c=/*#__PURE__*/t.styled.a.withConfig({displayName:"AddressLink",componentId:"sc-3a987cc8-2"})(["font-size:14px;color:var(--privy-color-foreground);text-decoration:none;&:hover{text-decoration:underline;}"]);exports.Address=({address:t,showCopyIcon:l,url:d,className:p})=>{let[m,u]=r.useState(!1);function x(e){e.stopPropagation(),navigator.clipboard.writeText(t).then((()=>u(!0))).catch(console.error)}return r.useEffect((()=>{if(m){let e=setTimeout((()=>u(!1)),3e3);return()=>clearTimeout(e)}}),[m]),d?/*#__PURE__*/e.jsxs(o,{children:[/*#__PURE__*/e.jsx(c,{title:t,className:p,href:`${d}/address/${t}`,target:"_blank",children:i.formatWalletAddress(t)}),l&&/*#__PURE__*/e.jsx(n.SecondaryButton,{onClick:x,size:"sm",style:{gap:"0.375rem"},children:m?/*#__PURE__*/e.jsxs(e.Fragment,{children:["Copied",/*#__PURE__*/e.jsx(s.Check,{size:16})]}):/*#__PURE__*/e.jsxs(e.Fragment,{children:["Copy",/*#__PURE__*/e.jsx(s.Copy,{size:16})]})})]}):/*#__PURE__*/e.jsxs(o,{children:[/*#__PURE__*/e.jsx(a,{title:t,className:p,children:i.formatWalletAddress(t)}),l&&/*#__PURE__*/e.jsx(n.SecondaryButton,{onClick:x,size:"sm",style:{gap:"0.375rem",fontSize:"14px"},children:m?/*#__PURE__*/e.jsxs(e.Fragment,{children:["Copied",/*#__PURE__*/e.jsx(s.Check,{size:14})]}):/*#__PURE__*/e.jsxs(e.Fragment,{children:["Copy",/*#__PURE__*/e.jsx(s.Copy,{size:14})]})})]})};