@zeniai/web-cockpit-ui 1.14.99-qa → 1.15.0-dev

package/dist/assets/SignIn-B79R5ayU-BtVW5pl0.js

@@ -0,0 +1,491 @@
+import{q as X,a7 as zi,a8 as ge,a9 as Ei,V as i,n as B,aa as P,F as k,ab as Ue,ac as Li,ad as _i,o as n,ae as Be,y as v,af as Mi,R as He,M as pe,p as m,ag as ci,l as gi,ah as Ti,ai as Z,aj as Pi,k as Di,ak as Fi,al as pi,b as H,am as me,an as Vi,ao as Ni,c as D,ap as Ri,aq as Ai,ar as Oi,as as Ui,at as Bi,au as Hi,av as Zi}from"./index-Bs2B-MQ4.js";import{a as s,S as Ji}from"./sentry-gm2R3TtK.js";import{n as o,c as mi,k as hi}from"./mui-snKYaegN.js";import{E7 as ae}from"./zeni-epic-state-D2RxwWrl.js";import{i as qi}from"./ZeniCopyright-DqbjGQWk-D3uyyuTN.js";import{T as Gi}from"./ProductsCarousel-y6q9BbqK-B9m9tH0o.js";import{t as Wi}from"./handshake-BPg58FML-DFhtOw8z.js";import"./liveblocks-48Yy2aTy.js";import"./core-9PMMelIA.js";import"./recharts-DGmpNqLb.js";import"./lottie-ChwWMuYN.js";import"./analytics-D0z7Cz17.js";import"./lexical-CaQwXIc3.js";import"./utils-C7Aiy3iw.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="8140d24f-b175-4e48-9e09-203b85853a99",e._sentryDebugIdIdentifier="sentry-dbid-8140d24f-b175-4e48-9e09-203b85853a99")}catch{}})();const Ki=(e=.68,l=1.3,a=1440,p=2560)=>{const[g,d]=s.useState(()=>typeof window<"u"?window.innerWidth:a);return s.useEffect(()=>{const h=()=>{d(window.innerWidth)};return window.addEventListener("resize",h),()=>window.removeEventListener("resize",h)},[]),Xi(g,e,l,a,p)},Xi=(e,l,a,p,g)=>{const d=Math.max(p,Math.min(g,e)),h=a-l,x=g-p,u=x>0?(d-p)/x:0;return l+h*u},ui=e=>s.createElement("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{d:"M5.49686 0.437846C3.50884 1.1044 1.81485 2.56223 0.871312 4.40709C0.542169 5.04355 0.305187 5.71871 0.160364 6.41967C-0.199498 8.15702 0.0506501 10.0105 0.866923 11.593C1.39794 12.6251 2.16155 13.5454 3.08315 14.2636C3.95647 14.943 4.97023 15.4505 6.04982 15.73C7.41028 16.0869 8.8585 16.0783 10.2277 15.773C11.4653 15.4935 12.6371 14.9129 13.5718 14.07C14.5592 13.1799 15.2658 12.0102 15.6388 10.7502C16.047 9.37833 16.0996 7.9119 15.8451 6.50138C13.2866 6.50138 10.7236 6.50138 8.16511 6.50138C8.16511 7.54207 8.16511 8.58276 8.16511 9.62345C9.64844 9.62345 11.1318 9.62345 12.6151 9.62345C12.444 10.6211 11.8383 11.5328 10.9826 12.0962C10.4428 12.4531 9.82399 12.681 9.18326 12.7928C8.54253 12.9003 7.87546 12.9132 7.23473 12.7885C6.58084 12.6595 5.96205 12.3929 5.41787 12.0188C4.54893 11.421 3.88626 10.548 3.54834 9.56325C3.20164 8.56126 3.19725 7.44746 3.54834 6.44977C3.7941 5.74451 4.19784 5.09515 4.73325 4.56191C5.39153 3.89965 6.24731 3.42661 7.17329 3.23309C7.96323 3.06968 8.79706 3.09978 9.56945 3.3277C10.2277 3.52122 10.8334 3.87815 11.3293 4.34259C11.8296 3.85235 12.3299 3.3621 12.8302 2.87186C13.0935 2.60954 13.3699 2.35581 13.6245 2.08489C12.8653 1.39683 11.97 0.842081 10.9957 0.48945C9.24031 -0.147006 7.26545 -0.159907 5.49686 0.437846Z",fill:"white"}),s.createElement("path",{d:"M5.49686 0.43784C7.26106 -0.159913 9.2403 -0.147012 10.9957 0.485144C11.97 0.837775 12.8609 1.38822 13.6245 2.08058C13.3699 2.35151 13.0935 2.60523 12.8302 2.86755C12.3299 3.3578 11.8296 3.84804 11.3293 4.33828C10.8334 3.87384 10.2277 3.52121 9.56945 3.32339C8.79706 3.09547 7.96323 3.06107 7.17329 3.22879C6.25169 3.4223 5.39592 3.89534 4.73325 4.5576C4.19784 5.08655 3.79409 5.74021 3.54833 6.44547C2.65745 5.76601 1.76657 5.09085 0.871307 4.41139C1.81485 2.56223 3.50884 1.1044 5.49686 0.43784Z",fill:"#EA4335"}),s.createElement("path",{d:"M0.164771 6.41539C0.309594 5.71873 0.546576 5.03927 0.875719 4.40282C1.7666 5.08228 2.65748 5.75744 3.55274 6.4369C3.20166 7.43888 3.20166 8.55268 3.55274 9.55037C2.66186 10.2298 1.77099 10.9093 0.880107 11.5844C0.0550569 10.0062 -0.195091 8.15275 0.164771 6.41539Z",fill:"#FBBC05"}),s.createElement("path",{d:"M8.16515 6.49707C10.7237 6.49707 13.2866 6.49707 15.8451 6.49707C16.0997 7.90329 16.0426 9.36972 15.6389 10.7458C15.2659 12.0059 14.5593 13.1756 13.5719 14.0657C12.7073 13.4078 11.8428 12.7498 10.9782 12.0919C11.834 11.5285 12.4396 10.6168 12.6108 9.61914C11.1274 9.61914 9.6441 9.61914 8.16077 9.61914C8.16516 8.57845 8.16515 7.53776 8.16515 6.49707Z",fill:"#4285F4"}),s.createElement("path",{d:"M0.871338 11.5887C1.76222 10.9135 2.6531 10.2341 3.54397 9.55461C3.88628 10.5394 4.54457 11.4124 5.4135 12.0101C5.95769 12.3843 6.58086 12.6509 7.23037 12.7799C7.8711 12.9089 8.53377 12.8917 9.17889 12.7842C9.81962 12.6724 10.4384 12.4445 10.9782 12.0875C11.8428 12.7455 12.7073 13.4034 13.5718 14.0614C12.6371 14.9086 11.4653 15.4848 10.2278 15.7644C8.85853 16.0697 7.4103 16.0783 6.04985 15.7214C4.97026 15.4418 3.9565 14.9387 3.08317 14.2549C2.16596 13.5411 1.40235 12.6208 0.871338 11.5887Z",fill:"#34A853"})),xi=e=>s.createElement("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{d:"M0 0H7.58546V7.58546H0V0Z",fill:"#F25022"}),s.createElement("path",{d:"M8.37742 0H15.9629V7.58546H8.37742V0Z",fill:"#7FBA00"}),s.createElement("path",{d:"M0 8.37741H7.58546V15.9629H0V8.37741Z",fill:"#00A4EF"}),s.createElement("path",{d:"M8.41454 8.41454H16V16H8.41454V8.41454Z",fill:"#FFB900"})),Yi=k.getLocalizedStrings(),Qi=o.div`
+  margin-left: ${n.sp3};
+  color: ${e=>e.theme.colors.primary};
+  font-family: ${Zi.Roboto};
+  ${e=>{const l=e.windowSize==="small"?H.standardMedium:H.largeMedium;return`
+      font-size: ${l.fontSize};
+      font-weight: ${l.fontWeight};
+      line-height: ${l.lineHeight};
+    `}}
+`,en=o.img`
+  height: ${n.sp4};
+  width: ${n.sp4};
+  border-radius: 50%;
+  justify-content: center;
+  color: ${e=>e.theme.colors.hero};
+`,nn=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${n.sp1};
+`,on=o(Hi)`
+  height: 12px;
+  width: 12px;
+  color: ${e=>e.theme.colors.hero};
+`,rn=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  width: ${e=>e.windowSize==="small"?"100%":"264px"};
+  ${e=>e.setWidth===!1?mi`
+          width: 100%;
+          min-width: 264px;
+        `:null};
+  min-height: ${e=>e.windowSize==="small"?n.sp7:n.sp8};
+  border: 1px solid;
+  box-sizing: border-box;
+  border-radius: ${n.sp2};
+
+  opacity: ${e=>e.disabled?.32:1};
+  border-color: ${e=>e.disabled?e.theme.colors.hero:e.theme.colors.grey1};
+  color: ${e=>e.theme.colors.brandColorSapphireLight};
+  background-color: ${e=>e.theme.colors.grey5};
+  cursor: ${e=>e.disabled?"default":"pointer"};
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+  }
+`,tn=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`,sn=o(ui)`
+  height: ${n.sp3};
+  width: ${n.sp3};
+`,ln=o(ui)`
+  height: ${n.sp4};
+  width: ${n.sp4};
+`,an=o(xi)`
+  height: ${n.sp4};
+  width: ${n.sp4};
+`,dn=o(xi)`
+  height: ${n.sp3};
+  width: ${n.sp3};
+`,cn=o(Bi)`
+  color: ${e=>e.theme.colors.primary};
+`,gn=o(Z)`
+  color: ${e=>e.theme.colors.primary};
+`,pn=o.div`
+  padding: ${n.sp2} 12px;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  justify-content: space-between;
+  column-gap: ${n.sp3};
+`,mn=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  column-gap: ${n.sp2};
+`,hn=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+`,un=({type:e,titleText:l})=>{const a=X();return i.jsxs(tn,{children:[e==="Google"?i.jsx(sn,{}):i.jsx(dn,{}),i.jsx(Qi,{windowSize:a,children:l})]})},xn=({type:e,email:l,firstName:a,photo:p})=>i.jsxs(pn,{children:[i.jsxs(mn,{children:[i.jsx(en,{src:p?.href,alt:l,onError:({currentTarget:g})=>{g.onerror=null,g.src=Ri},loading:"lazy"}),i.jsxs(hn,{children:[i.jsxs(cn,{children:[Yi.signIn.continueAs," ",a??""]}),i.jsxs(nn,{children:[i.jsx(gn,{children:l}),i.jsx(on,{})]})]})]}),e==="Google"?i.jsx(ln,{}):i.jsx(an,{})]});function de({type:e,titleText:l,disabled:a,loadingIndication:p,email:g,firstName:d,photo:h,onClick:x}){const u=X();return i.jsx(rn,{setWidth:g==null,windowSize:u,disabled:a===!0,onClick:a===!0?void 0:x,children:p===!0?i.jsx(Di,{size:"Standard",start:p===!0}):i.jsx(i.Fragment,{children:g!=null?i.jsx(xn,{type:e,email:g,firstName:d,photo:h}):i.jsx(un,{type:e,titleText:l})})})}const Ze=({inProgress:e,disabled:l,onSuccess:a,onSignedInCallback:p,getSignedInUser:g,onError:d,email:h,firstName:x,photo:u})=>{const{analytics:C}=ge(),f=Pi({onSuccess:a,flow:"auth-code",onError:d}),j=()=>{if(g()!=null){p();return}C.trackSignInClick("google"),f()};return i.jsx(de,{onClick:j,disabled:l,type:"Google",titleText:k.getLocalizedStrings().signIn.signInGoogleButton,loadingIndication:e,email:h,firstName:x,photo:u})},Je=e=>{const{clientId:l,scopes:a,getSignedInUser:p,onSignedInCallback:g,render:d,onSuccess:h,onFailure:x,disabled:u}=e,{analytics:C}=ge();let{responseType:f,responseMode:j,prompt:L,redirectUri:_}=e,z,c;const I="https://login.microsoftonline.com/common/oauth2/v2.0/authorize",F=["openid","profile"];f=f??"code",j=j??"fragment",L=L??"consent",Ji.useEffect(()=>{const y=ae(window.location[j==="fragment"?"hash":"search"],!0).query;(window.location.search||window.location.hash)&&(y.code!=null||y.access_token!=null||y.error!=null)&&M()},[]);const Y=()=>{const y=encodeURIComponent((a??F).join(" "));return _=_??window.location.origin+window.location.pathname,`${I}?client_id=${l}&response_type=${f}&redirect_uri=${encodeURIComponent(_)}&scope=${y}&prompt=${L}&response_mode=${j}`},M=()=>{window.opener?.authScope.authCompletedCB(ae(window.location[j==="fragment"?"hash":"search"],!0).query),window.close()};return d({onClick:()=>{if(p()!=null){g();return}C.trackSignInClick("microsoft"),z=!1;const y=(w,T)=>{const J=window.screen.width/2-287.5,q=window.screen.height/2-600/2,V=window.open(w,T,`toolbar=0,status=0, width=575, height=600, top=${q}, left=${J}`);c=setInterval(()=>{V.closed&&!z&&(x({error:k.getLocalizedStrings().signIn.signInError,errorDetail:{reason:"Signin popup window was closed"}}),clearInterval(c))},500)};window.authScope={authCompletedCB:w=>{z=!0,clearInterval(c),f==="code"&&w.code?h({code:w.code}):f==="token"&&w.access_token?h({accessToken:w.access_token,tokenType:w.token_type,scope:w.scope}):w.error==="access_denied"?x({error:k.getLocalizedStrings().signIn.signInAuthError,errorDetail:w}):x({error:k.getLocalizedStrings().signIn.signInError,errorDetail:w})}},y(Y(),"Microsoft Sign In")},disabled:u})},K={width:new v(343,572,572),containerTop:new v(17,25,25)},{signIn:{emailNotFoundPopup:W},common:{gotIt:wn}}=k.getLocalizedStrings();function fn({signInError:e,onClose:l}){const a=X(),[p,g]=s.useState(!1),d=e?.email;return i.jsx($n,{windowSize:a,role:"presentation",style:{background:m.overlayDark},children:i.jsx(Ni,{onClickAway:()=>{g(!0),l()},children:i.jsxs(bn,{windowSize:a,className:p?"containerClass fade":"containerClass",fade:p,children:[i.jsxs(jn,{children:[W.title,i.jsx(vn,{children:d})]}),i.jsxs(zn,{children:[i.jsxs(se,{children:[i.jsx(re,{children:i.jsx(kn,{})}),i.jsx(te,{windowSize:a,children:W.confirmEmail})]}),i.jsxs(se,{children:[i.jsx(re,{children:i.jsx(In,{})}),i.jsx(te,{windowSize:a,children:W.checkAccess})]}),i.jsxs(se,{children:[i.jsx(re,{children:i.jsx(Cn,{})}),i.jsx(te,{windowSize:a,children:W.contactZeni})]})]}),i.jsx(B,{label:wn,variant:"primary",onClick:()=>{g(!0),l()}})]})})})}const $n=o.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 10;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: ${m.overlayDark};
+  .fade {
+    animation: ${e=>yn(e)} 0.25s linear;
+  }
+`,Sn=({windowSize:e})=>hi`
+  0% {
+    top: 100%;
+  }
+  100% {
+    top: ${K.containerTop.valuePercentage(e)};
+  }
+`,yn=({windowSize:e})=>hi`
+  0% {
+    top: ${K.containerTop.valuePercentage(e)};
+  }
+  100% {
+    top: 100%;
+  }
+`,bn=o.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  background: ${e=>e.theme.colors.grey5};
+  border-radius: ${n.sp2};
+  position: relative;
+  top: ${e=>e.fade?"100%":K.containerTop.valuePercentage(e.windowSize)};
+  padding: ${n.sp5} ${n.sp0};
+  width: ${e=>K.width.valuePx(e.windowSize)};
+  animation: ${e=>Sn(e)} 0.25s linear;
+  box-shadow: ${m.Elevation2Dark};
+  overflow: hidden;
+  z-index: 1;
+  ::before {
+    content: "";
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 100%;
+    background-image: ${e=>e.theme.mode==="dark"?"url(https://storage.googleapis.com/zeni-apis.appspot.com/images/infinite-pattern-dark-1.svg)":"url(https://storage.googleapis.com/zeni-apis.appspot.com/images/infinite-pattern-light-1.svg)"};
+    z-index: -1;
+    transform: rotate(-8.9deg);
+    background-size: contain;
+    background-repeat: no-repeat;
+    scale: ${e=>e.windowSize==="small"?"142%":"125%"};
+    background-position: ${e=>e.windowSize==="small"?"5px 100%":"42px 180%"};
+  }
+`,jn=o(Ai)`
+  margin-bottom: ${n.sp6};
+  color: ${m.important};
+  padding: ${n.sp0} ${n.sp6};
+`,re=o.div`
+  margin-right: 12px;
+  height: ${n.sp7};
+  width: ${n.sp7};
+  background-color: ${e=>e.theme.mode==="dark"?m.brandColorJadeDark:m.brandColorJadeLight};
+  border-radius: ${n.sp4};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,te=o(pi)`
+  width: calc(100% - 120px);
+  color: ${e=>e.theme.colors.primary};
+  text-align: start;
+`,se=o.div`
+  display: flex;
+  align-items: center;
+  margin-bottom: ${n.sp5};
+`,he=e=>mi`
+  width: ${n.sp4};
+  height: ${n.sp4};
+  color: ${e.theme.colors.primary};
+`,kn=o(ci)`
+  ${he};
+`,Cn=o(Wi)`
+  ${he};
+`,In=o(Ui)`
+  ${he};
+`,vn=o(Oi)`
+  word-break: break-all;
+`,zn=o.div`
+  padding: ${n.sp0} ${n.sp6};
+`,t=k.getLocalizedStrings(),ue={signInHeading:new He("h5Regular","h2Regular"),signInMessage:new He("standardRegular","h6Regular")},E={ZeniLogoContainerLeftMargin:new v(D[0],D[5]),ZeniLogoContainerTopMargin:new v(12,D[3]),headingContainerTopMargin:new v(36,10),signInContainerPaddingTop:new v(D[12],D[4]),emailInputFontSize:new v(H.standardRegular.fontSizeValue,H.extraLargeRegular.fontSizeValue),emailInputVerticalPadding:new v(D[3],12)},En=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${e=>e.showEmailForm&&e.windowSize!=="small"?"354px":"100%"};
+  gap: ${n.sp3};
+  max-width: 100%;
+`,qe=o.div`
+  width: ${e=>e.windowSize==="small"?"118px":"247px"};
+  height: 1px;
+  background-color: ${e=>e.theme.colors.grey2};
+  flex-shrink: 0;
+`,Ln=o(pi)`
+  text-transform: capitalize;
+  color: ${e=>e.theme.colors.hero};
+  flex-shrink: 0;
+`,_n=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: ${n.sp2};
+  width: 100%;
+`,Mn=o.button`
+  background: none;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  display: inline-block;
+  position: relative;
+  color: ${e=>e.theme.colors.hero};
+  text-decoration: none;
+  ${H.smallMedium.css}
+  text-align: center;
+  &:before {
+    content: "";
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    height: 1px;
+    width: 100%;
+    background: ${e=>e.theme.colors.grey2};
+    z-index: 0;
+    pointer-events: none;
+  }
+  &:after {
+    content: "";
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    height: 1px;
+    width: 0%;
+    background: ${e=>e.theme.colors.primary};
+    transition: width 0.3s ease;
+    z-index: 1;
+    pointer-events: none;
+  }
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    &:after {
+      width: 100%;
+    }
+  }
+  &:focus {
+    outline: none;
+  }
+`,Tn=o(me)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+  visibility: ${e=>e.isVisible?"visible":"hidden"};
+`,Pn=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 1px;
+`,Dn=o.div`
+  background-image: ${e=>`url(https://storage.googleapis.com/zeni-apis.appspot.com/images/signin-background-${e.windowSize==="small"?"m":"w"}-${e.theme.mode==="light"?"l":"d"}.svg)`};
+
+  background-color: ${e=>e.theme.colors.background};
+  background-size: cover;
+  height: 100vh;
+  max-height: -webkit-fill-available; // fallback for older browsers
+  height: 100dvh; // using new units from google I/O 2022 https://youtu.be/Xy9ZXRRgpLk?t=982
+  display: flex;
+  flex-direction: column;
+  background-position: 50px ${n.sp0};
+  background-repeat: no-repeat;
+  overflow-x: hidden;
+`,Fn=o.div`
+  display: flex;
+  flex: 1 1 auto;
+  padding: ${n.sp0} ${n.sp4} ${n.sp0} ${n.sp4};
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  justify-content: space-between;
+  background-color: ${e=>e.theme.colors.background};
+  background-color: transparent;
+  row-gap: ${e=>e.windowSize==="extra-large"?n.sp3:n.sp5};
+`,Ge=o(pe)`
+  ${e=>`${ue.signInHeading.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+`,We=o(pe)`
+  ${e=>`${ue.signInMessage.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.champion};
+  text-align: center;
+`,Ke=o(me)`
+  margin: ${n.sp0} ${n.sp0} ${n.sp0} ${n.sp0};
+  color: ${e=>e.theme.colors.grey1};
+`,Xe=o(me)`
+  margin: ${n.sp1} ${n.sp0} ${n.sp1} ${n.sp0};
+  color: ${e=>e.theme.colors.hero};
+  text-decoration: none;
+`,Vn=o(Vi)`
+  color: ${m.important};
+  text-align: center;
+  white-space: pre;
+`,Nn=o.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${n.sp2};
+  flex-shrink: 0;
+  position: relative;
+  width: ${e=>e.windowSize==="small"?"100%":"unset"};
+`,Rn=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid
+    ${e=>e.hasError?m.important:e.theme.colors.grey1};
+  border-radius: ${n.sp2};
+  padding-top: ${e=>E.emailInputVerticalPadding.valuePx(e.windowSize)};
+  padding-bottom: ${e=>E.emailInputVerticalPadding.valuePx(e.windowSize)};
+  padding-left: ${n.sp4};
+  padding-right: ${n.sp2};
+  width: ${e=>e.windowSize==="small"?"100%":"354px"};
+  max-width: 100%;
+  height: ${n.sp8};
+  box-sizing: border-box;
+  &:focus-within,
+  &:hover {
+    border: 1px solid
+      ${e=>e.hasError?m.important:e.theme.colors.primary};
+  }
+`,An=o(Fi,{shouldForwardProp:e=>e!=="isValid"&&e!=="windowSize"})`
+  flex: 1;
+
+  & .MuiOutlinedInput-root {
+    border: none;
+    box-shadow: none;
+
+    &:hover .MuiOutlinedInput-notchedOutline {
+      border: none;
+    }
+
+    &.Mui-focused .MuiOutlinedInput-notchedOutline {
+      border: none;
+    }
+
+    .MuiOutlinedInput-notchedOutline {
+      border: none;
+    }
+  }
+
+  & .MuiInputBase-input {
+    padding: ${n.sp0} ${n.sp2} ${n.sp0} ${n.sp0};
+    font-size: ${e=>E.emailInputFontSize.valuePx(e.windowSize)};
+    color: ${e=>e.isValid?e.theme.colors.primary:m.important};
+    height: auto;
+
+    &::placeholder {
+      color: ${e=>e.theme.colors.grey1};
+      opacity: 1;
+    }
+  }
+`,On=o(Z)`
+  color: ${m.important};
+  text-align: center;
+  width: 100%;
+`,Ye=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: ${n.sp3};
+  width: 100%;
+`,Qe=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${n.sp3};
+  background-color: ${e=>e.isDarkTheme?m.neutralGrey5Dark:m.brandColorJadeLight}80;
+  border-radius: 50px;
+  padding: 12px ${n.sp4};
+  box-sizing: border-box;
+`,ei=o(ci)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  color: ${e=>e.theme.colors.brandColorSapphire};
+  flex-shrink: 0;
+`,ii=o.div`
+  width: ${n.sp4};
+  height: ${n.sp4};
+  background-color: ${m.neutralGrey5Light};
+  border: 1px solid ${e=>e.theme.colors.brandColorJade};
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+`,ni=o(gi)`
+  color: ${e=>e.isDarkTheme?m.brandColorJadeLight:e.theme.colors.brandColorSapphire};
+  flex: 1;
+`,oi=o(Ti)`
+  color: ${e=>e.theme.colors.primary};
+`,ri=o.span``,ti=o(Z)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+`,le=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: ${e=>e.windowSize==="small"?"100%":"unset"};
+  margin-top: ${e=>E.signInContainerPaddingTop.valuePx(e.windowSize)};
+`,Un=o.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: ${e=>e.showEmailError&&e.showEmailForm?n.sp1:n.sp3};
+  max-width: 100%;
+`,Bn=o.div`
+  display: flex;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  justify-content: center;
+  align-items: center;
+  gap: ${n.sp4};
+  flex-wrap: ${e=>e.windowSize==="small"?"wrap":"nowrap"};
+  width: 100%;
+`,Hn=o.div`
+  width: 100%;
+`,si=o.div`
+  margin-top: ${e=>E.headingContainerTopMargin.valuePx(e.windowSize)};
+  row-gap: ${e=>e.isMagicLinkSent?e.windowSize==="small"?"150px":n.sp4:n.sp2};
+  flex-direction: column;
+`,Zn=o.div`
+  display: flex;
+  flex-direction: column;
+  display: flex;
+  width: 100%;
+  margin-left: ${e=>E.ZeniLogoContainerLeftMargin.valuePx(e.windowSize)};
+  margin-top: ${e=>E.ZeniLogoContainerTopMargin.valuePx(e.windowSize)};
+  justify-content: ${e=>e.windowSize==="small"?"center":"start"};
+
+  .zeni-logo {
+    align-self: ${e=>e.windowSize==="small"?"center":"self-start"};
+  }
+`,Jn=o(Mi)`
+  color: ${e=>e.theme.colors.primary};
+  height: ${n.sp4};
+`,qn=o.div`
+  width: 100%;
+`,Gn=o.div`
+  width: 1167px;
+  height: 384px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: visible;
+`,Wn=o.form``,Kn=o(B)`
+  padding: ${n.sp2} ${n.sp3};
+`,Xn=o(B)`
+  &:disabled {
+    border-color: ${e=>e.theme.colors.grey2};
+  }
+`,Yn=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: ${n.sp1};
+`,Qn=o(Z)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+`,eo=o(Z)`
+  color: ${m.important};
+  text-align: center;
+`,io=3;function li({redirectCountdown:e,resendCount:l,resendCountdown:a,resendLimitReached:p,onClick:g}){const d=()=>a>0&&!p?t.signIn.magicLinkSent.resendLinkCountdown.replace("__seconds__",String(a)):t.signIn.magicLinkSent.resendLink,h=ce-l;return i.jsxs(Yn,{children:[i.jsx(Xn,{variant:"primary",label:d(),disabled:a>0||p,onClick:g}),p?i.jsx(eo,{children:t.signIn.magicLinkSent.resendLimitExceededRedirecting.replace("__seconds__",String(e))}):l>0&&i.jsx(Qn,{children:t.signIn.magicLinkSent.attemptsRemaining.replace("__remaining__",String(h)).replace("__total__",String(ce))})]})}const no=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: ${n.sp4};
+  flex: 1;
+`,ai=o(pe)`
+  ${e=>`${ue.signInHeading.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+`,oo=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: ${n.sp4};
+  flex: 1;
+`,ro=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${n.sp3};
+  background-color: ${e=>e.isDarkTheme?m.neutralGrey5Dark:m.brandColorJadeLight}80;
+  border-radius: 50px;
+  padding: 12px ${n.sp4};
+  box-sizing: border-box;
+`,to=o(gi)`
+  color: ${e=>e.isDarkTheme?m.brandColorJadeLight:e.theme.colors.brandColorSapphire};
+`,di=45,ce=3;function yo({googleClientId:e,microsoftClientId:l,fetchState:a,signInError:p={},showEmailLogin:g=!1,sendMagicLinkStatus:d,magicLinkAlreadyUsed:h,magicLinkExpired:x,magicLinkExpiredEmail:u,getSignedInUser:C,onSignedInCallback:f,clearSignInError:j,onOAuthSuccess:L,onOAuthError:_,sendMagicLink:z}){const c=X(),{dark:I}=zi(),{analytics:F}=ge(),Y=Ki(.68,1.2,1440,2560),M=a==="In-Progress",y=a==="Error",[w,T]=s.useState(void 0),[J,q]=s.useState(""),[V,xe]=s.useState(!1),[we,fe]=s.useState(!1),[N,wi]=s.useState(void 0),[$,Q]=s.useState(!1),$e=a==="In-Progress"&&J==="google",Se=a==="In-Progress"&&J==="microsoft",ye=Ei({mode:"onSubmit",defaultValues:{email:""}}),{register:fi,handleSubmit:$i,formState:{errors:be},setValue:je,watch:Si,clearErrors:yi}=ye,G=d.fetchState==="Error"&&d.error?.error?.type==="email_not_found",ke=d.fetchState==="Error"&&d.error?.details?.application_error_code!=="LOGIN_VIA_EMAIL_LOCKED"&&!G,R=Si("email"),Ce=!!be.email||we||ke,Ie=!!be.email;s.useEffect(()=>{x===!0&&u!=null&&u.trim()!==""&&je("email",u)},[x,u,je]),s.useEffect(()=>{g&&d.fetchState==="Error"&&d.error?.details?.application_error_code==="LOGIN_VIA_MAGIC_LINK_RESTRICTED"&&(Q(!1),wi(()=>{const r=d.error?.details?.domain_type;if(r==="google"||r==="microsoft")return r}))},[d.error?.details,d.fetchState,g]);const bi=r=>{fe(!1),r.email.trim()&&(F.trackSignInClick("email"),z?.(r.email))},ji=()=>{fe(!1),yi("email")},ve=y&&p.type==="email_not_found";s.useEffect(()=>{(ve||G)&&xe(!0)},[G,ve]);const ze=r=>{console.log(JSON.stringify(r)),T(void 0),L(r.code,"google"),q("google")},Ee=r=>{const b="Error = "+r?.error+" Error Description = "+r?.error_description;T(b),_?.(JSON.stringify(r),"google")},Le=r=>{console.log(JSON.stringify(r)),T(void 0),L(r.code,"microsoft"),q("microsoft")},_e=r=>{console.log(JSON.stringify(r)),T(r.error??"Microsoft authorization failed."),_?.(JSON.stringify(r),"microsoft")},ki=()=>{let r="";return(y||w!=null)&&V===!1&&(r=w??t.signIn.signInAuthError),r},[Ci,Me]=s.useState(!1);s.useEffect(()=>{d.fetchState==="Completed"&&Me(!0)},[d.fetchState]);const S=Ci,Te=S?t.signIn.confirmationLinkSent:t.signIn.heading,Pe=N!=null?t.signIn.signInSecurelyMessage:t.signIn.message,De=h===!0&&!S,Ii=x===!0&&!De&&!S,Fe=()=>{u!=null&&u.trim()!==""&&z?.(u)},[A,ee]=s.useState(0),[ie,Ve]=s.useState(0),O=ie>=ce,[U,Ne]=s.useState(0);s.useEffect(()=>{S&&ee(di)},[S]),s.useEffect(()=>{if(A<=0)return;const r=setTimeout(()=>ee(A-1),1e3);return()=>clearTimeout(r)},[A]),s.useEffect(()=>{O&&Ne(io)},[O]),s.useEffect(()=>{if(U<=0)return;const r=setTimeout(()=>{const b=U-1;Ne(b),b===0&&(Me(!1),Ve(0),Q(!1))},1e3);return()=>clearTimeout(r)},[U]);const Re=()=>{O||(z?.(R),Ve(r=>r+1),ee(di))},vi=G&&d.error?.error?d.error.error:p,ne=d.error?.details?.user,Ae=ne?.first_name??void 0,Oe=ne?.photo?.original!=null?ae(ne.photo.original):void 0;return i.jsxs(Dn,{windowSize:c,children:[i.jsxs(Fn,{windowSize:c,children:[i.jsxs(qn,{children:[i.jsx(Zn,{windowSize:c,children:i.jsx(Jn,{className:"zeni-logo"})}),De?i.jsx(le,{windowSize:c,style:{flex:1},children:i.jsxs(oo,{children:[i.jsx(ai,{windowSize:c,children:t.signIn.magicLinkAlreadyUsedHeading}),i.jsxs(ro,{isDarkTheme:I,children:[i.jsx(ii,{children:i.jsx(ei,{})}),i.jsx(to,{isDarkTheme:I,children:t.signIn.magicLinkAlreadyUsedMessage})]}),i.jsx(B,{variant:"primary",label:t.signIn.requestNewLink,onClick:Fe,loading:d.fetchState==="In-Progress"})]})}):Ii?i.jsx(le,{windowSize:c,style:{flex:1},children:i.jsxs(no,{children:[i.jsx(ai,{windowSize:c,children:t.signIn.magicLinkExpiredHeading}),i.jsx(B,{variant:"primary",label:t.signIn.requestNewLink,onClick:Fe,loading:d.fetchState==="In-Progress"})]})}):i.jsxs(i.Fragment,{children:[i.jsxs(si,{isMagicLinkSent:S,windowSize:c,style:{display:c==="small"?"flex":"none"},children:[i.jsx(Ge,{windowSize:c,children:Te}),i.jsx(P,{controller:!S,children:i.jsx(We,{windowSize:c,children:Pe})}),i.jsx(P,{controller:S,children:i.jsxs(Ye,{children:[i.jsx(Qe,{isDarkTheme:I,children:i.jsx(ni,{isDarkTheme:I,children:k.getLocalizedStrings().signIn.magicLinkSent.primaryMessage.split("__email__").map((r,b,oe)=>i.jsxs(ri,{children:[r,b<oe.length-1&&i.jsx(oi,{children:R})]},b))})}),i.jsx(ti,{children:t.signIn.magicLinkSent.secondaryMessage}),i.jsx(li,{resendCountdown:A,resendCount:ie,resendLimitReached:O,redirectCountdown:U,onClick:Re})]})})]}),i.jsxs(si,{isMagicLinkSent:S,windowSize:c,style:{display:c==="small"?"none":"flex"},children:[i.jsx(Ge,{windowSize:c,children:Te}),i.jsx(P,{controller:!S,children:i.jsx(We,{windowSize:c,children:Pe})}),i.jsx(P,{controller:S,children:i.jsxs(Ye,{children:[i.jsxs(Qe,{isDarkTheme:I,children:[i.jsx(ii,{children:i.jsx(ei,{})}),i.jsx(ni,{isDarkTheme:I,children:k.getLocalizedStrings().signIn.magicLinkSent.primaryMessage.split("__email__").map((r,b,oe)=>i.jsxs(ri,{children:[r,b<oe.length-1&&i.jsx(oi,{children:R})]},b))})]}),i.jsx(ti,{children:t.signIn.magicLinkSent.secondaryMessage}),i.jsx(li,{resendCountdown:A,resendCount:ie,resendLimitReached:O,redirectCountdown:U,onClick:Re})]})})]}),i.jsx(P,{controller:!S,children:i.jsxs(le,{windowSize:c,children:[i.jsxs(Un,{showEmailError:Ce,showEmailForm:$,children:[!$&&!N&&i.jsxs(Bn,{windowSize:c,children:[i.jsx(Ue,{clientId:e,children:i.jsx(Ze,{disabled:M,inProgress:$e,getSignedInUser:C,onSuccess:ze,onSignedInCallback:f,onError:Ee})}),i.jsx(Je,{clientId:l,scopes:["openid","profile","email","offline_access","User.Read"],getSignedInUser:C,prompt:"select_account",responseType:"code",responseMode:"query",render:r=>i.jsx(de,{onClick:r.onClick,disabled:M||r.disabled,type:"Microsoft",titleText:t.signIn.signInMicrosoftButton,loadingIndication:Se}),onSignedInCallback:f,onSuccess:Le,onFailure:_e})]}),!$&&N==="google"&&i.jsx(Ue,{clientId:e,children:i.jsx(Ze,{disabled:M,inProgress:$e,email:R,firstName:Ae,photo:Oe,getSignedInUser:C,onSuccess:ze,onSignedInCallback:f,onError:Ee})}),!$&&N==="microsoft"&&i.jsx(Je,{clientId:l,scopes:["openid","profile","email","offline_access","User.Read"],getSignedInUser:C,prompt:"select_account",responseType:"code",responseMode:"query",render:r=>i.jsx(de,{onClick:r.onClick,disabled:M||r.disabled,type:"Microsoft",titleText:t.signIn.signInMicrosoftButton,loadingIndication:Se,email:R,firstName:Ae,photo:Oe}),onSignedInCallback:f,onSuccess:Le,onFailure:_e}),g&&$&&i.jsx(Li,{...ye,children:i.jsxs(Nn,{windowSize:c,children:[i.jsx(Wn,{onSubmit:$i(bi),children:i.jsxs(Rn,{windowSize:c,hasError:Ie,children:[i.jsx(An,{windowSize:c,type:"text",placeholder:t.signIn.workEmailExample,variant:"outlined",fullWidth:!0,isValid:!Ie,autoComplete:"off",...fi("email",{required:t.signIn.invalidEmailMessage,pattern:{value:_i,message:t.signIn.invalidEmailMessage},onChange:ji})}),i.jsx(Kn,{variant:"primary",type:"submit",label:t.signIn.signInButton,loading:d.fetchState==="In-Progress"})]})}),Ce&&i.jsx(On,{children:we?t.signIn.magicLinkExpired:ke?t.common.errorMessage.somethingWentWrongPleaseTryAgain:t.signIn.invalidEmailMessage})]})}),g&&!N&&i.jsxs(_n,{children:[i.jsxs(En,{showEmailForm:$,windowSize:c,children:[i.jsx(qe,{showEmailForm:$,windowSize:c}),i.jsx(Ln,{children:t.common.texts.or.toUpperCase()}),i.jsx(qe,{showEmailForm:$,windowSize:c})]}),i.jsxs(Pn,{children:[i.jsx(Mn,{onClick:()=>{$?F.trackSignInViaGoogleMicrosoft():F.trackSignInViaEmail(),Q(!$)},children:$?t.signIn.googleOrMicrosoftLink:t.signIn.workEmailLink}),i.jsx(Tn,{isVisible:!$,children:t.signIn.workEmailSubText})]})]})]}),V===!1&&y&&i.jsx(Hn,{children:i.jsx(Vn,{children:ki()})})]})})]})]}),i.jsx(P,{controller:c!=="small",children:i.jsx(Gn,{children:i.jsx(Gi,{scale:Y})})}),i.jsx(Ke,{style:{maxWidth:"100%",textAlign:"center",marginBottom:c==="small"?n.sp5:n.sp1},children:i.jsxs(Ke,{children:[i.jsxs(Xe,{children:[t.signIn.termsPrivacyFinePrintPart,t.signIn.agreeWith,i.jsx(Be,{href:t.signIn.termsUrl,target:"_Blank",rel:"noopener noreferrer",linkText:t.signIn.termsOfService})," ",t.signIn.and," ",i.jsx(Be,{href:t.signIn.privacyPolicyUrl,target:"_Blank",rel:"noopener noreferrer",linkText:t.signIn.privacyPolicy}),"."]}),i.jsx(Xe,{children:i.jsx(qi,{})})]})})]}),V&&i.jsx(fn,{signInError:vi,onClose:()=>{j(),xe(!1)}})]})}export{yo as default};

package/dist/assets/SignInScreen-CsaRmLqD.js

@@ -0,0 +1 @@
+import{j as d}from"./liveblocks-48Yy2aTy.js";import{a as p,S,n as m}from"./sentry-gm2R3TtK.js";import{m as I,i as w,g,u as h,N as y,h as E}from"./core-9PMMelIA.js";import{z as l,d as C,F as b,e as v,H as U,a6 as T,f as u}from"./index-Bs2B-MQ4.js";import{EB as x,EC as D,ED as L,EE as z,E7 as f}from"./zeni-epic-state-D2RxwWrl.js";import{f as P}from"./analyticsHelper-D1UvETVa.js";import"./recharts-DGmpNqLb.js";import"./mui-snKYaegN.js";import"./lottie-ChwWMuYN.js";import"./analytics-D0z7Cz17.js";import"./lexical-CaQwXIc3.js";import"./utils-C7Aiy3iw.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="99ff8d93-8fe0-4633-a058-2f7aee1c3388",e._sentryDebugIdIdentifier="sentry-dbid-99ff8d93-8fe0-4633-a058-2f7aee1c3388")}catch{}})();function A(e){const i=e.tenantState.fetchState,a=e.tenantState.sendEmailMagicLinkFetchState;return{googleClientId:u.googleClientId,microsoftClientId:u.microsoftClientId,signInError:e.tenantState.error?.error,fetchState:i,sendMagicLinkStatus:a,showEmailLogin:!1}}function N(e,i){const{location:a,navigate:r}=i;return console.warn(JSON.stringify(window.location)),{onOAuthError:(n,t)=>{m({message:`OAuth error from provider ${t} with error ${n}`,level:"error",tags:{authProvider:t,errorType:"zeni.login.error"},extra:{error:n,windowLocation:window.location.href}})},onOAuthSuccess:(n,t)=>{const c=t==="google"?window.location.origin:window.location.origin+window.location.pathname;e(z({authCode:n,oauthProvider:t,appType:"web",redirectUri:f(c),sourceUri:f(a.state!=null?a.state.origin:"")}))},getSignedInUser:()=>l.getSignedInUser(),onSignedInCallback:()=>{const n=a.state?.origin;n&&n!=="/"?r(n,{replace:!0}):window.open(window.location.origin,"_self")},clearSignInError:()=>{e(L())}}}const k=E(A,N)(T),O=S.memo(k);function R(){const e=I(),i=w(),a=l.getSignedInUser(),r=g(o=>o.tenantState.fetchState),n=g(o=>o.tenantState.signInState),t=g(o=>o.tenantState.loggedInUser),c=C().mode,s=h();if(p.useEffect(()=>{if(n==="In-Progress"&&r==="Completed"&&t?.zeniSessionId!=null){l.saveSignedInUserWithSession(t,t.zeniSessionId),x(t.userId,t.zeniSessionId),e(D("Completed")),b.updateAppLocaleID("en"),P(t,c);const o=s.state?.queryParams;setTimeout(()=>{v.trackLogin(U.Event.loginSuccess,t.authProvider??"google",o?.utmSource,o?.utmMedium)},2e3)}},[]),n==="In-Progress"&&r==="Completed"&&t?.zeniSessionId!=null||a!=null){const o=s.state?.origin??"/";return d.jsx(y,{to:o,state:{...s.state,origin:""}})}else return d.jsx(O,{navigate:i,location:s})}export{R as default};