@privy-io/react-auth/dist/cjs/EmbeddedWalletKeyExportScreen-D0NE_HvJ.js

React client for the Privy Auth API

"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),i=require("@privy-io/urls"),o=require("./WarningBanner-B_Gs_15p.js"),n=require("./WalletInfoCard-DKVdH9iF.js"),a=require("./context-DFq1obBO.js"),l=require("./internal-context-NWsAL807.js"),s=require("./get-is-unified-wallet-D4ouXJpi.js"),d=require("./ScreenLayout-BeH-Q6N2.js");require("@heroicons/react/24/outline/ExclamationTriangleIcon"),require("lucide-react"),require("./Button-Bm_Ft0Dw.js"),require("./useActiveWallet-BOX8xCn9.js"),require("zustand"),require("react-device-detect"),require("./prepareFundingModalData-Cnd6rhhJ.js"),require("@privy-io/js-sdk-core"),require("eventemitter3"),require("./events-context-Di6--rDg.js"),require("viem"),require("viem/utils"),require("./getPublicClient-CGlodIp_.js"),require("./useWallets-BLFNjTwC.js"),require("./ErrorMessage-f0cRWc29.js"),require("./LabelXs-CYMv6rOZ.js"),require("./Address-5znFAhQw.js"),require("./shared-BPGwTh8c.js"),require("tinycolor2"),require("ofetch"),require("./Screen-D9Tvi297.js"),require("./ModalHeader-DB7Tbjwz.js"),require("@heroicons/react/24/outline/ArrowLeftIcon"),require("@heroicons/react/24/outline/ArrowRightIcon"),require("@heroicons/react/24/outline/QuestionMarkCircleIcon"),require("@heroicons/react/24/outline/XMarkIcon"),require("./index-CRFXS9pP.js");const c=({address:r,accessToken:t,appConfigTheme:i,onClose:a,isLoading:l=!1,exportButtonProps:s})=>/*#__PURE__*/e.jsx(d.ScreenLayout,{title:"Export wallet",subtitle:/*#__PURE__*/e.jsxs(e.Fragment,{children:["Copy either your private key or seed phrase to export your wallet."," ",/*#__PURE__*/e.jsx("a",{href:"https://privy-io.notion.site/Transferring-your-account-9dab9e16c6034a7ab1ff7fa479b02828",target:"blank",rel:"noopener noreferrer",children:"Learn more"})]}),onClose:a,watermark:!0,children:/*#__PURE__*/e.jsxs(u,{children:[/*#__PURE__*/e.jsx(o.WarningBanner,{theme:i,children:"Never share your private key or seed phrase with anyone."}),/*#__PURE__*/e.jsx(n.WalletInfoCard,{title:"Your wallet",address:r,showCopyButton:!0}),/*#__PURE__*/e.jsx("div",{style:{width:"100%"},children:l?/*#__PURE__*/e.jsx(p,{}):t&&s&&/*#__PURE__*/e.jsx(g,{accessToken:t,dimensions:{height:"44px"},...s})})]})});let u=/*#__PURE__*/t.styled.div.withConfig({displayName:"ContentContainer",componentId:"sc-b9fde557-0"})(["display:flex;flex-direction:column;gap:1.25rem;text-align:left;"]),p=()=>/*#__PURE__*/e.jsx(h,{children:/*#__PURE__*/e.jsx(y,{children:"Loading..."})}),h=/*#__PURE__*/t.styled.div.withConfig({displayName:"PlaceholderContainer",componentId:"sc-b9fde557-1"})(["display:flex;gap:12px;height:44px;"]),y=/*#__PURE__*/t.styled.div.withConfig({displayName:"PlaceholderButton",componentId:"sc-b9fde557-2"})(["display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:16px;font-weight:500;border-radius:var(--privy-border-radius-md);background-color:var(--privy-color-background-2);color:var(--privy-color-foreground-3);"]);function g(t){let[o,n]=r.useState(t.dimensions.width),[a,l]=r.useState(void 0),s=r.useRef(null);r.useEffect((()=>{if(s.current&&void 0===o){let{width:e}=s.current.getBoundingClientRect();n(e)}let e=getComputedStyle(document.documentElement);l({background:e.getPropertyValue("--privy-color-background"),background2:e.getPropertyValue("--privy-color-background-2"),foreground3:e.getPropertyValue("--privy-color-foreground-3"),foregroundAccent:e.getPropertyValue("--privy-color-foreground-accent"),accent:e.getPropertyValue("--privy-color-accent"),accentDark:e.getPropertyValue("--privy-color-accent-dark"),success:e.getPropertyValue("--privy-color-success"),colorScheme:e.getPropertyValue("color-scheme")})}),[]);let d="ethereum"===t.chainType&&!t.imported&&!t.isUnifiedWallet;/*#__PURE__*/return e.jsx("div",{ref:s,children:o&&
/*#__PURE__*/e.jsxs(x,{children:[/*#__PURE__*/e.jsx("iframe",{style:{position:"absolute",zIndex:1},width:o,height:t.dimensions.height,allow:"clipboard-write self *",src:i.constructURL({origin:t.origin,path:`/apps/${t.appId}/embedded-wallets/export`,query:t.isUnifiedWallet?{v:"1-unified",wallet_id:t.walletId,client_id:t.appClientId,width:`${o}px`,caid:t.clientAnalyticsId,phrase_export:d,...a}:{v:"1",entropy_id:t.entropyId,entropy_id_verifier:t.entropyIdVerifier,hd_wallet_index:t.hdWalletIndex,chain_type:t.chainType,client_id:t.appClientId,width:`${o}px`,caid:t.clientAnalyticsId,phrase_export:d,...a},hash:{token:t.accessToken}})}),/*#__PURE__*/e.jsx(v,{children:"Loading..."}),d&&/*#__PURE__*/e.jsx(v,{children:"Loading..."})]})})}const f={component:()=>{let[t,i]=r.useState(null),{authenticated:o,user:n}=s.usePrivyContext(),{closePrivyModal:d,createAnalyticsEvent:u,clientAnalyticsId:p,client:h}=l.usePrivyInternal(),y=a.useAppConfig(),{data:g,onUserCloseViaDialogOrKeybindRef:f}=s.usePrivyModal(),{onFailure:x,onSuccess:v,origin:m,appId:j,appClientId:q,entropyId:w,entropyIdVerifier:I,walletId:b,hdWalletIndex:C,chainType:k,address:P,isUnifiedWallet:A,imported:W}=g.keyExport,_=e=>{d({shouldCallAuthOnSuccess:!1}),x("string"==typeof e?Error(e):e)},E=()=>{d({shouldCallAuthOnSuccess:!1}),v(),u({eventName:"embedded_wallet_key_export_completed",payload:{walletAddress:P}})};return r.useEffect((()=>{if(!o)return _("User must be authenticated before exporting their wallet");h.getAccessToken().then(i).catch(_)}),[o,n]),f.current=E,/*#__PURE__*/e.jsx(c,{address:P,accessToken:t,appConfigTheme:y.appearance.palette.colorScheme,onClose:E,isLoading:!t,exportButtonProps:t?{origin:m,appId:j,appClientId:q,clientAnalyticsId:p,entropyId:w,entropyIdVerifier:I,walletId:b,hdWalletIndex:C,isUnifiedWallet:A,imported:W,chainType:k}:void 0})}};let x=/*#__PURE__*/t.styled.div.withConfig({displayName:"ButtonContainer",componentId:"sc-b9fde557-3"})(["overflow:visible;position:relative;overflow:none;height:44px;display:flex;gap:12px;"]),v=/*#__PURE__*/t.styled.div.withConfig({displayName:"LoadingButton",componentId:"sc-b9fde557-4"})(["display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:16px;font-weight:500;border-radius:var(--privy-border-radius-md);background-color:var(--privy-color-background-2);color:var(--privy-color-foreground-3);"]);exports.EmbeddedWalletKeyExportScreen=f,exports.EmbeddedWalletKeyExportView=c,exports.default=f;