1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1370],{1370:(e,r,t)=>{t.r(r),t.d(r,{InstallWalletScreen:()=>c,InstallWalletScreenView:()=>s,default:()=>c});var i=t(42073),a=t(55105),n=t(42131),o=t(81123),l=t(89338);t(13741),t(9133),t(16567),t(62207);let s=({walletName:e,installLink:r,title:t,subtitle:o="Follow the instructions below to get started.",onReload:s,onBack:c})=>{let d=t||`Create a ${e} wallet`.replace(/wallet wallet/gi,"wallet");return(0,i.jsx)(l.S,{title:d,subtitle:o,onBack:c,showBack:!0,primaryCta:{label:"Reload the page to use your wallet",onClick:s},helpText:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{children:"Still not sure? "}),(0,i.jsx)(a.L,{size:"sm",target:"_blank",href:"https://solana.com/docs/intro/wallets",children:"Learn more"})]}),watermark:!0,children:(0,i.jsxs)(n.T,{children:[(0,i.jsx)(n.a,{children:(0,i.jsxs)("div",{children:[(0,i.jsx)("span",{children:"Install the "})," ",(0,i.jsxs)(a.L,{href:r,target:"_blank",children:[e," browser extension"]})]})}),(0,i.jsx)(n.a,{children:"Set up your first wallet"}),(0,i.jsx)(n.a,{children:"Store your recovery phrase in a safe place!"})]})})},c={component:()=>{let{navigateBack:e,data:r}=(0,o.u)();if(!r?.installWalletModalData)throw Error("Wallet data is missing");let{walletConfig:t}=r.installWalletModalData;return(0,i.jsx)(s,{walletName:t.name,installLink:t.installLink,onReload:()=>{window.location.reload()},onBack:e})}}},42131:(e,r,t)=>{t.d(r,{T:()=>s,a:()=>c});var i=t(42073),a=t(48516);let n=(0,t(55258).A)("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]);var o=t(13741),l=t(28290);let s=l.I4.div` 2 display: flex; 3 flex-direction: column; 4 justify-content: flex-start; 5 gap: 10px; /* 10px gap between items */ 6 padding-left: 8px; /* 8px indentation container */ 7`;l.I4.div` 8 &&& { 9 margin-left: 6px; /* Center the line under the checkbox (12px/2) */ 10 border-left: 2px solid var(--privy-color-foreground-4); 11 height: 10px; /* 10px H padding between paragraphs */ 12 margin-top: 0; 13 margin-bottom: 0; 14 } 15`;let c=({children:e,variant:r="default",icon:t})=>{let l=()=>{switch(r){case"success":return"var(--privy-color-icon-success)";case"error":return"var(--privy-color-icon-error)";default:return"var(--privy-color-icon-muted)"}};return(0,i.jsxs)(p,{children:[(0,i.jsx)(d,{$variant:r,"data-variant":r,children:(()=>{if(t)return o.isValidElement(t)?o.cloneElement(t,{stroke:l(),strokeWidth:2}):t;switch(r){case"success":default:return(0,i.jsx)(a.A,{size:12,stroke:l(),strokeWidth:3});case"error":return(0,i.jsx)(n,{size:12,stroke:l(),strokeWidth:3})}})()}),e]})},d=l.I4.div` 16 display: flex; 17 align-items: center; 18 justify-content: center; 19 width: 20px; 20 height: 20px; 21 border-radius: 50%; 22 background-color: ${({$variant:e})=>{switch(e){case"success":return"var(--privy-color-success-bg, #EAFCEF)";case"error":return"var(--privy-color-error-bg, #FEE2E2)";default:return"var(--privy-color-background-2)"}}}; 23 flex-shrink: 0; 24`,p=l.I4.div` 25 display: flex; 26 justify-content: flex-start; 27 align-items: flex-start; /* Align all elements to the top */ 28 text-align: left; 29 gap: 8px; 30 31 && { 32 a { 33 color: var(--privy-color-accent); 34 } 35 } 36`},42315:(e,r,t)=>{t.d(r,{S:()=>k});var i=t(42073),a=t(13741),n=t(28290),o=t(3503),l=t(72339),s=t(83664);let c=n.I4.div` 37 /* spacing tokens */ 38 --screen-space: 16px; /* base 1x = 16 */ 39 --screen-space-lg: calc(var(--screen-space) * 1.5); /* 24px */ 40 41 position: relative; 42 overflow: hidden; 43 margin: 0 calc(-1 * var(--screen-space)); /* extends over modal padding */ 44 height: 100%; 45 border-radius: var(--privy-border-radius-lg); 46`,d=n.I4.div` 47 display: flex; 48 flex-direction: column; 49 gap: calc(var(--screen-space) * 1.5); 50 width: 100%; 51 background: var(--privy-color-background); 52 padding: 0 var(--screen-space-lg) var(--screen-space); 53 height: 100%; 54 border-radius: var(--privy-border-radius-lg); 55`,p=n.I4.div` 56 position: relative; 57 display: flex; 58 flex-direction: column; 59`,h=(0,n.I4)(l.M)` 60 margin: 0 -8px; 61`,u=n.I4.div` 62 flex: 1 1 auto; 63 display: flex; 64 flex-direction: column; 65 66 /* Enable scrolling */ 67 overflow-y: auto; 68 69 /* Hide scrollbar but keep functionality when scrollable */ 70 /* Add padding for focus outline space, offset with negative margin */ 71 padding: 3px; 72 margin: -3px; 73 74 &::-webkit-scrollbar {
75 display: none; 76 } 77 scrollbar-gutter: stable both-edges; 78 scrollbar-width: none; 79 -ms-overflow-style: none; 80 81 /* Gradient effect for scroll indication */ 82 ${({$colorScheme:e})=>"light"===e?"background: linear-gradient(var(--privy-color-background), var(--privy-color-background) 70%) bottom, linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.06)) bottom;":"dark"===e?"background: linear-gradient(var(--privy-color-background), var(--privy-color-background) 70%) bottom, linear-gradient(rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.06)) bottom;":void 0} 83 84 background-repeat: no-repeat; 85 background-size: 86 100% 32px, 87 100% 16px; 88 background-attachment: local, scroll; 89`,v=n.I4.div` 90 display: flex; 91 flex-direction: column; 92 gap: var(--screen-space-lg); 93 margin-top: 1.5rem; 94`,x=n.I4.div` 95 text-align: center; 96 display: flex; 97 flex-direction: column; 98 align-items: center; 99 gap: var(--screen-space); 100`,g=n.I4.div` 101 display: flex; 102 flex-direction: column; 103 gap: 4px; 104`,f=n.I4.h3` 105 && { 106 font-size: 20px; 107 line-height: 32px; 108 font-weight: 500; 109 color: var(--privy-color-foreground); 110 margin: 0; 111 } 112`,m=n.I4.p` 113 && { 114 margin: 0; 115 font-size: 16px; 116 font-weight: 300; 117 line-height: 24px; 118 color: var(--privy-color-foreground); 119 } 120`,y=n.I4.div` 121 background: ${({$variant:e})=>{switch(e){case"success":return"var(--privy-color-success-bg, #EAFCEF)";case"warning":return"var(--privy-color-warn, #FEF3C7)";case"error":return"var(--privy-color-error-bg, #FEE2E2)";case"loading":case"logo":return"transparent";default:return"var(--privy-color-background-2)"}}}; 122 123 border-radius: 50%; 124 width: 64px; 125 height: 64px; 126 display: flex; 127 align-items: center; 128 justify-content: center; 129`,b=n.I4.div` 130 display: flex; 131 align-items: center; 132 justify-content: center; 133 134 img, 135 svg { 136 max-height: 90px; 137 max-width: 180px; 138 } 139`,w=n.I4.div` 140 display: flex; 141 flex-direction: column; 142 justify-content: center; 143 align-items: center; 144 width: 100%; 145 height: 82px; 146 147 > div { 148 position: relative; 149 } 150 151 > div > :first-child { 152 position: relative; 153 } 154 155 > div > :last-child { 156 position: absolute; 157 left: 50%; 158 top: 50%; 159 transform: translate(-50%, -50%); 160 } 161`,k=({children:e,...r})=>(0,i.jsx)(c,{children:(0,i.jsx)(d,{...r,children:e})}),j=n.I4.div` 162 position: absolute; 163 top: 0; 164 left: calc(-1 * var(--screen-space-lg)); 165 width: calc(100% + calc(var(--screen-space-lg) * 2)); 166 height: 4px; 167 background: var(--privy-color-background-2); 168 border-top-left-radius: inherit; 169 border-top-right-radius: inherit; 170 overflow: hidden; 171`,$=(0,n.I4)(l.B)` 172 padding: 0; 173 && a { 174 padding: 0; 175 color: var(--privy-color-foreground-3); 176 } 177`,I=n.I4.div` 178 height: 100%; 179 width: ${({pct:e})=>e}%; 180 background: var(--privy-color-foreground-3); 181 border-radius: 2px; 182 transition: width 300ms ease-in-out; 183`,z=({step:e})=>e?(0,i.jsx)(j,{children:(0,i.jsx)(I,{pct:Math.min(100,e.current/e.total*100)})}):null;k.Header=({title:e,subtitle:r,icon:t,iconVariant:a,iconLoadingStatus:n,showBack:o,onBack:l,showInfo:s,onInfo:c,showClose:d,onClose:u,step:v,headerTitle:y,eyebrow:b,...w})=>(0,i.jsxs)(p,{...w,children:[(0,i.jsx)(h,{backFn:o?l:void 0,infoFn:s?c:void 0,onClose:d?u:void 0,title:y,eyebrow:b,closeable:d}),(t||a||e||r)&&(0,i.jsxs)(x,{children:[t||a?(0,i.jsx)(k.Icon,{icon:t,variant:a,loadingStatus:n}):null,!(!e&&!r)&&(0,i.jsxs)(g,{children:[e&&(0,i.jsx)(f,{children:e}),r&&(0,i.jsx)(m,{children:r})]})]}),v&&(0,i.jsx)(z,{step:v})]}),(k.Body=a.forwardRef(({children:e,...r},t)=>(0,i.jsx)(u,{ref:t,...r,children:e}))).displayName="Screen.Body",k.Footer=({children:e,...r})=>(0,i.jsx)(v,{id:"privy-content-footer-container",...r,children:e}),k.Actions=({children:e,...r})=>(0,i.jsx)(E,{...r,children:e}),k.HelpText=({children:e,...r})=>(0,i.jsx)(C,{...r,children:e}),k.FooterText=({children:e,...r})=>(0,i.jsx)(S,{...r,children:e}),k.Watermark=()=>(0,i.jsx)($,{}),k.Icon=({icon:e,variant:r="subtle",loadingStatus:t})=>"logo"===r&&e?(0,i.jsx)(b,"string"==typeof e?{children:(0,i.jsx)("img",{src:e,alt:""})}:a.isValidElement(e)?{children:e}:{children:a.createElement(e)}):"loading"===r?e?(0,i.jsx)(w,{children:(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center"},children:[(0,i.jsx)(o.C,{success:t?.success,fail:t?.fail}),"string"==typeof e?(0,i.jsx)("span",{style:{background:`url('${e}') 0 0 / contain`,height:"38px",width:"38px",borderRadius:"6px",margin:"auto",backgroundSize:"contain"}}):a.isValidElement(e)?a.cloneElement(e,{style:{width:"38px",height:"38px"}}):a.createElement(e,{style:{width:"38px",height:"38px"}})]})}):(0,i.jsx)(y,{$variant:r,children:(0,i.jsx)(s.N,{size:"64px"})}):(0,i.jsx)(y,{$variant:r,children:e&&("string"==typeof e?(0,i.jsx)("img",{src:e,alt:"",style:{width:"32px",height:"32px",borderRadius:"6px"}}):a.isValidElement(e)?e:a.createElement(e,{width:32,height:32,stroke:(()=>{switch(r){case"success":return"var(--privy-color-icon-success)";case"warning":return"var(--privy-color-icon-warning)";case"error":return"var(--privy-color-icon-error)";default:return"var(--privy-color-icon-muted)"}})(),strokeWidth:2}))});let E=n.I4.div` 184 width: 100%; 185 display: flex; 186 flex-direction: column; 187 gap: calc(var(--screen-space) / 2); 188`,C=n.I4.div` 189 && { 190 margin: 0; 191 width: 100%; 192 text-align: center; 193 color: var(--privy-color-foreground-2); 194 font-size: 13px; 195 line-height: 20px; 196 197 & a { 198 text-decoration: underline; 199 } 200 } 201`,S=n.I4.div` 202 && { 203 margin-top: -1rem; 204 width: 100%; 205 text-align: center; 206 color: var(--privy-color-foreground-2); 207 font-size: 0.6875rem; // 11px 208 line-height: 1rem; // 16px 209 } 210`},48516:(e,r,t)=>{t.d(r,{A:()=>i});let i=(0,t(55258).A)("check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]])},55105:(e,r,t)=>{t.d(r,{L:()=>o});var i=t(42073),a=t(28290);let n=a.I4.a` 211 && { 212 color: ${({$variant:e})=>"underlined"===e?"var(--privy-color-foreground)":"var(--privy-link-navigation-color, var(--privy-color-accent))"}; 213 font-weight: 400; 214 text-decoration: ${({$variant:e})=>"underlined"===e?"underline":"var(--privy-link-navigation-decoration, none)"}; 215 text-underline-offset: 4px; 216 text-decoration-thickness: 1px; 217 cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"}; 218 opacity: ${({$disabled:e})=>e?.5:1}; 219 220 font-size: ${({$size:e})=>{switch(e){case"xs":return"12px";case"sm":return"14px";default:return"16px"}}}; 221 222 line-height: ${({$size:e})=>{switch(e){case"xs":return"18px";case"sm":return"22px";default:return"24px"}}}; 223 224 transition: 225 color 200ms ease, 226 text-decoration-color 200ms ease, 227 opacity 200ms ease; 228 229 &:hover { 230 color: ${({$variant:e,$disabled:r})=>"underlined"===e?"var(--privy-color-foreground)":"var(--privy-link-navigation-color, var(--privy-color-accent))"}; 231 text-decoration: ${({$disabled:e})=>e?"none":"underline"}; 232 text-underline-offset: 4px; 233 } 234 235 &:active { 236 color: ${({$variant:e,$disabled:r})=>r?"underlined"===e?"var(--privy-color-foreground)":"var(--privy-link-navigation-color, var(--privy-color-accent))":"var(--privy-color-foreground)"}; 237 } 238 239 &:focus { 240 outline: none; 241 box-shadow: 0 0 0 3px #949df9; 242 border-radius: 2px; 243 } 244 } 245`,o=({size:e="md",variant:r="navigation",disabled:t=!1,as:a,children:o,onClick:l,...s})=>(0,i.jsx)(n,{as:a,$size:e,$variant:r,$disabled:t,onClick:e=>{t?e.preventDefault():l?.(e)},...s,children:o})},55258:(e,r,t)=>{t.d(r,{A:()=>s});var i=t(13741);let a=e=>{let r=e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,r,t)=>t?t.toUpperCase():r.toLowerCase());return r.charAt(0).toUpperCase()+r.slice(1)},n=function(){for(var e=arguments.length,r=Array(e),t=0;t<e;t++)r[t]=arguments[t];return r.filter((e,r,t)=>!!e&&""!==e.trim()&&t.indexOf(e)===r).join(" ").trim()};var o={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};let l=(0,i.forwardRef)((e,r)=>{let{color:t="currentColor",size:a=24,strokeWidth:l=2,absoluteStrokeWidth:s,className:c="",children:d,iconNode:p,...h}=e;return(0,i.createElement)("svg",{ref:r,...o,width:a,height:a,stroke:t,strokeWidth:s?24*Number(l)/Number(a):l,className:n("lucide",c),...!d&&!(e=>{for(let r in e)if(r.startsWith("aria-")||"role"===r||"title"===r)return!0})(h)&&{"aria-hidden":"true"},...h},[...p.map(e=>{let[r,t]=e;return(0,i.createElement)(r,t)}),...Array.isArray(d)?d:[d]])}),s=(e,r)=>{let t=(0,i.forwardRef)((t,o)=>{let{className:s,...c}=t;return(0,i.createElement)(l,{ref:o,iconNode:r,className:n("lucide-".concat(a(e).replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),"lucide-".concat(e),s),...c})});return t.displayName=a(e),t}},83664:(e,r,t)=>{t.d(r,{N:()=>n});var i=t(42073),a=t(28290);let n=({size:e,centerIcon:r})=>(0,i.jsx)(o,{$size:e,children:(0,i.jsxs)(l,{children:[(0,i.jsx)(c,{}),(0,i.jsx)(d,{}),r?(0,i.jsx)(s,{children:r}):null]})}),o=a.I4.div` 246 --spinner-size: ${e=>e.$size?e.$size:"96px"}; 247 248 display: inline-flex; 249 justify-content: center; 250 align-items: center; 251 252 @media all and (display-mode: standalone) { 253 margin-bottom: 30px; 254 } 255`,l=a.I4.div` 256 position: relative; 257 height: var(--spinner-size); 258 width: var(--spinner-size); 259 260 opacity: 1; 261 animation: fadein 200ms ease; 262`,s=a.I4.div` 263 position: absolute; 264 top: 0; 265 right: 0; 266 bottom: 0; 267 left: 0; 268 display: flex; 269 align-items: center; 270 justify-content: center; 271 svg, 272 img { 273 width: calc(var(--spinner-size) * 0.4); 274 height: calc(var(--spinner-size) * 0.4); 275 border-radius: var(--privy-border-radius-full); 276 } 277`,c=a.I4.div` 278 position: absolute; 279 top: 0; 280 right: 0; 281 bottom: 0; 282 left: 0; 283 width: var(--spinner-size); 284 height: var(--spinner-size); 285 286 && { 287 border: 4px solid var(--privy-color-border-default); 288 border-radius: 50%; 289 } 290`,d=a.I4.div` 291 position: absolute; 292 top: 0; 293 right: 0; 294 bottom: 0; 295 left: 0; 296 width: var(--spinner-size); 297 height: var(--spinner-size); 298 animation: spin 1200ms linear infinite; 299 300 && { 301 border: 4px solid; 302 border-color: var(--privy-color-icon-subtle) transparent transparent transparent; 303 border-radius: 50%; 304 } 305 306 @keyframes spin { 307 from { 308 transform: rotate(0deg); 309 } 310 to { 311 transform: rotate(360deg); 312 } 313 } 314`},89338:(e,r,t)=>{t.d(r,{S:()=>o});var i=t(42073),a=t(72339),n=t(42315);let o=({primaryCta:e,secondaryCta:r,helpText:t,footerText:o,watermark:l=!0,children:s,...c})=>{let d=e||r?(0,i.jsxs)(i.Fragment,{children:[e&&(()=>{let{label:r,...t}=e,n=t.variant||"primary";return(0,i.jsx)(a.a,{...t,variant:n,style:{width:"100%",...t.style},children:r})})(),r&&(()=>{let{label:e,...t}=r,n=t.variant||"secondary";return(0,i.jsx)(a.a,{...t,variant:n,style:{width:"100%",...t.style},children:e})})()]}):null;return(0,i.jsxs)(n.S,{id:c.id,className:c.className,children:[(0,i.jsx)(n.S.Header,{...c}),s?(0,i.jsx)(n.S.Body,{children:s}):null,t||d||l?(0,i.jsxs)(n.S.Footer,{children:[t?(0,i.jsx)(n.S.HelpText,{children:t}):null,d?(0,i.jsx)(n.S.Actions,{children:d}):null,l?(0,i.jsx)(n.S.Watermark,{}):null]}):null,o?(0,i.jsx)(n.S.FooterText,{children:o}):null]})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.