@zeniai/web-cockpit-ui 1.14.49-dev → 1.14.50-dev

package/dist/assets/SignIn-nUeTTVKC-CJvTPeOF.js

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

package/dist/assets/UploadAdditionalDocumentOverlay-D2Tin1CX-S9tpm7GT.js

@@ -1,38 +0,0 @@
-import{a as M,fj as x,a2 as U,l as Q,e as A,M as W,j as i,cc as _,F as q,Z,fk as G,o as a,g as H,cm as J,a4 as K,C as y,a3 as X,c9 as Y,ap as ee,ao as te,r as c}from"./index-BkGkQn7J.js";import{b as m,n as l}from"./vendor-rkTZJa59.js";const F={marginRight:new y(c[3],c[8]),marginLeft:new y(c[3],c[8]),height:new y(c[5],62)},u="additionalDocumentsForm",s="ssnCard";function ue(e){const{filesEndPoint:w,authParams:E,companyOfficer:t,updateStatus:f,onClose:$,onEditFileName:I,onDeleteFile:v,updateFilesEntity:D,onSendForVerificationClick:P,onCompanyOfficerUpdated:C}=e,n=M({mode:"all",reValidateMode:"onChange",defaultValues:m.useMemo(()=>({additionalDocumentsForm:{selectDocumentType:s,front:x(!0,t?.additionalFiles??[],s)}}),[t?.additionalFiles])}),[z,S]=m.useState(!1),[N,O]=m.useState(!1),b=U(f.fetchState),j=t?.deleteFileStatusById??{},B=t?.updateFileStatusById??{},T=Object.values(j??{}).filter(o=>o!=null),L=Q.reduceAllFetchState(T);m.useEffect(()=>{b==="In-Progress"&&f.fetchState==="Completed"&&n.reset({additionalDocumentsForm:{selectDocumentType:s,front:x(!0,t?.additionalFiles??[],s)}})},[b,f,n,t?.additionalFiles]);const r=A(),h=W.getLocalizedStrings().commonSetUp.businessVerification,{additionalDocumentsOverlay:g}=h,V=`${g.officerInfoLabel} ${t?.firstName??""} ${t?.lastName??""}`,k=n.handleSubmit(()=>{L.fetchState!=="In-Progress"&&P?.(t?.officerType??"Officer_1")}),R=async(o,p)=>{const d=p[u].front;o.includes("front")&&d?.fileId!=null?(C?.(t?.officerType??"Officer_1",[d?.fileId]),S(!0)):S(!1)};return m.useEffect(()=>{const o=n.watch((p,{name:d})=>{d!=null&&p!=null&&_(()=>R(d,p))});return()=>{o.unsubscribe()}}),i.jsx(q,{...n,children:i.jsxs("form",{id:u,onSubmit:k,children:[i.jsxs(re,{size:r,children:[i.jsx(oe,{size:r,children:i.jsx(ne,{size:r,onClick:$,"data-testid":Z("upload-additional-documents-close",u)})}),i.jsxs(de,{children:[i.jsx(ie,{children:g.title[s]}),i.jsx(ae,{children:g.description[s]})]}),i.jsx(le,{children:i.jsx(se,{children:V})}),i.jsx(G,{name:u,allFiles:t?.additionalFiles??[],label:{width:276},sizeLimit:J,style:{width:"100%",borderRadius:a.sp2,boxShadow:`${a.sp0} 1px 2px ${a.sp0} ${H.boxShadowElevation}`},isDocumentSelectDisabled:!0,defaultValue:{defaultSelectDocumentType:s,allSelectDocumentType:[s],files:{front:x(!0,t?.additionalFiles??[],s)}},acceptableTypes:["image/jpg","image/jpeg","image/png","image/heic","image/heif"],officerIndex:0,deleteFileStatusById:j,updateFileStatusById:B,filesEndPoint:w,authParams:E,hasError:N,onEditFileName:I,onDeleteFile:v,updateFilesEntity:D,onFileSizeError:o=>O(o),registerOptions:{required:!0},companyOfficerName:{firstName:t?.firstName??"",lastName:t?.lastName??""},showWebCamPopUpCloseIcon:!1})]}),z?i.jsx(K,{formId:u,primaryBtn:{label:h.sendForVerificationButton,style:{width:"auto",minWidth:r==="small"?"auto":"181px"},isLoading:f.fetchState==="In-Progress"},cancelBtn:{label:h.cancel,style:{width:r==="small"?"auto":"181px"},onClick:$},style:{position:"absolute",width:"100%"}}):null]})})}const ie=l(Y)`
-  margin-top: 19px;
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${a.sp2};
-  display: flex;
-  justify-content: flex-start;
-`,ae=l(ee)`
-  color: ${e=>e.theme.colors.hero};
-  white-space: pre-line;
-  display: flex;
-  justify-content: flex-start;
-`,se=l(te)`
-  color: ${e=>e.theme.colors.primary};
-  white-space: pre-line;
-`,le=l.div`
-  padding: ${a.sp3} ${a.sp0};
-`,oe=l.div`
-  height: ${e=>F.height.valuePx(e.size)};
-`,ne=l(X)`
-  cursor: pointer;
-  width: ${a.sp4};
-  height: ${a.sp4};
-  position: absolute;
-  right: ${e=>e.size==="small"?a.sp4:a.sp8};
-  top: 19px;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,re=l.div`
-  margin-right: ${e=>F.marginRight.valuePx(e.size)};
-  margin-left: ${e=>F.marginLeft.valuePx(e.size)};
-`,de=l.div`
-  padding: ${a.sp3} ${a.sp0};
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-`;export{ue as g};

package/dist/assets/ZeniAccountNavBarPieces-C3IR1FEp-39hGD_At.js

@@ -1,14 +0,0 @@
-import{Q as P,ft as O,l as w,M as $,j as i,Z as j,gu as p,gZ as u,o as s,gw as z}from"./index-BkGkQn7J.js";import{n as d}from"./vendor-rkTZJa59.js";const o=$.getLocalizedStrings().spendManagement.zeniAccounts,m=[{value:"editNickName",label:o.moveMoney.editNickName},{value:"accountStatement",label:o.moveMoney.accountStatement}],g={value:"payBill",label:o.moveMoney.payBills},y={value:"transfer",label:o.moveMoney.transfer},v={value:"sendMoney",label:o.moveMoney.sendMoney,isNew:!0},M={value:"checkDeposit",label:o.moveMoney.checkDeposit},B=[g,y,v,M],A=[v,y,g,M],Q=({zeniBankProps:e,isBillPayEnabled:f,isExpressPayEnabled:h,analytics:x,onSettingsClick:b})=>{const l=P(),a=l.loggedInUserRoleMap.deposit_accounts_user===!0||O(l),k=w.hasBillPayAccess(l.loggedInUserRoleMap),S=m.filter(t=>t.value==="accountStatement"),c=f===!0?B:A,r=h===!0?c:c.filter(t=>t.value!=="sendMoney"),N=k?r:r.filter(t=>t.value!=="payBill");return i.jsxs(C,{isTopAlign:e.pageName==="detailPage",children:[e.pageName==="listPage"&&!a?i.jsx(E,{onClick:b,"data-testid":j("zeni-accounts-settings-button")}):e.pageName==="detailPage"&&i.jsx(p,{entity:"zeni_accounts",onOptionSelection:t=>{const n=u(t);n!=null&&e.onOptionSelection(n)},isMoreOption:!0,options:a?S:m,title:o.moveMoney.title}),a?null:i.jsx(p,{entity:"zeni_accounts",onOptionSelection:t=>{const n=u(t);n!=null&&e.onOptionSelection(n)},isMoreOption:!1,options:N,title:o.moveMoney.title,onMenuOpen:()=>x?.trackAccountsListPageClicked("Move Money")})]})},E=d(z)`
-  cursor: pointer;
-  min-width: ${s.sp4};
-  width: ${s.sp4};
-  height: ${s.sp4};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,C=d.div`
-  display: flex;
-  flex-direction: row;
-  align-items: ${({isTopAlign:e})=>e?"flex-start":"center"};
-`;export{Q as T};

package/dist/assets/ZeniTransferAmountSlider-Co5sY7gl-BoVHF7sd.js

@@ -1,63 +0,0 @@
-import{j as g,M as E,Z as L,o as i,g as j,w as M}from"./index-BkGkQn7J.js";import{b as $,n as m}from"./vendor-rkTZJa59.js";const S=E.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList;function K({zeniAccountsConfigDetail:o,transferAmount:x,minStep:p,currentAccountBalance:w,setYieldEarned:b,setTotalBalance:k}){const[l,A]=$.useState(0),{depositProductConfig:h}=o.zeniAccountsConfigDetail,c=$.useMemo(()=>h?.depositProducts!=null?h?.depositProducts.map(e=>e.annualPercentageYield):[],[h?.depositProducts]),n=$.useMemo(()=>h?.depositProducts!=null?h?.depositProducts.map(e=>{const[t,r]=e.range;return r==null&&t!=null?t+25e5:r??0}):[],[h?.depositProducts]),z=e=>{const t=parseFloat(e.target.value),{returnedYield:r,totalAmount:u}=P(t);A(t),b(r),k(u)},D=e=>`${C(e)}${S.transferDrawer.calculator.sliderTooltipText}`,C=e=>e===0?c[0]:e>0&&e<1?c[1]:e>=1&&e<2?c[2]:e>=2&&e<3?c[3]:c[4],P=e=>{const t=C(e),[r,u]=e.toLocaleString().split(".",2).map(a=>parseInt(a));if(e>=0&&e<1){const a=(n[1]-n[0])*p,s=n[r]+a*(u??0);return{returnedYield:f(s,t),totalAmount:s}}else if(e>=1&&e<2){const a=(n[2]-n[1])*p,s=n[r]+a*(u??0);return{returnedYield:f(s,t),totalAmount:s}}else if(e>=2&&e<3){const a=(n[3]-n[2])*p,s=n[r]+a*(u??0);return{returnedYield:f(s,t),totalAmount:s}}else if(e>=3&&e<4){const a=(n[4]-n[3])*p,s=n[r]+a*(u??0);return{returnedYield:f(s,t),totalAmount:s}}else return{returnedYield:f(5e6,t),totalAmount:5e6}},T=e=>{const{returnedYield:t,totalAmount:r}=P(e);A(e),k(r),b(t)},Y=$.useCallback((e,t,r,u)=>{let a=0,s=0,v=0,y=0;if(e<r[0])a=t[0];else{for(let d=0;d<r.length-1;d++)if(e>=r[d]&&e<r[d+1]){a=t[d+1],s=(r[d+1]-r[d])*u,v=e-r[d],y=v/s*u+d;break}e>=r[r.length-1]&&(a=t[t.length-1],y=r.length-1)}A(y),b(f(e,a))},[b]);return $.useEffect(()=>{const e=x+w;k(e),Y(e,c,n,p)},[x,w,k,c,p,b,n,Y]),g.jsxs(B,{sliderValue:l,children:[g.jsx(V,{sliderValue:l,type:"range",min:0,max:c.length-1,step:p,value:l,onChange:z}),g.jsx(H,{style:{width:`calc(${l/(c.length-1)*100}% - ${l*7.5}px)`}}),g.jsx(Z,{sliderValue:l,style:{left:`calc(${l/(c.length-1)*100}% - ${l*10+20}px)`},children:D(l)}),g.jsx(N,{children:n.map((e,t)=>g.jsx(Q,{onClick:()=>T(t),"data-testid":L("slider-label",e.toString()),style:{left:F(t)},children:g.jsx(X,{isSelected:l>=t,children:I(e)})},t))})]})}const f=(o,x)=>{const p=x/100,w=o*Math.pow(1+p/12,12);return Math.floor(w-o)},F=o=>{switch(o){case 0:return"3%";case 1:return"28%";case 2:return"50.2%";case 3:return"74.5%";case 4:return"98%";default:return"100%"}},I=o=>o===25e4?`<${Intl.NumberFormat("en",{notation:"compact"}).format(o)}`:o===5e6?S.transferDrawer.calculator.greaterThanTwoAndHalfMillion:Intl.NumberFormat("en",{notation:"compact"}).format(o),V=m.input`
-  width: 100%;
-  &[type="range"]::-webkit-slider-runnable-track {
-    height: 2px;
-    cursor: pointer;
-    background-color: ${o=>o.theme.colors.grey3};
-  }
-
-  &[type="range"] {
-    -webkit-appearance: none;
-    appearance: none;
-  }
-
-  &[type="range"]::-webkit-slider-thumb {
-    -webkit-appearance: none;
-    height: ${i.sp5};
-    width: ${i.sp5};
-    border-radius: 100%;
-    margin-top: -${i.sp3}; // Centers thumb on the track
-    box-shadow: ${i.sp0} ${i.sp0} 2px ${j.blackColor};
-    background-image: ${o=>`url(https://storage.googleapis.com/zeni-apis.appspot.com/images/slider-icon-${o.theme.mode==="dark"?"light":"dark"}.svg)`};
-    background-repeat: no-repeat;
-    cursor: pointer;
-  }
-`,B=m.div`
-  position: relative;
-  width: 70%;
-  margin-left: 30px;
-  margin-right: 30px;
-  margin-bottom: 20px;
-  margin-top: ${i.sp5};
-  min-height: ${i.sp8};
-`,H=m.div`
-  position: absolute;
-  height: 2px;
-  margin-top: -${i.sp2};
-  background-color: ${o=>o.theme.colors.hero};
-`,N=m.div`
-  position: absolute;
-  bottom: 0;
-  top: ${i.sp5};
-  width: 100%;
-  display: flex;
-  justify-content: center;
-`,Q=m.span`
-  position: absolute;
-  cursor: pointer;
-  transform: translateX(-50%);
-`,X=m(M)`
-  color: ${o=>o.isSelected?o.theme.colors.primary:o.theme.colors.grey1};
-  white-space: nowrap;
-`,Z=m(M)`
-  position: absolute;
-  top: -${i.sp5};
-  white-space: nowrap;
-  color: ${j.primaryDark};
-  background-color: ${j.success};
-  display: flex;
-  border-radius: ${i.sp1};
-  justify-content: center;
-  align-items: center;
-  padding: 2px ${i.sp2};
-`;export{K as v};