@zeniai/web-components 3.17.22 → 3.17.24

package/dist/SignIn-Cgrm_yBK.cjs

@@ -1,463 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-.pnpm-DLVCFIC_.cjs"),m=require("react"),n=require("@emotion/styled"),Q=require("@zeniai/client-epic-state"),o=require("./index-OMYmSL-3.cjs"),Xe=require("./ZeniCopyright-BHYOHHPP.cjs"),Qe=require("./ProductsCarousel-ClNF6H-E.cjs"),Z=require("@emotion/react"),Ye=require("./handshake-DIiBbbRw.cjs");function eo(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const d=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(s,r,d.get?d:{enumerable:!0,get:()=>e[r]})}}return s.default=e,Object.freeze(s)}const S=eo(m),oo=(e=.68,s=1.3,r=1440,d=2560)=>{const[p,a]=m.useState(()=>typeof window<"u"?window.innerWidth:r);return m.useEffect(()=>{const u=()=>{a(window.innerWidth)};return window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)},[]),to(p,e,s,r,d)},to=(e,s,r,d,p)=>{const a=Math.max(d,Math.min(p,e)),u=r-s,x=p-d,h=x>0?(a-d)/x:0;return s+u*h},De=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"})),Ae=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"})),no=o.appLocale.getLocalizedStrings(),io=n.div`
-  margin-left: ${o.Space.sp3};
-  color: ${e=>e.theme.colors.primary};
-  font-family: ${o.fonts.Roboto};
-  ${e=>{const s=e.windowSize==="small"?o.textStyles.standardMedium:o.textStyles.largeMedium;return`
-      font-size: ${s.fontSize};
-      font-weight: ${s.fontWeight};
-      line-height: ${s.lineHeight};
-    `}}
-`,so=n.img`
-  height: ${o.Space.sp4};
-  width: ${o.Space.sp4};
-  border-radius: 50%;
-  justify-content: center;
-  color: ${e=>e.theme.colors.hero};
-`,ro=n.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${o.Space.sp1};
-`,lo=n(o.SvgArrowFilledBottom)`
-  height: 12px;
-  width: 12px;
-  color: ${e=>e.theme.colors.hero};
-`,ao=n.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  width: ${e=>e.windowSize==="small"?"100%":"264px"};
-  ${e=>e.setWidth===!1?Z.css`
-          width: 100%;
-          min-width: 264px;
-        `:null};
-  min-height: ${e=>e.windowSize==="small"?o.Space.sp7:o.Space.sp8};
-  border: 1px solid;
-  box-sizing: border-box;
-  border-radius: ${o.Space.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};
-  }
-`,co=n.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-`,po=n(De)`
-  height: ${o.Space.sp3};
-  width: ${o.Space.sp3};
-`,xo=n(De)`
-  height: ${o.Space.sp4};
-  width: ${o.Space.sp4};
-`,mo=n(Ae)`
-  height: ${o.Space.sp4};
-  width: ${o.Space.sp4};
-`,uo=n(Ae)`
-  height: ${o.Space.sp3};
-  width: ${o.Space.sp3};
-`,go=n(o.SmallMedium)`
-  color: ${e=>e.theme.colors.primary};
-`,ho=n(o.SmallRegular)`
-  color: ${e=>e.theme.colors.primary};
-`,fo=n.div`
-  padding: ${o.Space.sp2} 12px;
-  display: flex;
-  align-items: center;
-  width: 100%;
-  justify-content: space-between;
-  column-gap: ${o.Space.sp3};
-`,jo=n.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  column-gap: ${o.Space.sp2};
-`,So=n.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: center;
-`,wo=({type:e,titleText:s})=>{const r=o.useWindowSizeContext();return t.jsxRuntimeExports.jsxs(co,{children:[e==="Google"?t.jsxRuntimeExports.jsx(po,{}):t.jsxRuntimeExports.jsx(uo,{}),t.jsxRuntimeExports.jsx(io,{windowSize:r,children:s})]})},Eo=({type:e,email:s,firstName:r,photo:d})=>t.jsxRuntimeExports.jsxs(fo,{children:[t.jsxRuntimeExports.jsxs(jo,{children:[t.jsxRuntimeExports.jsx(so,{src:d?.href,alt:s,onError:({currentTarget:p})=>{p.onerror=null,p.src=o.AvatarSVG},loading:"lazy"}),t.jsxRuntimeExports.jsxs(So,{children:[t.jsxRuntimeExports.jsxs(go,{children:[no.signIn.continueAs," ",r??""]}),t.jsxRuntimeExports.jsxs(ro,{children:[t.jsxRuntimeExports.jsx(ho,{children:s}),t.jsxRuntimeExports.jsx(lo,{})]})]})]}),e==="Google"?t.jsxRuntimeExports.jsx(xo,{}):t.jsxRuntimeExports.jsx(mo,{})]});function Y({type:e,titleText:s,disabled:r,loadingIndication:d,email:p,firstName:a,photo:u,onClick:x}){const h=o.useWindowSizeContext();return t.jsxRuntimeExports.jsx(ao,{setWidth:p==null,windowSize:h,disabled:r===!0,onClick:r===!0?void 0:x,children:d===!0?t.jsxRuntimeExports.jsx(o.ActivityIndicator,{size:"Standard",start:d===!0}):t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:p!=null?t.jsxRuntimeExports.jsx(Eo,{type:e,email:p,firstName:a,photo:u}):t.jsxRuntimeExports.jsx(wo,{type:e,titleText:s})})})}const Ee=({inProgress:e,disabled:s,onSuccess:r,onSignedInCallback:d,getSignedInUser:p,onError:a,email:u,firstName:x,photo:h})=>{const{analytics:C}=o.useToolkitContext(),$=t.useGoogleLogin({onSuccess:r,flow:"auth-code",onError:a}),w=()=>{if(p()!=null){d();return}C.trackSignInClick("google"),$()};return t.jsxRuntimeExports.jsx(Y,{onClick:w,disabled:s,type:"Google",titleText:o.appLocale.getLocalizedStrings().signIn.signInGoogleButton,loadingIndication:e,email:u,firstName:x,photo:h})},$e=e=>{const{clientId:s,scopes:r,getSignedInUser:d,onSignedInCallback:p,render:a,onSuccess:u,onFailure:x,disabled:h}=e,{analytics:C}=o.useToolkitContext();let{responseType:$,responseMode:w,prompt:k,redirectUri:R}=e,c,y;const L="https://login.microsoftonline.com/common/oauth2/v2.0/authorize",V=["openid","profile"];$=$??"code",w=w??"fragment",k=k??"consent",m.useEffect(()=>{const f=Q.toZeniUrl(window.location[w==="fragment"?"hash":"search"],!0).query;(window.location.search||window.location.hash)&&(f.code!=null||f.access_token!=null||f.error!=null)&&M()},[]);const z=()=>{const f=encodeURIComponent((r??V).join(" "));return R=R??window.location.origin+window.location.pathname,`${L}?client_id=${s}&response_type=${$}&redirect_uri=${encodeURIComponent(R)}&scope=${f}&prompt=${k}&response_mode=${w}`},M=()=>{window.opener?.authScope.authCompletedCB(Q.toZeniUrl(window.location[w==="fragment"?"hash":"search"],!0).query),window.close()};return a({onClick:()=>{if(d()!=null){p();return}C.trackSignInClick("microsoft"),c=!1;const f=(g,_)=>{const F=window.screen.width/2-287.5,D=window.screen.height/2-600/2,v=window.open(g,_,`toolbar=0,status=0, width=575, height=600, top=${D}, left=${F}`);y=setInterval(()=>{v.closed&&!c&&(x({error:o.appLocale.getLocalizedStrings().signIn.signInError,errorDetail:{reason:"Signin popup window was closed"}}),clearInterval(y))},500)};window.authScope={authCompletedCB:g=>{c=!0,clearInterval(y),$==="code"&&g.code?u({code:g.code}):$==="token"&&g.access_token?u({accessToken:g.access_token,tokenType:g.token_type,scope:g.scope}):g.error==="access_denied"?x({error:o.appLocale.getLocalizedStrings().signIn.signInAuthError,errorDetail:g}):x({error:o.appLocale.getLocalizedStrings().signIn.signInError,errorDetail:g})}},f(z(),"Microsoft Sign In")},disabled:h})},N={width:new o.ResponsiveSized(343,572,572),containerTop:new o.ResponsiveSized(17,25,25)},{signIn:{emailNotFoundPopup:O},common:{gotIt:$o}}=o.appLocale.getLocalizedStrings();function Co({signInError:e,onClose:s}){const r=o.useWindowSizeContext(),[d,p]=m.useState(!1),a=e?.email;return t.jsxRuntimeExports.jsx(Ro,{windowSize:r,role:"presentation",style:{background:o.Colors.overlayDark},children:t.jsxRuntimeExports.jsx(t.ClickAwayListener,{onClickAway:()=>{p(!0),s()},children:t.jsxRuntimeExports.jsxs(bo,{windowSize:r,className:d?"containerClass fade":"containerClass",fade:d,children:[t.jsxRuntimeExports.jsxs(Io,{children:[O.title,t.jsxRuntimeExports.jsx(Mo,{children:a})]}),t.jsxRuntimeExports.jsxs(To,{children:[t.jsxRuntimeExports.jsxs(X,{children:[t.jsxRuntimeExports.jsx(J,{children:t.jsxRuntimeExports.jsx(ko,{})}),t.jsxRuntimeExports.jsx(K,{windowSize:r,children:O.confirmEmail})]}),t.jsxRuntimeExports.jsxs(X,{children:[t.jsxRuntimeExports.jsx(J,{children:t.jsxRuntimeExports.jsx(Lo,{})}),t.jsxRuntimeExports.jsx(K,{windowSize:r,children:O.checkAccess})]}),t.jsxRuntimeExports.jsxs(X,{children:[t.jsxRuntimeExports.jsx(J,{children:t.jsxRuntimeExports.jsx(zo,{})}),t.jsxRuntimeExports.jsx(K,{windowSize:r,children:O.contactZeni})]})]}),t.jsxRuntimeExports.jsx(o.Button,{label:$o,variant:"primary",onClick:()=>{p(!0),s()}})]})})})}const Ro=n.div`
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  z-index: 10;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  background: ${o.Colors.overlayDark};
-  .fade {
-    animation: ${e=>vo(e)} 0.25s linear;
-  }
-`,yo=({windowSize:e})=>Z.keyframes`
-  0% {
-    top: 100%;
-  }
-  100% {
-    top: ${N.containerTop.valuePercentage(e)};
-  }
-`,vo=({windowSize:e})=>Z.keyframes`
-  0% {
-    top: ${N.containerTop.valuePercentage(e)};
-  }
-  100% {
-    top: 100%;
-  }
-`,bo=n.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  align-items: center;
-  text-align: center;
-  background: ${e=>e.theme.colors.grey5};
-  border-radius: ${o.Space.sp2};
-  position: relative;
-  top: ${e=>e.fade?"100%":N.containerTop.valuePercentage(e.windowSize)};
-  padding: ${o.Space.sp5} ${o.Space.sp0};
-  width: ${e=>N.width.valuePx(e.windowSize)};
-  animation: ${e=>yo(e)} 0.25s linear;
-  box-shadow: ${o.Colors.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%"};
-  }
-`,Io=n(o.H6Regular)`
-  margin-bottom: ${o.Space.sp6};
-  color: ${o.Colors.important};
-  padding: ${o.Space.sp0} ${o.Space.sp6};
-`,J=n.div`
-  margin-right: 12px;
-  height: ${o.Space.sp7};
-  width: ${o.Space.sp7};
-  background-color: ${e=>e.theme.mode==="dark"?o.Colors.brandColorJadeDark:o.Colors.brandColorJadeLight};
-  border-radius: ${o.Space.sp4};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,K=n(o.StandardRegular)`
-  width: calc(100% - 120px);
-  color: ${e=>e.theme.colors.primary};
-  text-align: start;
-`,X=n.div`
-  display: flex;
-  align-items: center;
-  margin-bottom: ${o.Space.sp5};
-`,ee=e=>Z.css`
-  width: ${o.Space.sp4};
-  height: ${o.Space.sp4};
-  color: ${e.theme.colors.primary};
-`,ko=n(o.SvgEmail)`
-  ${ee};
-`,zo=n(Ye.SvgHandshake)`
-  ${ee};
-`,Lo=n(o.SvgDashboard)`
-  ${ee};
-`,Mo=n(o.H6SemiBold)`
-  word-break: break-all;
-`,To=n.div`
-  padding: ${o.Space.sp0} ${o.Space.sp6};
-`,l=o.appLocale.getLocalizedStrings(),oe={signInHeading:new o.ResponsiveSizedStyle("h5Regular","h2Regular"),signInMessage:new o.ResponsiveSizedStyle("standardRegular","h6Regular")},I={ZeniLogoContainerLeftMargin:new o.ResponsiveSized(o.sp[0],o.sp[5]),ZeniLogoContainerTopMargin:new o.ResponsiveSized(12,o.sp[3]),SignInHeadingMarginBottom:new o.ResponsiveSized(o.sp[2],o.sp[3]),headingContainerTopMargin:new o.ResponsiveSized(36,10),signInContainerPaddingTop:new o.ResponsiveSized(o.sp[12],o.sp[4]),emailInputFontSize:new o.ResponsiveSized(o.textStyles.standardRegular.fontSizeValue,o.textStyles.extraLargeRegular.fontSizeValue),emailInputVerticalPadding:new o.ResponsiveSized(o.sp[3],12)},Po=n.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: ${e=>e.showEmailForm&&e.windowSize!=="small"?"354px":"100%"};
-  gap: ${o.Space.sp3};
-  max-width: 100%;
-`,Ce=n.div`
-  width: ${e=>e.windowSize==="small"?"118px":"247px"};
-  height: 1px;
-  background-color: ${e=>e.theme.colors.grey2};
-  flex-shrink: 0;
-`,_o=n(o.StandardRegular)`
-  text-transform: capitalize;
-  color: ${e=>e.theme.colors.hero};
-  flex-shrink: 0;
-`,Bo=n.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: ${o.Space.sp2};
-  width: 100%;
-`,Fo=n.button`
-  background: none;
-  border: none;
-  padding: 0;
-  cursor: pointer;
-  display: inline-block;
-  position: relative;
-  color: ${e=>e.theme.colors.hero};
-  text-decoration: none;
-  ${o.textStyles.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;
-  }
-`,Do=n(o.ExtraSmallRegular)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: center;
-  visibility: ${e=>e.isVisible?"visible":"hidden"};
-`,Ao=n.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 1px;
-`,Oo=n.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 ${o.Space.sp0};
-  background-repeat: no-repeat;
-  overflow-x: hidden;
-`,No=n.div`
-  display: flex;
-  flex: 1 1 auto;
-  padding: ${o.Space.sp0} ${o.Space.sp4} ${o.Space.sp0} ${o.Space.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"?o.Space.sp3:o.Space.sp5};
-`,Re=n(o.StyledText)`
-  ${e=>`${oe.signInHeading.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  text-align: center;
-`,ye=n(o.StyledText)`
-  ${e=>`${oe.signInMessage.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.champion};
-  text-align: center;
-`,ve=n(o.ExtraSmallRegular)`
-  margin: ${o.Space.sp0} ${o.Space.sp0} ${o.Space.sp0} ${o.Space.sp0};
-  color: ${e=>e.theme.colors.grey1};
-`,be=n(o.ExtraSmallRegular)`
-  margin: ${o.Space.sp1} ${o.Space.sp0} ${o.Space.sp1} ${o.Space.sp0};
-  color: ${e=>e.theme.colors.hero};
-  text-decoration: none;
-`,Zo=n(o.ExtraSmallMedium)`
-  color: ${o.Colors.important};
-  text-align: center;
-  white-space: pre;
-`,Vo=n.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${o.Space.sp2};
-  flex-shrink: 0;
-  position: relative;
-  width: ${e=>e.windowSize==="small"?"100%":"unset"};
-`,Ho=n.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid
-    ${e=>e.hasError?o.Colors.important:e.theme.colors.grey1};
-  border-radius: ${o.Space.sp2};
-  padding-top: ${e=>I.emailInputVerticalPadding.valuePx(e.windowSize)};
-  padding-bottom: ${e=>I.emailInputVerticalPadding.valuePx(e.windowSize)};
-  padding-left: ${o.Space.sp4};
-  padding-right: ${o.Space.sp2};
-  width: ${e=>e.windowSize==="small"?"100%":"354px"};
-  max-width: 100%;
-  height: ${o.Space.sp8};
-  box-sizing: border-box;
-  &:focus-within,
-  &:hover {
-    border: 1px solid
-      ${e=>e.hasError?o.Colors.important:e.theme.colors.primary};
-  }
-`,Wo=n(t.TextField,{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: ${o.Space.sp0} ${o.Space.sp2} ${o.Space.sp0} ${o.Space.sp0};
-    font-size: ${e=>I.emailInputFontSize.valuePx(e.windowSize)};
-    color: ${e=>e.isValid?e.theme.colors.primary:o.Colors.important};
-    height: auto;
-
-    &::placeholder {
-      color: ${e=>e.theme.colors.grey1};
-      opacity: 1;
-    }
-  }
-`,Go=n(o.SmallRegular)`
-  color: ${o.Colors.important};
-  text-align: center;
-  width: 100%;
-`,Ie=n.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: ${o.Space.sp3};
-  width: 100%;
-`,ke=n.div`
-  display: flex;
-  align-items: center;
-  gap: ${o.Space.sp3};
-  background-color: ${e=>e.isDarkTheme?o.Colors.neutralGrey5Dark:o.Colors.brandColorJadeLight}80;
-  border-radius: 50px;
-  padding: 12px ${o.Space.sp4};
-  box-sizing: border-box;
-`,qo=n(o.SvgEmail)`
-  width: ${o.Space.sp3};
-  height: ${o.Space.sp3};
-  color: ${e=>e.theme.colors.brandColorSapphire};
-  flex-shrink: 0;
-`,Uo=n.div`
-  width: ${o.Space.sp4};
-  height: ${o.Space.sp4};
-  background-color: ${o.Colors.neutralGrey5Light};
-  border: 1px solid ${e=>e.theme.colors.brandColorJade};
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-`,ze=n(o.LargeRegular)`
-  color: ${e=>e.isDarkTheme?o.Colors.brandColorJadeLight:e.theme.colors.brandColorSapphire};
-  flex: 1;
-`,Le=n(o.LargeSemiBoldSp)`
-  color: ${e=>e.theme.colors.primary};
-`,Me=n.span``,Te=n(o.SmallRegular)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: center;
-`,Pe=n.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: ${e=>e.windowSize==="small"?"100%":"unset"};
-  margin-top: ${e=>I.signInContainerPaddingTop.valuePx(e.windowSize)};
-`,Jo=n.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  gap: ${e=>e.showEmailError&&e.showEmailForm?o.Space.sp1:o.Space.sp3};
-  max-width: 100%;
-`,Ko=n.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  justify-content: center;
-  align-items: center;
-  gap: ${o.Space.sp4};
-  flex-wrap: ${e=>e.windowSize==="small"?"wrap":"nowrap"};
-  width: 100%;
-`,Xo=n.div`
-  width: 100%;
-`,_e=n.div`
-  margin-top: ${e=>I.headingContainerTopMargin.valuePx(e.windowSize)};
-  row-gap: ${e=>e.isMagicLinkSent?e.windowSize==="small"?"150px":o.Space.sp4:o.Space.sp2};
-  flex-direction: column;
-`,Qo=n.div`
-  display: flex;
-  flex-direction: column;
-  display: flex;
-  width: 100%;
-  margin-left: ${e=>I.ZeniLogoContainerLeftMargin.valuePx(e.windowSize)};
-  margin-top: ${e=>I.ZeniLogoContainerTopMargin.valuePx(e.windowSize)};
-  justify-content: ${e=>e.windowSize==="small"?"center":"start"};
-
-  .zeni-logo {
-    align-self: ${e=>e.windowSize==="small"?"center":"self-start"};
-  }
-`,Yo=n(o.SvgZeniLogoFull)`
-  color: ${e=>e.theme.colors.primary};
-  height: ${o.Space.sp4};
-`,et=n.div`
-  width: 100%;
-`,ot=n.div`
-  width: 1167px;
-  height: 384px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: visible;
-`,tt=n.form``,nt=n(o.Button)`
-  padding: ${o.Space.sp2} ${o.Space.sp3};
-`,it=n(o.Button)`
-  &:disabled {
-    border-color: ${e=>e.theme.colors.grey2};
-  }
-`;function Be({resendCountdown:e,onClick:s}){return t.jsxRuntimeExports.jsx(it,{variant:"primary",label:e>0?l.signIn.magicLinkSent.resendLinkCountdown.replace("__seconds__",String(e)):l.signIn.magicLinkSent.resendLink,disabled:e>0,onClick:s})}const st=n.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: ${o.Space.sp4};
-  flex: 1;
-`,rt=n(o.StyledText)`
-  ${e=>`${oe.signInHeading.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  text-align: center;
-`,Fe=45;function lt({googleClientId:e,microsoftClientId:s,fetchState:r,signInError:d={},showEmailLogin:p=!1,sendMagicLinkStatus:a,magicLinkExpired:u,magicLinkExpiredEmail:x,getSignedInUser:h,onSignedInCallback:C,clearSignInError:$,onOAuthSuccess:w,onOAuthError:k,sendMagicLink:R}){const c=o.useWindowSizeContext(),{dark:y}=o.useZeniThemeContext(),{analytics:L}=o.useToolkitContext(),V=oo(.68,1.3,1440,2560),z=r==="In-Progress",M=r==="Error",[H,f]=m.useState(void 0),[g,_]=m.useState(""),[B,W]=m.useState(!1),[F,D]=m.useState(!1),[v,Oe]=m.useState(void 0),[j,te]=m.useState(!1),ne=r==="In-Progress"&&g==="google",ie=r==="In-Progress"&&g==="microsoft",se=t.useForm({mode:"onSubmit",defaultValues:{email:""}}),{register:Ne,handleSubmit:Ze,formState:{errors:re},setValue:le,watch:Ve,clearErrors:He}=se,A=a.fetchState==="Error"&&a.error?.error?.type==="email_not_found",ae=a.fetchState==="Error"&&a.error?.details?.application_error_code!=="LOGIN_VIA_EMAIL_LOCKED"&&!A,T=Ve("email"),ce=!!re.email||F||ae,de=!!re.email;m.useEffect(()=>{u===!0&&x!=null&&x.trim()!==""&&le("email",x)},[u,x,le]),m.useEffect(()=>{p&&a.fetchState==="Error"&&a.error?.details?.application_error_code==="LOGIN_VIA_MAGIC_LINK_RESTRICTED"&&(te(!1),Oe(()=>{const i=a.error?.details?.domain_type;if(i==="google"||i==="microsoft")return i}))},[a.error?.details,a.fetchState,p]);const We=i=>{D(!1),i.email.trim()&&(L.trackSignInClick("email"),R?.(i.email))},Ge=()=>{D(!1),He("email")},pe=M&&d.type==="email_not_found";m.useEffect(()=>{(pe||A)&&W(!0)},[A,pe]);const xe=i=>{console.log(JSON.stringify(i)),f(void 0),w(i.code,"google"),_("google")},me=i=>{const b="Error = "+i?.error+" Error Description = "+i?.error_description;f(b),k?.(JSON.stringify(i),"google")},ue=i=>{console.log(JSON.stringify(i)),f(void 0),w(i.code,"microsoft"),_("microsoft")},ge=i=>{console.log(JSON.stringify(i)),f(i.error??"Microsoft authorization failed."),k?.(JSON.stringify(i),"microsoft")},qe=()=>{let i="";return(M||H!=null)&&B===!1&&(i=H??l.signIn.signInAuthError),i},he=a.fetchState==="Completed"?l.signIn.confirmationLinkSent:l.signIn.heading,fe=v!=null?l.signIn.signInSecurelyMessage:l.signIn.message,E=a.fetchState==="Completed",Ue=u===!0&&!E,Je=()=>{x!=null&&x.trim()!==""&&R?.(x)},[P,G]=m.useState(0);m.useEffect(()=>{E&&G(Fe)},[E]),m.useEffect(()=>{if(P<=0)return;const i=setTimeout(()=>G(P-1),1e3);return()=>clearTimeout(i)},[P]);const je=()=>{R?.(T),G(Fe)},Ke=A&&a.error?.error?a.error.error:d,q=a.error?.details?.user,Se=q?.first_name??void 0,we=q?.photo?.original!=null?Q.toZeniUrl(q.photo.original):void 0;return t.jsxRuntimeExports.jsxs(Oo,{windowSize:c,children:[t.jsxRuntimeExports.jsxs(No,{windowSize:c,children:[t.jsxRuntimeExports.jsxs(et,{children:[t.jsxRuntimeExports.jsx(Qo,{windowSize:c,children:t.jsxRuntimeExports.jsx(Yo,{className:"zeni-logo"})}),Ue?t.jsxRuntimeExports.jsx(Pe,{windowSize:c,style:{flex:1},children:t.jsxRuntimeExports.jsxs(st,{children:[t.jsxRuntimeExports.jsx(rt,{windowSize:c,children:l.signIn.magicLinkExpiredHeading}),t.jsxRuntimeExports.jsx(o.Button,{variant:"primary",label:l.signIn.requestNewLink,onClick:Je,loading:a.fetchState==="In-Progress"})]})}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs(_e,{isMagicLinkSent:E,windowSize:c,style:{display:c==="small"?"flex":"none"},children:[t.jsxRuntimeExports.jsx(Re,{windowSize:c,children:he}),t.jsxRuntimeExports.jsx(o.ControlledComponent,{controller:!E,children:t.jsxRuntimeExports.jsx(ye,{windowSize:c,children:fe})}),t.jsxRuntimeExports.jsx(o.ControlledComponent,{controller:E,children:t.jsxRuntimeExports.jsxs(Ie,{children:[t.jsxRuntimeExports.jsx(ke,{isDarkTheme:y,children:t.jsxRuntimeExports.jsx(ze,{isDarkTheme:y,children:o.appLocale.getLocalizedStrings().signIn.magicLinkSent.primaryMessage.split("__email__").map((i,b,U)=>t.jsxRuntimeExports.jsxs(Me,{children:[i,b<U.length-1&&t.jsxRuntimeExports.jsx(Le,{children:T})]},b))})}),t.jsxRuntimeExports.jsx(Te,{children:l.signIn.magicLinkSent.secondaryMessage}),t.jsxRuntimeExports.jsx(Be,{resendCountdown:P,onClick:je})]})})]}),t.jsxRuntimeExports.jsxs(_e,{isMagicLinkSent:E,windowSize:c,style:{display:c==="small"?"none":"flex"},children:[t.jsxRuntimeExports.jsx(Re,{windowSize:c,children:he}),t.jsxRuntimeExports.jsx(o.ControlledComponent,{controller:!E,children:t.jsxRuntimeExports.jsx(ye,{windowSize:c,children:fe})}),t.jsxRuntimeExports.jsx(o.ControlledComponent,{controller:E,children:t.jsxRuntimeExports.jsxs(Ie,{children:[t.jsxRuntimeExports.jsxs(ke,{isDarkTheme:y,children:[t.jsxRuntimeExports.jsx(Uo,{children:t.jsxRuntimeExports.jsx(qo,{})}),t.jsxRuntimeExports.jsx(ze,{isDarkTheme:y,children:o.appLocale.getLocalizedStrings().signIn.magicLinkSent.primaryMessage.split("__email__").map((i,b,U)=>t.jsxRuntimeExports.jsxs(Me,{children:[i,b<U.length-1&&t.jsxRuntimeExports.jsx(Le,{children:T})]},b))})]}),t.jsxRuntimeExports.jsx(Te,{children:l.signIn.magicLinkSent.secondaryMessage}),t.jsxRuntimeExports.jsx(Be,{resendCountdown:P,onClick:je})]})})]}),t.jsxRuntimeExports.jsx(o.ControlledComponent,{controller:!E,children:t.jsxRuntimeExports.jsxs(Pe,{windowSize:c,children:[t.jsxRuntimeExports.jsxs(Jo,{showEmailError:ce,showEmailForm:j,children:[!j&&!v&&t.jsxRuntimeExports.jsxs(Ko,{windowSize:c,children:[t.jsxRuntimeExports.jsx(t.GoogleOAuthProvider,{clientId:e,children:t.jsxRuntimeExports.jsx(Ee,{disabled:z,inProgress:ne,getSignedInUser:h,onSuccess:xe,onSignedInCallback:C,onError:me})}),t.jsxRuntimeExports.jsx($e,{clientId:s,scopes:["openid","profile","email","offline_access","User.Read"],getSignedInUser:h,prompt:"select_account",responseType:"code",responseMode:"query",render:i=>t.jsxRuntimeExports.jsx(Y,{onClick:i.onClick,disabled:z||i.disabled,type:"Microsoft",titleText:l.signIn.signInMicrosoftButton,loadingIndication:ie}),onSignedInCallback:C,onSuccess:ue,onFailure:ge})]}),!j&&v==="google"&&t.jsxRuntimeExports.jsx(t.GoogleOAuthProvider,{clientId:e,children:t.jsxRuntimeExports.jsx(Ee,{disabled:z,inProgress:ne,email:T,firstName:Se,photo:we,getSignedInUser:h,onSuccess:xe,onSignedInCallback:C,onError:me})}),!j&&v==="microsoft"&&t.jsxRuntimeExports.jsx($e,{clientId:s,scopes:["openid","profile","email","offline_access","User.Read"],getSignedInUser:h,prompt:"select_account",responseType:"code",responseMode:"query",render:i=>t.jsxRuntimeExports.jsx(Y,{onClick:i.onClick,disabled:z||i.disabled,type:"Microsoft",titleText:l.signIn.signInMicrosoftButton,loadingIndication:ie,email:T,firstName:Se,photo:we}),onSignedInCallback:C,onSuccess:ue,onFailure:ge}),p&&j&&t.jsxRuntimeExports.jsx(t.FormProvider,{...se,children:t.jsxRuntimeExports.jsxs(Vo,{windowSize:c,children:[t.jsxRuntimeExports.jsx(tt,{onSubmit:Ze(We),children:t.jsxRuntimeExports.jsxs(Ho,{windowSize:c,hasError:de,children:[t.jsxRuntimeExports.jsx(Wo,{windowSize:c,type:"text",placeholder:l.signIn.workEmailExample,variant:"outlined",fullWidth:!0,isValid:!de,autoComplete:"off",...Ne("email",{required:l.signIn.invalidEmailMessage,pattern:{value:o.EMAIL_PATTERN,message:l.signIn.invalidEmailMessage},onChange:Ge})}),t.jsxRuntimeExports.jsx(nt,{variant:"primary",type:"submit",label:l.signIn.signInButton,loading:a.fetchState==="In-Progress"})]})}),ce&&t.jsxRuntimeExports.jsx(Go,{children:F?l.signIn.magicLinkExpired:ae?l.common.errorMessage.somethingWentWrongPleaseTryAgain:l.signIn.invalidEmailMessage})]})}),p&&!v&&t.jsxRuntimeExports.jsxs(Bo,{children:[t.jsxRuntimeExports.jsxs(Po,{showEmailForm:j,windowSize:c,children:[t.jsxRuntimeExports.jsx(Ce,{showEmailForm:j,windowSize:c}),t.jsxRuntimeExports.jsx(_o,{children:l.common.texts.or.toUpperCase()}),t.jsxRuntimeExports.jsx(Ce,{showEmailForm:j,windowSize:c})]}),t.jsxRuntimeExports.jsxs(Ao,{children:[t.jsxRuntimeExports.jsx(Fo,{onClick:()=>{j?L.trackSignInViaGoogleMicrosoft():L.trackSignInViaEmail(),te(!j)},children:j?l.signIn.googleOrMicrosoftLink:l.signIn.workEmailLink}),t.jsxRuntimeExports.jsx(Do,{isVisible:!j,children:l.signIn.workEmailSubText})]})]})]}),B===!1&&M&&t.jsxRuntimeExports.jsx(Xo,{children:t.jsxRuntimeExports.jsx(Zo,{children:qe()})})]})})]})]}),t.jsxRuntimeExports.jsx(o.ControlledComponent,{controller:c!=="small",children:t.jsxRuntimeExports.jsx(ot,{children:t.jsxRuntimeExports.jsx(Qe.ProductsCarousel,{scale:V})})}),t.jsxRuntimeExports.jsx(ve,{style:{maxWidth:"100%",textAlign:"center",marginBottom:c==="small"?o.Space.sp5:o.Space.sp1},children:t.jsxRuntimeExports.jsxs(ve,{children:[t.jsxRuntimeExports.jsxs(be,{children:[l.signIn.termsPrivacyFinePrintPart,l.signIn.agreeWith,t.jsxRuntimeExports.jsx(o.ZeniLink,{href:l.signIn.termsUrl,target:"_Blank",rel:"noopener noreferrer",linkText:l.signIn.termsOfService})," ",l.signIn.and," ",t.jsxRuntimeExports.jsx(o.ZeniLink,{href:l.signIn.privacyPolicyUrl,target:"_Blank",rel:"noopener noreferrer",linkText:l.signIn.privacyPolicy}),"."]}),t.jsxRuntimeExports.jsx(be,{children:t.jsxRuntimeExports.jsx(Xe.ZeniCopyright,{})})]})})]}),B&&t.jsxRuntimeExports.jsx(Co,{signInError:Ke,onClose:()=>{$(),W(!1)}})]})}exports.default=lt;