@zeniai/web-cockpit-ui 1.15.2-prod → 1.15.3-dev

package/dist/assets/SignIn-KN2wUeWN-DjuNGmXD.js

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

package/dist/assets/{SignInScreen-Ci3Hds-p.js → SignInScreen-DPHbD9R0.js}

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

package/dist/assets/{SpendManagementListViewPage-7hmUDsTR-CH6VUHE7.js → SpendManagementListViewPage-DA0yJkNS-i-QGqalr.js}

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/SpendManagementPerTabPage-r4Ivr4ml-zJ5DEEjw.js","assets/index-BE73Kh7z.js","assets/sentry-CtwtDFb0.js","assets/liveblocks-BUxiobW7.js","assets/core-Cxz4HUbn.js","assets/recharts-BnEZevRO.js","assets/zeni-epic-state-BFhqH0Xa.js","assets/mui-fuwOYnWD.js","assets/lottie-DskIkVJY.js","assets/analytics-BUFSKutl.js","assets/lexical-Bnz9O97W.js","assets/utils-BZ73yfDv.js","assets/index-t8y498Dk.css","assets/StatusSwitcher-VeYkrDM7-DvOZ5Ysl.js","assets/useLongPress-GCK2COYQ-BXkmgMAX.js"])))=>i.map(i=>d[i]);
-import{FK as Ve,FL as We,FM as Ye,FN as z,FO as qe,E7 as Je,FP as Ke,cd as Ze,ce as Qe,Fx as Xe,Fw as et,FG as tt,ba as ot}from"./zeni-epic-state-BFhqH0Xa.js";import{V as n,d as at,aw as nt,q as U,gf as st,gh as it,gC as rt,bA as lt,b as ct,o as t,dv as dt,gT as D,bh as ut,gq as pt,y as v,F as H,gU as mt,gV as ht,gW as bt,gX as yt,p as x,ao as gt,c as S,fM as ft,gY as wt,L as Ct,bT as Tt,al as vt,cg as St,gZ as xt,u as kt,am as $t}from"./index-BE73Kh7z.js";import{a as h}from"./sentry-CtwtDFb0.js";import{n as c,k as G}from"./mui-fuwOYnWD.js";import{a as It}from"./liveblocks-BUxiobW7.js";import{t as At}from"./SpendManagementSection-4bPNXnAu-Dgr9HP7J.js";import{K as Et}from"./StatusSwitcher-VeYkrDM7-DvOZ5Ysl.js";import"./core-Cxz4HUbn.js";import"./lottie-DskIkVJY.js";import"./analytics-BUFSKutl.js";import"./recharts-BnEZevRO.js";import"./lexical-Bnz9O97W.js";import"./utils-BZ73yfDv.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]="4fd76bd0-f78a-48ad-a39c-4f9a7088a874",e._sentryDebugIdIdentifier="sentry-dbid-4fd76bd0-f78a-48ad-a39c-4f9a7088a874")}catch{}})();const N=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`
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/SpendManagementPerTabPage-CIiwcTHn-k-WByauQ.js","assets/index-BN936vRr.js","assets/sentry-BCzFscbx.js","assets/liveblocks-CUzvdZes.js","assets/core-BkA0GZqz.js","assets/recharts-DEFzfhhe.js","assets/zeni-epic-state-DIO-8j7m.js","assets/mui-DQOtlcvt.js","assets/lottie-BXNphAUg.js","assets/analytics-ko5civJt.js","assets/lexical-NKD2Ns4v.js","assets/utils-CGlY-GM2.js","assets/index-t8y498Dk.css","assets/StatusSwitcher-CiOSpmnA-COfWLIsO.js","assets/useLongPress-GCK2COYQ-DdGlrNjq.js"])))=>i.map(i=>d[i]);
+import{FK as Ve,FL as We,FM as Ye,FN as z,FO as qe,E7 as Je,FP as Ke,cd as Ze,ce as Qe,Fx as Xe,Fw as et,FG as tt,ba as ot}from"./zeni-epic-state-DIO-8j7m.js";import{V as n,d as at,aw as nt,q as U,gf as st,gh as it,gC as rt,bA as lt,b as ct,o as t,dv as dt,gT as D,bh as ut,gq as pt,y as v,F as H,gU as mt,gV as ht,gW as bt,gX as yt,p as x,ao as gt,c as S,fM as ft,gY as wt,L as Ct,bT as Tt,al as vt,cg as St,gZ as xt,u as kt,am as $t}from"./index-BN936vRr.js";import{a as h}from"./sentry-BCzFscbx.js";import{n as c,k as G}from"./mui-DQOtlcvt.js";import{a as It}from"./liveblocks-CUzvdZes.js";import{t as At}from"./SpendManagementSection-BLZOU6Ll--jqjSwJn.js";import{K as Et}from"./StatusSwitcher-CiOSpmnA-COfWLIsO.js";import"./core-BkA0GZqz.js";import"./lottie-BXNphAUg.js";import"./analytics-ko5civJt.js";import"./recharts-DEFzfhhe.js";import"./lexical-NKD2Ns4v.js";import"./utils-CGlY-GM2.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]="a91f939e-810e-4918-a2a4-3063c2cc0ffb",e._sentryDebugIdIdentifier="sentry-dbid-a91f939e-810e-4918-a2a4-3063c2cc0ffb")}catch{}})();const N=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};
@@ -117,7 +117,7 @@ import{FK as Ve,FL as We,FM as Ye,FN as z,FO as qe,E7 as Je,FP as Ke,cd as Ze,ce
   color: ${e=>e.theme.colors.primary};
   position: absolute;
   bottom: 22px;
-`,M=H.getLocalizedStrings().common.copyToClipBoard;function Kt(e){const i=U(),[,d]=bt(),[p,f]=h.useState(!0),[u,s]=h.useState(!1),[o,r]=h.useState(!1),{isMobileOrTabletScreen:a}=yt(),w=()=>{if(p){const g=e.botEmail;d(g),f(!1)}},C=()=>{s(!0)},y=()=>{s(!1)};return h.useEffect(()=>{p===!1&&setTimeout(()=>{f(!0)},2e3)},[p]),n.jsx(jt,{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(Yt,{onClick:()=>{r(!0),setTimeout(()=>e.onCancelClick?.(),250)}}),n.jsx(Dt,{children:e.title}),n.jsx(qt,{children:e.descriptionLines.map((g,l)=>n.jsxs(zt,{children:[n.jsx(Nt,{children:g.icon}),n.jsx(Mt,{windowSize:i,children:g.text})]},l))}),n.jsxs(Ut,{onClick:w,onMouseOver:C,onMouseLeave:y,showCopyIcon:p,showCopyText:u,children:[n.jsx(Vt,{showCopyText:u,children:e.botEmail}),p?n.jsx(Gt,{windowSize:i,showCopyText:u&&!a,children:n.jsx(Ht,{})}):n.jsx(Wt,{})]}),n.jsx(Jt,{children:p?u&&!a?M.copy:null:M.copied})]})})})}const V=H.getLocalizedStrings(),m=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-r4Ivr4ml-zJ5DEEjw.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(),p=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:Y,vendorSearchAutoCompleteData:q,vendorSearchAutoCompleteActions:J,createdByUserList:K,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:P,onClickSetupIcon:j,onBackClick:re,onAddTransactionClick:le,onColumnSortConfigChanged:ce,onSearchTextChanged:de,onClickMenuIcon:ue,onFiltersChange:pe,updateDownloadStateHandler:me,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=>{P(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"?m.billPay.billsByTabs.searchPlaceHolder:m.reimbursement.reimbursementByTabs.searchPlaceHolder,searchText:A,searchTextBoxStyle:{right:"204px"},showSettingsIconOnNavbar:Le,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!0,disableDownloadButton:X===!1,downloadParams:Z,downloadState:Q,filters:Y,vendorSearchAutoCompleteData:q,vendorSearchAutoCompleteActions:J,createdByUserListLoaded:l==="bill_pay"||z(d.loggedInUserRole??[])?!0:E==="Completed"||E==="Error",analytics:g,onNewButtonClick:le,onSearchOpen:Be,onSearchTextChanged:de,onClickSetupIcon:j,onClickEmailInfoIcon:()=>F(!0),onFiltersChange:pe,getFilterOptions:l==="bill_pay"||l==="reimbursement"?()=>W(l,K??[],d.loggedInUserRole??[],[]):void 0,updateDownloadStateHandler:me},Pe=n.jsx(At,{spendManagementSectionProps:Re}),[je,_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:Ne}=it({application:"dashboard",companyId:d.currentTenant?.companyId,tab:O,entityId:je?.entityId,isGlobalComment:!1},"both",!1),Me={openAllThreadsDrawer:b=>{_e({...b}),$(!0)}},ze=(b,I)=>{const{companyId:Ue,entityId:He,entityType:Ge}=b;$(!1),Oe({threadId:I,companyId:Ue,entityType:Ge}),P(He,a)};return n.jsx(rt,{sharedItems:{sharedFunctions:{subtreeFunctions:Me},sharedRef:void 0},children:n.jsxs(io,{children:[n.jsx(lt,{source:"SpendManagementListViewPage",title:l==="bill_pay"?m.billPay.billsByTabs.pageTitle:m.reimbursement.reimbursementByTabs.pageTitle,showBackButton:!r&&!Ie,showMenuIcon:p==="medium-compact"||p==="small",backgroundColor:i.colors.grey4,style:{zIndex:3,...ct.largeSemiBold.cssObject},onBackClick:re,rightSideComponent:Pe,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:j})}),ke]}),Ee?n.jsx(Kt,{botEmail:o,onCancelClick:()=>F(!1),title:l==="bill_pay"?m.billPay.billsByTabs.emailInfoTitle:m.reimbursement.reimbursementByTabs.emailInfoTitle,descriptionLines:l==="bill_pay"?[{icon:n.jsx(N,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription1},{icon:n.jsx(dt,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription2},{icon:n.jsx(D,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription3}]:[{icon:n.jsx(N,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription1},{icon:n.jsx(ut,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription2},{icon:n.jsx(D,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription3}]}):null,l==="bill_pay"&&B||l==="reimbursement"&&L?n.jsx(It,{id:De,children:n.jsx(pt,{isDrawerOpen:Fe,allowComposer:!1,drawerTitle:Zt,threads:Ne,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:p==="small"?"100%":"400px",boxSizing:p==="small"?"border-box":"content-box",padding:`${t.sp0} ${oo.drawerSectionPaddingLeftRight.valuePx(p)}`,backgroundColor:i.colors.background},collapsibleThreadStyle:{width:p==="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,p,f)=>{const u=m.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:Ye).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"?(qe??[]).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,m.chargeCard.paymentHistory.sourceAccountUnknown),y=Pt(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:Je(l)}}}):[];return{...s,[o.value]:r}}case"repaymentDate":return{...s,[o.value]:[]};default:return{...s,[o.value]:[]}}},{}):Ke.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]:[...p.map(r=>({label:r.name,value:r.tagId}))]};default:return{...s,[o.value]:[]}}},{})},io=c.div`
+`,M=H.getLocalizedStrings().common.copyToClipBoard;function Kt(e){const i=U(),[,d]=bt(),[p,f]=h.useState(!0),[u,s]=h.useState(!1),[o,r]=h.useState(!1),{isMobileOrTabletScreen:a}=yt(),w=()=>{if(p){const g=e.botEmail;d(g),f(!1)}},C=()=>{s(!0)},y=()=>{s(!1)};return h.useEffect(()=>{p===!1&&setTimeout(()=>{f(!0)},2e3)},[p]),n.jsx(jt,{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(Yt,{onClick:()=>{r(!0),setTimeout(()=>e.onCancelClick?.(),250)}}),n.jsx(Dt,{children:e.title}),n.jsx(qt,{children:e.descriptionLines.map((g,l)=>n.jsxs(zt,{children:[n.jsx(Nt,{children:g.icon}),n.jsx(Mt,{windowSize:i,children:g.text})]},l))}),n.jsxs(Ut,{onClick:w,onMouseOver:C,onMouseLeave:y,showCopyIcon:p,showCopyText:u,children:[n.jsx(Vt,{showCopyText:u,children:e.botEmail}),p?n.jsx(Gt,{windowSize:i,showCopyText:u&&!a,children:n.jsx(Ht,{})}):n.jsx(Wt,{})]}),n.jsx(Jt,{children:p?u&&!a?M.copy:null:M.copied})]})})})}const V=H.getLocalizedStrings(),m=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-CIiwcTHn-k-WByauQ.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(),p=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:Y,vendorSearchAutoCompleteData:q,vendorSearchAutoCompleteActions:J,createdByUserList:K,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:P,onClickSetupIcon:j,onBackClick:re,onAddTransactionClick:le,onColumnSortConfigChanged:ce,onSearchTextChanged:de,onClickMenuIcon:ue,onFiltersChange:pe,updateDownloadStateHandler:me,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=>{P(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"?m.billPay.billsByTabs.searchPlaceHolder:m.reimbursement.reimbursementByTabs.searchPlaceHolder,searchText:A,searchTextBoxStyle:{right:"204px"},showSettingsIconOnNavbar:Le,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!0,disableDownloadButton:X===!1,downloadParams:Z,downloadState:Q,filters:Y,vendorSearchAutoCompleteData:q,vendorSearchAutoCompleteActions:J,createdByUserListLoaded:l==="bill_pay"||z(d.loggedInUserRole??[])?!0:E==="Completed"||E==="Error",analytics:g,onNewButtonClick:le,onSearchOpen:Be,onSearchTextChanged:de,onClickSetupIcon:j,onClickEmailInfoIcon:()=>F(!0),onFiltersChange:pe,getFilterOptions:l==="bill_pay"||l==="reimbursement"?()=>W(l,K??[],d.loggedInUserRole??[],[]):void 0,updateDownloadStateHandler:me},Pe=n.jsx(At,{spendManagementSectionProps:Re}),[je,_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:Ne}=it({application:"dashboard",companyId:d.currentTenant?.companyId,tab:O,entityId:je?.entityId,isGlobalComment:!1},"both",!1),Me={openAllThreadsDrawer:b=>{_e({...b}),$(!0)}},ze=(b,I)=>{const{companyId:Ue,entityId:He,entityType:Ge}=b;$(!1),Oe({threadId:I,companyId:Ue,entityType:Ge}),P(He,a)};return n.jsx(rt,{sharedItems:{sharedFunctions:{subtreeFunctions:Me},sharedRef:void 0},children:n.jsxs(io,{children:[n.jsx(lt,{source:"SpendManagementListViewPage",title:l==="bill_pay"?m.billPay.billsByTabs.pageTitle:m.reimbursement.reimbursementByTabs.pageTitle,showBackButton:!r&&!Ie,showMenuIcon:p==="medium-compact"||p==="small",backgroundColor:i.colors.grey4,style:{zIndex:3,...ct.largeSemiBold.cssObject},onBackClick:re,rightSideComponent:Pe,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:j})}),ke]}),Ee?n.jsx(Kt,{botEmail:o,onCancelClick:()=>F(!1),title:l==="bill_pay"?m.billPay.billsByTabs.emailInfoTitle:m.reimbursement.reimbursementByTabs.emailInfoTitle,descriptionLines:l==="bill_pay"?[{icon:n.jsx(N,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription1},{icon:n.jsx(dt,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription2},{icon:n.jsx(D,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription3}]:[{icon:n.jsx(N,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription1},{icon:n.jsx(ut,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription2},{icon:n.jsx(D,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription3}]}):null,l==="bill_pay"&&B||l==="reimbursement"&&L?n.jsx(It,{id:De,children:n.jsx(pt,{isDrawerOpen:Fe,allowComposer:!1,drawerTitle:Zt,threads:Ne,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:p==="small"?"100%":"400px",boxSizing:p==="small"?"border-box":"content-box",padding:`${t.sp0} ${oo.drawerSectionPaddingLeftRight.valuePx(p)}`,backgroundColor:i.colors.background},collapsibleThreadStyle:{width:p==="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,p,f)=>{const u=m.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:Ye).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"?(qe??[]).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,m.chargeCard.paymentHistory.sourceAccountUnknown),y=Pt(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:Je(l)}}}):[];return{...s,[o.value]:r}}case"repaymentDate":return{...s,[o.value]:[]};default:return{...s,[o.value]:[]}}},{}):Ke.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]:[...p.map(r=>({label:r.name,value:r.tagId}))]};default:return{...s,[o.value]:[]}}},{})},io=c.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;

package/dist/assets/{SpendManagementPerTabPage-r4Ivr4ml-zJ5DEEjw.js → SpendManagementPerTabPage-CIiwcTHn-k-WByauQ.js}

@@ -1,4 +1,4 @@
-import{a9 as Gt,cC as Ht,q as H,kW as Qt,V as t,ac as Xt,cn as Zt,co as Jt,cp as Yt,aP as ei,o as i,F as te,cb as ti,ck as rt,g2 as ii,b2 as oi,cr as ni,iO as li,iP as ri,k as si,bR as Y,d as Le,bM as ai,aR as di,y as p,g3 as ci,kX as pi,p as G,cW as mi,am as K,al as F,ai as se,bC as ui,bP as ft,b as ze,aN as ee,aH as xe,iX as $t,iY as vt,kY as hi,f6 as gi,kZ as bi,k_ as St,k$ as kt,k6 as yi,l0 as xi,l1 as wi,c,iW as Tt,cw as Pt,cz as Ct,aw as Ze,gG as Je,a8 as Ye,gh as et,cP as jt,l2 as _t,l3 as Ie,aL as De,l4 as tt,l5 as Bt,l6 as E,l7 as zt,gt as Lt,cU as It,dq as it}from"./index-BE73Kh7z.js";import{a as P,S as Dt}from"./sentry-CtwtDFb0.js";import{n as o,c as Z}from"./mui-fuwOYnWD.js";import{Gy as ke,Ge as Te,FH as Ae,bp as At}from"./zeni-epic-state-BFhqH0Xa.js";import{K as fi,L as $i,_ as vi}from"./StatusSwitcher-VeYkrDM7-DvOZ5Ysl.js";import{d as Rt}from"./useLongPress-GCK2COYQ-BXkmgMAX.js";import"./liveblocks-BUxiobW7.js";import"./core-Cxz4HUbn.js";import"./recharts-BnEZevRO.js";import"./lottie-DskIkVJY.js";import"./analytics-BUFSKutl.js";import"./lexical-Bnz9O97W.js";import"./utils-BZ73yfDv.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="4b4b9be1-eed4-4612-9c92-d1b11af2e17d",e._sentryDebugIdIdentifier="sentry-dbid-4b4b9be1-eed4-4612-9c92-d1b11af2e17d")}catch{}})();const he=te.getLocalizedStrings().spendManagement.billPay.billsByTabs.header,Re={key:"name",value:he.name,sortOrder:"ascending",width:new p(c[5],c[5])},Ee={key:"invoiceDate",value:he.invoiceDate,sortOrder:"ascending",width:new p(20,20)},Si={key:"dueDate",value:he.dueDate,sortOrder:"ascending",width:new p(20,20)},ot={key:"dueDate",value:he.paymentDate,sortOrder:"ascending",width:new p(20,20)},nt={key:"status",value:he.status,sortOrder:"ascending",width:new p(18,18)},ki={key:"paymentMethod",value:he.paymentMethod,sortOrder:"ascending",width:new p(18,18)},Fe={key:"amount",value:he.amount,sortOrder:"ascending",width:new p(10,10)},be=[Re,Ee,Si,nt,Fe],Ti=[Re,Ee,ot,nt,Fe],Pi=[Re,Ee,ot,nt,Fe],Ci=[Re,Ee,ot,ki,Fe],ge={headerLastColumnTopPadding:new p(c[0],c[4]),headerLastColumnRightPadding:new p(c[3],c[11]),headerLastColumnBottomPadding:new p(c[0],c[4]),headerLastColumnLeftPadding:new p(c[0],c[4]),headerHeight:new p($t,vt)};function ji({companyNameSticky:e,currentTab:n,onColumnSortConfigChanged:a,sortConfig:r}){const d=Le(),m=H(),[b,y]=P.useState(Ei(n));P.useEffect(()=>{const l=[...b];for(const s of l)s.key===r.sortKey?s.sortOrder=r.sortOrder:s.sortOrder="ascending";y(l)},[r.sortKey,r.sortOrder]);const w=(l,s)=>{let v=s;r.sortKey===l&&(v=s==="ascending"?"descending":"ascending"),a?.(l,v)},$=b.find(l=>l.key===r.sortKey)??b[0],x=l=>b.find(s=>s.key===l)?.value??"",h=b.map(l=>l.key),u=te.getLocalizedStrings().spendManagement.billPay.billsByTabs;return m==="small"?t.jsxs(st,{windowSize:m,companyNameSticky:!1,children:[t.jsxs(zi,{children:[t.jsx(Ii,{children:t.jsx(Li,{})}),t.jsx(ft,{title:u.sortBy,placeholder:u.sortBy,pickerValues:h,valueToLabel:x,selectedValue:r.sortKey,onPickerSelectionChanged:l=>{w(l,"ascending")},optionTextStyle:ze.smallRegular,titleTextStyle:ze.smallRegular,titleColor:d.colors.primary,selectedOptionColor:d.colors.hero,optionBackgroundColor:d.colors.grey5,downChevronVisible:!1,backgroundColor:d.colors.background})]}),t.jsxs(Ri,{onClick:()=>w($.key,$.sortOrder),"data-testid":ee("bill-pay-list-header-mobile",r.sortKey),children:[t.jsx(se,{children:$.value}),t.jsx(at,{sortDataValue:r.sortKey,headerdata:$,children:t.jsx(dt,{})})]})]}):t.jsx(st,{companyNameSticky:e,windowSize:m,children:b.map(l=>t.jsxs(_i,{companyNameSticky:e&&l.key==="name",sortDataValue:r.sortKey,actualDataValue:l.key,wrapperWidth:l.width,windowSize:m,children:[t.jsxs(Ai,{onClick:()=>w(l.key,l.sortOrder),"data-testid":ee("bill-pay-list-header",r.sortKey),children:[t.jsx(se,{children:l.value}),t.jsx(at,{sortDataValue:r.sortKey,headerdata:l,children:t.jsx(dt,{})})]}),t.jsx(Di,{sortDataValue:r.sortKey,windowSize:m,isVisible:r.sortKey===l.key&&l.key!=="dueDate",children:t.jsx(Bi,{onClick:()=>w("dueDate","ascending"),"data-testid":ee("bill-pay-list-header-sort-close",r.sortKey)})})]},l.key))})}const Et=Dt.memo(ji),st=o(se)`
+import{a9 as Gt,cC as Ht,q as H,kW as Qt,V as t,ac as Xt,cn as Zt,co as Jt,cp as Yt,aP as ei,o as i,F as te,cb as ti,ck as rt,g2 as ii,b2 as oi,cr as ni,iO as li,iP as ri,k as si,bR as Y,d as Le,bM as ai,aR as di,y as p,g3 as ci,kX as pi,p as G,cW as mi,am as K,al as F,ah as se,bC as ui,bP as ft,b as ze,aN as ee,aH as xe,iX as $t,iY as vt,kY as hi,f6 as gi,kZ as bi,k_ as St,k$ as kt,k6 as yi,l0 as xi,l1 as wi,c,iW as Tt,cw as Pt,cz as Ct,aw as Ze,gG as Je,a8 as Ye,gh as et,cP as jt,l2 as _t,l3 as Ie,aL as De,l4 as tt,l5 as Bt,l6 as E,l7 as zt,gt as Lt,cU as It,dq as it}from"./index-BN936vRr.js";import{a as P,S as Dt}from"./sentry-BCzFscbx.js";import{n as o,c as Z}from"./mui-DQOtlcvt.js";import{Gy as ke,Ge as Te,FH as Ae,bp as At}from"./zeni-epic-state-DIO-8j7m.js";import{K as fi,L as $i,_ as vi}from"./StatusSwitcher-CiOSpmnA-COfWLIsO.js";import{d as Rt}from"./useLongPress-GCK2COYQ-DdGlrNjq.js";import"./liveblocks-CUzvdZes.js";import"./core-BkA0GZqz.js";import"./recharts-DEFzfhhe.js";import"./lottie-BXNphAUg.js";import"./analytics-ko5civJt.js";import"./lexical-NKD2Ns4v.js";import"./utils-CGlY-GM2.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="8d042c0f-62f6-4b1b-8a11-1a6482e2fffa",e._sentryDebugIdIdentifier="sentry-dbid-8d042c0f-62f6-4b1b-8a11-1a6482e2fffa")}catch{}})();const he=te.getLocalizedStrings().spendManagement.billPay.billsByTabs.header,Re={key:"name",value:he.name,sortOrder:"ascending",width:new p(c[5],c[5])},Ee={key:"invoiceDate",value:he.invoiceDate,sortOrder:"ascending",width:new p(20,20)},Si={key:"dueDate",value:he.dueDate,sortOrder:"ascending",width:new p(20,20)},ot={key:"dueDate",value:he.paymentDate,sortOrder:"ascending",width:new p(20,20)},nt={key:"status",value:he.status,sortOrder:"ascending",width:new p(18,18)},ki={key:"paymentMethod",value:he.paymentMethod,sortOrder:"ascending",width:new p(18,18)},Fe={key:"amount",value:he.amount,sortOrder:"ascending",width:new p(10,10)},be=[Re,Ee,Si,nt,Fe],Ti=[Re,Ee,ot,nt,Fe],Pi=[Re,Ee,ot,nt,Fe],Ci=[Re,Ee,ot,ki,Fe],ge={headerLastColumnTopPadding:new p(c[0],c[4]),headerLastColumnRightPadding:new p(c[3],c[11]),headerLastColumnBottomPadding:new p(c[0],c[4]),headerLastColumnLeftPadding:new p(c[0],c[4]),headerHeight:new p($t,vt)};function ji({companyNameSticky:e,currentTab:n,onColumnSortConfigChanged:a,sortConfig:r}){const d=Le(),m=H(),[b,y]=P.useState(Ei(n));P.useEffect(()=>{const l=[...b];for(const s of l)s.key===r.sortKey?s.sortOrder=r.sortOrder:s.sortOrder="ascending";y(l)},[r.sortKey,r.sortOrder]);const w=(l,s)=>{let v=s;r.sortKey===l&&(v=s==="ascending"?"descending":"ascending"),a?.(l,v)},$=b.find(l=>l.key===r.sortKey)??b[0],x=l=>b.find(s=>s.key===l)?.value??"",h=b.map(l=>l.key),u=te.getLocalizedStrings().spendManagement.billPay.billsByTabs;return m==="small"?t.jsxs(st,{windowSize:m,companyNameSticky:!1,children:[t.jsxs(zi,{children:[t.jsx(Ii,{children:t.jsx(Li,{})}),t.jsx(ft,{title:u.sortBy,placeholder:u.sortBy,pickerValues:h,valueToLabel:x,selectedValue:r.sortKey,onPickerSelectionChanged:l=>{w(l,"ascending")},optionTextStyle:ze.smallRegular,titleTextStyle:ze.smallRegular,titleColor:d.colors.primary,selectedOptionColor:d.colors.hero,optionBackgroundColor:d.colors.grey5,downChevronVisible:!1,backgroundColor:d.colors.background})]}),t.jsxs(Ri,{onClick:()=>w($.key,$.sortOrder),"data-testid":ee("bill-pay-list-header-mobile",r.sortKey),children:[t.jsx(se,{children:$.value}),t.jsx(at,{sortDataValue:r.sortKey,headerdata:$,children:t.jsx(dt,{})})]})]}):t.jsx(st,{companyNameSticky:e,windowSize:m,children:b.map(l=>t.jsxs(_i,{companyNameSticky:e&&l.key==="name",sortDataValue:r.sortKey,actualDataValue:l.key,wrapperWidth:l.width,windowSize:m,children:[t.jsxs(Ai,{onClick:()=>w(l.key,l.sortOrder),"data-testid":ee("bill-pay-list-header",r.sortKey),children:[t.jsx(se,{children:l.value}),t.jsx(at,{sortDataValue:r.sortKey,headerdata:l,children:t.jsx(dt,{})})]}),t.jsx(Di,{sortDataValue:r.sortKey,windowSize:m,isVisible:r.sortKey===l.key&&l.key!=="dueDate",children:t.jsx(Bi,{onClick:()=>w("dueDate","ascending"),"data-testid":ee("bill-pay-list-header-sort-close",r.sortKey)})})]},l.key))})}const Et=Dt.memo(ji),st=o(se)`
   width: 100%;
   top: ${i.sp0};
   left: ${i.sp0};