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