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