@zeniai/web-cockpit-ui 1.14.90-qa → 1.14.91-dev

package/dist/assets/SignIn-BhIof_Cm-Stp0fHNQ.js

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

package/dist/assets/SignInScreen-ApNcuhAj.js

@@ -0,0 +1 @@
+import{j as d}from"./mui-DpJXlk4t.js";import{w as f,p as S,n as g,u as m,a as I,N as w,S as h,o as y}from"./core-CA3j8Axi.js";import{z as l,d as E,F as b,e as C,C as v,a5 as U,g as u}from"./index-DJLrbf0F.js";import{Ew as x,Ex as T,Ey as z,Ez as L,E2 as p}from"./zeni-epic-state-CQt4n3Xe.js";import{f as D}from"./analyticsHelper-D88-Oppk.js";import{d as P}from"./sentry-BA4piVNf.js";import"./lottie-B7mXQ-R-.js";import"./liveblocks-C2I4vRCJ.js";import"./utils-DUsHM-Uc.js";import"./analytics-CHPpxU3b.js";import"./recharts-BGdJnVo5.js";import"./lexical-dZFDzIA1.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]="74f2302b-e5f5-482e-915e-767136767fa6",e._sentryDebugIdIdentifier="sentry-dbid-74f2302b-e5f5-482e-915e-767136767fa6")}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)=>{P({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(L({authCode:n,oauthProvider:t,appType:"web",redirectUri:p(c),sourceUri:p(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(z())}}}const k=y(A,N)(U),_=h.memo(k);function W(){const e=f(),i=S(),a=l.getSignedInUser(),r=g(o=>o.tenantState.fetchState),n=g(o=>o.tenantState.signInState),t=g(o=>o.tenantState.loggedInUser),c=E().mode,s=m();if(I.useEffect(()=>{if(n==="In-Progress"&&r==="Completed"&&t?.zeniSessionId!=null){l.saveSignedInUserWithSession(t,t.zeniSessionId),x(t.userId,t.zeniSessionId),e(T("Completed")),b.updateAppLocaleID("en"),D(t,c);const o=s.state?.queryParams;setTimeout(()=>{C.trackLogin(v.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(w,{to:o,state:{...s.state,origin:""}})}else return d.jsx(_,{navigate:i,location:s})}export{W as default};

package/dist/assets/SpendManagementListViewPage-BEWNNX_Z-Qf8TDCkQ.js

@@ -0,0 +1,123 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/SpendManagementPerTabPage-Vs1Eoxgd-DGhcXeqs.js","assets/index-DJLrbf0F.js","assets/core-CA3j8Axi.js","assets/mui-DpJXlk4t.js","assets/sentry-BA4piVNf.js","assets/zeni-epic-state-CQt4n3Xe.js","assets/lottie-B7mXQ-R-.js","assets/liveblocks-C2I4vRCJ.js","assets/utils-DUsHM-Uc.js","assets/analytics-CHPpxU3b.js","assets/recharts-BGdJnVo5.js","assets/lexical-dZFDzIA1.js","assets/index-t8y498Dk.css","assets/StatusSwitcher-7fiKLb5g-cQtYU__8.js","assets/useLongPress-GCK2COYQ-Ch-mrcwO.js"])))=>i.map(i=>d[i]);
+import{Fs as He,Fr as Ve,FB as Je,FF as N,FG as Ke,FH as We,FI as qe,FJ as Qe,ce as Ye,cf as Ze,bb as Xe}from"./zeni-epic-state-CQt4n3Xe.js";import{d as et,av as tt,q as z,F as U,gc as ot,ge as at,V as o,gz as it,bz as nt,b as st,o as t,dw as rt,gQ as D,bg as lt,gn as ct,y as w,gR as dt,gS as ut,gT as mt,p as T,an as pt,c as C,L as ht,bS as bt,ak as yt,cf as gt,gU as ft,u as wt,al as Ct}from"./index-DJLrbf0F.js";import{a as h}from"./core-CA3j8Axi.js";import{n as l,k as G}from"./mui-DpJXlk4t.js";import{a as Tt}from"./liveblocks-C2I4vRCJ.js";import{K as xt}from"./SpendManagementSection-C38Zpi1z-Hvu4v5m7.js";import{K as vt}from"./StatusSwitcher-7fiKLb5g-cQtYU__8.js";import"./sentry-BA4piVNf.js";import"./lottie-B7mXQ-R-.js";import"./analytics-CHPpxU3b.js";import"./recharts-BGdJnVo5.js";import"./utils-DUsHM-Uc.js";import"./lexical-dZFDzIA1.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},c=new e.Error().stack;c&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[c]="254cc35e-2dd9-4b05-92f4-4e28d5d88e52",e._sentryDebugIdIdentifier="sentry-dbid-254cc35e-2dd9-4b05-92f4-4e28d5d88e52")}catch{}})();const O=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"})),f={width:new w(343,545,545),containerTop:new w(17,25,25),containerPaddingLeftRight:new w(C[4],C[7])},St=l.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 10;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: ${T.overlayDark};
+  .fade {
+    animation: ${e=>It(e)} 0.25s linear;
+  }
+`,kt=({windowSize:e})=>G`
+0% {
+  top: 100%;
+}
+100% {
+  top: ${f.containerTop.valuePercentage(e)};
+}
+`,It=({windowSize:e})=>G`
+0% {
+  top: ${f.containerTop.valuePercentage(e)};
+}
+100% {
+  top: 100%;
+}
+`,$t=l.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%":f.containerTop.valuePercentage(e.windowSize)};
+  padding: ${e=>`${t.sp7}  ${f.containerPaddingLeftRight.valuePx(e.windowSize)}`};
+  width: ${e=>f.width.valuePx(e.windowSize)};
+  animation: ${e=>kt(e)} 0.25s linear;
+  box-shadow: ${T.Elevation2Dark};
+`,Bt=l(bt)`
+  margin-bottom: ${t.sp5};
+  color: ${e=>e.theme.colors.primary};
+  word-break: break-word;
+`,Et=l.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;
+`,Lt=l(yt)`
+  width: calc(100% - ${t.sp7});
+  color: ${e=>e.theme.colors.primary};
+  text-align: start;
+`,At=l.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: ${t.sp5};
+`,Rt=l.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};
+`,Pt=l(ft)`
+  width: ${t.sp3};
+  height: ${t.sp3};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,jt=l.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.showCopyText?e.theme.colors.primary:e.theme.colors.grey1};
+`,Ft=l(gt)`
+  margin-right: ${t.sp2};
+  color: ${e=>e.showCopyText?e.theme.colors.champion:e.theme.colors.primary};
+`,_t=l(wt)`
+  width: ${t.sp3};
+  height: ${t.sp3};
+  color: ${T.success};
+`,Dt=l(ht)`
+  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};
+  }
+`,Ot=l.div`
+  width: 100%;
+`,Mt=l(Ct)`
+  color: ${e=>e.theme.colors.primary};
+  position: absolute;
+  bottom: 22px;
+`,M=U.getLocalizedStrings().common.copyToClipBoard;function Nt(e){const c=z(),[,u]=ut(),[d,m]=h.useState(!0),[i,a]=h.useState(!1),[s,n]=h.useState(!1),{isMobileOrTabletScreen:y}=mt(),x=()=>{if(d){const g=e.botEmail;u(g),m(!1)}},v=()=>{a(!0)},S=()=>{a(!1)};return h.useEffect(()=>{d===!1&&setTimeout(()=>{m(!0)},2e3)},[d]),o.jsx(St,{windowSize:c,role:"presentation",style:{background:T.overlayDark,...e.style},children:o.jsx(pt,{onClickAway:()=>{n(!0),setTimeout(()=>e.onCancelClick?.(),250)},children:o.jsxs($t,{windowSize:c,className:s?"fade":"",fade:s,children:[o.jsx(Dt,{onClick:()=>{n(!0),setTimeout(()=>e.onCancelClick?.(),250)}}),o.jsx(Bt,{children:e.title}),o.jsx(Ot,{children:e.descriptionLines.map((g,r)=>o.jsxs(At,{children:[o.jsx(Et,{children:g.icon}),o.jsx(Lt,{windowSize:c,children:g.text})]},r))}),o.jsxs(Rt,{onClick:x,onMouseOver:v,onMouseLeave:S,showCopyIcon:d,showCopyText:i,children:[o.jsx(Ft,{showCopyText:i,children:e.botEmail}),d?o.jsx(jt,{windowSize:c,showCopyText:i&&!y,children:o.jsx(Pt,{})}):o.jsx(_t,{})]}),o.jsx(Mt,{children:d?i&&!y?M.copy:null:M.copied})]})})})}const H=U.getLocalizedStrings(),p=H.spendManagement,{common:{texts:{comments:zt}},collaboration:{threads:{placeholder:{addANewComment:Ut,replyAComment:Gt},tooltip:{resolveComment:Ht,unResolveComment:Vt}}}}=H,Jt={drawerSectionPaddingLeftRight:new w(C[4],C[5])},Kt=dt(()=>Xe(()=>import("./SpendManagementPerTabPage-Vs1Eoxgd-DGhcXeqs.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14]))),mo=e=>{const c=et(),u=tt(),d=z(),{transactionList:m,allSubTabs:i,isAdmin:a,botEmail:s,isEmployee:n=!1,currentTab:y,currentSubTab:x,approvalCount:v,fetchState:S,analytics:g,entity:r,uiState:V,searchText:$,filters:J,vendorSearchAutoCompleteData:K,vendorSearchAutoCompleteActions:W,createdByUserList:q,createdByUserListFetchState:B,downloadParams:Q,downloadState:Y,isDownloadEnabled:Z,isShowDeletedBillsEnabled:X,isShowDeletedReimbursementEnabled:ee,isListeningToPusherEventForBillPayApprovalRules:te,isListeningToPusherEventForReimbursementApprovalRules:oe,isBillPayCommentingEnabled:E,isReimbursementCommentingEnabled:L,isDetectInsufficientFundsEnabled:ae=!1,updateTabToState:ie,onSubtabChange:A,onReloadTransactions:ne,onTransactionClick:R,onClickSetupIcon:P,onBackClick:se,onAddTransactionClick:re,onColumnSortConfigChanged:le,onSearchTextChanged:ce,onClickMenuIcon:de,onFiltersChange:ue,updateDownloadStateHandler:me,bulkSubmissionLimit:pe=10,isBulkActionAllowed:he=!1,isRecurringBillInBulkActionList:be=!1,transactionsSelectedForBulkAction:ye=[],allowedBulkActions:ge=[],bulkSubmissionFetchState:fe,updateBulkActionList:we,removeAllTransactionsFromBulkActionList:Ce,onProceedForBulkActionClick:Te}=e,xe=["draft","pending_approval","scheduled","paid"],ve=b=>{R(b,y)},Se=o.jsx(Kt,{botEmail:s,transactionList:m,allSubTabs:i,isAdmin:a,selectedTab:y,selectedSubTab:x,fetchState:S,onSubtabChange:A,onTransactionRowClick:ve,onReloadTransactions:ne,onColumnSortConfigChanged:le,analytics:g,entity:r,uiState:V,searchText:$,isShowDeletedBillsEnabled:X,isShowDeletedReimbursementEnabled:ee,isListeningToPusherEventForBillPayApprovalRules:te,isListeningToPusherEventForReimbursementApprovalRules:oe,isBillPayCommentingEnabled:E,isReimbursementCommentingEnabled:L,bulkSubmissionLimit:pe,isBulkActionAllowed:he,isRecurringBillInBulkActionList:be,transactionsSelectedForBulkAction:ye,isDetectInsufficientFundsEnabled:ae,allowedBulkActions:ge,bulkSubmissionFetchState:fe,updateBulkActionList:we,removeAllTransactionsFromBulkActionList:Ce,onProceedForBulkActionClick:Te}),ke=b=>{ie(b),A("all")},Ie=He(u.loggedInUserRoleMap),[j,$e]=h.useState(!1),[Be,F]=h.useState(!1),Ee=b=>{$e(b)},Le=r==="bill_pay"?Ve(u.loggedInUserRoleMap):Je(u.loggedInUserRoleMap),Ae={entity:r,showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!0,newButtonLabel:"New",isSearchOpen:j,searchPlaceHolder:r==="bill_pay"?p.billPay.billsByTabs.searchPlaceHolder:p.reimbursement.reimbursementByTabs.searchPlaceHolder,searchText:$,searchTextBoxStyle:{right:"204px"},showSettingsIconOnNavbar:Le,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!0,disableDownloadButton:Z===!1,downloadParams:Q,downloadState:Y,filters:J,vendorSearchAutoCompleteData:K,vendorSearchAutoCompleteActions:W,createdByUserListLoaded:r==="bill_pay"||N(u.loggedInUserRole??[])?!0:B==="Completed"||B==="Error",analytics:g,onNewButtonClick:re,onSearchOpen:Ee,onSearchTextChanged:ce,onClickSetupIcon:P,onClickEmailInfoIcon:()=>F(!0),onFiltersChange:ue,getFilterOptions:r==="bill_pay"||r==="reimbursement"?()=>Wt(r,q??[],u.loggedInUserRole??[],[]):void 0,updateDownloadStateHandler:me},Re=o.jsx(xt,{spendManagementSectionProps:Ae}),[Pe,je]=h.useState(null),[Fe,k]=h.useState(!1),{setRequestToOpenThread:_e}=h.useContext(ot),De=`dashboard_${u.currentTenant?.companyId}`,_=r==="bill_pay"?"bill":"reimbursement",{threads:Oe}=at({application:"dashboard",companyId:u.currentTenant?.companyId,tab:_,entityId:Pe?.entityId,isGlobalComment:!1},"both",!1),Me={openAllThreadsDrawer:b=>{je({...b}),k(!0)}},Ne=(b,I)=>{const{companyId:ze,entityId:Ue,entityType:Ge}=b;k(!1),_e({threadId:I,companyId:ze,entityType:Ge}),R(Ue,y)};return o.jsx(it,{sharedItems:{sharedFunctions:{subtreeFunctions:Me},sharedRef:void 0},children:o.jsxs(qt,{children:[o.jsx(nt,{source:"SpendManagementListViewPage",title:r==="bill_pay"?p.billPay.billsByTabs.pageTitle:p.reimbursement.reimbursementByTabs.pageTitle,showBackButton:!n&&!Ie,showMenuIcon:d==="medium-compact"||d==="small",backgroundColor:c.colors.grey4,style:{zIndex:3,...st.largeSemiBold.cssObject},onBackClick:se,rightSideComponent:Re,onClickMenuIcon:de,isSearchOpen:j}),o.jsxs(Qt,{children:[o.jsx(Yt,{children:o.jsx(vt,{tabIds:xe,approvalCount:v,selectedTab:y,entity:r,enablePerformanceTracking:!1,onTabSelectedChange:ke,onClickSetupIcon:P})}),Se]}),Be?o.jsx(Nt,{botEmail:s,onCancelClick:()=>F(!1),title:r==="bill_pay"?p.billPay.billsByTabs.emailInfoTitle:p.reimbursement.reimbursementByTabs.emailInfoTitle,descriptionLines:r==="bill_pay"?[{icon:o.jsx(O,{width:t.sp4,height:t.sp4}),text:p.billPay.billsByTabs.emailInfoDescription1},{icon:o.jsx(rt,{width:t.sp4,height:t.sp4}),text:p.billPay.billsByTabs.emailInfoDescription2},{icon:o.jsx(D,{width:t.sp4,height:t.sp4}),text:p.billPay.billsByTabs.emailInfoDescription3}]:[{icon:o.jsx(O,{width:t.sp4,height:t.sp4}),text:p.reimbursement.reimbursementByTabs.emailInfoDescription1},{icon:o.jsx(lt,{width:t.sp4,height:t.sp4}),text:p.reimbursement.reimbursementByTabs.emailInfoDescription2},{icon:o.jsx(D,{width:t.sp4,height:t.sp4}),text:p.reimbursement.reimbursementByTabs.emailInfoDescription3}]}):null,r==="bill_pay"&&E||r==="reimbursement"&&L?o.jsx(Tt,{id:De,children:o.jsx(ct,{isDrawerOpen:Fe,allowComposer:!1,drawerTitle:zt,threads:Oe,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:u.currentTenant?.companyId,isGlobalComment:!1,tab:_},isLoading:!1,textOverrides:{composerPlaceholder:Ut,replyComposerPlaceholder:Gt,threadResolve:Ht,threadUnResolve:Vt},onThreadClick:(b,I)=>Ne(b,I),onCloseAllThreadsDrawer:()=>k(!1),drawerSectionStyle:{width:d==="small"?"100%":"400px",boxSizing:d==="small"?"border-box":"content-box",padding:`${t.sp0} ${Jt.drawerSectionPaddingLeftRight.valuePx(d)}`,backgroundColor:c.colors.background},collapsibleThreadStyle:{width:d==="small"?"100%":"360px"}})}):null]})})},Wt=(e,c,u,d)=>{const m=p.filters.filterOptions;return e==="bill_pay"?Ke.reduce((i,a)=>{switch(a.value){case"amount":return{...i,[a.value]:m.billAmountOptions};case"paymentMethod":return{...i,[a.value]:m.paymentMethodOptions};case"status":return{...i,[a.value]:[...m.commonStatusOptions,...m.billStatusOptions]};case"paymentType":return{...i,[a.value]:m.billPaymentTypeOptions};default:return{...i,[a.value]:[]}}},{}):e==="reimbursement"?(N(u)?We:qe).reduce((i,a)=>{switch(a.value){case"createdBy":{if(c?.length===0)return{...i,[a.value]:[]};const s=c.map(n=>({label:n?.firstName||n?.lastName?`${n?.firstName} ${n?.lastName}`:n?.email??"",value:n.userId,photo:n?.photo,email:n?.email}));return{...i,[a.value]:s}}case"paymentMethod":return{...i,[a.value]:m.paymentMethodOptions};case"status":return{...i,[a.value]:m.commonStatusOptions};case"amount":return{...i,[a.value]:m.reimbursementAmountOptions};default:return{...i,[a.value]:[]}}},{}):Qe.reduce((i,a)=>{switch(a.value){case"assignee":{if(c?.length===0)return{...i,[a.value]:[]};const s=c.map(n=>({label:n?.firstName||n?.lastName?`${n?.firstName} ${n?.lastName}`:n?.email??"",value:n.userId,photo:n?.photo,email:n?.email}));return{...i,[a.value]:s}}case"status":return{...i,[a.value]:[...Ze.map(s=>({label:s.name,value:s.code}))]};case"priority":return{...i,[a.value]:[...Ye.map(s=>({label:s.name,value:s.code}))]};case"tag":return{...i,[a.value]:[...d.map(s=>({label:s.name,value:s.tagId}))]};default:return{...i,[a.value]:[]}}},{})},qt=l.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+`,Qt=l.div`
+  display: block;
+  flex-wrap: wrap;
+  justify-content: center;
+  height: calc(100vh - ${t.sp10});
+`,Yt=l.div`
+  display: flex;
+  margin-top: ${t.sp3};
+  justify-content: center;
+`;export{mo as default,Wt as getDashboardFilterCategoryValues};