1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4129],{14129:(e,r,i)=>{i.r(r),i.d(r,{UserLimitReachedScreen:()=>s,UserLimitReachedScreenView:()=>l,default:()=>s});var t=i(42073),n=i(81123),a=i(89338);i(13741),i(9133),i(16567),i(62207);let o=({style:e,...r})=>(0,t.jsx)("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{height:"38px",width:"38px",...e},...r,children:(0,t.jsx)("path",{d:"M20 13.6V20M20 26.4H20.016M36 20C36 28.8365 28.8366 36 20 36C11.1635 36 4.00001 28.8365 4.00001 20C4.00001 11.1634 11.1635 3.99999 20 3.99999C28.8366 3.99999 36 11.1634 36 20Z",stroke:"currentColor",strokeWidth:"3.2",strokeLinecap:"round",strokeLinejoin:"round"})}),l=({title:e="Unable to sign in",subtitle:r="This is a test application that has reached its user limit. To allow more users, this app needs to be upgraded to production.",onGoBack:i})=>(0,t.jsx)(a.S,{title:e,subtitle:r,icon:o,iconVariant:"subtle",primaryCta:{label:"Go back",onClick:i},showBack:!0,onBack:i,watermark:!0}),s={component:()=>{let{navigate:e}=(0,n.u)();return(0,t.jsx)(l,{onGoBack:()=>{e("LandingScreen")}})}}},42315:(e,r,i)=>{i.d(r,{S:()=>j});var t=i(42073),n=i(13741),a=i(28290),o=i(3503),l=i(72339),s=i(83664);let c=a.I4.div` 2 /* spacing tokens */ 3 --screen-space: 16px; /* base 1x = 16 */ 4 --screen-space-lg: calc(var(--screen-space) * 1.5); /* 24px */ 5 6 position: relative; 7 overflow: hidden; 8 margin: 0 calc(-1 * var(--screen-space)); /* extends over modal padding */ 9 height: 100%; 10 border-radius: var(--privy-border-radius-lg); 11`,d=a.I4.div` 12 display: flex; 13 flex-direction: column; 14 gap: calc(var(--screen-space) * 1.5); 15 width: 100%; 16 background: var(--privy-color-background); 17 padding: 0 var(--screen-space-lg) var(--screen-space); 18 height: 100%; 19 border-radius: var(--privy-border-radius-lg); 20`,p=a.I4.div` 21 position: relative; 22 display: flex; 23 flex-direction: column; 24`,h=(0,a.I4)(l.M)` 25 margin: 0 -8px; 26`,g=a.I4.div` 27 flex: 1 1 auto; 28 display: flex; 29 flex-direction: column; 30 31 /* Enable scrolling */ 32 overflow-y: auto; 33 34 /* Hide scrollbar but keep functionality when scrollable */ 35 /* Add padding for focus outline space, offset with negative margin */ 36 padding: 3px; 37 margin: -3px; 38 39 &::-webkit-scrollbar {
40 display: none; 41 } 42 scrollbar-gutter: stable both-edges; 43 scrollbar-width: none; 44 -ms-overflow-style: none; 45 46 /* Gradient effect for scroll indication */ 47 ${({$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} 48 49 background-repeat: no-repeat; 50 background-size: 51 100% 32px, 52 100% 16px; 53 background-attachment: local, scroll; 54`,v=a.I4.div` 55 display: flex; 56 flex-direction: column; 57 gap: var(--screen-space-lg); 58 margin-top: 1.5rem; 59`,x=a.I4.div` 60 text-align: center; 61 display: flex; 62 flex-direction: column; 63 align-items: center; 64 gap: var(--screen-space); 65`,u=a.I4.div` 66 display: flex; 67 flex-direction: column; 68 gap: 4px; 69`,f=a.I4.h3` 70 && { 71 font-size: 20px; 72 line-height: 32px; 73 font-weight: 500; 74 color: var(--privy-color-foreground); 75 margin: 0; 76 } 77`,m=a.I4.p` 78 && { 79 margin: 0; 80 font-size: 16px; 81 font-weight: 300; 82 line-height: 24px; 83 color: var(--privy-color-foreground); 84 } 85`,b=a.I4.div` 86 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)"}}}; 87 88 border-radius: 50%; 89 width: 64px; 90 height: 64px; 91 display: flex; 92 align-items: center; 93 justify-content: center; 94`,y=a.I4.div` 95 display: flex; 96 align-items: center; 97 justify-content: center; 98 99 img, 100 svg { 101 max-height: 90px; 102 max-width: 180px; 103 } 104`,w=a.I4.div` 105 display: flex; 106 flex-direction: column; 107 justify-content: center; 108 align-items: center; 109 width: 100%; 110 height: 82px; 111 112 > div { 113 position: relative; 114 } 115 116 > div > :first-child { 117 position: relative; 118 } 119 120 > div > :last-child { 121 position: absolute; 122 left: 50%; 123 top: 50%; 124 transform: translate(-50%, -50%); 125 } 126`,j=({children:e,...r})=>(0,t.jsx)(c,{children:(0,t.jsx)(d,{...r,children:e})}),k=a.I4.div` 127 position: absolute; 128 top: 0; 129 left: calc(-1 * var(--screen-space-lg)); 130 width: calc(100% + calc(var(--screen-space-lg) * 2)); 131 height: 4px; 132 background: var(--privy-color-background-2); 133 border-top-left-radius: inherit; 134 border-top-right-radius: inherit; 135 overflow: hidden; 136`,I=(0,a.I4)(l.B)` 137 padding: 0; 138 && a { 139 padding: 0; 140 color: var(--privy-color-foreground-3); 141 } 142`,z=a.I4.div` 143 height: 100%; 144 width: ${({pct:e})=>e}%; 145 background: var(--privy-color-foreground-3); 146 border-radius: 2px; 147 transition: width 300ms ease-in-out; 148`,S=({step:e})=>e?(0,t.jsx)(k,{children:(0,t.jsx)(z,{pct:Math.min(100,e.current/e.total*100)})}):null;j.Header=({title:e,subtitle:r,icon:i,iconVariant:n,iconLoadingStatus:a,showBack:o,onBack:l,showInfo:s,onInfo:c,showClose:d,onClose:g,step:v,headerTitle:b,eyebrow:y,...w})=>(0,t.jsxs)(p,{...w,children:[(0,t.jsx)(h,{backFn:o?l:void 0,infoFn:s?c:void 0,onClose:d?g:void 0,title:b,eyebrow:y,closeable:d}),(i||n||e||r)&&(0,t.jsxs)(x,{children:[i||n?(0,t.jsx)(j.Icon,{icon:i,variant:n,loadingStatus:a}):null,!(!e&&!r)&&(0,t.jsxs)(u,{children:[e&&(0,t.jsx)(f,{children:e}),r&&(0,t.jsx)(m,{children:r})]})]}),v&&(0,t.jsx)(S,{step:v})]}),(j.Body=n.forwardRef(({children:e,...r},i)=>(0,t.jsx)(g,{ref:i,...r,children:e}))).displayName="Screen.Body",j.Footer=({children:e,...r})=>(0,t.jsx)(v,{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)(E,{...r,children:e}),j.FooterText=({children:e,...r})=>(0,t.jsx)(F,{...r,children:e}),j.Watermark=()=>(0,t.jsx)(I,{}),j.Icon=({icon:e,variant:r="subtle",loadingStatus:i})=>"logo"===r&&e?(0,t.jsx)(y,"string"==typeof e?{children:(0,t.jsx)("img",{src:e,alt:""})}:n.isValidElement(e)?{children:e}:{children:n.createElement(e)}):"loading"===r?e?(0,t.jsx)(w,{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"}}):n.isValidElement(e)?n.cloneElement(e,{style:{width:"38px",height:"38px"}}):n.createElement(e,{style:{width:"38px",height:"38px"}})]})}):(0,t.jsx)(b,{$variant:r,children:(0,t.jsx)(s.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"}}):n.isValidElement(e)?e:n.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=a.I4.div` 149 width: 100%; 150 display: flex; 151 flex-direction: column; 152 gap: calc(var(--screen-space) / 2); 153`,E=a.I4.div` 154 && { 155 margin: 0; 156 width: 100%; 157 text-align: center; 158 color: var(--privy-color-foreground-2); 159 font-size: 13px; 160 line-height: 20px; 161 162 & a { 163 text-decoration: underline; 164 } 165 } 166`,F=a.I4.div` 167 && { 168 margin-top: -1rem; 169 width: 100%; 170 text-align: center; 171 color: var(--privy-color-foreground-2); 172 font-size: 0.6875rem; // 11px 173 line-height: 1rem; // 16px 174 } 175`},83664:(e,r,i)=>{i.d(r,{N:()=>a});var t=i(42073),n=i(28290);let a=({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=n.I4.div` 176 --spinner-size: ${e=>e.$size?e.$size:"96px"}; 177 178 display: inline-flex; 179 justify-content: center; 180 align-items: center; 181 182 @media all and (display-mode: standalone) { 183 margin-bottom: 30px; 184 } 185`,l=n.I4.div` 186 position: relative; 187 height: var(--spinner-size); 188 width: var(--spinner-size); 189 190 opacity: 1; 191 animation: fadein 200ms ease; 192`,s=n.I4.div` 193 position: absolute; 194 top: 0; 195 right: 0; 196 bottom: 0; 197 left: 0; 198 display: flex; 199 align-items: center; 200 justify-content: center; 201 svg, 202 img { 203 width: calc(var(--spinner-size) * 0.4); 204 height: calc(var(--spinner-size) * 0.4); 205 border-radius: var(--privy-border-radius-full); 206 } 207`,c=n.I4.div` 208 position: absolute; 209 top: 0; 210 right: 0; 211 bottom: 0; 212 left: 0; 213 width: var(--spinner-size); 214 height: var(--spinner-size); 215 216 && { 217 border: 4px solid var(--privy-color-border-default); 218 border-radius: 50%; 219 } 220`,d=n.I4.div` 221 position: absolute; 222 top: 0; 223 right: 0; 224 bottom: 0; 225 left: 0; 226 width: var(--spinner-size); 227 height: var(--spinner-size); 228 animation: spin 1200ms linear infinite; 229 230 && { 231 border: 4px solid; 232 border-color: var(--privy-color-icon-subtle) transparent transparent transparent; 233 border-radius: 50%; 234 } 235 236 @keyframes spin { 237 from { 238 transform: rotate(0deg); 239 } 240 to { 241 transform: rotate(360deg); 242 } 243 } 244`},89338:(e,r,i)=>{i.d(r,{S:()=>o});var t=i(42073),n=i(72339),a=i(42315);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,a=i.variant||"primary";return(0,t.jsx)(n.a,{...i,variant:a,style:{width:"100%",...i.style},children:r})})(),r&&(()=>{let{label:e,...i}=r,a=i.variant||"secondary";return(0,t.jsx)(n.a,{...i,variant:a,style:{width:"100%",...i.style},children:e})})()]}):null;return(0,t.jsxs)(a.S,{id:c.id,className:c.className,children:[(0,t.jsx)(a.S.Header,{...c}),s?(0,t.jsx)(a.S.Body,{children:s}):null,i||d||l?(0,t.jsxs)(a.S.Footer,{children:[i?(0,t.jsx)(a.S.HelpText,{children:i}):null,d?(0,t.jsx)(a.S.Actions,{children:d}):null,l?(0,t.jsx)(a.S.Watermark,{}):null]}):null,o?(0,t.jsx)(a.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.