1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6718],{2667:(e,r,i)=>{i.d(r,{N:()=>a});var o=i(95155),t=i(43262);let a=({size:e,centerIcon:r})=>(0,o.jsx)(n,{$size:e,children:(0,o.jsxs)(l,{children:[(0,o.jsx)(s,{}),(0,o.jsx)(c,{}),r?(0,o.jsx)(d,{children:r}):null]})}),n=t.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=t.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`,d=t.I4.div` 19 position: absolute; 20 inset: 0; 21 display: flex; 22 align-items: center; 23 justify-content: center; 24 svg, 25 img { 26 width: calc(var(--spinner-size) * 0.4); 27 height: calc(var(--spinner-size) * 0.4); 28 border-radius: var(--privy-border-radius-full); 29 } 30`,s=t.I4.div` 31 position: absolute; 32 inset: 0; 33 width: var(--spinner-size); 34 height: var(--spinner-size); 35 36 && { 37 border: 4px solid var(--privy-color-border-default); 38 border-radius: 50%; 39 } 40`,c=t.I4.div` 41 position: absolute; 42 inset: 0; 43 width: var(--spinner-size); 44 height: var(--spinner-size); 45 animation: spin 1200ms linear infinite; 46 47 && { 48 border: 4px solid; 49 border-color: var(--privy-color-icon-subtle) transparent transparent transparent; 50 border-radius: 50%; 51 } 52 53 @keyframes spin { 54 from { 55 transform: rotate(0deg); 56 } 57 to { 58 transform: rotate(360deg); 59 } 60 } 61`},17349:(e,r,i)=>{i.d(r,{L:()=>a});var o=i(43262);let t=(0,o.i7)` 62 from, to { 63 background: var(--privy-color-foreground-4); 64 color: var(--privy-color-foreground-4); 65 } 66 67 50% { 68 background: var(--privy-color-foreground-accent); 69 color: var(--privy-color-foreground-accent); 70 } 71`,a=(0,o.AH)` 72 ${e=>e.$isLoading?(0,o.AH)` 73 width: 35%; 74 animation: ${t} 2s linear infinite; 75 border-radius: var(--privy-border-radius-sm); 76 `:""} 77`},18593:(e,r,i)=>{i.d(r,{A:()=>t});var o=i(12115);let t=o.forwardRef(function(e,r){let{title:i,titleId:t,...a}=e;return o.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},a),i?o.createElement("title",{id:t},i):null,o.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"}))})},40687:(e,r,i)=>{i.d(r,{S:()=>n});var o=i(95155),t=i(33293),a=i(77444);let n=({primaryCta:e,secondaryCta:r,helpText:i,footerText:n,watermark:l=!0,children:d,...s})=>{let c=e||r?(0,o.jsxs)(o.Fragment,{children:[e&&(()=>{let{label:r,...i}=e,a=i.variant||"primary";return(0,o.jsx)(t.B,{...i,variant:a,style:{width:"100%",...i.style},children:r})})(),r&&(()=>{let{label:e,...i}=r,a=i.variant||"secondary";return(0,o.jsx)(t.B,{...i,variant:a,style:{width:"100%",...i.style},children:e})})()]}):null;return(0,o.jsxs)(a.S,{id:s.id,className:s.className,children:[(0,o.jsx)(a.S.Header,{...s}),d?(0,o.jsx)(a.S.Body,{children:d}):null,i||c||l?(0,o.jsxs)(a.S.Footer,{children:[i?(0,o.jsx)(a.S.HelpText,{children:i}):null,c?(0,o.jsx)(a.S.Actions,{children:c}):null,l?(0,o.jsx)(a.S.Watermark,{}):null]}):null,n?(0,o.jsx)(a.S.FooterText,{children:n}):null]})}},45254:(e,r,i)=>{i.d(r,{B:()=>t,C:()=>l,F:()=>s,H:()=>n,R:()=>g,S:()=>p,a:()=>c,b:()=>u,c:()=>d,d:()=>h,e:()=>a});var o=i(43262);let t=o.I4.div` 78 display: flex; 79 flex-direction: column; 80 align-items: flex-start; 81 justify-content: flex-end; 82 margin-top: auto; 83 gap: 16px; 84 flex-grow: 100; 85`,a=o.I4.div` 86 display: flex; 87 flex-direction: column; 88 align-items: center; 89 justify-content: center; 90 flex-grow: 1; 91 width: 100%; 92`,n=o.I4.div` 93 display: flex; 94 flex-direction: column; 95 align-items: center; 96 width: 100%; 97`,l=(0,o.I4)(a)` 98 padding: 20px 0; 99`,d=(0,o.I4)(a)` 100 gap: 16px; 101`,s=o.I4.div` 102 display: flex; 103 flex-direction: column; 104 width: 100%; 105`,c=o.I4.div` 106 display: flex; 107 flex-direction: column; 108 gap: 8px; 109`;o.I4.div` 110 display: flex; 111 flex-direction: column; 112 justify-content: space-between; 113 height: 100%; 114`;let p=o.I4.div` 115 display: flex; 116 flex-direction: column; 117 justify-content: flex-start; 118 align-items: flex-start; 119 text-align: left; 120 gap: 8px; 121 padding: 16px; 122 margin-top: 16px; 123 margin-bottom: 16px; 124 width: 100%; 125 background: var(--privy-color-background-2); 126 border-radius: var(--privy-border-radius-md); 127 && h4 { 128 color: var(--privy-color-foreground-3); 129 font-size: 14px; 130 text-decoration: underline; 131 font-weight: 500; 132 } 133 && p { 134 color: var(--privy-color-foreground-3); 135 font-size: 14px; 136 } 137`,u=o.I4.div` 138 height: 16px; 139`,g=o.I4.div` 140 height: 12px; 141`;o.I4.div` 142 position: relative; 143`;let h=o.I4.div` 144 height: ${e=>e.height??"12"}px; 145`;o.I4.div` 146 background-color: var(--privy-color-accent); 147 display: flex; 148 justify-content: center; 149 align-items: center; 150 border-radius: 50%; 151 border-color: white; 152 border-width: 2px !important; 153`},47300:(e,r,i)=>{i.d(r,{E:()=>t});var o=i(43262);
153let t=o.I4.span` 154 text-align: left; 155 font-size: 0.75rem; 156 font-weight: 500; 157 line-height: 1.125rem; /* 150% */ 158 159 color: var(--privy-color-error); 160`},54873:(e,r,i)=>{i.d(r,{A:()=>p});var o=i(12115);let t=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),a=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,r,i)=>i?i.toUpperCase():r.toLowerCase()),n=e=>{let r=a(e);return r.charAt(0).toUpperCase()+r.slice(1)},l=function(){for(var e=arguments.length,r=Array(e),i=0;i<e;i++)r[i]=arguments[i];return r.filter((e,r,i)=>!!e&&""!==e.trim()&&i.indexOf(e)===r).join(" ").trim()},d=e=>{for(let r in e)if(r.startsWith("aria-")||"role"===r||"title"===r)return!0};var s={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 c=(0,o.forwardRef)((e,r)=>{let{color:i="currentColor",size:t=24,strokeWidth:a=2,absoluteStrokeWidth:n,className:c="",children:p,iconNode:u,...g}=e;return(0,o.createElement)("svg",{ref:r,...s,width:t,height:t,stroke:i,strokeWidth:n?24*Number(a)/Number(t):a,className:l("lucide",c),...!p&&!d(g)&&{"aria-hidden":"true"},...g},[...u.map(e=>{let[r,i]=e;return(0,o.createElement)(r,i)}),...Array.isArray(p)?p:[p]])}),p=(e,r)=>{let i=(0,o.forwardRef)((i,a)=>{let{className:d,...s}=i;return(0,o.createElement)(c,{ref:a,iconNode:r,className:l("lucide-".concat(t(n(e))),"lucide-".concat(e),d),...s})});return i.displayName=n(e),i}},56718:(e,r,i)=>{i.r(r),i.d(r,{LinkEmailScreen:()=>c,LinkEmailScreenView:()=>s,default:()=>c});var o=i(95155),t=i(18593),a=i(86603),n=i(45254),l=i(95819),d=i(40687);i(12115),i(65884),i(55702),i(3282),i(15822);let s=({title:e="Connect your email",subtitle:r="Add your email to your account"})=>(0,o.jsx)(d.S,{title:e,subtitle:r,icon:t.A,watermark:!0,children:(0,o.jsx)(n.B,{children:(0,o.jsx)(a.C,{stacked:!0})})}),c={component:()=>{let e=(0,l.a)();return(0,o.jsx)(s,{subtitle:`Add your email to your ${e?.name} account`})}}},59783:(e,r,i)=>{i.d(r,{A:()=>o});let o=(0,i(54873).A)("mail",[["path",{d:"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7",key:"132q7q"}],["rect",{x:"2",y:"4",width:"20",height:"16",rx:"2",key:"izxlao"}]])},70933:(e,r,i)=>{i.d(r,{E:()=>n,I:()=>d,a:()=>l});var o=i(43262),t=i(47300);let a=o.I4.label` 161 display: block; 162 position: relative; 163 width: 100%; 164 height: 56px; 165 166 && > :first-child { 167 position: absolute; 168 left: 0.75em; 169 top: 50%; 170 transform: translate(0, -50%); 171 } 172 173 && > input { 174 font-size: 16px; 175 line-height: 24px; 176 color: var(--privy-color-foreground); 177 178 padding: 12px 88px 12px 52px; 179 flex-grow: 1; 180 background: var(--privy-color-background); 181 border: 1px solid 182 ${({$error:e})=>e?"var(--privy-color-error) !important":"var(--privy-color-foreground-4)"}; 183 border-radius: var(--privy-border-radius-md); 184 width: 100%; 185 height: 100%; 186 187 /* Tablet and Up */ 188 @media (min-width: 441px) { 189 font-size: 14px; 190 padding-right: 78px; 191 } 192 193 :focus { 194 outline: none; 195 border-color: ${({$error:e})=>e?"var(--privy-color-error) !important":"var(--privy-color-accent-light)"}; 196 box-shadow: ${({$error:e})=>e?"none":"0 0 0 1px var(--privy-color-accent-light)"}; 197 } 198 199 :autofill, 200 :-webkit-autofill { 201 background: var(--privy-color-background); 202 } 203 204 && > input::placeholder { 205 color: var(--privy-color-foreground-3); 206 } 207 &:disabled { 208 opacity: 0.4; /* Make it visually appear disabled */ 209 cursor: not-allowed; /* Change cursor to not-allowed */ 210 } 211 &:disabled, 212 &:disabled:hover, 213 &:disabled > span { 214 color: var(--privy-color-foreground-3); /* Change text color to grey */ 215 } 216 } 217 218 && > button:last-child { 219 right: 0; 220 line-height: 24px; 221 padding: 16px 17px; 222 /* matches the border radius of the input only on the right side where we touch the radius */ 223 border-radius: 0 var(--privy-border-radius-md) var(--privy-border-radius-md) 0; 224 225 :focus { 226 outline: none; 227 } 228 &:disabled { 229 opacity: 0.4; /* Make it visually appear disabled */
230 cursor: not-allowed; /* Change cursor to not-allowed */ 231 } 232 &:disabled, 233 &:disabled:hover, 234 &:disabled > span { 235 color: var(--privy-color-foreground-3); /* Change text color to grey */ 236 } 237 } 238`,n=(0,o.I4)(a)` 239 background-color: var(--privy-color-background); 240 transition: background-color 200ms ease; 241`,l=(0,o.I4)(a)` 242 && > input { 243 overflow: hidden; 244 white-space: nowrap; 245 text-overflow: ellipsis; 246 247 padding-right: ${e=>e.$stacked?"16px":"88px"}; 248 249 border: 1px solid 250 ${({$error:e})=>e?"var(--privy-color-error) !important":"var(--privy-color-foreground-4)"}; 251 252 && > input::placeholder { 253 color: var(--privy-color-foreground-3); 254 } 255 } 256 257 && > :last-child { 258 right: 16px; 259 position: absolute; 260 top: 50%; 261 transform: translate(0, -50%); 262 } 263 264 && > button:last-child { 265 right: 0; 266 line-height: 24px; 267 padding: 16px 17px; 268 269 :focus { 270 outline: none; 271 } 272 } 273`,d=o.I4.div` 274 width: 100%; 275 276 /* Add styling for the ErrorMessage within EmailInput */ 277 && > ${t.E} { 278 display: block; 279 text-align: left; 280 padding-left: var(--privy-border-radius-md); 281 padding-bottom: 5px; 282 } 283`},77444:(e,r,i)=>{i.d(r,{S:()=>j});var o=i(95155),t=i(12115),a=i(43262),n=i(78011),l=i(46916),d=i(33293),s=i(2667);let c=a.I4.div` 284 /* spacing tokens */ 285 --screen-space: 16px; /* base 1x = 16 */ 286 --screen-space-lg: calc(var(--screen-space) * 1.5); /* 24px */ 287 288 position: relative; 289 overflow: hidden; 290 margin: 0 calc(-1 * var(--screen-space)); /* extends over modal padding */ 291 height: 100%; 292 border-radius: var(--privy-border-radius-lg); 293`,p=a.I4.div` 294 display: flex; 295 flex-direction: column; 296 gap: calc(var(--screen-space) * 1.5); 297 width: 100%; 298 background: var(--privy-color-background); 299 padding: 0 var(--screen-space-lg) var(--screen-space); 300 height: 100%; 301 border-radius: var(--privy-border-radius-lg); 302`,u=a.I4.div` 303 position: relative; 304 display: flex; 305 flex-direction: column; 306`,g=(0,a.I4)(d.M)` 307 margin: 0 -8px; 308`,h=a.I4.div` 309 flex: 1 1 auto; 310 display: flex; 311 flex-direction: column; 312 313 /* Enable scrolling */ 314 overflow-y: auto; 315 316 /* Hide scrollbar but keep functionality when scrollable */ 317 /* Add padding for focus outline space, offset with negative margin */ 318 padding: 3px; 319 margin: -3px; 320 321 &::-webkit-scrollbar {
322 display: none; 323 } 324 scrollbar-gutter: stable both-edges; 325 scrollbar-width: none; 326 -ms-overflow-style: none; 327 328 /* Gradient effect for scroll indication */ 329 ${({$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} 330 331 background-repeat: no-repeat; 332 background-size: 333 100% 32px, 334 100% 16px; 335 background-attachment: local, scroll; 336`,v=a.I4.div` 337 display: flex; 338 flex-direction: column; 339 gap: var(--screen-space-lg); 340 margin-top: 1.5rem; 341`,x=a.I4.div` 342 text-align: center; 343 display: flex; 344 flex-direction: column; 345 align-items: center; 346 gap: var(--screen-space); 347`,f=a.I4.div` 348 display: flex; 349 flex-direction: column; 350 gap: 4px; 351`,m=a.I4.h3` 352 && { 353 font-size: 20px; 354 line-height: 32px; 355 font-weight: 500; 356 color: var(--privy-color-foreground); 357 margin: 0; 358 } 359`,y=a.I4.p` 360 && { 361 margin: 0; 362 font-size: 16px; 363 font-weight: 300; 364 line-height: 24px; 365 color: var(--privy-color-foreground); 366 } 367`,b=a.I4.div` 368 background: ${({$variant:e})=>{switch(e){case"success":return"var(--privy-color-success-bg)";case"warning":return"var(--privy-color-warn)";case"error":return"var(--privy-color-error-bg)";case"loading":case"logo":return"transparent";default:return"var(--privy-color-background-2)"}}}; 369 370 border-radius: 50%; 371 width: 64px; 372 height: 64px; 373 display: flex; 374 align-items: center; 375 justify-content: center; 376`,w=a.I4.div` 377 display: flex; 378 align-items: center; 379 justify-content: center; 380 381 img, 382 svg { 383 max-height: 90px; 384 max-width: 180px; 385 } 386`,k=a.I4.div` 387 display: flex; 388 flex-direction: column; 389 justify-content: center; 390 align-items: center; 391 width: 100%; 392 height: 82px; 393 394 > div { 395 position: relative; 396 } 397 398 > div > :first-child { 399 position: relative; 400 } 401 402 > div > :last-child { 403 position: absolute; 404 left: 50%; 405 top: 50%; 406 transform: translate(-50%, -50%); 407 } 408`,j=({children:e,...r})=>(0,o.jsx)(c,{children:(0,o.jsx)(p,{...r,children:e})}),I=a.I4.div` 409 position: absolute; 410 top: 0; 411 left: calc(-1 * var(--screen-space-lg)); 412 width: calc(100% + calc(var(--screen-space-lg) * 2)); 413 height: 4px; 414 background: var(--privy-color-background-2); 415 border-top-left-radius: inherit; 416 border-top-right-radius: inherit; 417 overflow: hidden; 418`,$=(0,a.I4)(l.B)` 419 padding: 0; 420 && a { 421 padding: 0; 422 color: var(--privy-color-foreground-3); 423 } 424`,S=a.I4.div` 425 height: 100%; 426 width: ${({pct:e})=>e}%; 427 background: var(--privy-color-foreground-3); 428 border-radius: 2px; 429 transition: width 300ms ease-in-out; 430`,C=({step:e})=>e?(0,o.jsx)(I,{children:(0,o.jsx)(S,{pct:Math.min(100,e.current/e.total*100)})}):null;j.Header=({title:e,subtitle:r,icon:i,iconVariant:t,iconLoadingStatus:a,showBack:n,onBack:l,showInfo:d,onInfo:s,showClose:c,onClose:p,step:h,headerTitle:v,eyebrow:b,...w})=>(0,o.jsxs)(u,{...w,children:[(0,o.jsx)(g,{backFn:n?l:void 0,infoFn:d?s:void 0,onClose:c?p:void 0,title:v,eyebrow:b,closeable:c}),(i||t||e||r)&&(0,o.jsxs)(x,{children:[i||t?(0,o.jsx)(j.Icon,{icon:i,variant:t,loadingStatus:a}):null,!(!e&&!r)&&(0,o.jsxs)(f,{children:[e&&(0,o.jsx)(m,{children:e}),r&&(0,o.jsx)(y,{children:r})]})]}),h&&(0,o.jsx)(C,{step:h})]}),(j.Body=t.forwardRef(({children:e,...r},i)=>(0,o.jsx)(h,{ref:i,...r,children:e}))).displayName="Screen.Body",j.Footer=({children:e,...r})=>(0,o.jsx)(v,{id:"privy-content-footer-container",...r,children:e}),j.Actions=({children:e,...r})=>(0,o.jsx)(E,{...r,children:e}),j.HelpText=({children:e,...r})=>(0,o.jsx)(z,{...r,children:e}),j.FooterText=({children:e,...r})=>(0,o.jsx)(A,{...r,children:e}),j.Watermark=()=>(0,o.jsx)($,{}),j.Icon=({icon:e,variant:r="subtle",loadingStatus:i})=>"logo"===r&&e?(0,o.jsx)(w,"string"==typeof e?{children:(0,o.jsx)("img",{src:e,alt:""})}:t.isValidElement(e)?{children:e}:{children:t.createElement(e)}):"loading"===r?e?(0,o.jsx)(k,{children:(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center"},children:[(0,o.jsx)(n.C,{success:i?.success,fail:i?.fail}),"string"==typeof e?(0,o.jsx)("span",{style:{background:`url('${e}') 0 0 / contain`,height:"38px",width:"38px",borderRadius:"6px",margin:"auto",backgroundSize:"contain"}}):t.isValidElement(e)?t.cloneElement(e,{style:{width:"38px",height:"38px"}}):t.createElement(e,{style:{width:"38px",height:"38px"}})]})}):(0,o.jsx)(b,{$variant:r,children:(0,o.jsx)(s.N,{size:"64px"})}):(0,o.jsx)(b,{$variant:r,children:e&&("string"==typeof e?(0,o.jsx)("img",{src:e,alt:"",style:{width:"32px",height:"32px",borderRadius:"6px"}}
430):t.isValidElement(e)?e:t.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=a.I4.div` 431 width: 100%; 432 display: flex; 433 flex-direction: column; 434 gap: calc(var(--screen-space) / 2); 435`,z=a.I4.div` 436 && { 437 margin: 0; 438 width: 100%; 439 text-align: center; 440 color: var(--privy-color-foreground-2); 441 font-size: 13px; 442 line-height: 20px; 443 444 & a { 445 text-decoration: underline; 446 } 447 } 448`,A=a.I4.div` 449 && { 450 margin-top: -1rem; 451 width: 100%; 452 text-align: center; 453 color: var(--privy-color-foreground-2); 454 font-size: 0.6875rem; /* 11px */ 455 line-height: 1rem; /* 16px */ 456 } 457`},86603:(e,r,i)=>{i.d(r,{C:()=>f});var o=i(95155),t=i(59783),a=i(12115),n=i(43262),l=i(95819),d=i(13165),s=i(46462),c=i(18872),p=i(95050),u=i(85890),g=i(33293),h=i(97627),v=i(70933),x=i(47300);let f=(0,a.forwardRef)((e,r)=>{let[i,n]=(0,a.useState)(e.defaultValue||""),[v,f]=(0,a.useState)(""),[w,k]=(0,a.useState)(!1),{authenticated:j}=(0,l.u)(),{initLoginWithEmail:I}=(0,s.u)(),{navigate:$,setModalData:S,currentScreen:C,data:E}=(0,c.u)(),{enabled:z,token:A}=(0,d.a)(),[L,N]=(0,a.useState)(!1),{accountType:T}=(0,p.h)(),B=(0,l.a)(),F=(0,u.v)(i)&&(B.disablePlusEmails&&i.includes("+")?(v||f("Please enter a valid email address without a '+'."),!1):(v&&f(""),!0)),H=w||!F,P=()=>{H||(S({login:E?.login,inlineError:void 0}),!z||A||j?(k(!0),I({email:i,captchaToken:A,disableSignup:E?.login?.disableSignup,withPrivyUi:!0}).then(()=>{$("AwaitingPasswordlessCodeScreen")}).catch(e=>{S({errorModalData:{error:e,previousScreen:C||"LandingScreen"}}),$("ErrorScreen")}).finally(()=>{k(!1)})):(S({captchaModalData:{callback:e=>I({email:i,captchaToken:e,withPrivyUi:!0}),userIntentRequired:!1,onSuccessNavigateTo:"AwaitingPasswordlessCodeScreen",onErrorNavigateTo:"ErrorScreen"}}),$("CaptchaScreen")))};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(m,{children:[v&&(0,o.jsx)(x.E,{style:{display:"block",marginTop:"0.25rem",textAlign:"left"},children:v}),(0,o.jsxs)(y,{stacked:e.stacked,$error:!!v,children:[(0,o.jsx)(b,{children:(0,o.jsx)(t.A,{})}),(0,o.jsx)("input",{ref:r,id:"email-input",className:"login-method-button",type:"email",placeholder:"[email protected]",onFocus:()=>N(!0),onChange:e=>n(e.target.value),onKeyUp:e=>{"Enter"===e.key&&P()},value:i,autoComplete:"email"}),"email"!==T||L?e.stacked?(0,o.jsx)("span",{}):(0,o.jsx)(g.E,{isSubmitting:w,onClick:P,disabled:H,children:"Submit"}):(0,o.jsx)(h.C,{color:"gray",children:"Recent"})]})]}),e.stacked?(0,o.jsx)(g.P,{loadingText:null,loading:w,disabled:H,onClick:P,style:{width:"100%"},children:"Submit"}):null]})}),m=v.I,y=v.a,b=(0,n.I4)(p.m)` 458 display: inline-flex; 459`},97627:(e,r,i)=>{i.d(r,{C:()=>n});var o=i(95155),t=i(43262),a=i(17349);let n=({children:e,color:r,isLoading:i,isPulsing:t,...a})=>(0,o.jsx)(l,{$color:r,$isLoading:i,$isPulsing:t,...a,children:e}),l=t.I4.span` 460 padding: 0.25rem; 461 font-size: 0.75rem; 462 font-weight: 500; 463 line-height: 1rem; /* 150% */ 464 border-radius: var(--privy-border-radius-xs); 465 display: flex; 466 align-items: center; 467 ${e=>{let r,i;"green"===e.$color&&(r="var(--privy-color-success-dark)",i="var(--privy-color-success-light)"),"red"===e.$color&&(r="var(--privy-color-error)",i="var(--privy-color-error-light)"),"gray"===e.$color&&(r="var(--privy-color-foreground-2)",i="var(--privy-color-background-2)");let o=(0,t.i7)` 468 from, to { 469 background-color: ${i}; 470 } 471 472 50% { 473 background-color: rgba(${i}, 0.8); 474 } 475 `;return(0,t.AH)` 476 color: ${r}; 477 background-color: ${i}; 478 ${e.$isPulsing&&(0,t.AH)` 479 animation: ${o} 3s linear infinite; 480 `}; 481 `}} 482 483 ${a.L} 484`}}]);
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.