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

package/dist/assets/SignIn-9DfCxy9Q-D5TOW1KJ.js

@@ -0,0 +1,407 @@
+import{e as X,z as We,x as K,a as qe,M as C,j as i,b as E,G as Xe,F as Ke,R as Qe,o as n,c as pe,C as y,d as Ye,X as he,h as ve,g as m,L as ei,f as ii,i as Ie,k as ze,l as ni,m as me,n as oi,T as ri,J as Ee,p as Me,v as V,B as Q,r as ti,q as si,s as M,t as li,w as ai,y as di,A as ci}from"./index-B8OsEhOZ.js";import{b as d,n as o,f as gi,k as Le,j as pi}from"./vendor-rkTZJa59.js";import{a as hi}from"./ZeniCopyright-rY1T9xhh-Dfov-yky.js";import{_ as mi}from"./ProductsCarousel-C4J19mb--DcgR5jdw.js";import{t as wi}from"./handshake-BPg58FML-CVKh3Eii.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const xi=(e=.68,c=1.3,l=1440,g=2560)=>{const[p,a]=d.useState(()=>typeof window<"u"?window.innerWidth:l);return d.useEffect(()=>{const w=()=>{a(window.innerWidth)};return window.addEventListener("resize",w),()=>window.removeEventListener("resize",w)},[]),ui(p,e,c,l,g)},ui=(e,c,l,g,p)=>{const a=Math.max(g,Math.min(p,e)),w=l-c,x=p-g,$=x>0?(a-g)/x:0;return c+w*$},fi=e=>d.createElement("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},d.createElement("path",{d:"M5.49686 0.437846C3.50884 1.1044 1.81485 2.56223 0.871312 4.40709C0.542169 5.04355 0.305187 5.71871 0.160364 6.41967C-0.199498 8.15702 0.0506501 10.0105 0.866923 11.593C1.39794 12.6251 2.16155 13.5454 3.08315 14.2636C3.95647 14.943 4.97023 15.4505 6.04982 15.73C7.41028 16.0869 8.8585 16.0783 10.2277 15.773C11.4653 15.4935 12.6371 14.9129 13.5718 14.07C14.5592 13.1799 15.2658 12.0102 15.6388 10.7502C16.047 9.37833 16.0996 7.9119 15.8451 6.50138C13.2866 6.50138 10.7236 6.50138 8.16511 6.50138C8.16511 7.54207 8.16511 8.58276 8.16511 9.62345C9.64844 9.62345 11.1318 9.62345 12.6151 9.62345C12.444 10.6211 11.8383 11.5328 10.9826 12.0962C10.4428 12.4531 9.82399 12.681 9.18326 12.7928C8.54253 12.9003 7.87546 12.9132 7.23473 12.7885C6.58084 12.6595 5.96205 12.3929 5.41787 12.0188C4.54893 11.421 3.88626 10.548 3.54834 9.56325C3.20164 8.56126 3.19725 7.44746 3.54834 6.44977C3.7941 5.74451 4.19784 5.09515 4.73325 4.56191C5.39153 3.89965 6.24731 3.42661 7.17329 3.23309C7.96323 3.06968 8.79706 3.09978 9.56945 3.3277C10.2277 3.52122 10.8334 3.87815 11.3293 4.34259C11.8296 3.85235 12.3299 3.3621 12.8302 2.87186C13.0935 2.60954 13.3699 2.35581 13.6245 2.08489C12.8653 1.39683 11.97 0.842081 10.9957 0.48945C9.24031 -0.147006 7.26545 -0.159907 5.49686 0.437846Z",fill:"white"}),d.createElement("path",{d:"M5.49686 0.43784C7.26106 -0.159913 9.2403 -0.147012 10.9957 0.485144C11.97 0.837775 12.8609 1.38822 13.6245 2.08058C13.3699 2.35151 13.0935 2.60523 12.8302 2.86755C12.3299 3.3578 11.8296 3.84804 11.3293 4.33828C10.8334 3.87384 10.2277 3.52121 9.56945 3.32339C8.79706 3.09547 7.96323 3.06107 7.17329 3.22879C6.25169 3.4223 5.39592 3.89534 4.73325 4.5576C4.19784 5.08655 3.79409 5.74021 3.54833 6.44547C2.65745 5.76601 1.76657 5.09085 0.871307 4.41139C1.81485 2.56223 3.50884 1.1044 5.49686 0.43784Z",fill:"#EA4335"}),d.createElement("path",{d:"M0.164771 6.41539C0.309594 5.71873 0.546576 5.03927 0.875719 4.40282C1.7666 5.08228 2.65748 5.75744 3.55274 6.4369C3.20166 7.43888 3.20166 8.55268 3.55274 9.55037C2.66186 10.2298 1.77099 10.9093 0.880107 11.5844C0.0550569 10.0062 -0.195091 8.15275 0.164771 6.41539Z",fill:"#FBBC05"}),d.createElement("path",{d:"M8.16515 6.49707C10.7237 6.49707 13.2866 6.49707 15.8451 6.49707C16.0997 7.90329 16.0426 9.36972 15.6389 10.7458C15.2659 12.0059 14.5593 13.1756 13.5719 14.0657C12.7073 13.4078 11.8428 12.7498 10.9782 12.0919C11.834 11.5285 12.4396 10.6168 12.6108 9.61914C11.1274 9.61914 9.6441 9.61914 8.16077 9.61914C8.16516 8.57845 8.16515 7.53776 8.16515 6.49707Z",fill:"#4285F4"}),d.createElement("path",{d:"M0.871338 11.5887C1.76222 10.9135 2.6531 10.2341 3.54397 9.55461C3.88628 10.5394 4.54457 11.4124 5.4135 12.0101C5.95769 12.3843 6.58086 12.6509 7.23037 12.7799C7.8711 12.9089 8.53377 12.8917 9.17889 12.7842C9.81962 12.6724 10.4384 12.4445 10.9782 12.0875C11.8428 12.7455 12.7073 13.4034 13.5718 14.0614C12.6371 14.9086 11.4653 15.4848 10.2278 15.7644C8.85853 16.0697 7.4103 16.0783 6.04985 15.7214C4.97026 15.4418 3.9565 14.9387 3.08317 14.2549C2.16596 13.5411 1.40235 12.6208 0.871338 11.5887Z",fill:"#34A853"})),$i=e=>d.createElement("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},d.createElement("path",{d:"M0 0H7.58546V7.58546H0V0Z",fill:"#F25022"}),d.createElement("path",{d:"M8.37742 0H15.9629V7.58546H8.37742V0Z",fill:"#7FBA00"}),d.createElement("path",{d:"M0 8.37741H7.58546V15.9629H0V8.37741Z",fill:"#00A4EF"}),d.createElement("path",{d:"M8.41454 8.41454H16V16H8.41454V8.41454Z",fill:"#FFB900"})),Si=o.div`
+  margin-left: ${n.sp3};
+  color: ${e=>e.theme.colors.primary};
+  font-family: ${ci.Roboto};
+  ${e=>{const c=e.windowSize==="small"?V.standardMedium:V.largeMedium;return`
+      font-size: ${c.fontSize};
+      font-weight: ${c.fontWeight};
+      line-height: ${c.lineHeight};
+    `}}
+`,bi=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  width: ${e=>e.windowSize==="small"?"100%":"264px"};
+  min-height: ${e=>e.windowSize==="small"?n.sp7:n.sp8};
+  border: 1px solid;
+  box-sizing: border-box;
+  border-radius: ${n.sp2};
+
+  opacity: ${e=>e.disabled?.32:1};
+  border-color: ${e=>e.disabled?e.theme.colors.hero:e.theme.colors.grey1};
+  color: ${e=>e.theme.colors.brandColorSapphireLight};
+  background-color: ${e=>e.theme.colors.grey5};
+  cursor: ${e=>e.disabled?"default":"pointer"};
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+  }
+`,yi=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`,Ci=o(fi)`
+  height: ${n.sp3};
+  width: ${n.sp3};
+`,ki=o($i)`
+  height: ${n.sp3};
+  width: ${n.sp3};
+`;function _e({type:e,titleText:c,disabled:l,loadingIndication:g,onClick:p}){const a=X(),w=i.jsxs(yi,{children:[e==="Google"?i.jsx(Ci,{}):i.jsx(ki,{}),i.jsx(Si,{windowSize:a,children:c})]});return i.jsx(bi,{windowSize:a,disabled:l===!0,onClick:l===!0?void 0:p,children:g===!0?i.jsx(oi,{size:"Standard",start:g===!0}):w})}const ji=({inProgress:e,disabled:c,onSuccess:l,onSignedInCallback:g,getSignedInUser:p,onError:a})=>{const{analytics:w}=K(),x=ni({onSuccess:l,flow:"auth-code",onError:a}),$=()=>{if(p()!=null){g();return}w.trackSignInClick("google"),x()};return i.jsx(_e,{onClick:$,disabled:c,type:"Google",titleText:C.getLocalizedStrings().signIn.signInGoogleButton,loadingIndication:e})},vi=e=>{const{clientId:c,scopes:l,getSignedInUser:g,onSignedInCallback:p,render:a,onSuccess:w,onFailure:x,disabled:$}=e,{analytics:F}=K();let{responseType:k,responseMode:S,prompt:z,redirectUri:L}=e,t,b;const _="https://login.microsoftonline.com/common/oauth2/v2.0/authorize",G=["openid","profile"];k=k??"code",S=S??"fragment",z=z??"consent",gi.useEffect(()=>{const u=me.toZeniUrl(window.location[S==="fragment"?"hash":"search"],!0).query;(window.location.search||window.location.hash)&&(u.code!=null||u.access_token!=null||u.error!=null)&&P()},[]);const O=()=>{const u=encodeURIComponent((l??G).join(" "));return L=L??window.location.origin+window.location.pathname,`${_}?client_id=${c}&response_type=${k}&redirect_uri=${encodeURIComponent(L)}&scope=${u}&prompt=${z}&response_mode=${S}`},P=()=>{window.opener?.authScope.authCompletedCB(me.toZeniUrl(window.location[S==="fragment"?"hash":"search"],!0).query),window.close()};return a({onClick:()=>{if(g()!=null){p();return}F.trackSignInClick("microsoft"),t=!1;const u=(h,B)=>{const A=window.screen.width/2-287.5,T=window.screen.height/2-600/2,D=window.open(h,B,`toolbar=0,status=0, width=575, height=600, top=${T}, left=${A}`);b=setInterval(()=>{D.closed&&!t&&(x({error:C.getLocalizedStrings().signIn.signInError,errorDetail:{reason:"Signin popup window was closed"}}),clearInterval(b))},500)};window.authScope={authCompletedCB:h=>{t=!0,clearInterval(b),k==="code"&&h.code?w({code:h.code}):k==="token"&&h.access_token?w({accessToken:h.access_token,tokenType:h.token_type,scope:h.scope}):h.error==="access_denied"?x({error:C.getLocalizedStrings().signIn.signInAuthError,errorDetail:h}):x({error:C.getLocalizedStrings().signIn.signInError,errorDetail:h})}},u(O(),"Microsoft Sign In")},disabled:$})},R={width:new y(343,572,572),containerTop:new y(17,25,25)},{signIn:{emailNotFoundPopup:U},common:{gotIt:Ii}}=C.getLocalizedStrings();function zi({signInError:e,onClose:c}){const l=X(),[g,p]=d.useState(!1),a=e?.email;return i.jsx(Ei,{windowSize:l,role:"presentation",style:{background:m.overlayDark},children:i.jsx(si,{onClickAway:()=>{p(!0),c()},children:i.jsxs(_i,{windowSize:l,className:g?"containerClass fade":"containerClass",fade:g,children:[i.jsxs(Pi,{children:[U.title,i.jsx(Oi,{children:a})]}),i.jsxs(Bi,{children:[i.jsxs(q,{children:[i.jsx(N,{children:i.jsx(Ti,{})}),i.jsx(W,{windowSize:l,children:U.confirmEmail})]}),i.jsxs(q,{children:[i.jsx(N,{children:i.jsx(Fi,{})}),i.jsx(W,{windowSize:l,children:U.checkAccess})]}),i.jsxs(q,{children:[i.jsx(N,{children:i.jsx(Vi,{})}),i.jsx(W,{windowSize:l,children:U.contactZeni})]})]}),i.jsx(Ee,{label:Ii,variant:"primary",onClick:()=>{p(!0),c()}})]})})})}const Ei=o.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 10;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: ${m.overlayDark};
+  .fade {
+    animation: ${e=>Li(e)} 0.25s linear;
+  }
+`,Mi=({windowSize:e})=>Le`
+  0% {
+    top: 100%;
+  }
+  100% {
+    top: ${R.containerTop.valuePercentage(e)};
+  }
+`,Li=({windowSize:e})=>Le`
+  0% {
+    top: ${R.containerTop.valuePercentage(e)};
+  }
+  100% {
+    top: 100%;
+  }
+`,_i=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%":R.containerTop.valuePercentage(e.windowSize)};
+  padding: ${n.sp5} ${n.sp0};
+  width: ${e=>R.width.valuePx(e.windowSize)};
+  animation: ${e=>Mi(e)} 0.25s linear;
+  box-shadow: ${m.Elevation2Dark};
+  overflow: hidden;
+  z-index: 1;
+  ::before {
+    content: "";
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 100%;
+    background-image: ${e=>e.theme.mode==="dark"?"url(https://storage.googleapis.com/zeni-apis.appspot.com/images/infinite-pattern-dark-1.svg)":"url(https://storage.googleapis.com/zeni-apis.appspot.com/images/infinite-pattern-light-1.svg)"};
+    z-index: -1;
+    transform: rotate(-8.9deg);
+    background-size: contain;
+    background-repeat: no-repeat;
+    scale: ${e=>e.windowSize==="small"?"142%":"125%"};
+    background-position: ${e=>e.windowSize==="small"?"5px 100%":"42px 180%"};
+  }
+`,Pi=o(li)`
+  margin-bottom: ${n.sp6};
+  color: ${m.important};
+  padding: ${n.sp0} ${n.sp6};
+`,N=o.div`
+  margin-right: 12px;
+  height: ${n.sp7};
+  width: ${n.sp7};
+  background-color: ${e=>e.theme.mode==="dark"?m.brandColorJadeDark:m.brandColorJadeLight};
+  border-radius: ${n.sp4};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,W=o(Me)`
+  width: calc(100% - 120px);
+  color: ${e=>e.theme.colors.primary};
+  text-align: start;
+`,q=o.div`
+  display: flex;
+  align-items: center;
+  margin-bottom: ${n.sp5};
+`,Y=e=>pi`
+  width: ${n.sp4};
+  height: ${n.sp4};
+  color: ${e.theme.colors.primary};
+`,Ti=o(ze)`
+  ${Y};
+`,Vi=o(wi)`
+  ${Y};
+`,Fi=o(di)`
+  ${Y};
+`,Oi=o(ai)`
+  word-break: break-all;
+`,Bi=o.div`
+  padding: ${n.sp0} ${n.sp6};
+`,s=C.getLocalizedStrings(),Pe={signInHeading:new he("h5Regular","h2Regular"),signInMessage:new he("standardRegular","h6Regular")},I={ZeniLogoContainerLeftMargin:new y(M[0],M[5]),ZeniLogoContainerTopMargin:new y(12,M[3]),headingContainerTopMargin:new y(36,10),signInContainerPaddingTop:new y(M[12],M[4]),emailInputFontSize:new y(V.standardRegular.fontSizeValue,V.extraLargeRegular.fontSizeValue),emailInputVerticalPadding:new y(M[3],12)},Ai=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;
+`,Di=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};
+`,we=o(ve)`
+  ${e=>`${Pe.signInHeading.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+`,xe=o(ve)`
+  ${e=>`${Pe.signInMessage.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.champion};
+  text-align: center;
+`,ue=o(Q)`
+  margin: ${n.sp0} ${n.sp0} ${n.sp0} ${n.sp0};
+  color: ${e=>e.theme.colors.grey1};
+`,fe=o(Q)`
+  margin: ${n.sp1} ${n.sp0} ${n.sp1} ${n.sp0};
+  color: ${e=>e.theme.colors.hero};
+  text-decoration: none;
+`,Zi=o(ti)`
+  color: ${m.important};
+  text-align: center;
+  white-space: pre;
+`,Ui=o.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${n.sp2};
+  flex-shrink: 0;
+  position: relative;
+  width: ${e=>e.windowSize==="small"?"100%":"unset"};
+`,Ri=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid
+    ${e=>e.hasError?m.important:e.theme.colors.grey1};
+  border-radius: ${n.sp2};
+  padding-top: ${e=>I.emailInputVerticalPadding.valuePx(e.windowSize)};
+  padding-bottom: ${e=>I.emailInputVerticalPadding.valuePx(e.windowSize)};
+  padding-left: ${n.sp4};
+  padding-right: ${n.sp2};
+  width: ${e=>e.windowSize==="small"?"100%":"354px"};
+  max-width: 100%;
+  height: ${n.sp8};
+  box-sizing: border-box;
+  &:focus-within,
+  &:hover {
+    border: 1px solid
+      ${e=>e.hasError?m.important:e.theme.colors.primary};
+  }
+`,Gi=o(ri,{shouldForwardProp:e=>e!=="isValid"&&e!=="windowSize"})`
+  flex: 1;
+
+  & .MuiOutlinedInput-root {
+    border: none;
+    box-shadow: none;
+
+    &:hover .MuiOutlinedInput-notchedOutline {
+      border: none;
+    }
+
+    &.Mui-focused .MuiOutlinedInput-notchedOutline {
+      border: none;
+    }
+
+    .MuiOutlinedInput-notchedOutline {
+      border: none;
+    }
+  }
+
+  & .MuiInputBase-input {
+    padding: ${n.sp0} ${n.sp2} ${n.sp0} ${n.sp0};
+    font-size: ${e=>I.emailInputFontSize.valuePx(e.windowSize)};
+    color: ${e=>e.isValid?e.theme.colors.primary:m.important};
+    height: auto;
+
+    &::placeholder {
+      color: ${e=>e.theme.colors.grey1};
+      opacity: 1;
+    }
+  }
+`,Hi=o(Ie)`
+  color: ${m.important};
+  text-align: center;
+  width: 100%;
+`,$e=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: ${n.sp3};
+  width: 100%;
+`,Se=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${n.sp3};
+  background-color: ${e=>e.isDarkTheme?m.neutralGrey5Dark:m.brandColorJadeLight}80;
+  border-radius: 50px;
+  padding: 12px ${n.sp4};
+  box-sizing: border-box;
+`,Ji=o(ze)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  color: ${e=>e.theme.colors.brandColorSapphire};
+  flex-shrink: 0;
+`,Ni=o.div`
+  width: ${n.sp4};
+  height: ${n.sp4};
+  background-color: ${m.neutralGrey5Light};
+  border: 1px solid ${e=>e.theme.colors.brandColorJade};
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+`,be=o(ei)`
+  color: ${e=>e.isDarkTheme?m.brandColorJadeLight:e.theme.colors.brandColorSapphire};
+  flex: 1;
+`,ye=o(ii)`
+  color: ${e=>e.theme.colors.primary};
+`,Ce=o(Ie)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+`,Wi=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: ${e=>e.windowSize==="small"?"100%":"unset"};
+  margin-top: ${e=>I.signInContainerPaddingTop.valuePx(e.windowSize)};
+`,qi=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%;
+`,Xi=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%;
+`,Ki=o.div`
+  width: 100%;
+`,ke=o.div`
+  margin-top: ${e=>I.headingContainerTopMargin.valuePx(e.windowSize)};
+  row-gap: ${e=>e.isMagicLinkSent?e.windowSize==="small"?"150px":n.sp4:n.sp2};
+  flex-direction: column;
+`,Qi=o.div`
+  display: flex;
+  flex-direction: column;
+  display: flex;
+  width: 100%;
+  margin-left: ${e=>I.ZeniLogoContainerLeftMargin.valuePx(e.windowSize)};
+  margin-top: ${e=>I.ZeniLogoContainerTopMargin.valuePx(e.windowSize)};
+  justify-content: ${e=>e.windowSize==="small"?"center":"start"};
+
+  .zeni-logo {
+    align-self: ${e=>e.windowSize==="small"?"center":"self-start"};
+  }
+`,Yi=o(Ye)`
+  color: ${e=>e.theme.colors.primary};
+  height: ${n.sp4};
+`,en=o.div`
+  width: 100%;
+`,nn=o.div`
+  width: 1167px;
+  height: 384px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: visible;
+`,on=o(Ee)`
+  padding: ${n.sp2} ${n.sp3};
+`,rn=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%;
+`,je=o.div`
+  width: ${e=>e.windowSize==="small"?"118px":"247px"};
+  height: 1px;
+  background-color: ${e=>e.theme.colors.grey2};
+  flex-shrink: 0;
+`,tn=o(Me)`
+  text-transform: capitalize;
+  color: ${e=>e.theme.colors.hero};
+  flex-shrink: 0;
+`,sn=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: ${n.sp2};
+  width: 100%;
+`,ln=o.button`
+  background: none;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  display: inline-block;
+  position: relative;
+  color: ${e=>e.theme.colors.hero};
+  text-decoration: none;
+  ${V.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;
+  }
+`,an=o(Q)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+  visibility: ${e=>e.isVisible?"visible":"hidden"};
+`,dn=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 1px;
+`;function yn({googleClientId:e,microsoftClientId:c,fetchState:l,signInError:g={},showEmailLogin:p=!0,sendMagicLinkStatus:a,magicLinkExpired:w,magicLinkExpiredEmail:x,getSignedInUser:$,onSignedInCallback:F,clearSignInError:k,onOAuthSuccess:S,onOAuthError:z,sendMagicLink:L}){const t=X(),{dark:b}=We(),{analytics:_}=K(),G=xi(.68,1.3,1440,2560),O=l==="In-Progress",P=l==="Error",[u,h]=d.useState(void 0),[B,A]=d.useState(""),[T,D]=d.useState(!1),[ee,H]=d.useState(!1),[f,ie]=d.useState(!1),Te=l==="In-Progress"&&B==="google",Ve=l==="In-Progress"&&B==="microsoft",ne=qe({mode:"onSubmit",defaultValues:{email:""}}),{register:Fe,handleSubmit:Oe,formState:{errors:oe},setValue:re,watch:Be,clearErrors:Ae}=ne,Z=a.fetchState==="Error"&&a.error?.error?.type==="email_not_found",te=a.fetchState==="Error"&&a.error?.details?.application_error_code!=="LOGIN_VIA_EMAIL_LOCKED"&&!Z,se=Be("email"),le=!!oe.email||ee||te,ae=!!oe.email;d.useEffect(()=>{p&&w===!0&&x!=null&&x.trim()!==""&&(re("email",x),H(!0),ie(!0))},[p,w,x,re]);const De=r=>{H(!1),r.email.trim()&&(_.trackSignInClick("email"),L(r.email))},Ze=()=>{H(!1),Ae("email")},de=P&&g.type==="email_not_found";d.useEffect(()=>{(de||Z)&&D(!0)},[Z,de]);const Ue=r=>{console.log(JSON.stringify(r)),h(void 0),S(r.code,"google"),A("google")},Re=r=>{const v="Error = "+r?.error+" Error Description = "+r?.error_description;h(v),z?.(JSON.stringify(r),"google")},Ge=r=>{console.log(JSON.stringify(r)),h(void 0),S(r.code,"microsoft"),A("microsoft")},He=r=>{console.log(JSON.stringify(r)),h(r.error??"Microsoft authorization failed."),z?.(JSON.stringify(r),"microsoft")},Je=()=>{let r="";return(P||u!=null)&&T===!1&&(r=u??s.signIn.signInAuthError),r},ce=a.fetchState==="Completed"?s.signIn.confirmationLinkSent:s.signIn.heading,ge=s.signIn.message,j=a.fetchState==="Completed",Ne=Z&&a.error?.error?a.error.error:g;return i.jsxs(Ai,{windowSize:t,children:[i.jsxs(Di,{windowSize:t,children:[i.jsxs(en,{children:[i.jsx(Qi,{windowSize:t,children:i.jsx(Yi,{className:"zeni-logo"})}),i.jsxs(ke,{isMagicLinkSent:j,windowSize:t,style:{display:t==="small"?"flex":"none"},children:[i.jsx(we,{windowSize:t,children:ce}),i.jsx(E,{controller:!j,children:i.jsx(xe,{windowSize:t,children:ge})}),i.jsx(E,{controller:j,children:i.jsxs($e,{children:[i.jsx(Se,{isDarkTheme:b,children:i.jsx(be,{isDarkTheme:b,children:C.getLocalizedStrings().signIn.magicLinkSent.primaryMessage.split("__email__").map((r,v,J)=>i.jsxs("span",{children:[r,v<J.length-1&&i.jsx(ye,{children:se})]},v))})}),i.jsx(Ce,{children:s.signIn.magicLinkSent.secondaryMessage})]})})]}),i.jsxs(ke,{isMagicLinkSent:j,windowSize:t,style:{display:t==="small"?"none":"flex"},children:[i.jsx(we,{windowSize:t,children:ce}),i.jsx(E,{controller:!j,children:i.jsx(xe,{windowSize:t,children:ge})}),i.jsx(E,{controller:j,children:i.jsxs($e,{children:[i.jsxs(Se,{isDarkTheme:b,children:[i.jsx(Ni,{children:i.jsx(Ji,{})}),i.jsx(be,{isDarkTheme:b,children:C.getLocalizedStrings().signIn.magicLinkSent.primaryMessage.split("__email__").map((r,v,J)=>i.jsxs("span",{children:[r,v<J.length-1&&i.jsx(ye,{children:se})]},v))})]}),i.jsx(Ce,{children:s.signIn.magicLinkSent.secondaryMessage})]})})]}),i.jsx(E,{controller:!j,children:i.jsxs(Wi,{windowSize:t,children:[i.jsxs(qi,{showEmailError:le,showEmailForm:f,children:[!f&&i.jsxs(Xi,{windowSize:t,children:[i.jsx(Xe,{clientId:e,children:i.jsx(ji,{disabled:O,inProgress:Te,getSignedInUser:$,onSuccess:Ue,onSignedInCallback:F,onError:Re})}),i.jsx(vi,{clientId:c,scopes:["openid","profile","email","offline_access","User.Read"],getSignedInUser:$,prompt:"select_account",responseType:"code",responseMode:"query",render:r=>i.jsx(_e,{onClick:r.onClick,disabled:O||r.disabled,type:"Microsoft",titleText:s.signIn.signInMicrosoftButton,loadingIndication:Ve}),onSignedInCallback:F,onSuccess:Ge,onFailure:He})]}),p&&f&&i.jsx(Ke,{...ne,children:i.jsxs(Ui,{windowSize:t,children:[i.jsx("form",{onSubmit:Oe(De),children:i.jsxs(Ri,{windowSize:t,hasError:ae,children:[i.jsx(Gi,{windowSize:t,type:"text",placeholder:s.signIn.workEmailExample,variant:"outlined",fullWidth:!0,isValid:!ae,autoComplete:"off",...Fe("email",{required:s.signIn.invalidEmailMessage,pattern:{value:Qe,message:s.signIn.invalidEmailMessage},onChange:Ze})}),i.jsx(on,{variant:"primary",type:"submit",label:s.signIn.signInButton,loading:a.fetchState==="In-Progress"})]})}),le&&i.jsx(Hi,{children:ee?s.signIn.magicLinkExpired:te?s.common.errorMessage.somethingWentWrongPleaseTryAgain:s.signIn.invalidEmailMessage})]})}),p&&i.jsxs(sn,{children:[i.jsxs(rn,{showEmailForm:f,windowSize:t,children:[i.jsx(je,{showEmailForm:f,windowSize:t}),i.jsx(tn,{children:s.common.texts.or.toUpperCase()}),i.jsx(je,{showEmailForm:f,windowSize:t})]}),i.jsxs(dn,{children:[i.jsx(ln,{onClick:()=>{f?_.trackSignInViaGoogleMicrosoft():_.trackSignInViaEmail(),ie(!f)},children:f?s.signIn.googleOrMicrosoftLink:s.signIn.workEmailLink}),i.jsx(an,{isVisible:!f,children:s.signIn.workEmailSubText})]})]})]}),T===!1&&P&&i.jsx(Ki,{children:i.jsx(Zi,{children:Je()})})]})})]}),i.jsx(E,{controller:t!=="small",children:i.jsx(nn,{children:i.jsx(mi,{scale:G})})}),i.jsx(ue,{style:{maxWidth:"100%",textAlign:"center",marginBottom:t==="small"?n.sp5:n.sp1},children:i.jsxs(ue,{children:[i.jsxs(fe,{children:[s.signIn.termsPrivacyFinePrintPart,s.signIn.agreeWith,i.jsx(pe,{href:s.signIn.termsUrl,target:"_Blank",rel:"noopener noreferrer",linkText:s.signIn.termsOfService})," ",s.signIn.and," ",i.jsx(pe,{href:s.signIn.privacyPolicyUrl,target:"_Blank",rel:"noopener noreferrer",linkText:s.signIn.privacyPolicy}),"."]}),i.jsx(fe,{children:i.jsx(hi,{})})]})})]}),T&&i.jsx(zi,{signInError:Ne,onClose:()=>{k(),D(!1)}})]})}export{yn as default};

package/dist/assets/{SignInScreen-D9xxiCVL.js → SignInScreen-C5ZC9m_8.js}

@@ -1 +1 @@
-import{j as d}from"./mui-C42whWwM.js";import{b as S,f as m}from"./vendor-rkTZJa59.js";import{g as f,u as l,f as I}from"./redux-2gfZRks6.js";import{kc as u,u as w,l as r,M as h,kb as C,I as E,kJ as v,kf as p}from"./index-NilHeiJu.js";import{f as U}from"./analyticsHelper-kBY_WnuZ.js";import{a as x,u as y,N as k}from"./routing-VwiwPky5.js";import{c as L}from"./sentry-osuhWjvS.js";import"./analytics-CBL_L82S.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";function T(o){const a=o.tenantState.fetchState,i=o.tenantState.sendEmailMagicLinkFetchState;return{googleClientId:p.googleClientId,microsoftClientId:p.microsoftClientId,signInError:o.tenantState.error?.error,fetchState:a,sendMagicLinkStatus:i,showEmailLogin:!1}}function P(o,a){const{location:i,navigate:s}=a;return console.warn(JSON.stringify(window.location)),{onOAuthError:(t,e)=>{L({message:`OAuth error from provider ${e} with error ${t}`,level:"error",tags:{authProvider:e,errorType:"zeni.login.error"},extra:{error:t,windowLocation:window.location.href}})},onOAuthSuccess:(t,e)=>{const g=e==="google"?window.location.origin:window.location.origin+window.location.pathname;o(r.doSignIn({authCode:t,oauthProvider:e,appType:"web",redirectUri:r.toZeniUrl(g),sourceUri:r.toZeniUrl(i.state!=null?i.state.origin:"")}))},getSignedInUser:()=>u.getSignedInUser(),onSignedInCallback:()=>{const t=i.state?.origin;t&&t!=="/"?s(t,{replace:!0}):window.open(window.location.origin,"_self")},clearSignInError:()=>{o(r.resetSignInState())}}}const b=I(T,P)(v),z=m.memo(b);function J(){const o=f(),a=x(),i=u.getSignedInUser(),s=l(n=>n.tenantState.fetchState),t=l(n=>n.tenantState.signInState),e=l(n=>n.tenantState.loggedInUser),g=w().mode,c=y();if(S.useEffect(()=>{if(t==="In-Progress"&&s==="Completed"&&e?.zeniSessionId!=null){u.saveSignedInUserWithSession(e,e.zeniSessionId),r.updateZeniAPIClientConfig(e.userId,e.zeniSessionId),o(r.updateSignInState("Completed")),h.updateAppLocaleID("en"),U(e,g);const n=c.state?.queryParams;setTimeout(()=>{C.trackLogin(E.Event.loginSuccess,e.authProvider??"google",n?.utmSource,n?.utmMedium)},2e3)}},[]),t==="In-Progress"&&s==="Completed"&&e?.zeniSessionId!=null||i!=null){const n=c.state?.origin??"/";return d.jsx(k,{to:n,state:{...c.state,origin:""}})}else return d.jsx(z,{navigate:a,location:c})}export{J as default};
+import{j as d}from"./mui-C42whWwM.js";import{b as S,f as m}from"./vendor-rkTZJa59.js";import{g as f,u as l,f as I}from"./redux-2gfZRks6.js";import{kc as u,u as w,m as r,M as h,kb as C,K as E,kJ as v,kf as p}from"./index-B8OsEhOZ.js";import{f as U}from"./analyticsHelper-B0L0ncmN.js";import{a as x,u as y,N as k}from"./routing-VwiwPky5.js";import{c as L}from"./sentry-osuhWjvS.js";import"./analytics-B3n5JGPc.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";function T(o){const a=o.tenantState.fetchState,i=o.tenantState.sendEmailMagicLinkFetchState;return{googleClientId:p.googleClientId,microsoftClientId:p.microsoftClientId,signInError:o.tenantState.error?.error,fetchState:a,sendMagicLinkStatus:i,showEmailLogin:!1}}function P(o,a){const{location:i,navigate:s}=a;return console.warn(JSON.stringify(window.location)),{onOAuthError:(t,e)=>{L({message:`OAuth error from provider ${e} with error ${t}`,level:"error",tags:{authProvider:e,errorType:"zeni.login.error"},extra:{error:t,windowLocation:window.location.href}})},onOAuthSuccess:(t,e)=>{const g=e==="google"?window.location.origin:window.location.origin+window.location.pathname;o(r.doSignIn({authCode:t,oauthProvider:e,appType:"web",redirectUri:r.toZeniUrl(g),sourceUri:r.toZeniUrl(i.state!=null?i.state.origin:"")}))},getSignedInUser:()=>u.getSignedInUser(),onSignedInCallback:()=>{const t=i.state?.origin;t&&t!=="/"?s(t,{replace:!0}):window.open(window.location.origin,"_self")},clearSignInError:()=>{o(r.resetSignInState())}}}const b=I(T,P)(v),z=m.memo(b);function J(){const o=f(),a=x(),i=u.getSignedInUser(),s=l(n=>n.tenantState.fetchState),t=l(n=>n.tenantState.signInState),e=l(n=>n.tenantState.loggedInUser),g=w().mode,c=y();if(S.useEffect(()=>{if(t==="In-Progress"&&s==="Completed"&&e?.zeniSessionId!=null){u.saveSignedInUserWithSession(e,e.zeniSessionId),r.updateZeniAPIClientConfig(e.userId,e.zeniSessionId),o(r.updateSignInState("Completed")),h.updateAppLocaleID("en"),U(e,g);const n=c.state?.queryParams;setTimeout(()=>{C.trackLogin(E.Event.loginSuccess,e.authProvider??"google",n?.utmSource,n?.utmMedium)},2e3)}},[]),t==="In-Progress"&&s==="Completed"&&e?.zeniSessionId!=null||i!=null){const n=c.state?.origin??"/";return d.jsx(k,{to:n,state:{...c.state,origin:""}})}else return d.jsx(z,{navigate:a,location:c})}export{J as default};

package/dist/assets/{SpendManagementListViewPage-BphSarNr-Cl92vHkt.js → SpendManagementListViewPage-Q5bQb3hk-BwLto-DN.js}

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/SpendManagementPerTabPage-DCkS4HuZ-BBuwXYWk.js","assets/index-NilHeiJu.js","assets/mui-C42whWwM.js","assets/vendor-rkTZJa59.js","assets/analytics-CBL_L82S.js","assets/routing-VwiwPky5.js","assets/sentry-osuhWjvS.js","assets/redux-2gfZRks6.js","assets/liveblocks-CP09Cz-7.js","assets/crypto-BDNqpTKX.js","assets/index-BAKoUD4u.css","assets/useLongPress-GCK2COYQ-BoJXFS3o.js","assets/StatusSwitcher-BkAnAbyd-DhZFTaVL.js"])))=>i.map(i=>d[i]);
-import{u as Ue,Y as He,e as z,l as y,M as U,fO as Ge,fQ as Ye,j as o,g8 as We,aW as qe,v as Je,o as t,dy as Ve,go as F,aB as Ke,fZ as Ze,C,gp as Qe,fi as Xe,fj as et,g as S,p as tt,q as x,gq as ot,a2 as at,bp as it,n as nt,bN as st,fk as lt,ay as rt,B as ct}from"./index-NilHeiJu.js";import{b as u,n as r,k as H}from"./vendor-rkTZJa59.js";import{_ as dt}from"./liveblocks-CP09Cz-7.js";import{Y as mt}from"./SpendManagementSection-DKqHikhq-hB-bTkoV.js";import{K as ut}from"./StatusSwitcher-BkAnAbyd-DhZFTaVL.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./crypto-BDNqpTKX.js";const M=e=>u.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",...e},u.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"}),u.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"}),u.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 C(343,545,545),containerTop:new C(17,25,25),containerPaddingLeftRight:new C(x[4],x[7])},pt=r.div`
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/SpendManagementPerTabPage-CD-kDdxa-BPnAzojr.js","assets/index-B8OsEhOZ.js","assets/mui-C42whWwM.js","assets/vendor-rkTZJa59.js","assets/analytics-B3n5JGPc.js","assets/routing-VwiwPky5.js","assets/sentry-osuhWjvS.js","assets/redux-2gfZRks6.js","assets/liveblocks-CP09Cz-7.js","assets/crypto-BDNqpTKX.js","assets/index-BAKoUD4u.css","assets/useLongPress-GCK2COYQ-BoJXFS3o.js","assets/StatusSwitcher-efLzDuyw-yZjEoNnl.js"])))=>i.map(i=>d[i]);
+import{u as Ue,Y as He,e as z,m as y,M as U,fO as Ge,fQ as Ye,j as o,g8 as qe,aX as Je,v as Ke,o as t,dy as Ve,go as F,aC as We,fZ as Qe,C,gp as Xe,fi as Ze,fj as et,g as S,q as tt,s as x,gq as ot,a3 as at,bq as it,p as nt,bO as st,fk as lt,az as rt,B as ct}from"./index-B8OsEhOZ.js";import{b as u,n as r,k as H}from"./vendor-rkTZJa59.js";import{_ as dt}from"./liveblocks-CP09Cz-7.js";import{Y as mt}from"./SpendManagementSection-DGGOMGEz-BERrqLUW.js";import{K as ut}from"./StatusSwitcher-efLzDuyw-yZjEoNnl.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./crypto-BDNqpTKX.js";const M=e=>u.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",...e},u.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"}),u.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"}),u.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 C(343,545,545),containerTop:new C(17,25,25),containerPaddingLeftRight:new C(x[4],x[7])},pt=r.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -106,7 +106,7 @@ import{u as Ue,Y as He,e as z,l as y,M as U,fO as Ge,fQ as Ye,j as o,g8 as We,aW
   color: ${e=>e.theme.colors.primary};
   position: absolute;
   bottom: 22px;
-`,N=U.getLocalizedStrings().common.copyToClipBoard;function Et(e){const p=z(),[,h]=Xe(),[c,d]=u.useState(!0),[i,a]=u.useState(!1),[s,n]=u.useState(!1),{isMobileOrTabletScreen:g}=et(),T=()=>{if(c){const w=e.botEmail;h(w),d(!1)}},v=()=>{a(!0)},k=()=>{a(!1)};return u.useEffect(()=>{c===!1&&setTimeout(()=>{d(!0)},2e3)},[c]),o.jsx(pt,{windowSize:p,role:"presentation",style:{background:S.overlayDark,...e.style},children:o.jsx(tt,{onClickAway:()=>{n(!0),setTimeout(()=>e.onCancelClick?.(),250)},children:o.jsxs(yt,{windowSize:p,className:s?"fade":"",fade:s,children:[o.jsx(It,{onClick:()=>{n(!0),setTimeout(()=>e.onCancelClick?.(),250)}}),o.jsx(gt,{children:e.title}),o.jsx(Bt,{children:e.descriptionLines.map((w,l)=>o.jsxs(Ct,{children:[o.jsx(wt,{children:w.icon}),o.jsx(ft,{windowSize:p,children:w.text})]},l))}),o.jsxs(xt,{onClick:T,onMouseOver:v,onMouseLeave:k,showCopyIcon:c,showCopyText:i,children:[o.jsx(vt,{showCopyText:i,children:e.botEmail}),c?o.jsx(Tt,{windowSize:p,showCopyText:i&&!g,children:o.jsx(St,{})}):o.jsx(kt,{})]}),o.jsx($t,{children:c?i&&!g?N.copy:null:N.copied})]})})})}const G=U.getLocalizedStrings(),m=G.spendManagement,{common:{texts:{comments:At}},collaboration:{threads:{placeholder:{addANewComment:Lt,replyAComment:jt},tooltip:{resolveComment:Rt,unResolveComment:Pt}}}}=G,Ot={drawerSectionPaddingLeftRight:new C(x[4],x[5])},_t=Qe(()=>ot(()=>import("./SpendManagementPerTabPage-DCkS4HuZ-BBuwXYWk.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12]))),Qt=e=>{const p=Ue(),h=He(),c=z(),{transactionList:d,allSubTabs:i,isAdmin:a,botEmail:s,isEmployee:n=!1,currentTab:g,currentSubTab:T,approvalCount:v,fetchState:k,analytics:w,entity:l,uiState:Y,searchText:$,filters:W,vendorSearchAutoCompleteData:q,vendorSearchAutoCompleteActions:J,createdByUserList:V,createdByUserListFetchState:E,downloadParams:K,downloadState:Z,isDownloadEnabled:Q,isShowDeletedBillsEnabled:X,isShowDeletedReimbursementEnabled:ee,isBillPayCommentingEnabled:A,isReimbursementCommentingEnabled:L,isDetectInsufficientFundsEnabled:te=!1,updateTabToState:oe,onSubtabChange:j,onReloadTransactions:ae,onTransactionClick:R,onClickSetupIcon:P,onBackClick:ie,onAddTransactionClick:ne,onColumnSortConfigChanged:se,onSearchTextChanged:le,onClickMenuIcon:re,onFiltersChange:ce,updateDownloadStateHandler:de,bulkSubmissionLimit:me=10,isBulkActionAllowed:ue=!1,isRecurringBillInBulkActionList:pe=!1,transactionsSelectedForBulkAction:he=[],allowedBulkActions:be=[],bulkSubmissionFetchState:ye,updateBulkActionList:ge,removeAllTransactionsFromBulkActionList:we,onProceedForBulkActionClick:fe}=e,Ce=["draft","pending_approval","scheduled","paid"],xe=b=>{R(b,g)},Se=o.jsx(_t,{botEmail:s,transactionList:d,allSubTabs:i,isAdmin:a,selectedTab:g,selectedSubTab:T,fetchState:k,onSubtabChange:j,onTransactionRowClick:xe,onReloadTransactions:ae,onColumnSortConfigChanged:se,analytics:w,entity:l,uiState:Y,searchText:$,isShowDeletedBillsEnabled:X,isShowDeletedReimbursementEnabled:ee,isBillPayCommentingEnabled:A,isReimbursementCommentingEnabled:L,bulkSubmissionLimit:me,isBulkActionAllowed:ue,isRecurringBillInBulkActionList:pe,transactionsSelectedForBulkAction:he,isDetectInsufficientFundsEnabled:te,allowedBulkActions:be,bulkSubmissionFetchState:ye,updateBulkActionList:ge,removeAllTransactionsFromBulkActionList:we,onProceedForBulkActionClick:fe}),Te=b=>{oe(b),j("all")},ve=y.hasOnlyBillPayAccess(h.loggedInUserRoleMap),[O,ke]=u.useState(!1),[Ie,_]=u.useState(!1),Be=b=>{ke(b)},$e=l==="bill_pay"?y.hasBillPayAdminLevelAccess(h.loggedInUserRoleMap):y.hasReimbursementAdminLevelAccess(h.loggedInUserRoleMap),Ee={entity:l,showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!0,newButtonLabel:"New",isSearchOpen:O,searchPlaceHolder:l==="bill_pay"?m.billPay.billsByTabs.searchPlaceHolder:m.reimbursement.reimbursementByTabs.searchPlaceHolder,searchText:$,searchTextBoxStyle:{right:"204px"},showSettingsIconOnNavbar:$e,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!0,disableDownloadButton:Q===!1,downloadParams:K,downloadState:Z,filters:W,vendorSearchAutoCompleteData:q,vendorSearchAutoCompleteActions:J,createdByUserListLoaded:l==="bill_pay"||y.hideCreatedByFilter(h.loggedInUserRole??[])?!0:E==="Completed"||E==="Error",analytics:w,onNewButtonClick:ne,onSearchOpen:Be,onSearchTextChanged:le,onClickSetupIcon:P,onClickEmailInfoIcon:()=>_(!0),onFiltersChange:ce,getFilterOptions:l==="bill_pay"||l==="reimbursement"?()=>Dt(l,V??[],h.loggedInUserRole??[],[]):void 0,updateDownloadStateHandler:de},Ae=o.jsx(mt,{spendManagementSectionProps:Ee}),[Le,je]=u.useState(null),[Re,I]=u.useState(!1),{setRequestToOpenThread:Pe}=u.useContext(Ge),Oe=`dashboard_${h.currentTenant?.companyId}`,D=l==="bill_pay"?"bill":"reimbursement",{threads:_e}=Ye({application:"dashboard",companyId:h.currentTenant?.companyId,tab:D,entityId:Le?.entityId,isGlobalComment:!1},"both",!1),De={openAllThreadsDrawer:b=>{je({...b}),I(!0)}},Fe=(b,B)=>{const{companyId:Me,entityId:Ne,entityType:ze}=b;I(!1),Pe({threadId:B,companyId:Me,entityType:ze}),R(Ne,g)};return o.jsx(We,{sharedItems:{sharedFunctions:{subtreeFunctions:De},sharedRef:void 0},children:o.jsxs(Ft,{children:[o.jsx(qe,{source:"SpendManagementListViewPage",title:l==="bill_pay"?m.billPay.billsByTabs.pageTitle:m.reimbursement.reimbursementByTabs.pageTitle,showBackButton:!n&&!ve,showMenuIcon:c==="medium-compact"||c==="small",backgroundColor:p.colors.grey4,style:{zIndex:3,...Je.largeSemiBold.cssObject},onBackClick:ie,rightSideComponent:Ae,onClickMenuIcon:re,isSearchOpen:O}),o.jsxs(Mt,{children:[o.jsx(Nt,{children:o.jsx(ut,{tabIds:Ce,approvalCount:v,selectedTab:g,entity:l,onTabSelectedChange:Te,onClickSetupIcon:P})}),Se]}),Ie?o.jsx(Et,{botEmail:s,onCancelClick:()=>_(!1),title:l==="bill_pay"?m.billPay.billsByTabs.emailInfoTitle:m.reimbursement.reimbursementByTabs.emailInfoTitle,descriptionLines:l==="bill_pay"?[{icon:o.jsx(M,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription1},{icon:o.jsx(Ve,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription2},{icon:o.jsx(F,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription3}]:[{icon:o.jsx(M,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription1},{icon:o.jsx(Ke,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription2},{icon:o.jsx(F,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription3}]}):null,l==="bill_pay"&&A||l==="reimbursement"&&L?o.jsx(dt,{id:Oe,children:o.jsx(Ze,{isDrawerOpen:Re,allowComposer:!1,drawerTitle:At,threads:_e,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:h.currentTenant?.companyId,isGlobalComment:!1,tab:D},isLoading:!1,textOverrides:{composerPlaceholder:Lt,replyComposerPlaceholder:jt,threadResolve:Rt,threadUnResolve:Pt},onThreadClick:(b,B)=>Fe(b,B),onCloseAllThreadsDrawer:()=>I(!1),drawerSectionStyle:{width:c==="small"?"100%":"400px",boxSizing:c==="small"?"border-box":"content-box",padding:`${t.sp0} ${Ot.drawerSectionPaddingLeftRight.valuePx(c)}`,backgroundColor:p.colors.background},collapsibleThreadStyle:{width:c==="small"?"100%":"360px"}})}):null]})})},Dt=(e,p,h,c)=>{const d=m.filters.filterOptions;return e==="bill_pay"?y.BILL_PAY_FILTER_CATEGORIES.reduce((i,a)=>{switch(a.value){case"amount":return{...i,[a.value]:d.billAmountOptions};case"paymentMethod":return{...i,[a.value]:d.paymentMethodOptions};case"status":return{...i,[a.value]:[...d.commonStatusOptions,...d.billStatusOptions]};case"paymentType":return{...i,[a.value]:d.billPaymentTypeOptions};default:return{...i,[a.value]:[]}}},{}):e==="reimbursement"?(y.hideCreatedByFilter(h)?y.REIMBURSEMENT_FILTER_CATEGORIES_RESTRICTED:y.REIMBURSEMENT_FILTER_CATEGORIES).reduce((i,a)=>{switch(a.value){case"createdBy":{if(p?.length===0)return{...i,[a.value]:[]};const s=p.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]:d.paymentMethodOptions};case"status":return{...i,[a.value]:d.commonStatusOptions};case"amount":return{...i,[a.value]:d.reimbursementAmountOptions};default:return{...i,[a.value]:[]}}},{}):y.TASK_LIST_FILTER_CATEGORIES.reduce((i,a)=>{switch(a.value){case"assignee":{if(p?.length===0)return{...i,[a.value]:[]};const s=p.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]:[...y.allTaskStatus.map(s=>({label:s.name,value:s.code}))]};case"priority":return{...i,[a.value]:[...y.allTaskPriority.map(s=>({label:s.name,value:s.code}))]};case"tag":return{...i,[a.value]:[...c.map(s=>({label:s.name,value:s.tagId}))]};default:return{...i,[a.value]:[]}}},{})},Ft=r.div`
+`,N=U.getLocalizedStrings().common.copyToClipBoard;function Et(e){const p=z(),[,h]=Ze(),[c,d]=u.useState(!0),[i,a]=u.useState(!1),[s,n]=u.useState(!1),{isMobileOrTabletScreen:g}=et(),T=()=>{if(c){const w=e.botEmail;h(w),d(!1)}},v=()=>{a(!0)},k=()=>{a(!1)};return u.useEffect(()=>{c===!1&&setTimeout(()=>{d(!0)},2e3)},[c]),o.jsx(pt,{windowSize:p,role:"presentation",style:{background:S.overlayDark,...e.style},children:o.jsx(tt,{onClickAway:()=>{n(!0),setTimeout(()=>e.onCancelClick?.(),250)},children:o.jsxs(yt,{windowSize:p,className:s?"fade":"",fade:s,children:[o.jsx(It,{onClick:()=>{n(!0),setTimeout(()=>e.onCancelClick?.(),250)}}),o.jsx(gt,{children:e.title}),o.jsx(Bt,{children:e.descriptionLines.map((w,l)=>o.jsxs(Ct,{children:[o.jsx(wt,{children:w.icon}),o.jsx(ft,{windowSize:p,children:w.text})]},l))}),o.jsxs(xt,{onClick:T,onMouseOver:v,onMouseLeave:k,showCopyIcon:c,showCopyText:i,children:[o.jsx(vt,{showCopyText:i,children:e.botEmail}),c?o.jsx(Tt,{windowSize:p,showCopyText:i&&!g,children:o.jsx(St,{})}):o.jsx(kt,{})]}),o.jsx($t,{children:c?i&&!g?N.copy:null:N.copied})]})})})}const G=U.getLocalizedStrings(),m=G.spendManagement,{common:{texts:{comments:At}},collaboration:{threads:{placeholder:{addANewComment:Lt,replyAComment:jt},tooltip:{resolveComment:Rt,unResolveComment:Pt}}}}=G,Ot={drawerSectionPaddingLeftRight:new C(x[4],x[5])},_t=Xe(()=>ot(()=>import("./SpendManagementPerTabPage-CD-kDdxa-BPnAzojr.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12]))),Xt=e=>{const p=Ue(),h=He(),c=z(),{transactionList:d,allSubTabs:i,isAdmin:a,botEmail:s,isEmployee:n=!1,currentTab:g,currentSubTab:T,approvalCount:v,fetchState:k,analytics:w,entity:l,uiState:Y,searchText:$,filters:q,vendorSearchAutoCompleteData:J,vendorSearchAutoCompleteActions:K,createdByUserList:V,createdByUserListFetchState:E,downloadParams:W,downloadState:Q,isDownloadEnabled:X,isShowDeletedBillsEnabled:Z,isShowDeletedReimbursementEnabled:ee,isBillPayCommentingEnabled:A,isReimbursementCommentingEnabled:L,isDetectInsufficientFundsEnabled:te=!1,updateTabToState:oe,onSubtabChange:j,onReloadTransactions:ae,onTransactionClick:R,onClickSetupIcon:P,onBackClick:ie,onAddTransactionClick:ne,onColumnSortConfigChanged:se,onSearchTextChanged:le,onClickMenuIcon:re,onFiltersChange:ce,updateDownloadStateHandler:de,bulkSubmissionLimit:me=10,isBulkActionAllowed:ue=!1,isRecurringBillInBulkActionList:pe=!1,transactionsSelectedForBulkAction:he=[],allowedBulkActions:be=[],bulkSubmissionFetchState:ye,updateBulkActionList:ge,removeAllTransactionsFromBulkActionList:we,onProceedForBulkActionClick:fe}=e,Ce=["draft","pending_approval","scheduled","paid"],xe=b=>{R(b,g)},Se=o.jsx(_t,{botEmail:s,transactionList:d,allSubTabs:i,isAdmin:a,selectedTab:g,selectedSubTab:T,fetchState:k,onSubtabChange:j,onTransactionRowClick:xe,onReloadTransactions:ae,onColumnSortConfigChanged:se,analytics:w,entity:l,uiState:Y,searchText:$,isShowDeletedBillsEnabled:Z,isShowDeletedReimbursementEnabled:ee,isBillPayCommentingEnabled:A,isReimbursementCommentingEnabled:L,bulkSubmissionLimit:me,isBulkActionAllowed:ue,isRecurringBillInBulkActionList:pe,transactionsSelectedForBulkAction:he,isDetectInsufficientFundsEnabled:te,allowedBulkActions:be,bulkSubmissionFetchState:ye,updateBulkActionList:ge,removeAllTransactionsFromBulkActionList:we,onProceedForBulkActionClick:fe}),Te=b=>{oe(b),j("all")},ve=y.hasOnlyBillPayAccess(h.loggedInUserRoleMap),[O,ke]=u.useState(!1),[Ie,_]=u.useState(!1),Be=b=>{ke(b)},$e=l==="bill_pay"?y.hasBillPayAdminLevelAccess(h.loggedInUserRoleMap):y.hasReimbursementAdminLevelAccess(h.loggedInUserRoleMap),Ee={entity:l,showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!0,newButtonLabel:"New",isSearchOpen:O,searchPlaceHolder:l==="bill_pay"?m.billPay.billsByTabs.searchPlaceHolder:m.reimbursement.reimbursementByTabs.searchPlaceHolder,searchText:$,searchTextBoxStyle:{right:"204px"},showSettingsIconOnNavbar:$e,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!0,disableDownloadButton:X===!1,downloadParams:W,downloadState:Q,filters:q,vendorSearchAutoCompleteData:J,vendorSearchAutoCompleteActions:K,createdByUserListLoaded:l==="bill_pay"||y.hideCreatedByFilter(h.loggedInUserRole??[])?!0:E==="Completed"||E==="Error",analytics:w,onNewButtonClick:ne,onSearchOpen:Be,onSearchTextChanged:le,onClickSetupIcon:P,onClickEmailInfoIcon:()=>_(!0),onFiltersChange:ce,getFilterOptions:l==="bill_pay"||l==="reimbursement"?()=>Dt(l,V??[],h.loggedInUserRole??[],[]):void 0,updateDownloadStateHandler:de},Ae=o.jsx(mt,{spendManagementSectionProps:Ee}),[Le,je]=u.useState(null),[Re,I]=u.useState(!1),{setRequestToOpenThread:Pe}=u.useContext(Ge),Oe=`dashboard_${h.currentTenant?.companyId}`,D=l==="bill_pay"?"bill":"reimbursement",{threads:_e}=Ye({application:"dashboard",companyId:h.currentTenant?.companyId,tab:D,entityId:Le?.entityId,isGlobalComment:!1},"both",!1),De={openAllThreadsDrawer:b=>{je({...b}),I(!0)}},Fe=(b,B)=>{const{companyId:Me,entityId:Ne,entityType:ze}=b;I(!1),Pe({threadId:B,companyId:Me,entityType:ze}),R(Ne,g)};return o.jsx(qe,{sharedItems:{sharedFunctions:{subtreeFunctions:De},sharedRef:void 0},children:o.jsxs(Ft,{children:[o.jsx(Je,{source:"SpendManagementListViewPage",title:l==="bill_pay"?m.billPay.billsByTabs.pageTitle:m.reimbursement.reimbursementByTabs.pageTitle,showBackButton:!n&&!ve,showMenuIcon:c==="medium-compact"||c==="small",backgroundColor:p.colors.grey4,style:{zIndex:3,...Ke.largeSemiBold.cssObject},onBackClick:ie,rightSideComponent:Ae,onClickMenuIcon:re,isSearchOpen:O}),o.jsxs(Mt,{children:[o.jsx(Nt,{children:o.jsx(ut,{tabIds:Ce,approvalCount:v,selectedTab:g,entity:l,onTabSelectedChange:Te,onClickSetupIcon:P})}),Se]}),Ie?o.jsx(Et,{botEmail:s,onCancelClick:()=>_(!1),title:l==="bill_pay"?m.billPay.billsByTabs.emailInfoTitle:m.reimbursement.reimbursementByTabs.emailInfoTitle,descriptionLines:l==="bill_pay"?[{icon:o.jsx(M,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription1},{icon:o.jsx(Ve,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription2},{icon:o.jsx(F,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription3}]:[{icon:o.jsx(M,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription1},{icon:o.jsx(We,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription2},{icon:o.jsx(F,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription3}]}):null,l==="bill_pay"&&A||l==="reimbursement"&&L?o.jsx(dt,{id:Oe,children:o.jsx(Qe,{isDrawerOpen:Re,allowComposer:!1,drawerTitle:At,threads:_e,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:h.currentTenant?.companyId,isGlobalComment:!1,tab:D},isLoading:!1,textOverrides:{composerPlaceholder:Lt,replyComposerPlaceholder:jt,threadResolve:Rt,threadUnResolve:Pt},onThreadClick:(b,B)=>Fe(b,B),onCloseAllThreadsDrawer:()=>I(!1),drawerSectionStyle:{width:c==="small"?"100%":"400px",boxSizing:c==="small"?"border-box":"content-box",padding:`${t.sp0} ${Ot.drawerSectionPaddingLeftRight.valuePx(c)}`,backgroundColor:p.colors.background},collapsibleThreadStyle:{width:c==="small"?"100%":"360px"}})}):null]})})},Dt=(e,p,h,c)=>{const d=m.filters.filterOptions;return e==="bill_pay"?y.BILL_PAY_FILTER_CATEGORIES.reduce((i,a)=>{switch(a.value){case"amount":return{...i,[a.value]:d.billAmountOptions};case"paymentMethod":return{...i,[a.value]:d.paymentMethodOptions};case"status":return{...i,[a.value]:[...d.commonStatusOptions,...d.billStatusOptions]};case"paymentType":return{...i,[a.value]:d.billPaymentTypeOptions};default:return{...i,[a.value]:[]}}},{}):e==="reimbursement"?(y.hideCreatedByFilter(h)?y.REIMBURSEMENT_FILTER_CATEGORIES_RESTRICTED:y.REIMBURSEMENT_FILTER_CATEGORIES).reduce((i,a)=>{switch(a.value){case"createdBy":{if(p?.length===0)return{...i,[a.value]:[]};const s=p.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]:d.paymentMethodOptions};case"status":return{...i,[a.value]:d.commonStatusOptions};case"amount":return{...i,[a.value]:d.reimbursementAmountOptions};default:return{...i,[a.value]:[]}}},{}):y.TASK_LIST_FILTER_CATEGORIES.reduce((i,a)=>{switch(a.value){case"assignee":{if(p?.length===0)return{...i,[a.value]:[]};const s=p.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]:[...y.allTaskStatus.map(s=>({label:s.name,value:s.code}))]};case"priority":return{...i,[a.value]:[...y.allTaskPriority.map(s=>({label:s.name,value:s.code}))]};case"tag":return{...i,[a.value]:[...c.map(s=>({label:s.name,value:s.tagId}))]};default:return{...i,[a.value]:[]}}},{})},Ft=r.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;
@@ -120,4 +120,4 @@ import{u as Ue,Y as He,e as z,l as y,M as U,fO as Ge,fQ as Ye,j as o,g8 as We,aW
   display: flex;
   margin-top: ${t.sp3};
   justify-content: center;
-`;export{Qt as default,Dt as getDashboardFilterCategoryValues};
+`;export{Xt as default,Dt as getDashboardFilterCategoryValues};