https://dynamic-lebkuchen-0238db.netlify.app/static/js/3383.f9b73689.chunk.js

1"use strict";(self.webpackChunkico_react=self.webpackChunkico_react||[]).push([[3383],{23316:(e,i,r)=>{r.d(i,{S:()=>p});var n=r(24107),t=r(15882),o=r(90034),a=r(67980),s=r(43122);const l=["primaryCta","secondaryCta","helpText","watermark","children"],c=["label"],d=["label"],p=e=>{let{primaryCta:i,secondaryCta:r,helpText:p,watermark:h=!0,children:g}=e,u=(0,t.A)(e,l),m=i||r?(0,o.jsxs)(o.Fragment,{children:[i&&(()=>{let{label:e}=i,r=(0,t.A)(i,c),s=r.variant||"primary";return(0,o.jsx)(a.B,(0,n.A)((0,n.A)({},r),{},{variant:s,style:(0,n.A)({width:"100%"},r.style),children:e}))})(),r&&(()=>{let{label:e}=r,i=(0,t.A)(r,d),s=i.variant||"secondary";return(0,o.jsx)(a.B,(0,n.A)((0,n.A)({},i),{},{variant:s,style:(0,n.A)({width:"100%"},i.style),children:e}))})()]}):null;return(0,o.jsxs)(s.S,{id:u.id,className:u.className,children:[(0,o.jsx)(s.S.Header,(0,n.A)({},u)),g?(0,o.jsx)(s.S.Body,{children:g}):null,p||m||h?(0,o.jsxs)(s.S.Footer,{children:[p?(0,o.jsx)(s.S.HelpText,{children:p}):null,m?(0,o.jsx)(s.S.Actions,{children:m}):null,h?(0,o.jsx)(s.S.Watermark,{}):null]}):null]})}},23383:(e,i,r)=>{r.r(i),r.d(i,{UserLimitReachedScreen:()=>p,UserLimitReachedScreenView:()=>d,default:()=>p});var n=r(24107),t=r(15882),o=r(90034),a=r(49931),s=r(23316);r(57722),r(88404),r(2035),r(30549);const l=["style"],c=e=>{let{style:i}=e,r=(0,t.A)(e,l);return(0,o.jsx)("svg",(0,n.A)((0,n.A)({width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:(0,n.A)({height:"38px",width:"38px"},i)},r),{},{children:(0,o.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"})}))},d=e=>{let{title:i="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:n}=e;return(0,o.jsx)(s.S,{title:i,subtitle:r,icon:c,iconVariant:"subtle",primaryCta:{label:"Go back",onClick:n},showBack:!0,onBack:n,watermark:!0})},p={component:()=>{let{navigate:e}=(0,a.a)();return(0,o.jsx)(d,{onGoBack:()=>{e("LandingScreen")}})}}},43122:(e,i,r)=>{r.d(i,{S:()=>B});var n=r(24107),t=r(15882),o=r(90034),a=r(57722),s=r(52610),l=r(1991),c=r(33898),d=r(76107);const p=["children"],h=["title","subtitle","icon","iconVariant","iconLoadingStatus","showBack","onBack","showInfo","onInfo","showClose","onClose","step"],g=["children"],u=["children"],m=["children"],v=["children"],x=s.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);"]),b=s.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);"]),f=s.I4.div.withConfig({displayName:"HeaderContainer",componentId:"sc-2e815abe-2"})(["position:relative;display:flex;flex-direction:column;"]),y=(0,s.I4)(c.M).withConfig({displayName:"StyledModalHeader",componentId:"sc-2e815abe-3"})(["margin:0 -8px;"]),w=s.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;"],e=>{let{$colorScheme:i}=e;return"light"===i?"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"===i?"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}),C=s.I4.div.withConfig({displayName:"FooterContainer",componentId:"sc-2e815abe-5"})(["display:flex;flex-direction:column;gap:var(--screen-space-lg);"]);let I=s.I4.div.withConfig({displayName:"CenteredHeader",componentId:"sc-2e815abe-6"})(["text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--screen-space);"]),j=s.I4.div.withConfig({displayName:"TitleContainer",componentId:"sc-2e815abe-7"})(["display:flex;flex-direction:column;gap:4px;"]),k=s.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;}"]),A=s.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);}"]),N=s.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;"],e=>{let{$variant:i}=e;switch(i){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)"}}),S=s.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;}"]),z=s.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%);}"]);const B=e=>{let{children:i}=e,r=(0,t.A)(e,p);return(0,o.jsx)(x,{children:(0,o.jsx)(b,(0,n.A)((0,n.A)({},r),{},{children:i}))})};let F=s.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;"]),E=(0,s.I4)(c.B).withConfig({displayName:"StyledBlobbyFooter",componentId:"sc-2e815abe-14"})(["padding:0;&& a{padding:0;color:var(--privy-color-foreground-3);}"]),H=s.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;"],e=>{let{pct:i}=e;return i}),L=e=>{let{step:i}=e;return i?(0,o.jsx)(F,{children:(0,o.jsx)(H,{pct:Math.min(100,i.current/i.total*100)})}):null};B.Header=e=>{let{title:i,subtitle:r,icon:a,iconVariant:s,iconLoadingStatus:l,showBack:c,onBack:d,showInfo:p,onInfo:g,showClose:u,onClose:m,step:v}=e,x=(0,t.A)(e,h);return(0,o.jsxs)(f,(0,n.A)((0,n.A)({},x),{},{children:[(0,o.jsx)(y,{backFn:c?d:void 0,infoFn:p?g:void 0,onClose:u?m:void 0,closeable:u}),(a||s||i||r)&&(0,o.jsxs)(I,{children:[a||s?(0,o.jsx)(B.Icon,{icon:a,variant:s,loadingStatus:l}):null,(0,o.jsxs)(j,{children:[i&&(0,o.jsx)(k,{children:i}),r&&(0,o.jsx)(A,{children:r})]})]}),v&&(0,o.jsx)(L,{step:v})]}))},(B.Body=a.forwardRef((e,i)=>{let{children:r}=e,a=(0,t.A)(e,g);return(0,o.jsx)(w,(0,n.A)((0,n.A)({ref:i},a),{},{children:r}))})).displayName="Screen.Body",B.Footer=e=>{let{children:i}=e,r=(0,t.A)(e,u);return(0,o.jsx)(C,(0,n.A)((0,n.A)({id:"privy-content-footer-container"},r),{},{children:i}))},B.Actions=e=>{let{children:i}=e,r=(0,t.A)(e,m);return(0,o.jsx)(T,(0,n.A)((0,n.A)({},r),{},{children:i}))},B.HelpText=e=>{let{children:i}=e,r=(0,t.A)(e,v);return(0,o.jsx)(R,(0,n.A)((0,n.A)({},r),{},{children:i}))},B.Watermark=()=>(0,o.jsx)(E,{}),B.Icon=e=>{let{icon:i,variant:r="subtle",loadingStatus:n}=e;return"logo"===r&&i?(0,o.jsx)(S,"string"==typeof i?{children:(0,o.jsx)("img",{src:i,alt:""})}:a.isValidElement(i)?{children:i}:{children:a.createElement(i)}):"loading"===r?i?(0,o.jsx)(z,{children:(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center"},children:[(0,o.jsx)(l.a4,{success:null===n||void 0===n?void 0:n.success,fail:null===n||void 0===n?void 0:n.fail}),"string"==typeof i?(0,o.jsx)("span",{style:{background:"url('".concat(i,"') 0 0 / contain"),height:"38px",width:"38px",borderRadius:"6px",margin:"auto",backgroundSize:"contain"}}):a.isValidElement(i)?a.cloneElement(i,{style:{width:"38px",height:"38px"}}):a.createElement(i,{style:{width:"38px",height:"38px"}})]})}):(0,o.jsx)(N,{$variant:r,children:(0,o.jsx)(d.N,{size:"64px"})}):(0,o.jsx)(N,{$variant:r,children:i&&("string"==typeof i?(0,o.jsx)("img",{src:i,alt:"",style:{width:"32px",height:"32px",borderRadius:"6px"}}):a.isValidElement(i)?i:a.createElement(i,{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 T=s.I4.div.withConfig({displayName:"ActionsContainer",componentId:"sc-2e815abe-16"})(["width:100%;display:flex;flex-direction:column;gap:calc(var(--screen-space) / 2);"]),R=s.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);}}"])},76107:(e,i,r)=>{r.d(i,{N:()=>o});var n=r(90034),t=r(52610);const o=e=>{let{size:i,centerIcon:r}=e;return(0,n.jsx)(a,{$size:i,children:(0,n.jsxs)(s,{children:[(0,n.jsx)(c,{}),(0,n.jsx)(d,{}),r?(0,n.jsx)(l,{children:r}):null]})})};let a=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);}}"])}}]);
2//# sourceMappingURL=3383.f9b73689.chunk.js.map