https://ratio.you/_next/static/chunks/6491.df97ee69c9803155.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6491],{8245:(e,i,r)=>{r.d(i,{N:()=>a});var n=r(95155),t=r(52336);let a=({size:e,centerIcon:i})=>(0,n.jsx)(o,{$size:e,children:(0,n.jsxs)(s,{children:[(0,n.jsx)(c,{}),(0,n.jsx)(d,{}),i?(0,n.jsx)(l,{children:i}):null]})}),o=t.I4.div.withConfig({displayName:"LoadingContainer",componentId:"sc-ebc93df8-0"})(["--spinner-size:",";display:inline-flex;justify-content:center;align-items:center;@media all and (display-mode:standalone){margin-bottom:30px;}"],e=>e.$size?e.$size:"96px"),s=t.I4.div.withConfig({displayName:"SpinnerContainer",componentId:"sc-ebc93df8-1"})(["position:relative;height:var(--spinner-size);width:var(--spinner-size);opacity:1;animation:fadein 200ms ease;"]),l=t.I4.div.withConfig({displayName:"CenterIconContainer",componentId:"sc-ebc93df8-2"})(["position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;svg,img{width:calc(var(--spinner-size) * 0.4);height:calc(var(--spinner-size) * 0.4);border-radius:var(--privy-border-radius-full);}"]),c=t.I4.div.withConfig({displayName:"CircleFixed",componentId:"sc-ebc93df8-3"})(["position:absolute;top:0;right:0;bottom:0;left:0;width:var(--spinner-size);height:var(--spinner-size);&&{border:4px solid var(--privy-color-border-default);border-radius:50%;}"]),d=t.I4.div.withConfig({displayName:"CircleRotate",componentId:"sc-ebc93df8-4"})(["position:absolute;top:0;right:0;bottom:0;left:0;width:var(--spinner-size);height:var(--spinner-size);animation:spin 1200ms linear infinite;&&{border:4px solid;border-color:var(--privy-color-icon-subtle) transparent transparent transparent;border-radius:50%;}@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}"])},15815:(e,i,r)=>{r.d(i,{S:()=>C});var n=r(95155),t=r(12115),a=r(52336),o=r(96190),s=r(87755),l=r(8245);let c=a.I4.div.withConfig({displayName:"ScreenRoot",componentId:"sc-2e815abe-0"})(["--screen-space:16px;--screen-space-lg:calc(var(--screen-space) * 1.5);position:relative;overflow:hidden;margin:0 calc(-1 * var(--screen-space));height:100%;border-radius:var(--privy-border-radius-lg);"]),d=a.I4.div.withConfig({displayName:"ScreenRootInner",componentId:"sc-2e815abe-1"})(["display:flex;flex-direction:column;gap:calc(var(--screen-space) * 1.5);width:100%;background:var(--privy-color-background);padding:0 var(--screen-space-lg) var(--screen-space);height:100%;border-radius:var(--privy-border-radius-lg);"]),p=a.I4.div.withConfig({displayName:"HeaderContainer",componentId:"sc-2e815abe-2"})(["position:relative;display:flex;flex-direction:column;"]),h=(0,a.I4)(s.M).withConfig({displayName:"StyledModalHeader",componentId:"sc-2e815abe-3"})(["margin:0 -8px;"]),g=a.I4.div.withConfig({displayName:"BodyContainer",componentId:"sc-2e815abe-4"})(["flex:1 1 auto;display:flex;flex-direction:column;overflow-y:auto;padding:3px;margin:-3px;&::-webkit-scrollbar{display:none;}scrollbar-gutter:stable both-edges;scrollbar-width:none;-ms-overflow-style:none;"," background-repeat:no-repeat;background-size:100% 32px,100% 16px;background-attachment:local,scroll;"],({$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),m=a.I4.div.withConfig({displayName:"FooterContainer",componentId:"sc-2e815abe-5"})(["display:flex;flex-direction:column;gap:var(--screen-space-lg);"]),v=a.I4.div.withConfig({displayName:"CenteredHeader",componentId:"sc-2e815abe-6"})(["text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--screen-space);"]),u=a.I4.div.withConfig({displayName:"TitleContainer",componentId:"sc-2e815abe-7"})(["display:flex;flex-direction:column;gap:4px;"]),x=a.I4.h3.withConfig({displayName:"HeaderTitle",componentId:"sc-2e815abe-8"})(["&&{font-size:20px;line-height:32px;font-weight:500;color:var(--privy-color-foreground);margin:0;}"]),b=a.I4.p.withConfig({displayName:"HeaderSubtitle",componentId:"sc-2e815abe-9"})(["&&{margin:0;font-size:16px;font-weight:300;line-height:24px;color:var(--privy-color-foreground);}"]),f=a.I4.div.withConfig({displayName:"IconContainer",componentId:"sc-2e815abe-10"})(["background:",";border-radius:50%;width:64px;

1height:64px;display:flex;align-items:center;justify-content:center;"],({$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)"}}),y=a.I4.div.withConfig({displayName:"LogoContainer",componentId:"sc-2e815abe-11"})(["display:flex;align-items:center;justify-content:center;margin-bottom:var(--screen-space);img,svg{max-height:90px;max-width:180px;}"]),w=a.I4.div.withConfig({displayName:"LoadingWithIconContainer",componentId:"sc-2e815abe-12"})(["display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:82px;> div{position:relative;}> div > :first-child{position:relative;}> div > :last-child{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}"]),C=({children:e,...i})=>(0,n.jsx)(c,{children:(0,n.jsx)(d,{...i,children:e})}),I=a.I4.div.withConfig({displayName:"ProgressBarContainer",componentId:"sc-2e815abe-13"})(["position:absolute;top:0;left:calc(-1 * var(--screen-space-lg));width:calc(100% + calc(var(--screen-space-lg) * 2));height:4px;background:var(--privy-color-background-2);border-top-left-radius:inherit;border-top-right-radius:inherit;overflow:hidden;"]),j=(0,a.I4)(s.B).withConfig({displayName:"StyledBlobbyFooter",componentId:"sc-2e815abe-14"})(["padding:0;&& a{padding:0;color:var(--privy-color-foreground-3);}"]),k=a.I4.div.withConfig({displayName:"ProgressBarFill",componentId:"sc-2e815abe-15"})(["height:100%;width:","%;background:var(--privy-color-foreground-3);border-radius:2px;transition:width 300ms ease-in-out;"],({pct:e})=>e),N=({step:e})=>e?(0,n.jsx)(I,{children:(0,n.jsx)(k,{pct:Math.min(100,e.current/e.total*100)})}):null;C.Header=({title:e,subtitle:i,icon:r,iconVariant:t,iconLoadingStatus:a,showBack:o,onBack:s,showInfo:l,onInfo:c,showClose:d,onClose:g,step:m,...f})=>(0,n.jsxs)(p,{...f,children:[(0,n.jsx)(h,{backFn:o?s:void 0,infoFn:l?c:void 0,onClose:d?g:void 0,closeable:d}),(r||t||e||i)&&(0,n.jsxs)(v,{children:[r||t?(0,n.jsx)(C.Icon,{icon:r,variant:t,loadingStatus:a}):null,(0,n.jsxs)(u,{children:[e&&(0,n.jsx)(x,{children:e}),i&&(0,n.jsx)(b,{children:i})]})]}),m&&(0,n.jsx)(N,{step:m})]}),(C.Body=t.forwardRef(({children:e,...i},r)=>(0,n.jsx)(g,{ref:r,...i,children:e}))).displayName="Screen.Body",C.Footer=({children:e,...i})=>(0,n.jsx)(m,{id:"privy-content-footer-container",...i,children:e}),C.Actions=({children:e,...i})=>(0,n.jsx)(S,{...i,children:e}),C.HelpText=({children:e,...i})=>(0,n.jsx)(z,{...i,children:e}),C.Watermark=()=>(0,n.jsx)(j,{}),C.Icon=({icon:e,variant:i="subtle",loadingStatus:r})=>"logo"===i&&e?(0,n.jsx)(y,"string"==typeof e?{children:(0,n.jsx)("img",{src:e,alt:""})}:t.isValidElement(e)?{children:e}:{children:t.createElement(e)}):"loading"===i?e?(0,n.jsx)(w,{children:(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center"},children:[(0,n.jsx)(o.a4,{success:r?.success,fail:r?.fail}),"string"==typeof e?(0,n.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,n.jsx)(f,{$variant:i,children:(0,n.jsx)(l.N,{size:"64px"})}):(0,n.jsx)(f,{$variant:i,children:e&&("string"==typeof e?(0,n.jsx)("img",{src:e,alt:"",style:{width:"32px",height:"32px",borderRadius:"6px"}}

1):t.isValidElement(e)?e:t.createElement(e,{width:32,height:32,stroke:(()=>{switch(i){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=a.I4.div.withConfig({displayName:"ActionsContainer",componentId:"sc-2e815abe-16"})(["width:100%;display:flex;flex-direction:column;gap:calc(var(--screen-space) / 2);"]),z=a.I4.p.withConfig({displayName:"HelpTextContainer",componentId:"sc-2e815abe-17"})(["&&{margin:0;width:100%;text-align:center;color:var(--privy-color-foreground-3);font-size:14px;line-height:22px;& a{color:var(--privy-color-accent);}}"])},33413:(e,i,r)=>{r.d(i,{S:()=>o});var n=r(95155),t=r(34236),a=r(15815);let o=({primaryCta:e,secondaryCta:i,helpText:r,watermark:o=!0,children:s,...l})=>{let c=e||i?(0,n.jsxs)(n.Fragment,{children:[e&&(()=>{let{label:i,...r}=e,a=r.variant||"primary";return(0,n.jsx)(t.B,{...r,variant:a,style:{width:"100%",...r.style},children:i})})(),i&&(()=>{let{label:e,...r}=i,a=r.variant||"secondary";return(0,n.jsx)(t.B,{...r,variant:a,style:{width:"100%",...r.style},children:e})})()]}):null;return(0,n.jsxs)(a.S,{id:l.id,className:l.className,children:[(0,n.jsx)(a.S.Header,{...l}),s?(0,n.jsx)(a.S.Body,{children:s}):null,r||c||o?(0,n.jsxs)(a.S.Footer,{children:[r?(0,n.jsx)(a.S.HelpText,{children:r}):null,c?(0,n.jsx)(a.S.Actions,{children:c}):null,o?(0,n.jsx)(a.S.Watermark,{}):null]}):null]})}},86491:(e,i,r)=>{r.r(i),r.d(i,{UserLimitReachedScreen:()=>l,UserLimitReachedScreenView:()=>s,default:()=>l});var n=r(95155),t=r(76367),a=r(33413);r(12115),r(12100),r(67884),r(4154);let o=({style:e,...i})=>(0,n.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},...i,children:(0,n.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"})}),s=({title:e="Unable to sign in",subtitle:i="This is a test application that has reached its user limit. To allow more users, this app needs to be upgraded to production.",onGoBack:r})=>(0,n.jsx)(a.S,{title:e,subtitle:i,icon:o,iconVariant:"subtle",primaryCta:{label:"Go back",onClick:r},showBack:!0,onBack:r,watermark:!0}),l={component:()=>{let{navigate:e}=(0,t.a)();return(0,n.jsx)(s,{onGoBack:()=>{e("LandingScreen")}})}}}}]);