@zeniai/web-cockpit-ui 1.14.21-qa → 1.14.22-dev

package/dist/assets/SignIn-BLt95c3U-D3UBJiEv.js

@@ -1,408 +0,0 @@
-import{e as q,I as Je,a as Ne,B as b,j as i,_ as E,G as Ge,F as We,J as qe,o,S as ae,C as S,t as Ke,b as de,h as Ce,g as c,T as Xe,z as Ye,c as ye,d as je,f as Qe,l as ce,p as ei,i as ii,K as ke,k as ve,$ as L,q as oi,m as ni,n as ze,r as ri,s as M,Y as ti,A as si,L as li,v as ai}from"./index-CteHikkY.js";import{b as l,n,f as di,k as Ie,j as ci}from"./vendor-rkTZJa59.js";import{i as gi}from"./ZeniCopyright-BqG_ynZT-B8auuDYw.js";import{k as pi}from"./ProductsCarousel-Ba0LHKrb-BDvM1Acb.js";import{t as hi}from"./handshake-BPg58FML-CVKh3Eii.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const mi=e=>l.createElement("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},l.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"}),l.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"}),l.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"}),l.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"}),l.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"})),wi=e=>l.createElement("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},l.createElement("path",{d:"M0 0H7.58546V7.58546H0V0Z",fill:"#F25022"}),l.createElement("path",{d:"M8.37742 0H15.9629V7.58546H8.37742V0Z",fill:"#7FBA00"}),l.createElement("path",{d:"M0 8.37741H7.58546V15.9629H0V8.37741Z",fill:"#00A4EF"}),l.createElement("path",{d:"M8.41454 8.41454H16V16H8.41454V8.41454Z",fill:"#FFB900"})),xi=n.div`
-  margin-left: ${o.sp3};
-  color: ${e=>e.theme.colors.primary};
-  font-family: ${ai.Roboto};
-  ${e=>{const g=e.windowSize==="small"?L.standardMedium:L.largeMedium;return`
-      font-size: ${g.fontSize};
-      font-weight: ${g.fontWeight};
-      line-height: ${g.lineHeight};
-    `}}
-`,ui=n.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  width: ${e=>e.windowSize==="small"?"100%":"264px"};
-  min-height: ${e=>e.windowSize==="small"?o.sp7:o.sp8};
-  border: 1px solid;
-  box-sizing: border-box;
-  border-radius: ${o.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};
-  }
-`,fi=n.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-`,$i=n(mi)`
-  height: ${o.sp3};
-  width: ${o.sp3};
-`,Si=n(wi)`
-  height: ${o.sp3};
-  width: ${o.sp3};
-`;function Ee({type:e,titleText:g,disabled:d,loadingIndication:m,onClick:h}){const a=q(),u=i.jsxs(fi,{children:[e==="Google"?i.jsx($i,{}):i.jsx(Si,{}),i.jsx(xi,{windowSize:a,children:g})]});return i.jsx(ui,{windowSize:a,disabled:d===!0,onClick:d===!0?void 0:h,children:m===!0?i.jsx(ei,{size:"Standard",start:m===!0}):u})}const bi=({inProgress:e,disabled:g,onSuccess:d,onSignedInCallback:m,getSignedInUser:h,onError:a})=>{const u=Qe({onSuccess:d,flow:"auth-code",onError:a}),x=()=>{if(h()!=null){m();return}u()};return i.jsx(Ee,{onClick:x,disabled:g,type:"Google",titleText:b.getLocalizedStrings().signIn.signInGoogleButton,loadingIndication:e})},Ci=e=>{const{clientId:g,scopes:d,getSignedInUser:m,onSignedInCallback:h,render:a,onSuccess:u,onFailure:x,disabled:F}=e;let{responseType:$,responseMode:C,prompt:v,redirectUri:z}=e,_,s;const I="https://login.microsoftonline.com/common/oauth2/v2.0/authorize",A=["openid","profile"];$=$??"code",C=C??"fragment",v=v??"consent",di.useEffect(()=>{const w=ce.toZeniUrl(window.location[C==="fragment"?"hash":"search"],!0).query;(window.location.search||window.location.hash)&&(w.code!=null||w.access_token!=null||w.error!=null)&&V()},[]);const P=()=>{const w=encodeURIComponent((d??A).join(" "));return z=z??window.location.origin+window.location.pathname,`${I}?client_id=${g}&response_type=${$}&redirect_uri=${encodeURIComponent(z)}&scope=${w}&prompt=${v}&response_mode=${C}`},V=()=>{window.opener?.authScope.authCompletedCB(ce.toZeniUrl(window.location[C==="fragment"?"hash":"search"],!0).query),window.close()};return a({onClick:()=>{if(m()!=null){h();return}_=!1;const w=(p,O)=>{const T=window.screen.width/2-287.5,Z=window.screen.height/2-600/2,B=window.open(p,O,`toolbar=0,status=0, width=575, height=600, top=${Z}, left=${T}`);s=setInterval(()=>{B.closed&&!_&&(x({error:b.getLocalizedStrings().signIn.signInError,errorDetail:{reason:"Signin popup window was closed"}}),clearInterval(s))},500)};window.authScope={authCompletedCB:p=>{_=!0,clearInterval(s),$==="code"&&p.code?u({code:p.code}):$==="token"&&p.access_token?u({accessToken:p.access_token,tokenType:p.token_type,scope:p.scope}):p.error==="access_denied"?x({error:b.getLocalizedStrings().signIn.signInAuthError,errorDetail:p}):x({error:b.getLocalizedStrings().signIn.signInError,errorDetail:p})}},w(P(),"Microsoft Sign In")},disabled:F})},U={width:new S(343,572,572),containerTop:new S(17,25,25)},{signIn:{emailNotFoundPopup:R},common:{gotIt:yi}}=b.getLocalizedStrings();function ji({signInError:e,onClose:g}){const d=q(),[m,h]=l.useState(!1),a=e?.email;return i.jsx(ki,{windowSize:d,role:"presentation",style:{background:c.overlayDark},children:i.jsx(ri,{onClickAway:()=>{h(!0),g()},children:i.jsxs(Ii,{windowSize:d,className:m?"containerClass fade":"containerClass",fade:m,children:[i.jsxs(Ei,{children:[R.title,i.jsx(Pi,{children:a})]}),i.jsxs(Ti,{children:[i.jsxs(W,{children:[i.jsx(N,{children:i.jsx(Mi,{})}),i.jsx(G,{windowSize:d,children:R.confirmEmail})]}),i.jsxs(W,{children:[i.jsx(N,{children:i.jsx(_i,{})}),i.jsx(G,{windowSize:d,children:R.checkAccess})]}),i.jsxs(W,{children:[i.jsx(N,{children:i.jsx(Li,{})}),i.jsx(G,{windowSize:d,children:R.contactZeni})]})]}),i.jsx(ke,{label:yi,variant:"primary",onClick:()=>{h(!0),g()}})]})})})}const ki=n.div`
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  z-index: 10;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  background: ${c.overlayDark};
-  .fade {
-    animation: ${e=>zi(e)} 0.25s linear;
-  }
-`,vi=({windowSize:e})=>Ie`
-  0% {
-    top: 100%;
-  }
-  100% {
-    top: ${U.containerTop.valuePercentage(e)};
-  }
-`,zi=({windowSize:e})=>Ie`
-  0% {
-    top: ${U.containerTop.valuePercentage(e)};
-  }
-  100% {
-    top: 100%;
-  }
-`,Ii=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.sp2};
-  position: relative;
-  top: ${e=>e.fade?"100%":U.containerTop.valuePercentage(e.windowSize)};
-  padding: ${o.sp5} ${o.sp0};
-  width: ${e=>U.width.valuePx(e.windowSize)};
-  animation: ${e=>vi(e)} 0.25s linear;
-  box-shadow: ${c.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%"};
-  }
-`,Ei=n(ti)`
-  margin-bottom: ${o.sp6};
-  color: ${c.important};
-  padding: ${o.sp0} ${o.sp6};
-`,N=n.div`
-  margin-right: 12px;
-  height: ${o.sp7};
-  width: ${o.sp7};
-  background-color: ${e=>e.theme.mode==="dark"?c.brandColorJadeDark:c.brandColorJadeLight};
-  border-radius: ${o.sp4};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,G=n(ve)`
-  width: calc(100% - 120px);
-  color: ${e=>e.theme.colors.primary};
-  text-align: start;
-`,W=n.div`
-  display: flex;
-  align-items: center;
-  margin-bottom: ${o.sp5};
-`,K=e=>ci`
-  width: ${o.sp4};
-  height: ${o.sp4};
-  color: ${e.theme.colors.primary};
-`,Mi=n(je)`
-  ${K};
-`,Li=n(hi)`
-  ${K};
-`,_i=n(li)`
-  ${K};
-`,Pi=n(si)`
-  word-break: break-all;
-`,Ti=n.div`
-  padding: ${o.sp0} ${o.sp6};
-`,t=b.getLocalizedStrings(),Me={signInHeading:new de("h5Regular","h2Regular"),signInMessage:new de("standardRegular","h6Regular")},k={ZeniLogoContainerLeftMargin:new S(M[0],M[5]),ZeniLogoContainerTopMargin:new S(12,M[3]),headingContainerTopMargin:new S(36,10),signInContainerPaddingTop:new S(M[12],M[4]),emailInputFontSize:new S(L.standardRegular.fontSizeValue,L.extraLargeRegular.fontSizeValue),emailInputVerticalPadding:new S(M[3],12)},Fi=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.sp0};
-  background-repeat: no-repeat;
-  overflow-x: hidden;
-`,Ai=n.div`
-  display: flex;
-  flex: 1 1 auto;
-  padding: ${o.sp0} ${o.sp4} ${o.sp0} ${o.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: ${o.sp5};
-`,ge=n(Ce)`
-  ${e=>`${Me.signInHeading.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  text-align: center;
-`,pe=n(Ce)`
-  ${e=>`${Me.signInMessage.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.champion};
-  text-align: center;
-`,he=n(ze)`
-  margin: ${o.sp0} ${o.sp0} ${o.sp0} ${o.sp0};
-  color: ${e=>e.theme.colors.grey1};
-`,me=n(ze)`
-  margin: ${o.sp1} ${o.sp0} ${o.sp1} ${o.sp0};
-  color: ${e=>e.theme.colors.hero};
-  text-decoration: none;
-`,Vi=n(ni)`
-  color: ${c.important};
-  text-align: center;
-  white-space: pre;
-`,Oi=n.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${o.sp2};
-  flex-shrink: 0;
-  position: relative;
-  width: ${e=>e.windowSize==="small"?"100%":"unset"};
-`,Zi=n.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid
-    ${e=>e.hasError?c.important:e.theme.colors.grey1};
-  border-radius: ${o.sp2};
-  padding-top: ${e=>k.emailInputVerticalPadding.valuePx(e.windowSize)};
-  padding-bottom: ${e=>k.emailInputVerticalPadding.valuePx(e.windowSize)};
-  padding-left: ${o.sp4};
-  padding-right: ${o.sp2};
-  width: ${e=>e.windowSize==="small"?"100%":"354px"};
-  max-width: 100%;
-  height: ${o.sp8};
-  box-sizing: border-box;
-  &:focus-within,
-  &:hover {
-    border: 1px solid
-      ${e=>e.hasError?c.important:e.theme.colors.primary};
-  }
-`,Bi=n(ii,{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.sp0} ${o.sp2} ${o.sp0} ${o.sp0};
-    font-size: ${e=>k.emailInputFontSize.valuePx(e.windowSize)};
-    color: ${e=>e.isValid?e.theme.colors.primary:c.important};
-    height: auto;
-
-    &::placeholder {
-      color: ${e=>e.theme.colors.grey1};
-      opacity: 1;
-    }
-  }
-`,Di=n(ye)`
-  color: ${c.important};
-  text-align: center;
-  width: 100%;
-`,we=n.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: ${o.sp3};
-  width: 100%;
-`,xe=n.div`
-  display: flex;
-  align-items: center;
-  gap: ${o.sp3};
-  background-color: ${e=>e.isDarkTheme?c.neutralGrey5Dark:c.brandColorJadeLight}80;
-  border-radius: 50px;
-  padding: 12px ${o.sp4};
-  box-sizing: border-box;
-`,Ri=n(je)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  color: ${e=>e.theme.colors.brandColorSapphire};
-  flex-shrink: 0;
-`,Ui=n.div`
-  width: ${o.sp4};
-  height: ${o.sp4};
-  background-color: ${c.neutralGrey5Light};
-  border: 1px solid ${e=>e.theme.colors.brandColorJade};
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-`,ue=n(Xe)`
-  color: ${e=>e.isDarkTheme?c.brandColorJadeLight:e.theme.colors.brandColorSapphire};
-  flex: 1;
-`,fe=n(Ye)`
-  color: ${e=>e.theme.colors.primary};
-`,$e=n(ye)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: center;
-`,Hi=n.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: ${e=>e.windowSize==="small"?"100%":"unset"};
-  margin-top: ${e=>k.signInContainerPaddingTop.valuePx(e.windowSize)};
-`,Ji=n.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  gap: ${e=>e.showEmailError&&e.showEmailForm?o.sp1:o.sp3};
-  max-width: 100%;
-`,Ni=n.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  justify-content: center;
-  align-items: center;
-  gap: ${o.sp4};
-  flex-wrap: ${e=>e.windowSize==="small"?"wrap":"nowrap"};
-  width: 100%;
-`,Gi=n.div`
-  width: 100%;
-`,Se=n.div`
-  margin-top: ${e=>k.headingContainerTopMargin.valuePx(e.windowSize)};
-  row-gap: ${e=>e.isMagicLinkSent?e.windowSize==="small"?"150px":o.sp4:o.sp2};
-  flex-direction: column;
-`,Wi=n.div`
-  display: flex;
-  flex-direction: column;
-  display: flex;
-  width: 100%;
-  margin-left: ${e=>k.ZeniLogoContainerLeftMargin.valuePx(e.windowSize)};
-  margin-top: ${e=>k.ZeniLogoContainerTopMargin.valuePx(e.windowSize)};
-  justify-content: ${e=>e.windowSize==="small"?"center":"start"};
-
-  .zeni-logo {
-    align-self: ${e=>e.windowSize==="small"?"center":"self-start"};
-  }
-`,qi=n(Ke)`
-  color: ${e=>e.theme.colors.primary};
-  height: ${o.sp4};
-`,Ki=n.div`
-  width: 100%;
-`,Xi=n.div`
-  width: 1167px;
-  height: 450px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: visible;
-`,Yi=n(ke)`
-  padding: ${o.sp2} ${o.sp3};
-`,Qi=n.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: ${e=>e.showEmailForm&&e.windowSize!=="small"?"354px":"100%"};
-  gap: ${o.sp3};
-  max-width: 100%;
-`,be=n.div`
-  width: ${e=>e.windowSize==="small"?"118px":"247px"};
-  height: 1px;
-  background-color: ${e=>e.theme.colors.grey2};
-  flex-shrink: 0;
-`,eo=n(ve)`
-  text-transform: capitalize;
-  color: ${e=>e.theme.colors.hero};
-  flex-shrink: 0;
-`,io=n.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: ${o.sp2};
-  width: 100%;
-`,oo=n.button`
-  background: none;
-  border: none;
-  padding: 0;
-  cursor: pointer;
-  display: inline-block;
-  position: relative;
-  color: ${e=>e.theme.colors.hero};
-  text-decoration: none;
-  ${L.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;
-  }
-`,no=n(oi)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: center;
-  visibility: ${e=>e.isVisible?"visible":"hidden"};
-  min-height: ${L.superSmallRegular.lineHeight};
-`,ro=n.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 1px;
-`;function fo({googleClientId:e,microsoftClientId:g,fetchState:d,signInError:m={},showEmailLogin:h=!0,sendMagicLinkStatus:a,magicLinkExpired:u,magicLinkExpiredEmail:x,getSignedInUser:F,onSignedInCallback:$,clearSignInError:C,onOAuthSuccess:v,onOAuthError:z,sendMagicLink:_}){const s=q(),{dark:I}=Je(),A=d==="In-Progress",P=d==="Error",[V,w]=l.useState(void 0),[p,O]=l.useState(""),[T,Z]=l.useState(!1),[B,H]=l.useState(!1),[f,X]=l.useState(!1),Le=d==="In-Progress"&&p==="google",_e=d==="In-Progress"&&p==="microsoft",Y=Ne({mode:"onSubmit",defaultValues:{email:""}}),{register:Pe,handleSubmit:Te,formState:{errors:Q},setValue:ee,watch:Fe,clearErrors:Ae}=Y,D=a.fetchState==="Error"&&a.error?.error?.type==="email_not_found",ie=a.fetchState==="Error"&&a.error?.details?.application_error_code!=="LOGIN_VIA_EMAIL_LOCKED"&&!D,oe=Fe("email"),ne=!!Q.email||B||ie,re=!!Q.email;l.useEffect(()=>{h&&u===!0&&x!=null&&x.trim()!==""&&(ee("email",x),H(!0),X(!0))},[h,u,x,ee]);const Ve=r=>{H(!1),r.email.trim()&&_(r.email)},Oe=()=>{H(!1),Ae("email")},te=P&&m.type==="email_not_found";l.useEffect(()=>{(te||D)&&Z(!0)},[D,te]);const Ze=r=>{console.log(JSON.stringify(r)),w(void 0),v(r.code,"google"),O("google")},Be=r=>{const j="Error = "+r?.error+" Error Description = "+r?.error_description;w(j),z?.(JSON.stringify(r),"google")},De=r=>{console.log(JSON.stringify(r)),w(void 0),v(r.code,"microsoft"),O("microsoft")},Re=r=>{console.log(JSON.stringify(r)),w(r.error??"Microsoft authorization failed."),z?.(JSON.stringify(r),"microsoft")},Ue=()=>{let r="";return(P||V!=null)&&T===!1&&(r=V??t.signIn.signInAuthError),r},se=a.fetchState==="Completed"?t.signIn.confirmationLinkSent:t.signIn.heading,le=t.signIn.message,y=a.fetchState==="Completed",He=D&&a.error?.error?a.error.error:m;return i.jsxs(Fi,{windowSize:s,children:[i.jsxs(Ai,{children:[i.jsxs(Ki,{children:[i.jsx(Wi,{windowSize:s,children:i.jsx(qi,{className:"zeni-logo"})}),i.jsxs(Se,{isMagicLinkSent:y,windowSize:s,style:{display:s==="small"?"flex":"none"},children:[i.jsx(ge,{windowSize:s,children:se}),i.jsx(E,{controller:!y,children:i.jsx(pe,{windowSize:s,children:le})}),i.jsx(E,{controller:y,children:i.jsxs(we,{children:[i.jsx(xe,{isDarkTheme:I,children:i.jsx(ue,{isDarkTheme:I,children:b.getLocalizedStrings().signIn.magicLinkSent.primaryMessage.split("__email__").map((r,j,J)=>i.jsxs("span",{children:[r,j<J.length-1&&i.jsx(fe,{children:oe})]},j))})}),i.jsx($e,{children:t.signIn.magicLinkSent.secondaryMessage})]})})]}),i.jsxs(Se,{isMagicLinkSent:y,windowSize:s,style:{display:s==="small"?"none":"flex"},children:[i.jsx(ge,{windowSize:s,children:se}),i.jsx(E,{controller:!y,children:i.jsx(pe,{windowSize:s,children:le})}),i.jsx(E,{controller:y,children:i.jsxs(we,{children:[i.jsxs(xe,{isDarkTheme:I,children:[i.jsx(Ui,{children:i.jsx(Ri,{})}),i.jsx(ue,{isDarkTheme:I,children:b.getLocalizedStrings().signIn.magicLinkSent.primaryMessage.split("__email__").map((r,j,J)=>i.jsxs("span",{children:[r,j<J.length-1&&i.jsx(fe,{children:oe})]},j))})]}),i.jsx($e,{children:t.signIn.magicLinkSent.secondaryMessage})]})})]}),i.jsx(E,{controller:!y,children:i.jsxs(Hi,{windowSize:s,children:[i.jsxs(Ji,{showEmailError:ne,showEmailForm:f,children:[!f&&i.jsxs(Ni,{windowSize:s,children:[i.jsx(Ge,{clientId:e,children:i.jsx(bi,{disabled:A,inProgress:Le,getSignedInUser:F,onSuccess:Ze,onSignedInCallback:$,onError:Be})}),i.jsx(Ci,{clientId:g,scopes:["openid","profile","email","offline_access","User.Read"],getSignedInUser:F,prompt:"select_account",responseType:"code",responseMode:"query",render:r=>i.jsx(Ee,{onClick:r.onClick,disabled:A||r.disabled,type:"Microsoft",titleText:t.signIn.signInMicrosoftButton,loadingIndication:_e}),onSignedInCallback:$,onSuccess:De,onFailure:Re})]}),h&&f&&i.jsx(We,{...Y,children:i.jsxs(Oi,{windowSize:s,children:[i.jsx("form",{onSubmit:Te(Ve),children:i.jsxs(Zi,{windowSize:s,hasError:re,children:[i.jsx(Bi,{windowSize:s,type:"text",placeholder:t.signIn.workEmailExample,variant:"outlined",fullWidth:!0,isValid:!re,autoComplete:"off",...Pe("email",{required:t.signIn.invalidEmailMessage,pattern:{value:qe,message:t.signIn.invalidEmailMessage},onChange:Oe})}),i.jsx(Yi,{variant:"primary",type:"submit",label:t.signIn.signInButton,loading:a.fetchState==="In-Progress"})]})}),ne&&i.jsx(Di,{children:B?t.signIn.magicLinkExpired:ie?t.common.errorMessage.somethingWentWrongPleaseTryAgain:t.signIn.invalidEmailMessage})]})}),h&&i.jsxs(io,{children:[i.jsxs(Qi,{showEmailForm:f,windowSize:s,children:[i.jsx(be,{showEmailForm:f,windowSize:s}),i.jsx(eo,{children:t.common.texts.or.toUpperCase()}),i.jsx(be,{showEmailForm:f,windowSize:s})]}),i.jsxs(ro,{children:[i.jsx(oo,{onClick:()=>X(!f),children:f?t.signIn.googleOrMicrosoftLink:t.signIn.workEmailLink}),i.jsx(no,{isVisible:!f,children:t.signIn.workEmailSubText})]})]})]}),T===!1&&P&&i.jsx(Gi,{children:i.jsx(Vi,{children:Ue()})})]})})]}),i.jsx(E,{controller:s!=="small",children:i.jsx(Xi,{children:i.jsx(pi,{scale:.88,useFixedArrowPosition:!0})})}),i.jsx(he,{style:{maxWidth:"100%",textAlign:"center",marginBottom:s==="small"?o.sp5:o.sp1},children:i.jsxs(he,{children:[i.jsxs(me,{children:[t.signIn.termsPrivacyFinePrintPart,t.signIn.agreeWith,i.jsx(ae,{href:t.signIn.termsUrl,target:"_Blank",rel:"noopener noreferrer",linkText:t.signIn.termsOfService})," ",t.signIn.and," ",i.jsx(ae,{href:t.signIn.privacyPolicyUrl,target:"_Blank",rel:"noopener noreferrer",linkText:t.signIn.privacyPolicy}),"."]}),i.jsx(me,{children:i.jsx(gi,{})})]})})]}),T&&i.jsx(ji,{signInError:He,onClose:()=>{C(),Z(!1)}})]})}export{fo as default};

package/dist/assets/StatementsPage-D8hwgVAz-DamBoqPu.js

@@ -1,58 +0,0 @@
-import{u as v,e as z,j as t,aW as C,B as P,aj as B,o as r,g as m,bZ as I,C as L,s as h,k as E}from"./index-CteHikkY.js";import{b as p,n as o}from"./vendor-rkTZJa59.js";import{$ as M}from"./BoxItem-DfMMtLK3-DwhF3MEP.js";import{o as O}from"./commonDimensions-Dw8Sh6Gv-7gi8Z3Gt.js";import{O as R}from"./StatementItem-2F2qxL7G-sSXIEL81.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./downloadPdf-CDKlyJb--BC8IkHL1.js";const x=P.getLocalizedStrings().spendManagement.zeniAccounts.statements,b={listItemMargin:new L(h[3],h[8])},et=({currentTenantCompanyName:e,authParams:g,downloadEndPoint:w,statementListView:i,accountLast4:f,onBackClick:y})=>{const k=v(),l=z(),$=p.createRef(),c=p.useRef(null),d=i.statements.length===0,j=()=>d===!1?O.transactionItemHeight:24,S=({index:a,style:s})=>{const n=i.statements[a];return d===!1?t.jsx(u,{windowSize:l,style:{...s,width:`calc(100% - 2*${b.listItemMargin.valuePx(l)})`},children:t.jsx(R,{currentTenantCompanyName:e,accountLast4:f,data:n,authParams:g,downloadEndPoint:w,boxType:M(a,i.statements.length)},n.id)}):t.jsx(T,{style:{...s},children:t.jsx(H,{children:t.jsx(u,{windowSize:l,children:t.jsx(A,{children:x.noStatements})})})})};return t.jsxs(N,{children:[t.jsx(C,{title:x.title,backgroundColor:k.colors.grey4,style:{zIndex:3},onBackClick:y,scrollableContent:c.current!=null?c:void 0,source:"StatementsPage"}),t.jsx(K,{children:t.jsx(B,{children:({height:a,width:s})=>t.jsx(V,{ref:$,height:a,width:s,outerRef:c,itemKey:n=>n,itemCount:i.statements.length,itemSize:j,initialScrollOffset:0,children:S})})})]})},T=o.div``,u=o.div`
-  margin: ${e=>`${r.sp0} ${b.listItemMargin.valuePx(e.windowSize)}`};
-  &:hover {
-    position: relative;
-    z-index: 2;
-  }
-`,H=o.div`
-  display: flex;
-  height: 100%;
-  flex: 1 1 auto;
-  flex-direction: row;
-  justify-content: center;
-  align-items: flex-end;
-`,N=o.div`
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  padding-bottom: ${r.sp7};
-`,A=o(E)`
-  display: flex;
-  color: ${e=>e.theme.colors.grey2};
-`,K=o.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  margin-top: ${r.sp6};
-`,V=o(I)`
-  scrollbar-width: thin;
-  scrollbar-color: transparent transparent;
-  &::-webkit-scrollbar {
-    width: ${r.sp2};
-    height: ${r.sp0};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 2px ${m.scrollbarBoxShadow};
-    -webkit-box-shadow: inset 0 0 2px ${m.scrollbarBoxShadow};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-thumb {
-    background-color: transparent;
-  }
-
-  &:hover {
-    scrollbar-color: ${e=>e.theme.colors.grey1} transparent;
-    &::-webkit-scrollbar {
-      width: ${r.sp2};
-      height: ${r.sp0};
-      background-color: transparent;
-    }
-    &::-webkit-scrollbar-thumb {
-      background-color: ${e=>e.theme.colors.grey1};
-      border-radius: 2px;
-    }
-  }
-`;export{et as default};

package/dist/assets/TransactionListPage-7JveOMDe-v7-9Lfsn.js

@@ -1,35 +0,0 @@
-import{u as A,aU as z,aV as M,j as o,Z as p,aW as U,p as Z,aX as H,o as n,k as Q}from"./index-CteHikkY.js";import{b as r,n as l}from"./vendor-rkTZJa59.js";import{p as V}from"./TransactionList-BIMzvzrT-_or9xEGN.js";import{t as W}from"./page-detail-CWX5S47F-BBa5wfAm.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./BoxItem-DfMMtLK3-DwhF3MEP.js";import"./commonDimensions-Dw8Sh6Gv-7gi8Z3Gt.js";const X=l.div`
-  display: flex;
-  flex: 1 1 auto;
-  height: 100vh;
-  width: 100%;
-  flex-direction: column;
-  background-color: ${t=>t.theme.colors.grey4};
-  box-shadow: ${t=>`${n.sp0} 2px ${n.sp1} ${t.theme.colors.dropShadowNormal}`};
-`,_=l.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  margin: ${n.sp0};
-`,q=l.div`
-  display: flex;
-  flex: 1 1 auto;
-  height: 100%;
-  width: 100%;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-`,G=l(Q)`
-  color: ${t=>t.theme.colors.hero};
-  text-align: center;
-`,J=l(W)`
-  height: ${n.sp4};
-  width: ${n.sp4};
-  color: ${t=>t.theme.colors.hero};
-  cursor: pointer;
-  &:hover {
-    color: ${t=>t.theme.colors.primary};
-  }
-`;function mt({title:t,subTitle:v,firstMonthOfFY:L,timeframe:c,timePeriod:a,useFixedPeriod:u,dataAvailableForPeriod:g,report:e,currentScrollYOffset:C,showStatementPageIcon:T=!1,onTimePeriodChange:x,onTransactionItemClick:y,onTransactionListScroll:w,onBackClick:b,onStatementPageIconClick:I,referrerType:N}){const[d,S]=r.useState(!0),[f,P]=r.useState(!1),[m,$]=r.useState(!1),B=A();r.useEffect(()=>{e.transactions.length>0?S(!1):S(f===!1&&m===!1?e.fetchState==="In-Progress"||e.fetchState==="Not-Started":!1)},[e,d,f,m]);const D=z(),j=M(N),E=`${j===""?D:j}.transactions.list`,F=a.startDate.isAfter(g.startDate,c)?{isLoading:f&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"),fixedTimePeriod:u,onLoadPreviousClick:(s,i)=>{$(!1),P(!0),x?.(s,a,i)}}:void 0,Y=a.endDate.isBefore(g.endDate,c)?{isLoading:m&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"),fixedTimePeriod:u,onLoadNextClick:(s,i)=>{P(!1),$(!0),x?.(s,a,i)}}:void 0;let k=null;T&&(k=o.jsx(J,{onClick:I}));const h=r.useRef(null);function O(s,i,R){H({category:`${E}.transaction-list.react.profiler`,message:`${s} (${i}) took ${R}ms`,level:"info"})}return o.jsx(r.Profiler,{id:"TransactionListPage",onRender:O,children:o.jsxs(X,{"data-testid":p("transaction-list-page",t),children:[o.jsx(U,{source:"TransactionListPage","data-testid":p("transaction-list-page-nav-bar"),title:t,onBackClick:b,backgroundColor:B.colors.grey4,rightSideComponent:k,scrollableContent:h.current!=null?h:void 0}),o.jsxs(_,{"data-testid":p("transaction-list",t),children:[o.jsx(G,{children:v}),d===!1?o.jsx(V,{ref:h,firstMonthOfFY:L,timeframe:c,timePeriod:a,transactions:e.transactions,isFirstLotLoading:d,currentScrollYOffset:C,onTransactionItemClick:y,onTransactionListScroll:w,showLoadPrevious:F,showLoadNext:Y,componentName:"report.transactions.list"}):o.jsx(q,{children:o.jsx(Z,{size:"ExtraLarge",start:!0})})]})]})})}export{mt as default};