@zeniai/web-cockpit-ui 1.14.98-dev → 1.14.99-dev

package/dist/assets/SignIn-C5PcCpLW-Da05HaL3.js

@@ -1,480 +0,0 @@
-import{q as W,a7 as Ii,a8 as se,a9 as Ci,V as i,n as R,aa as P,F as j,ab as Fe,ac as vi,ad as zi,o as n,ae as Ve,y as C,af as Ei,M as Ae,a as le,p as h,ag as ri,l as ti,ah as Li,ai as ae,aj as Mi,A as _i,ak as Ti,al as si,b as U,am as de,an as Pi,ao as Di,d as D,ap as Fi,aq as Vi,ar as Ai,as as Ni,at as Oi,au as Ri,av as Ui}from"./index-CO_Updpp.js";import{a as c,S as Bi}from"./sentry-DdXOXL3j.js";import{n as o,c as li,k as ai}from"./mui-ByF8ZmHV.js";import{E7 as re}from"./zeni-epic-state-BiQIJCwr.js";import{i as Zi}from"./ZeniCopyright-CDfvakjf-8KnokS3w.js";import{T as Hi}from"./ProductsCarousel-Dqm1bC2_-C9nhPtyf.js";import{t as Ji}from"./handshake-BPg58FML-BXfsCAUf.js";import"./liveblocks-BOlC_Koo.js";import"./core-cG0U1y2d.js";import"./recharts-C9z9JCsM.js";import"./lottie-DQ5EyuJ6.js";import"./analytics-GoB8GGlk.js";import"./lexical-CUq6kk0g.js";import"./utils-BMrfBn9K.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="da341235-636b-4684-99a7-36f64dc17285",e._sentryDebugIdIdentifier="sentry-dbid-da341235-636b-4684-99a7-36f64dc17285")}catch{}})();const Gi=(e=.68,s=1.3,l=1440,p=2560)=>{const[g,a]=c.useState(()=>typeof window<"u"?window.innerWidth:l);return c.useEffect(()=>{const w=()=>{a(window.innerWidth)};return window.addEventListener("resize",w),()=>window.removeEventListener("resize",w)},[]),Wi(g,e,s,l,p)},Wi=(e,s,l,p,g)=>{const a=Math.max(p,Math.min(g,e)),w=l-s,x=g-p,m=x>0?(a-p)/x:0;return s+w*m},di=e=>c.createElement("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},c.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"}),c.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"}),c.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"}),c.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"}),c.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"})),ci=e=>c.createElement("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},c.createElement("path",{d:"M0 0H7.58546V7.58546H0V0Z",fill:"#F25022"}),c.createElement("path",{d:"M8.37742 0H15.9629V7.58546H8.37742V0Z",fill:"#7FBA00"}),c.createElement("path",{d:"M0 8.37741H7.58546V15.9629H0V8.37741Z",fill:"#00A4EF"}),c.createElement("path",{d:"M8.41454 8.41454H16V16H8.41454V8.41454Z",fill:"#FFB900"})),qi=j.getLocalizedStrings(),Ki=o.div`
-  margin-left: ${n.sp3};
-  color: ${e=>e.theme.colors.primary};
-  font-family: ${Ui.Roboto};
-  ${e=>{const s=e.windowSize==="small"?U.standardMedium:U.largeMedium;return`
-      font-size: ${s.fontSize};
-      font-weight: ${s.fontWeight};
-      line-height: ${s.lineHeight};
-    `}}
-`,Xi=o.img`
-  height: ${n.sp4};
-  width: ${n.sp4};
-  border-radius: 50%;
-  justify-content: center;
-  color: ${e=>e.theme.colors.hero};
-`,Yi=o.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${n.sp1};
-`,Qi=o(Ri)`
-  height: 12px;
-  width: 12px;
-  color: ${e=>e.theme.colors.hero};
-`,en=o.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  width: ${e=>e.windowSize==="small"?"100%":"264px"};
-  ${e=>e.setWidth===!1?li`
-          width: 100%;
-          min-width: 264px;
-        `:null};
-  min-height: ${e=>e.windowSize==="small"?n.sp7:n.sp8};
-  border: 1px solid;
-  box-sizing: border-box;
-  border-radius: ${n.sp2};
-
-  opacity: ${e=>e.disabled?.32:1};
-  border-color: ${e=>e.disabled?e.theme.colors.hero:e.theme.colors.grey1};
-  color: ${e=>e.theme.colors.brandColorSapphireLight};
-  background-color: ${e=>e.theme.colors.grey5};
-  cursor: ${e=>e.disabled?"default":"pointer"};
-  &:hover {
-    border-color: ${e=>e.theme.colors.primary};
-  }
-`,nn=o.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-`,on=o(di)`
-  height: ${n.sp3};
-  width: ${n.sp3};
-`,rn=o(di)`
-  height: ${n.sp4};
-  width: ${n.sp4};
-`,tn=o(ci)`
-  height: ${n.sp4};
-  width: ${n.sp4};
-`,sn=o(ci)`
-  height: ${n.sp3};
-  width: ${n.sp3};
-`,ln=o(Oi)`
-  color: ${e=>e.theme.colors.primary};
-`,an=o(ae)`
-  color: ${e=>e.theme.colors.primary};
-`,dn=o.div`
-  padding: ${n.sp2} 12px;
-  display: flex;
-  align-items: center;
-  width: 100%;
-  justify-content: space-between;
-  column-gap: ${n.sp3};
-`,cn=o.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  column-gap: ${n.sp2};
-`,gn=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: center;
-`,pn=({type:e,titleText:s})=>{const l=W();return i.jsxs(nn,{children:[e==="Google"?i.jsx(on,{}):i.jsx(sn,{}),i.jsx(Ki,{windowSize:l,children:s})]})},hn=({type:e,email:s,firstName:l,photo:p})=>i.jsxs(dn,{children:[i.jsxs(cn,{children:[i.jsx(Xi,{src:p?.href,alt:s,onError:({currentTarget:g})=>{g.onerror=null,g.src=Fi},loading:"lazy"}),i.jsxs(gn,{children:[i.jsxs(ln,{children:[qi.signIn.continueAs," ",l??""]}),i.jsxs(Yi,{children:[i.jsx(an,{children:s}),i.jsx(Qi,{})]})]})]}),e==="Google"?i.jsx(rn,{}):i.jsx(tn,{})]});function te({type:e,titleText:s,disabled:l,loadingIndication:p,email:g,firstName:a,photo:w,onClick:x}){const m=W();return i.jsx(en,{setWidth:g==null,windowSize:m,disabled:l===!0,onClick:l===!0?void 0:x,children:p===!0?i.jsx(_i,{size:"Standard",start:p===!0}):i.jsx(i.Fragment,{children:g!=null?i.jsx(hn,{type:e,email:g,firstName:a,photo:w}):i.jsx(pn,{type:e,titleText:s})})})}const Ne=({inProgress:e,disabled:s,onSuccess:l,onSignedInCallback:p,getSignedInUser:g,onError:a,email:w,firstName:x,photo:m})=>{const{analytics:k}=se(),f=Mi({onSuccess:l,flow:"auth-code",onError:a}),b=()=>{if(g()!=null){p();return}k.trackSignInClick("google"),f()};return i.jsx(te,{onClick:b,disabled:s,type:"Google",titleText:j.getLocalizedStrings().signIn.signInGoogleButton,loadingIndication:e,email:w,firstName:x,photo:m})},Oe=e=>{const{clientId:s,scopes:l,getSignedInUser:p,onSignedInCallback:g,render:a,onSuccess:w,onFailure:x,disabled:m}=e,{analytics:k}=se();let{responseType:f,responseMode:b,prompt:L,redirectUri:M}=e,v,d;const I="https://login.microsoftonline.com/common/oauth2/v2.0/authorize",F=["openid","profile"];f=f??"code",b=b??"fragment",L=L??"consent",Bi.useEffect(()=>{const y=re(window.location[b==="fragment"?"hash":"search"],!0).query;(window.location.search||window.location.hash)&&(y.code!=null||y.access_token!=null||y.error!=null)&&_()},[]);const q=()=>{const y=encodeURIComponent((l??F).join(" "));return M=M??window.location.origin+window.location.pathname,`${I}?client_id=${s}&response_type=${f}&redirect_uri=${encodeURIComponent(M)}&scope=${y}&prompt=${L}&response_mode=${b}`},_=()=>{window.opener?.authScope.authCompletedCB(re(window.location[b==="fragment"?"hash":"search"],!0).query),window.close()};return a({onClick:()=>{if(p()!=null){g();return}k.trackSignInClick("microsoft"),v=!1;const y=(u,T)=>{const B=window.screen.width/2-287.5,Z=window.screen.height/2-600/2,V=window.open(u,T,`toolbar=0,status=0, width=575, height=600, top=${Z}, left=${B}`);d=setInterval(()=>{V.closed&&!v&&(x({error:j.getLocalizedStrings().signIn.signInError,errorDetail:{reason:"Signin popup window was closed"}}),clearInterval(d))},500)};window.authScope={authCompletedCB:u=>{v=!0,clearInterval(d),f==="code"&&u.code?w({code:u.code}):f==="token"&&u.access_token?w({accessToken:u.access_token,tokenType:u.token_type,scope:u.scope}):u.error==="access_denied"?x({error:j.getLocalizedStrings().signIn.signInAuthError,errorDetail:u}):x({error:j.getLocalizedStrings().signIn.signInError,errorDetail:u})}},y(q(),"Microsoft Sign In")},disabled:m})},G={width:new C(343,572,572),containerTop:new C(17,25,25)},{signIn:{emailNotFoundPopup:J},common:{gotIt:mn}}=j.getLocalizedStrings();function xn({signInError:e,onClose:s}){const l=W(),[p,g]=c.useState(!1),a=e?.email;return i.jsx(un,{windowSize:l,role:"presentation",style:{background:h.overlayDark},children:i.jsx(Di,{onClickAway:()=>{g(!0),s()},children:i.jsxs($n,{windowSize:l,className:p?"containerClass fade":"containerClass",fade:p,children:[i.jsxs(Sn,{children:[J.title,i.jsx(kn,{children:a})]}),i.jsxs(In,{children:[i.jsxs(ne,{children:[i.jsx(ee,{children:i.jsx(yn,{})}),i.jsx(ie,{windowSize:l,children:J.confirmEmail})]}),i.jsxs(ne,{children:[i.jsx(ee,{children:i.jsx(jn,{})}),i.jsx(ie,{windowSize:l,children:J.checkAccess})]}),i.jsxs(ne,{children:[i.jsx(ee,{children:i.jsx(bn,{})}),i.jsx(ie,{windowSize:l,children:J.contactZeni})]})]}),i.jsx(R,{label:mn,variant:"primary",onClick:()=>{g(!0),s()}})]})})})}const un=o.div`
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  z-index: 10;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  background: ${h.overlayDark};
-  .fade {
-    animation: ${e=>fn(e)} 0.25s linear;
-  }
-`,wn=({windowSize:e})=>ai`
-  0% {
-    top: 100%;
-  }
-  100% {
-    top: ${G.containerTop.valuePercentage(e)};
-  }
-`,fn=({windowSize:e})=>ai`
-  0% {
-    top: ${G.containerTop.valuePercentage(e)};
-  }
-  100% {
-    top: 100%;
-  }
-`,$n=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%":G.containerTop.valuePercentage(e.windowSize)};
-  padding: ${n.sp5} ${n.sp0};
-  width: ${e=>G.width.valuePx(e.windowSize)};
-  animation: ${e=>wn(e)} 0.25s linear;
-  box-shadow: ${h.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%"};
-  }
-`,Sn=o(Vi)`
-  margin-bottom: ${n.sp6};
-  color: ${h.important};
-  padding: ${n.sp0} ${n.sp6};
-`,ee=o.div`
-  margin-right: 12px;
-  height: ${n.sp7};
-  width: ${n.sp7};
-  background-color: ${e=>e.theme.mode==="dark"?h.brandColorJadeDark:h.brandColorJadeLight};
-  border-radius: ${n.sp4};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,ie=o(si)`
-  width: calc(100% - 120px);
-  color: ${e=>e.theme.colors.primary};
-  text-align: start;
-`,ne=o.div`
-  display: flex;
-  align-items: center;
-  margin-bottom: ${n.sp5};
-`,ce=e=>li`
-  width: ${n.sp4};
-  height: ${n.sp4};
-  color: ${e.theme.colors.primary};
-`,yn=o(ri)`
-  ${ce};
-`,bn=o(Ji)`
-  ${ce};
-`,jn=o(Ni)`
-  ${ce};
-`,kn=o(Ai)`
-  word-break: break-all;
-`,In=o.div`
-  padding: ${n.sp0} ${n.sp6};
-`,t=j.getLocalizedStrings(),ge={signInHeading:new Ae("h5Regular","h2Regular"),signInMessage:new Ae("standardRegular","h6Regular")},E={ZeniLogoContainerLeftMargin:new C(D[0],D[5]),ZeniLogoContainerTopMargin:new C(12,D[3]),headingContainerTopMargin:new C(36,10),signInContainerPaddingTop:new C(D[12],D[4]),emailInputFontSize:new C(U.standardRegular.fontSizeValue,U.extraLargeRegular.fontSizeValue),emailInputVerticalPadding:new C(D[3],12)},Cn=o.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: ${e=>e.showEmailForm&&e.windowSize!=="small"?"354px":"100%"};
-  gap: ${n.sp3};
-  max-width: 100%;
-`,Re=o.div`
-  width: ${e=>e.windowSize==="small"?"118px":"247px"};
-  height: 1px;
-  background-color: ${e=>e.theme.colors.grey2};
-  flex-shrink: 0;
-`,vn=o(si)`
-  text-transform: capitalize;
-  color: ${e=>e.theme.colors.hero};
-  flex-shrink: 0;
-`,zn=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: ${n.sp2};
-  width: 100%;
-`,En=o.button`
-  background: none;
-  border: none;
-  padding: 0;
-  cursor: pointer;
-  display: inline-block;
-  position: relative;
-  color: ${e=>e.theme.colors.hero};
-  text-decoration: none;
-  ${U.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;
-  }
-`,Ln=o(de)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: center;
-  visibility: ${e=>e.isVisible?"visible":"hidden"};
-`,Mn=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 1px;
-`,_n=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;
-`,Tn=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};
-`,Ue=o(le)`
-  ${e=>`${ge.signInHeading.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  text-align: center;
-`,Be=o(le)`
-  ${e=>`${ge.signInMessage.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.champion};
-  text-align: center;
-`,Ze=o(de)`
-  margin: ${n.sp0} ${n.sp0} ${n.sp0} ${n.sp0};
-  color: ${e=>e.theme.colors.grey1};
-`,He=o(de)`
-  margin: ${n.sp1} ${n.sp0} ${n.sp1} ${n.sp0};
-  color: ${e=>e.theme.colors.hero};
-  text-decoration: none;
-`,Pn=o(Pi)`
-  color: ${h.important};
-  text-align: center;
-  white-space: pre;
-`,Dn=o.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${n.sp2};
-  flex-shrink: 0;
-  position: relative;
-  width: ${e=>e.windowSize==="small"?"100%":"unset"};
-`,Fn=o.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid
-    ${e=>e.hasError?h.important:e.theme.colors.grey1};
-  border-radius: ${n.sp2};
-  padding-top: ${e=>E.emailInputVerticalPadding.valuePx(e.windowSize)};
-  padding-bottom: ${e=>E.emailInputVerticalPadding.valuePx(e.windowSize)};
-  padding-left: ${n.sp4};
-  padding-right: ${n.sp2};
-  width: ${e=>e.windowSize==="small"?"100%":"354px"};
-  max-width: 100%;
-  height: ${n.sp8};
-  box-sizing: border-box;
-  &:focus-within,
-  &:hover {
-    border: 1px solid
-      ${e=>e.hasError?h.important:e.theme.colors.primary};
-  }
-`,Vn=o(Ti,{shouldForwardProp:e=>e!=="isValid"&&e!=="windowSize"})`
-  flex: 1;
-
-  & .MuiOutlinedInput-root {
-    border: none;
-    box-shadow: none;
-
-    &:hover .MuiOutlinedInput-notchedOutline {
-      border: none;
-    }
-
-    &.Mui-focused .MuiOutlinedInput-notchedOutline {
-      border: none;
-    }
-
-    .MuiOutlinedInput-notchedOutline {
-      border: none;
-    }
-  }
-
-  & .MuiInputBase-input {
-    padding: ${n.sp0} ${n.sp2} ${n.sp0} ${n.sp0};
-    font-size: ${e=>E.emailInputFontSize.valuePx(e.windowSize)};
-    color: ${e=>e.isValid?e.theme.colors.primary:h.important};
-    height: auto;
-
-    &::placeholder {
-      color: ${e=>e.theme.colors.grey1};
-      opacity: 1;
-    }
-  }
-`,An=o(ae)`
-  color: ${h.important};
-  text-align: center;
-  width: 100%;
-`,Je=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: ${n.sp3};
-  width: 100%;
-`,Ge=o.div`
-  display: flex;
-  align-items: center;
-  gap: ${n.sp3};
-  background-color: ${e=>e.isDarkTheme?h.neutralGrey5Dark:h.brandColorJadeLight}80;
-  border-radius: 50px;
-  padding: 12px ${n.sp4};
-  box-sizing: border-box;
-`,We=o(ri)`
-  width: ${n.sp3};
-  height: ${n.sp3};
-  color: ${e=>e.theme.colors.brandColorSapphire};
-  flex-shrink: 0;
-`,qe=o.div`
-  width: ${n.sp4};
-  height: ${n.sp4};
-  background-color: ${h.neutralGrey5Light};
-  border: 1px solid ${e=>e.theme.colors.brandColorJade};
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-`,Ke=o(ti)`
-  color: ${e=>e.isDarkTheme?h.brandColorJadeLight:e.theme.colors.brandColorSapphire};
-  flex: 1;
-`,Xe=o(Li)`
-  color: ${e=>e.theme.colors.primary};
-`,Ye=o.span``,Qe=o(ae)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: center;
-`,oe=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: ${e=>e.windowSize==="small"?"100%":"unset"};
-  margin-top: ${e=>E.signInContainerPaddingTop.valuePx(e.windowSize)};
-`,Nn=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%;
-`,On=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%;
-`,Rn=o.div`
-  width: 100%;
-`,ei=o.div`
-  margin-top: ${e=>E.headingContainerTopMargin.valuePx(e.windowSize)};
-  row-gap: ${e=>e.isMagicLinkSent?e.windowSize==="small"?"150px":n.sp4:n.sp2};
-  flex-direction: column;
-`,Un=o.div`
-  display: flex;
-  flex-direction: column;
-  display: flex;
-  width: 100%;
-  margin-left: ${e=>E.ZeniLogoContainerLeftMargin.valuePx(e.windowSize)};
-  margin-top: ${e=>E.ZeniLogoContainerTopMargin.valuePx(e.windowSize)};
-  justify-content: ${e=>e.windowSize==="small"?"center":"start"};
-
-  .zeni-logo {
-    align-self: ${e=>e.windowSize==="small"?"center":"self-start"};
-  }
-`,Bn=o(Ei)`
-  color: ${e=>e.theme.colors.primary};
-  height: ${n.sp4};
-`,Zn=o.div`
-  width: 100%;
-`,Hn=o.div`
-  width: 1167px;
-  height: 384px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: visible;
-`,Jn=o.form``,Gn=o(R)`
-  padding: ${n.sp2} ${n.sp3};
-`,Wn=o(R)`
-  &:disabled {
-    border-color: ${e=>e.theme.colors.grey2};
-  }
-`;function ii({resendCountdown:e,resendLimitReached:s,onClick:l}){const p=()=>s?t.signIn.magicLinkSent.resendLimitReached:e>0?t.signIn.magicLinkSent.resendLinkCountdown.replace("__seconds__",String(e)):t.signIn.magicLinkSent.resendLink;return i.jsx(Wn,{variant:"primary",label:p(),disabled:e>0||s,onClick:l})}const qn=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: ${n.sp4};
-  flex: 1;
-`,ni=o(le)`
-  ${e=>`${ge.signInHeading.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  text-align: center;
-`,Kn=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: ${n.sp4};
-  flex: 1;
-`,Xn=o.div`
-  display: flex;
-  align-items: center;
-  gap: ${n.sp3};
-  background-color: ${e=>e.isDarkTheme?h.neutralGrey5Dark:h.brandColorJadeLight}80;
-  border-radius: 50px;
-  padding: 12px ${n.sp4};
-  box-sizing: border-box;
-`,Yn=o(ti)`
-  color: ${e=>e.isDarkTheme?h.brandColorJadeLight:e.theme.colors.brandColorSapphire};
-`,oi=45,Qn=3;function xo({googleClientId:e,microsoftClientId:s,fetchState:l,signInError:p={},showEmailLogin:g=!1,sendMagicLinkStatus:a,magicLinkAlreadyUsed:w,magicLinkExpired:x,magicLinkExpiredEmail:m,getSignedInUser:k,onSignedInCallback:f,clearSignInError:b,onOAuthSuccess:L,onOAuthError:M,sendMagicLink:v}){const d=W(),{dark:I}=Ii(),{analytics:F}=se(),q=Gi(.68,1.3,1440,2560),_=l==="In-Progress",y=l==="Error",[u,T]=c.useState(void 0),[B,Z]=c.useState(""),[V,pe]=c.useState(!1),[he,me]=c.useState(!1),[A,gi]=c.useState(void 0),[$,xe]=c.useState(!1),ue=l==="In-Progress"&&B==="google",we=l==="In-Progress"&&B==="microsoft",fe=Ci({mode:"onSubmit",defaultValues:{email:""}}),{register:pi,handleSubmit:hi,formState:{errors:$e},setValue:Se,watch:mi,clearErrors:xi}=fe,H=a.fetchState==="Error"&&a.error?.error?.type==="email_not_found",ye=a.fetchState==="Error"&&a.error?.details?.application_error_code!=="LOGIN_VIA_EMAIL_LOCKED"&&!H,N=mi("email"),be=!!$e.email||he||ye,je=!!$e.email;c.useEffect(()=>{x===!0&&m!=null&&m.trim()!==""&&Se("email",m)},[x,m,Se]),c.useEffect(()=>{g&&a.fetchState==="Error"&&a.error?.details?.application_error_code==="LOGIN_VIA_MAGIC_LINK_RESTRICTED"&&(xe(!1),gi(()=>{const r=a.error?.details?.domain_type;if(r==="google"||r==="microsoft")return r}))},[a.error?.details,a.fetchState,g]);const ui=r=>{me(!1),r.email.trim()&&(F.trackSignInClick("email"),v?.(r.email))},wi=()=>{me(!1),xi("email")},ke=y&&p.type==="email_not_found";c.useEffect(()=>{(ke||H)&&pe(!0)},[H,ke]);const Ie=r=>{console.log(JSON.stringify(r)),T(void 0),L(r.code,"google"),Z("google")},Ce=r=>{const z="Error = "+r?.error+" Error Description = "+r?.error_description;T(z),M?.(JSON.stringify(r),"google")},ve=r=>{console.log(JSON.stringify(r)),T(void 0),L(r.code,"microsoft"),Z("microsoft")},ze=r=>{console.log(JSON.stringify(r)),T(r.error??"Microsoft authorization failed."),M?.(JSON.stringify(r),"microsoft")},fi=()=>{let r="";return(y||u!=null)&&V===!1&&(r=u??t.signIn.signInAuthError),r},[$i,Si]=c.useState(!1);c.useEffect(()=>{a.fetchState==="Completed"&&Si(!0)},[a.fetchState]);const S=$i,Ee=S?t.signIn.confirmationLinkSent:t.signIn.heading,Le=A!=null?t.signIn.signInSecurelyMessage:t.signIn.message,Me=w===!0&&!S,yi=x===!0&&!Me&&!S,_e=()=>{m!=null&&m.trim()!==""&&v?.(m)},[O,K]=c.useState(0),[bi,ji]=c.useState(0),X=bi>=Qn;c.useEffect(()=>{S&&K(oi)},[S]),c.useEffect(()=>{if(O<=0)return;const r=setTimeout(()=>K(O-1),1e3);return()=>clearTimeout(r)},[O]);const Te=()=>{X||(v?.(N),ji(r=>r+1),K(oi))},ki=H&&a.error?.error?a.error.error:p,Y=a.error?.details?.user,Pe=Y?.first_name??void 0,De=Y?.photo?.original!=null?re(Y.photo.original):void 0;return i.jsxs(_n,{windowSize:d,children:[i.jsxs(Tn,{windowSize:d,children:[i.jsxs(Zn,{children:[i.jsx(Un,{windowSize:d,children:i.jsx(Bn,{className:"zeni-logo"})}),Me?i.jsx(oe,{windowSize:d,style:{flex:1},children:i.jsxs(Kn,{children:[i.jsx(ni,{windowSize:d,children:t.signIn.magicLinkAlreadyUsedHeading}),i.jsxs(Xn,{isDarkTheme:I,children:[i.jsx(qe,{children:i.jsx(We,{})}),i.jsx(Yn,{isDarkTheme:I,children:t.signIn.magicLinkAlreadyUsedMessage})]}),i.jsx(R,{variant:"primary",label:t.signIn.requestNewLink,onClick:_e,loading:a.fetchState==="In-Progress"})]})}):yi?i.jsx(oe,{windowSize:d,style:{flex:1},children:i.jsxs(qn,{children:[i.jsx(ni,{windowSize:d,children:t.signIn.magicLinkExpiredHeading}),i.jsx(R,{variant:"primary",label:t.signIn.requestNewLink,onClick:_e,loading:a.fetchState==="In-Progress"})]})}):i.jsxs(i.Fragment,{children:[i.jsxs(ei,{isMagicLinkSent:S,windowSize:d,style:{display:d==="small"?"flex":"none"},children:[i.jsx(Ue,{windowSize:d,children:Ee}),i.jsx(P,{controller:!S,children:i.jsx(Be,{windowSize:d,children:Le})}),i.jsx(P,{controller:S,children:i.jsxs(Je,{children:[i.jsx(Ge,{isDarkTheme:I,children:i.jsx(Ke,{isDarkTheme:I,children:j.getLocalizedStrings().signIn.magicLinkSent.primaryMessage.split("__email__").map((r,z,Q)=>i.jsxs(Ye,{children:[r,z<Q.length-1&&i.jsx(Xe,{children:N})]},z))})}),i.jsx(Qe,{children:t.signIn.magicLinkSent.secondaryMessage}),i.jsx(ii,{resendCountdown:O,resendLimitReached:X,onClick:Te})]})})]}),i.jsxs(ei,{isMagicLinkSent:S,windowSize:d,style:{display:d==="small"?"none":"flex"},children:[i.jsx(Ue,{windowSize:d,children:Ee}),i.jsx(P,{controller:!S,children:i.jsx(Be,{windowSize:d,children:Le})}),i.jsx(P,{controller:S,children:i.jsxs(Je,{children:[i.jsxs(Ge,{isDarkTheme:I,children:[i.jsx(qe,{children:i.jsx(We,{})}),i.jsx(Ke,{isDarkTheme:I,children:j.getLocalizedStrings().signIn.magicLinkSent.primaryMessage.split("__email__").map((r,z,Q)=>i.jsxs(Ye,{children:[r,z<Q.length-1&&i.jsx(Xe,{children:N})]},z))})]}),i.jsx(Qe,{children:t.signIn.magicLinkSent.secondaryMessage}),i.jsx(ii,{resendCountdown:O,resendLimitReached:X,onClick:Te})]})})]}),i.jsx(P,{controller:!S,children:i.jsxs(oe,{windowSize:d,children:[i.jsxs(Nn,{showEmailError:be,showEmailForm:$,children:[!$&&!A&&i.jsxs(On,{windowSize:d,children:[i.jsx(Fe,{clientId:e,children:i.jsx(Ne,{disabled:_,inProgress:ue,getSignedInUser:k,onSuccess:Ie,onSignedInCallback:f,onError:Ce})}),i.jsx(Oe,{clientId:s,scopes:["openid","profile","email","offline_access","User.Read"],getSignedInUser:k,prompt:"select_account",responseType:"code",responseMode:"query",render:r=>i.jsx(te,{onClick:r.onClick,disabled:_||r.disabled,type:"Microsoft",titleText:t.signIn.signInMicrosoftButton,loadingIndication:we}),onSignedInCallback:f,onSuccess:ve,onFailure:ze})]}),!$&&A==="google"&&i.jsx(Fe,{clientId:e,children:i.jsx(Ne,{disabled:_,inProgress:ue,email:N,firstName:Pe,photo:De,getSignedInUser:k,onSuccess:Ie,onSignedInCallback:f,onError:Ce})}),!$&&A==="microsoft"&&i.jsx(Oe,{clientId:s,scopes:["openid","profile","email","offline_access","User.Read"],getSignedInUser:k,prompt:"select_account",responseType:"code",responseMode:"query",render:r=>i.jsx(te,{onClick:r.onClick,disabled:_||r.disabled,type:"Microsoft",titleText:t.signIn.signInMicrosoftButton,loadingIndication:we,email:N,firstName:Pe,photo:De}),onSignedInCallback:f,onSuccess:ve,onFailure:ze}),g&&$&&i.jsx(vi,{...fe,children:i.jsxs(Dn,{windowSize:d,children:[i.jsx(Jn,{onSubmit:hi(ui),children:i.jsxs(Fn,{windowSize:d,hasError:je,children:[i.jsx(Vn,{windowSize:d,type:"text",placeholder:t.signIn.workEmailExample,variant:"outlined",fullWidth:!0,isValid:!je,autoComplete:"off",...pi("email",{required:t.signIn.invalidEmailMessage,pattern:{value:zi,message:t.signIn.invalidEmailMessage},onChange:wi})}),i.jsx(Gn,{variant:"primary",type:"submit",label:t.signIn.signInButton,loading:a.fetchState==="In-Progress"})]})}),be&&i.jsx(An,{children:he?t.signIn.magicLinkExpired:ye?t.common.errorMessage.somethingWentWrongPleaseTryAgain:t.signIn.invalidEmailMessage})]})}),g&&!A&&i.jsxs(zn,{children:[i.jsxs(Cn,{showEmailForm:$,windowSize:d,children:[i.jsx(Re,{showEmailForm:$,windowSize:d}),i.jsx(vn,{children:t.common.texts.or.toUpperCase()}),i.jsx(Re,{showEmailForm:$,windowSize:d})]}),i.jsxs(Mn,{children:[i.jsx(En,{onClick:()=>{$?F.trackSignInViaGoogleMicrosoft():F.trackSignInViaEmail(),xe(!$)},children:$?t.signIn.googleOrMicrosoftLink:t.signIn.workEmailLink}),i.jsx(Ln,{isVisible:!$,children:t.signIn.workEmailSubText})]})]})]}),V===!1&&y&&i.jsx(Rn,{children:i.jsx(Pn,{children:fi()})})]})})]})]}),i.jsx(P,{controller:d!=="small",children:i.jsx(Hn,{children:i.jsx(Hi,{scale:q})})}),i.jsx(Ze,{style:{maxWidth:"100%",textAlign:"center",marginBottom:d==="small"?n.sp5:n.sp1},children:i.jsxs(Ze,{children:[i.jsxs(He,{children:[t.signIn.termsPrivacyFinePrintPart,t.signIn.agreeWith,i.jsx(Ve,{href:t.signIn.termsUrl,target:"_Blank",rel:"noopener noreferrer",linkText:t.signIn.termsOfService})," ",t.signIn.and," ",i.jsx(Ve,{href:t.signIn.privacyPolicyUrl,target:"_Blank",rel:"noopener noreferrer",linkText:t.signIn.privacyPolicy}),"."]}),i.jsx(He,{children:i.jsx(Zi,{})})]})})]}),V&&i.jsx(xn,{signInError:ki,onClose:()=>{b(),pe(!1)}})]})}export{xo as default};

package/dist/assets/SpendManagementListViewPage-BmZeAl5K-BgHQbDY0.js

@@ -1,134 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/SpendManagementPerTabPage-BfJ_icLF-CGfN-F05.js","assets/index-CO_Updpp.js","assets/sentry-DdXOXL3j.js","assets/liveblocks-BOlC_Koo.js","assets/core-cG0U1y2d.js","assets/recharts-C9z9JCsM.js","assets/zeni-epic-state-BiQIJCwr.js","assets/mui-ByF8ZmHV.js","assets/lottie-DQ5EyuJ6.js","assets/analytics-GoB8GGlk.js","assets/lexical-CUq6kk0g.js","assets/utils-BMrfBn9K.js","assets/index-t8y498Dk.css","assets/StatusSwitcher-Blc3-MDg-B12KNYTc.js","assets/useLongPress-GCK2COYQ-aie8BHVS.js"])))=>i.map(i=>d[i]);
-import{FK as Ve,FL as We,FM as Je,FN as z,FO as Ke,E7 as Ye,FP as qe,cd as Ze,ce as Qe,Fx as Xe,Fw as et,FG as tt,ba as ot}from"./zeni-epic-state-BiQIJCwr.js";import{V as n,f as at,aw as nt,q as U,gd as st,gf as it,gA as rt,bA as lt,b as ct,o as t,dx as dt,gR as D,bh as ut,go as mt,y as v,F as H,gS as pt,gT as ht,gU as bt,gV as yt,p as x,ao as gt,d as S,fM as ft,gW as wt,_ as Ct,bT as Tt,al as vt,cg as St,gX as xt,u as kt,am as $t}from"./index-CO_Updpp.js";import{a as h}from"./sentry-DdXOXL3j.js";import{n as c,k as G}from"./mui-ByF8ZmHV.js";import{a as It}from"./liveblocks-BOlC_Koo.js";import{t as At}from"./SpendManagementSection-DoJcpweo-BSx0Jax5.js";import{K as Et}from"./StatusSwitcher-Blc3-MDg-B12KNYTc.js";import"./core-cG0U1y2d.js";import"./lottie-DQ5EyuJ6.js";import"./analytics-GoB8GGlk.js";import"./recharts-C9z9JCsM.js";import"./lexical-CUq6kk0g.js";import"./utils-BMrfBn9K.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="6f38248a-4d85-42f3-852b-3f7c71428b1f",e._sentryDebugIdIdentifier="sentry-dbid-6f38248a-4d85-42f3-852b-3f7c71428b1f")}catch{}})();const M=e=>h.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",...e},h.createElement("path",{d:"M22.781 11.8215C22.7883 14.6988 21.6612 17.4629 19.6441 19.5146C17.627 21.5664 14.8825 22.7404 12.0055 22.7822C10.6005 22.8033 9.20515 22.5453 7.90056 22.023C6.59596 21.5008 5.40804 20.7247 4.40567 19.7399C3.40331 18.755 2.60645 17.5809 2.06132 16.2857C1.51619 14.9905 1.23362 13.6 1.23002 12.1948C1.22199 9.31703 2.34875 6.55215 4.36593 4.49975C6.38312 2.44735 9.1281 1.27292 12.0055 1.23117C13.4108 1.21016 14.8063 1.46837 16.111 1.99085C17.4158 2.51332 18.6038 3.28965 19.6061 4.27481C20.6085 5.25996 21.4053 6.43433 21.9503 7.72981C22.4953 9.02529 22.7777 10.4161 22.781 11.8215Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),h.createElement("path",{d:"M17.1573 10.374H9.83934C9.05979 10.374 8.31216 10.6766 7.76093 11.2151C7.2097 11.7537 6.90002 12.4841 6.90002 13.2457C6.90002 14.0074 7.2097 14.7378 7.76093 15.2764C8.31216 15.8149 9.05979 16.1175 9.83934 16.1175H11.309",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),h.createElement("path",{d:"M14.2151 13.2434L17.1544 10.3717L14.2151 7.5",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),Bt=c.div`
-  min-width: ${t.sp3};
-  width: ${t.sp3};
-  height: ${t.sp3};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,Lt=c(ht)`
-  min-width: inherit;
-  width: ${t.sp3};
-  height: ${t.sp3};
-`;function Rt(e,i,d){return e!=null&&e!==""?`${e}${i!=null&&i!==""?` •••• ${i}`:""}`:d}function jt(e,i){if(e.accountType==="depositAccount"&&e.depositAccountName!=null&&e.depositAccountName!=="")return{iconType:"zeniChecking",iconColor:pt(0)};if(e.accountType==="paymentAccount"&&e.accountLogo!=null&&(e.accountLogo.base64||e.accountLogo.url)){const d=i(e.accountLogo);if(d!=="")return{photo:d}}return{}}function So(e){return e.iconType==="zeniChecking"&&e.iconColor!=null&&e.iconColor!==""?n.jsx(Bt,{children:n.jsx(Lt,{color:e.iconColor})}):null}const T={width:new v(343,545,545),containerTop:new v(17,25,25),containerPaddingLeftRight:new v(S[4],S[7])},Pt=c.div`
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  z-index: 10;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  background: ${x.overlayDark};
-  .fade {
-    animation: ${e=>Ft(e)} 0.25s linear;
-  }
-`,_t=({windowSize:e})=>G`
-0% {
-  top: 100%;
-}
-100% {
-  top: ${T.containerTop.valuePercentage(e)};
-}
-`,Ft=({windowSize:e})=>G`
-0% {
-  top: ${T.containerTop.valuePercentage(e)};
-}
-100% {
-  top: 100%;
-}
-`,Ot=c.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  align-items: center;
-  text-align: center;
-  background: ${e=>e.theme.colors.grey5};
-  border-radius: ${t.sp2};
-  position: relative;
-  top: ${e=>e.fade?"100%":T.containerTop.valuePercentage(e.windowSize)};
-  padding: ${e=>`${t.sp7}  ${T.containerPaddingLeftRight.valuePx(e.windowSize)}`};
-  width: ${e=>T.width.valuePx(e.windowSize)};
-  animation: ${e=>_t(e)} 0.25s linear;
-  box-shadow: ${x.Elevation2Dark};
-`,Dt=c(Tt)`
-  margin-bottom: ${t.sp5};
-  color: ${e=>e.theme.colors.primary};
-  word-break: break-word;
-`,Mt=c.div`
-  margin-right: ${t.sp3};
-  height: ${t.sp7};
-  width: ${t.sp7};
-  background-color: ${e=>e.theme.mode==="dark"?e.theme.colors.brandColorJadeDark:e.theme.colors.brandColorJadeLight};
-  border-radius: ${t.sp4};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,Nt=c(vt)`
-  width: calc(100% - ${t.sp7});
-  color: ${e=>e.theme.colors.primary};
-  text-align: start;
-`,zt=c.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-bottom: ${t.sp5};
-`,Ut=c.div`
-  display: flex;
-  align-items: center;
-  padding: ${t.sp2} ${t.sp3};
-  border-radius: ${t.sp2};
-  cursor: ${e=>e.showCopyIcon?"pointer":"default"};
-  border: 1px solid
-    ${e=>e.showCopyText?e.theme.colors.champion:e.theme.colors.primary};
-`,Ht=c(xt)`
-  width: ${t.sp3};
-  height: ${t.sp3};
-  cursor: pointer;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Gt=c.div`
-  display: flex;
-  align-items: center;
-  color: ${e=>e.showCopyText?e.theme.colors.primary:e.theme.colors.grey1};
-`,Vt=c(St)`
-  margin-right: ${t.sp2};
-  color: ${e=>e.showCopyText?e.theme.colors.champion:e.theme.colors.primary};
-`,Wt=c(kt)`
-  width: ${t.sp3};
-  height: ${t.sp3};
-  color: ${x.success};
-`,Jt=c(Ct)`
-  width: ${t.sp4};
-  height: ${t.sp4};
-  color: ${e=>e.theme.colors.hero};
-  position: fixed;
-  top: ${t.sp3};
-  right: ${t.sp4};
-  cursor: pointer;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Kt=c.div`
-  width: 100%;
-`,Yt=c($t)`
-  color: ${e=>e.theme.colors.primary};
-  position: absolute;
-  bottom: 22px;
-`,N=H.getLocalizedStrings().common.copyToClipBoard;function qt(e){const i=U(),[,d]=bt(),[m,f]=h.useState(!0),[u,s]=h.useState(!1),[o,r]=h.useState(!1),{isMobileOrTabletScreen:a}=yt(),w=()=>{if(m){const g=e.botEmail;d(g),f(!1)}},C=()=>{s(!0)},y=()=>{s(!1)};return h.useEffect(()=>{m===!1&&setTimeout(()=>{f(!0)},2e3)},[m]),n.jsx(Pt,{windowSize:i,role:"presentation",style:{background:x.overlayDark,...e.style},children:n.jsx(gt,{onClickAway:()=>{r(!0),setTimeout(()=>e.onCancelClick?.(),250)},children:n.jsxs(Ot,{windowSize:i,className:o?"fade":"",fade:o,children:[n.jsx(Jt,{onClick:()=>{r(!0),setTimeout(()=>e.onCancelClick?.(),250)}}),n.jsx(Dt,{children:e.title}),n.jsx(Kt,{children:e.descriptionLines.map((g,l)=>n.jsxs(zt,{children:[n.jsx(Mt,{children:g.icon}),n.jsx(Nt,{windowSize:i,children:g.text})]},l))}),n.jsxs(Ut,{onClick:w,onMouseOver:C,onMouseLeave:y,showCopyIcon:m,showCopyText:u,children:[n.jsx(Vt,{showCopyText:u,children:e.botEmail}),m?n.jsx(Gt,{windowSize:i,showCopyText:u&&!a,children:n.jsx(Ht,{})}):n.jsx(Wt,{})]}),n.jsx(Yt,{children:m?u&&!a?N.copy:null:N.copied})]})})})}const V=H.getLocalizedStrings(),p=V.spendManagement,{common:{texts:{comments:Zt}},collaboration:{threads:{placeholder:{addANewComment:Qt,replyAComment:Xt},tooltip:{resolveComment:eo,unResolveComment:to}}}}=V,oo={drawerSectionPaddingLeftRight:new v(S[4],S[5])},ao=wt(()=>ot(()=>import("./SpendManagementPerTabPage-BfJ_icLF-CGfN-F05.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14]))),no=e=>{const i=at(),d=nt(),m=U(),{transactionList:f,allSubTabs:u,isAdmin:s,botEmail:o,isEmployee:r=!1,currentTab:a,currentSubTab:w,approvalCount:C,fetchState:y,analytics:g,entity:l,uiState:k,searchText:A,filters:J,vendorSearchAutoCompleteData:K,vendorSearchAutoCompleteActions:Y,createdByUserList:q,createdByUserListFetchState:E,downloadParams:Z,downloadState:Q,isDownloadEnabled:X,isShowDeletedBillsEnabled:ee,isShowDeletedReimbursementEnabled:te,isListeningToPusherEventForBillPayApprovalRules:oe,isListeningToPusherEventForReimbursementApprovalRules:ae,isBillPayCommentingEnabled:B,isReimbursementCommentingEnabled:L,isDetectInsufficientFundsEnabled:ne=!1,updateTabToState:se,onSubtabChange:R,onReloadTransactions:ie,onTransactionClick:j,onClickSetupIcon:P,onBackClick:re,onAddTransactionClick:le,onColumnSortConfigChanged:ce,onSearchTextChanged:de,onClickMenuIcon:ue,onFiltersChange:me,updateDownloadStateHandler:pe,bulkSubmissionLimit:he=10,isBulkActionAllowed:be=!1,isRecurringBillInBulkActionList:ye=!1,transactionsSelectedForBulkAction:ge=[],allowedBulkActions:fe=[],bulkSubmissionFetchState:we,updateBulkActionList:Ce,removeAllTransactionsFromBulkActionList:Te,onProceedForBulkActionClick:ve}=e,Se=["draft","pending_approval","scheduled","paid"],xe=b=>{j(b,a)},ke=n.jsx(ao,{botEmail:o,transactionList:f,allSubTabs:u,isAdmin:s,selectedTab:a,selectedSubTab:w,fetchState:y,onSubtabChange:R,onTransactionRowClick:xe,onReloadTransactions:ie,onColumnSortConfigChanged:ce,analytics:g,entity:l,uiState:k,searchText:A,isShowDeletedBillsEnabled:ee,isShowDeletedReimbursementEnabled:te,isListeningToPusherEventForBillPayApprovalRules:oe,isListeningToPusherEventForReimbursementApprovalRules:ae,isBillPayCommentingEnabled:B,isReimbursementCommentingEnabled:L,bulkSubmissionLimit:he,isBulkActionAllowed:be,isRecurringBillInBulkActionList:ye,transactionsSelectedForBulkAction:ge,isDetectInsufficientFundsEnabled:ne,allowedBulkActions:fe,bulkSubmissionFetchState:we,updateBulkActionList:Ce,removeAllTransactionsFromBulkActionList:Te,onProceedForBulkActionClick:ve}),$e=b=>{se(b),R("all")},Ie=Xe(d.loggedInUserRoleMap),[_,Ae]=h.useState(!1),[Ee,F]=h.useState(!1),Be=b=>{Ae(b)},Le=l==="bill_pay"?et(d.loggedInUserRoleMap):tt(d.loggedInUserRoleMap),Re={entity:l,showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!0,newButtonLabel:"New",isSearchOpen:_,searchPlaceHolder:l==="bill_pay"?p.billPay.billsByTabs.searchPlaceHolder:p.reimbursement.reimbursementByTabs.searchPlaceHolder,searchText:A,searchTextBoxStyle:{right:"204px"},showSettingsIconOnNavbar:Le,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!0,disableDownloadButton:X===!1,downloadParams:Z,downloadState:Q,filters:J,vendorSearchAutoCompleteData:K,vendorSearchAutoCompleteActions:Y,createdByUserListLoaded:l==="bill_pay"||z(d.loggedInUserRole??[])?!0:E==="Completed"||E==="Error",analytics:g,onNewButtonClick:le,onSearchOpen:Be,onSearchTextChanged:de,onClickSetupIcon:P,onClickEmailInfoIcon:()=>F(!0),onFiltersChange:me,getFilterOptions:l==="bill_pay"||l==="reimbursement"?()=>W(l,q??[],d.loggedInUserRole??[],[]):void 0,updateDownloadStateHandler:pe},je=n.jsx(At,{spendManagementSectionProps:Re}),[Pe,_e]=h.useState(null),[Fe,$]=h.useState(!1),{setRequestToOpenThread:Oe}=h.useContext(st),De=`dashboard_${d.currentTenant?.companyId}`,O=l==="bill_pay"?"bill":"reimbursement",{threads:Me}=it({application:"dashboard",companyId:d.currentTenant?.companyId,tab:O,entityId:Pe?.entityId,isGlobalComment:!1},"both",!1),Ne={openAllThreadsDrawer:b=>{_e({...b}),$(!0)}},ze=(b,I)=>{const{companyId:Ue,entityId:He,entityType:Ge}=b;$(!1),Oe({threadId:I,companyId:Ue,entityType:Ge}),j(He,a)};return n.jsx(rt,{sharedItems:{sharedFunctions:{subtreeFunctions:Ne},sharedRef:void 0},children:n.jsxs(io,{children:[n.jsx(lt,{source:"SpendManagementListViewPage",title:l==="bill_pay"?p.billPay.billsByTabs.pageTitle:p.reimbursement.reimbursementByTabs.pageTitle,showBackButton:!r&&!Ie,showMenuIcon:m==="medium-compact"||m==="small",backgroundColor:i.colors.grey4,style:{zIndex:3,...ct.largeSemiBold.cssObject},onBackClick:re,rightSideComponent:je,onClickMenuIcon:ue,isSearchOpen:_}),n.jsxs(ro,{children:[n.jsx(lo,{children:n.jsx(Et,{tabIds:Se,approvalCount:C,selectedTab:a,entity:l,enablePerformanceTracking:!1,onTabSelectedChange:$e,onClickSetupIcon:P})}),ke]}),Ee?n.jsx(qt,{botEmail:o,onCancelClick:()=>F(!1),title:l==="bill_pay"?p.billPay.billsByTabs.emailInfoTitle:p.reimbursement.reimbursementByTabs.emailInfoTitle,descriptionLines:l==="bill_pay"?[{icon:n.jsx(M,{width:t.sp4,height:t.sp4}),text:p.billPay.billsByTabs.emailInfoDescription1},{icon:n.jsx(dt,{width:t.sp4,height:t.sp4}),text:p.billPay.billsByTabs.emailInfoDescription2},{icon:n.jsx(D,{width:t.sp4,height:t.sp4}),text:p.billPay.billsByTabs.emailInfoDescription3}]:[{icon:n.jsx(M,{width:t.sp4,height:t.sp4}),text:p.reimbursement.reimbursementByTabs.emailInfoDescription1},{icon:n.jsx(ut,{width:t.sp4,height:t.sp4}),text:p.reimbursement.reimbursementByTabs.emailInfoDescription2},{icon:n.jsx(D,{width:t.sp4,height:t.sp4}),text:p.reimbursement.reimbursementByTabs.emailInfoDescription3}]}):null,l==="bill_pay"&&B||l==="reimbursement"&&L?n.jsx(It,{id:De,children:n.jsx(mt,{isDrawerOpen:Fe,allowComposer:!1,drawerTitle:Zt,threads:Me,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:d.currentTenant?.companyId,isGlobalComment:!1,tab:O},isLoading:!1,textOverrides:{composerPlaceholder:Qt,replyComposerPlaceholder:Xt,threadResolve:eo,threadUnResolve:to},onThreadClick:(b,I)=>ze(b,I),onCloseAllThreadsDrawer:()=>$(!1),drawerSectionStyle:{width:m==="small"?"100%":"400px",boxSizing:m==="small"?"border-box":"content-box",padding:`${t.sp0} ${oo.drawerSectionPaddingLeftRight.valuePx(m)}`,backgroundColor:i.colors.background},collapsibleThreadStyle:{width:m==="small"?"100%":"360px"}})}):null]})})},so=e=>e.base64!==void 0?`${ft}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",W=(e,i,d,m,f)=>{const u=p.filters.filterOptions;return e==="bill_pay"?Ve.reduce((s,o)=>{switch(o.value){case"amount":return{...s,[o.value]:u.billAmountOptions};case"paymentMethod":return{...s,[o.value]:u.paymentMethodOptions};case"status":return{...s,[o.value]:[...u.commonStatusOptions,...u.billStatusOptions]};case"paymentType":return{...s,[o.value]:u.billPaymentTypeOptions};default:return{...s,[o.value]:[]}}},{}):e==="reimbursement"?(z(d)?We:Je).reduce((s,o)=>{switch(o.value){case"createdBy":{if(i?.length===0)return{...s,[o.value]:[]};const r=i.map(a=>({label:a?.firstName||a?.lastName?`${a?.firstName} ${a?.lastName}`:a?.email??"",value:a.userId,photo:a?.photo,email:a?.email}));return{...s,[o.value]:r}}case"paymentMethod":return{...s,[o.value]:u.paymentMethodOptions};case"status":return{...s,[o.value]:u.commonStatusOptions};case"amount":return{...s,[o.value]:u.reimbursementAmountOptions};default:return{...s,[o.value]:[]}}},{}):e==="charge_card_payment_history"?(Ke??[]).reduce((s,o)=>{switch(o.value){case"status":return{...s,[o.value]:u.paymentHistoryStatusOptions};case"initiatedBy":{if(i?.length===0)return{...s,[o.value]:[]};const r=i.map(a=>({label:a?.firstName||a?.lastName?`${a?.firstName} ${a?.lastName}`:a?.email??"",value:a.userId,photo:a?.photo,email:a?.email}));return{...s,[o.value]:[{label:"Autopay",value:"autopay"},...r]}}case"sourceAccount":{const r=f?Object.entries(f).map(([a,w])=>{const C=Rt(w.depositAccountName,w.depositAccountLast4,p.chargeCard.paymentHistory.sourceAccountUnknown),y=jt(w,so),g=y.iconType!=null&&y.iconColor!=null,l=y.photo,k=l!=null&&l!=="";return{label:C,value:a,...g&&{iconType:y.iconType,iconColor:y.iconColor},...k&&{photo:Ye(l)}}}):[];return{...s,[o.value]:r}}case"repaymentDate":return{...s,[o.value]:[]};default:return{...s,[o.value]:[]}}},{}):qe.reduce((s,o)=>{switch(o.value){case"assignee":{if(i?.length===0)return{...s,[o.value]:[]};const r=i.map(a=>({label:a?.firstName||a?.lastName?`${a?.firstName} ${a?.lastName}`:a?.email??"",value:a.userId,photo:a?.photo,email:a?.email}));return{...s,[o.value]:r}}case"status":return{...s,[o.value]:[...Qe.map(r=>({label:r.name,value:r.code}))]};case"priority":return{...s,[o.value]:[...Ze.map(r=>({label:r.name,value:r.code}))]};case"tag":return{...s,[o.value]:[...m.map(r=>({label:r.name,value:r.tagId}))]};default:return{...s,[o.value]:[]}}},{})},io=c.div`
-  display: flex;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-`,ro=c.div`
-  display: block;
-  flex-wrap: wrap;
-  justify-content: center;
-  height: calc(100vh - ${t.sp10});
-`,lo=c.div`
-  display: flex;
-  margin-top: ${t.sp3};
-  justify-content: center;
-`,xo=Object.freeze(Object.defineProperty({__proto__:null,default:no,getDashboardFilterCategoryValues:W},Symbol.toStringTag,{value:"Module"}));export{xo as S,W as a,Rt as g,So as r};