@zeniai/web-cockpit-ui 1.14.44-qa → 1.14.45-dev

package/dist/assets/{SignIn-B7p2vrI4-CBu4DRgp.js → SignIn-BFm1M4_6-R5KiOJ_3.js}

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

package/dist/assets/{SignInScreen-Dum3srgp.js → SignInScreen-CPbq6PuC.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,R as h,kb as C,I as E,kJ as v,kf as p}from"./index-BKug3-eP.js";import{f as U}from"./analyticsHelper-sMuDd6mq.js";import{a as x,u as y,N as k}from"./routing-CH3KJxCW.js";import{c as L}from"./sentry-osuhWjvS.js";import"./analytics-CcevxdRy.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.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,l as r,R as h,kb as C,I as E,kJ as v,kf as p}from"./index-0QGih61V.js";import{f as U}from"./analyticsHelper-Cjbr9XB0.js";import{a as x,u as y,N as k}from"./routing-CH3KJxCW.js";import{c as L}from"./sentry-osuhWjvS.js";import"./analytics-CcevxdRy.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.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-Ds1WRCNc-B03dml86.js → SpendManagementListViewPage-D6fZPLMz-Z_0NC1QS.js}

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/SpendManagementPerTabPage-uBi60ESx-Dq7iQQx4.js","assets/index-BKug3-eP.js","assets/mui-C42whWwM.js","assets/vendor-rkTZJa59.js","assets/analytics-CcevxdRy.js","assets/routing-CH3KJxCW.js","assets/sentry-osuhWjvS.js","assets/redux-2gfZRks6.js","assets/liveblocks-CP09Cz-7.js","assets/crypto-CK3r1iTV.js","assets/index-BAKoUD4u.css","assets/StatusSwitcher-CoX1TvcC-B2wGlPZJ.js","assets/useLongPress-GCK2COYQ-BoJXFS3o.js"])))=>i.map(i=>d[i]);
-import{u as Ue,Y as He,e as z,l as y,R as U,fP as Ge,fR as Ye,j as o,g9 as qe,aX as Ke,v as Ve,o as t,dy as We,gp as F,aC as Je,f_ as Qe,C,gq as Ze,fj as Xe,fk as et,f as S,p as tt,q as x,gr as ot,a3 as at,br as it,y as nt,bO as st,fl as lt,az as rt,n as ct}from"./index-BKug3-eP.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-CESND8ho-DCrlaUqA.js";import{K as ut}from"./StatusSwitcher-CoX1TvcC-B2wGlPZJ.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./crypto-CK3r1iTV.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"})),w={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-jQjzrKl2-CR9tWVBr.js","assets/index-0QGih61V.js","assets/mui-C42whWwM.js","assets/vendor-rkTZJa59.js","assets/analytics-CcevxdRy.js","assets/routing-CH3KJxCW.js","assets/sentry-osuhWjvS.js","assets/redux-2gfZRks6.js","assets/liveblocks-CP09Cz-7.js","assets/crypto-CK3r1iTV.js","assets/index-BAKoUD4u.css","assets/StatusSwitcher-CwLbXjIU-CJO3kP8v.js","assets/useLongPress-GCK2COYQ-BoJXFS3o.js"])))=>i.map(i=>d[i]);
+import{u as Ue,Y as He,e as z,l as y,R as U,fP as Ge,fR as qe,j as o,g9 as Ye,aX as Je,v as Ve,o as t,dy as We,gp as F,aC as Ke,f_ as Xe,C,gq as Ze,fj as Qe,fk as et,f as S,p as tt,q as x,gr as ot,a3 as at,br as it,x as nt,bO as st,fl as lt,az as rt,n as ct}from"./index-0QGih61V.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-BaiWgwp--Dp3HO5CH.js";import{K as ut}from"./StatusSwitcher-CwLbXjIU-CJO3kP8v.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./crypto-CK3r1iTV.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"})),w={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,R as U,fP as Ge,fR as Ye,j as o,g9 as qe,aX
   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 f=e.botEmail;h(f),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($t,{children:e.descriptionLines.map((f,l)=>o.jsxs(Ct,{children:[o.jsx(ft,{children:f.icon}),o.jsx(wt,{windowSize:p,children:f.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(Bt,{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=Ze(()=>ot(()=>import("./SpendManagementPerTabPage-uBi60ESx-Dq7iQQx4.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12]))),Zt=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:f,entity:l,uiState:Y,searchText:B,filters:q,vendorSearchAutoCompleteData:K,vendorSearchAutoCompleteActions:V,createdByUserList:W,createdByUserListFetchState:E,downloadParams:J,downloadState:Q,isDownloadEnabled:Z,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:fe,onProceedForBulkActionClick:we}=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:f,entity:l,uiState:Y,searchText:B,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:fe,onProceedForBulkActionClick:we}),Te=b=>{oe(b),j("all")},ve=y.hasOnlyBillPayAccess(h.loggedInUserRoleMap),[O,ke]=u.useState(!1),[Ie,_]=u.useState(!1),$e=b=>{ke(b)},Be=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:B,searchTextBoxStyle:{right:"204px"},showSettingsIconOnNavbar:Be,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!0,disableDownloadButton:Z===!1,downloadParams:J,downloadState:Q,filters:q,vendorSearchAutoCompleteData:K,vendorSearchAutoCompleteActions:V,createdByUserListLoaded:l==="bill_pay"||y.hideCreatedByFilter(h.loggedInUserRole??[])?!0:E==="Completed"||E==="Error",analytics:f,onNewButtonClick:ne,onSearchOpen:$e,onSearchTextChanged:le,onClickSetupIcon:P,onClickEmailInfoIcon:()=>_(!0),onFiltersChange:ce,getFilterOptions:l==="bill_pay"||l==="reimbursement"?()=>Dt(l,W??[],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,$)=>{const{companyId:Me,entityId:Ne,entityType:ze}=b;I(!1),Pe({threadId:$,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(Ke,{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,...Ve.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,enablePerformanceTracking:!1,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(We,{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(Je,{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,$)=>Fe(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]=Qe(),[c,d]=u.useState(!0),[i,a]=u.useState(!1),[s,n]=u.useState(!1),{isMobileOrTabletScreen:g}=et(),T=()=>{if(c){const f=e.botEmail;h(f),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($t,{children:e.descriptionLines.map((f,l)=>o.jsxs(Ct,{children:[o.jsx(ft,{children:f.icon}),o.jsx(wt,{windowSize:p,children:f.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(Bt,{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=Ze(()=>ot(()=>import("./SpendManagementPerTabPage-jQjzrKl2-CR9tWVBr.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12]))),Zt=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:f,entity:l,uiState:q,searchText:B,filters:Y,vendorSearchAutoCompleteData:J,vendorSearchAutoCompleteActions:V,createdByUserList:W,createdByUserListFetchState:E,downloadParams:K,downloadState:X,isDownloadEnabled:Z,isShowDeletedBillsEnabled:Q,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:fe,onProceedForBulkActionClick:we}=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:f,entity:l,uiState:q,searchText:B,isShowDeletedBillsEnabled:Q,isShowDeletedReimbursementEnabled:ee,isBillPayCommentingEnabled:A,isReimbursementCommentingEnabled:L,bulkSubmissionLimit:me,isBulkActionAllowed:ue,isRecurringBillInBulkActionList:pe,transactionsSelectedForBulkAction:he,isDetectInsufficientFundsEnabled:te,allowedBulkActions:be,bulkSubmissionFetchState:ye,updateBulkActionList:ge,removeAllTransactionsFromBulkActionList:fe,onProceedForBulkActionClick:we}),Te=b=>{oe(b),j("all")},ve=y.hasOnlyBillPayAccess(h.loggedInUserRoleMap),[O,ke]=u.useState(!1),[Ie,_]=u.useState(!1),$e=b=>{ke(b)},Be=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:B,searchTextBoxStyle:{right:"204px"},showSettingsIconOnNavbar:Be,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!0,disableDownloadButton:Z===!1,downloadParams:K,downloadState:X,filters:Y,vendorSearchAutoCompleteData:J,vendorSearchAutoCompleteActions:V,createdByUserListLoaded:l==="bill_pay"||y.hideCreatedByFilter(h.loggedInUserRole??[])?!0:E==="Completed"||E==="Error",analytics:f,onNewButtonClick:ne,onSearchOpen:$e,onSearchTextChanged:le,onClickSetupIcon:P,onClickEmailInfoIcon:()=>_(!0),onFiltersChange:ce,getFilterOptions:l==="bill_pay"||l==="reimbursement"?()=>Dt(l,W??[],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}=qe({application:"dashboard",companyId:h.currentTenant?.companyId,tab:D,entityId:Le?.entityId,isGlobalComment:!1},"both",!1),De={openAllThreadsDrawer:b=>{je({...b}),I(!0)}},Fe=(b,$)=>{const{companyId:Me,entityId:Ne,entityType:ze}=b;I(!1),Pe({threadId:$,companyId:Me,entityType:ze}),R(Ne,g)};return o.jsx(Ye,{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,...Ve.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,enablePerformanceTracking:!1,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(We,{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(Xe,{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,$)=>Fe(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;

package/dist/assets/{SpendManagementPerTabPage-uBi60ESx-Dq7iQQx4.js → SpendManagementPerTabPage-jQjzrKl2-CR9tWVBr.js}

@@ -1,4 +1,4 @@
-import{a as Et,ca as Nt,R as te,l as W,e as J,kK as Ft,j as t,F as Mt,bV as Ot,bX as Vt,bY as Wt,a4 as Ut,o as i,bJ as Kt,bS as et,fF as Gt,aj as qt,b_ as Ht,ia as Yt,ib as Xt,m as Qt,bp as X,bg as Jt,a6 as Zt,C as g,u as Ue,fG as ei,kL as ti,f as Q,cu as ii,n as U,y as M,w as se,kM as oi,cO as ni,kN as li,kO as ut,kP as ht,jl as ri,kQ as si,kR as ai,bn as gt,v as je,W as ee,Y as Ke,gc as Ge,b as qe,fR as He,cn as bt,kS as yt,kT as Ce,a0 as Be,kU as Ye,U as we,ie as xt,ig as wt,kV as ft,id as $t,c3 as vt,c6 as St,kW as R,kX as kt,g1 as Tt,cs as Pt,dt as Xe,q as p}from"./index-BKug3-eP.js";import{b as P,n as o,f as jt,j as Y}from"./vendor-rkTZJa59.js";import{K as di,L as ci,_ as pi}from"./StatusSwitcher-CoX1TvcC-B2wGlPZJ.js";import{d as Ct}from"./useLongPress-GCK2COYQ-BoJXFS3o.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";const ue=te.getLocalizedStrings().spendManagement.billPay.billsByTabs.header,_e={key:"name",value:ue.name,sortOrder:"ascending",width:new g(p[5],p[5])},Le={key:"invoiceDate",value:ue.invoiceDate,sortOrder:"ascending",width:new g(20,20)},mi={key:"dueDate",value:ue.dueDate,sortOrder:"ascending",width:new g(20,20)},Qe={key:"dueDate",value:ue.paymentDate,sortOrder:"ascending",width:new g(20,20)},Je={key:"status",value:ue.status,sortOrder:"ascending",width:new g(18,18)},ui={key:"paymentMethod",value:ue.paymentMethod,sortOrder:"ascending",width:new g(18,18)},ze={key:"amount",value:ue.amount,sortOrder:"ascending",width:new g(10,10)},ye=[_e,Le,mi,Je,ze],hi=[_e,Le,Qe,Je,ze],gi=[_e,Le,Qe,Je,ze],bi=[_e,Le,Qe,ui,ze],be={headerLastColumnTopPadding:new g(p[0],p[4]),headerLastColumnRightPadding:new g(p[3],p[11]),headerLastColumnBottomPadding:new g(p[0],p[4]),headerLastColumnLeftPadding:new g(p[0],p[4]),headerHeight:new g(xt,wt)};function yi({companyNameSticky:e,currentTab:n,onColumnSortConfigChanged:c,sortConfig:l}){const d=Ue(),b=J(),[y,x]=P.useState(ji(n));P.useEffect(()=>{const a=[...y];for(const s of a)s.key===l.sortKey?s.sortOrder=l.sortOrder:s.sortOrder="ascending";x(a)},[l.sortKey,l.sortOrder]);const f=(a,s)=>{let $=s;l.sortKey===a&&($=s==="ascending"?"descending":"ascending"),c?.(a,$)},u=y.find(a=>a.key===l.sortKey)??y[0],h=a=>y.find(s=>s.key===a)?.value??"",m=y.map(a=>a.key),w=te.getLocalizedStrings().spendManagement.billPay.billsByTabs;return b==="small"?t.jsxs(tt,{windowSize:b,companyNameSticky:!1,children:[t.jsxs($i,{children:[t.jsx(Si,{children:t.jsx(vi,{})}),t.jsx(gt,{title:w.sortBy,placeholder:w.sortBy,pickerValues:m,valueToLabel:h,selectedValue:l.sortKey,onPickerSelectionChanged:a=>{f(a,"ascending")},optionTextStyle:je.smallRegular,titleTextStyle:je.smallRegular,titleColor:d.colors.primary,selectedOptionColor:d.colors.hero,optionBackgroundColor:d.colors.grey5,downChevronVisible:!1,backgroundColor:d.colors.background})]}),t.jsxs(Pi,{onClick:()=>f(u.key,u.sortOrder),"data-testid":ee("bill-pay-list-header-mobile",l.sortKey),children:[t.jsx(se,{children:u.value}),t.jsx(it,{sortDataValue:l.sortKey,headerdata:u,children:t.jsx(ot,{})})]})]}):t.jsx(tt,{companyNameSticky:e,windowSize:b,children:y.map(a=>t.jsxs(wi,{companyNameSticky:e&&a.key==="name",sortDataValue:l.sortKey,actualDataValue:a.key,wrapperWidth:a.width,windowSize:b,children:[t.jsxs(Ti,{onClick:()=>f(a.key,a.sortOrder),"data-testid":ee("bill-pay-list-header",l.sortKey),children:[t.jsx(se,{children:a.value}),t.jsx(it,{sortDataValue:l.sortKey,headerdata:a,children:t.jsx(ot,{})})]}),t.jsx(ki,{sortDataValue:l.sortKey,windowSize:b,isVisible:l.sortKey===a.key&&a.key!=="dueDate",children:t.jsx(fi,{onClick:()=>f("dueDate","ascending"),"data-testid":ee("bill-pay-list-header-sort-close",l.sortKey)})})]},a.key))})}const xi=jt.memo(yi),tt=o(se)`
+import{a as Et,ca as Nt,R as te,l as W,e as Q,kK as Ft,j as t,F as Mt,bV as Ot,bX as Vt,bY as Wt,a4 as Ut,o as i,bJ as Kt,bS as et,fF as Gt,aj as qt,b_ as Ht,ia as Yt,ib as Jt,m as Xt,bp as J,bg as Qt,a6 as Zt,C as g,u as Ue,fG as ei,kL as ti,f as X,cu as ii,n as U,x as M,w as se,kM as oi,cO as ni,kN as li,kO as ut,kP as ht,jl as ri,kQ as si,kR as ai,bn as gt,v as je,W as ee,Y as Ke,gc as Ge,b as qe,fR as He,cn as bt,kS as yt,kT as Ce,a0 as Be,kU as Ye,U as we,ie as xt,ig as wt,kV as ft,id as $t,c3 as vt,c6 as St,kW as R,kX as kt,g1 as Tt,cs as Pt,dt as Je,q as p}from"./index-0QGih61V.js";import{b as P,n as o,f as jt,j as Y}from"./vendor-rkTZJa59.js";import{K as di,L as ci,_ as pi}from"./StatusSwitcher-CwLbXjIU-CJO3kP8v.js";import{d as Ct}from"./useLongPress-GCK2COYQ-BoJXFS3o.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";const ue=te.getLocalizedStrings().spendManagement.billPay.billsByTabs.header,_e={key:"name",value:ue.name,sortOrder:"ascending",width:new g(p[5],p[5])},Le={key:"invoiceDate",value:ue.invoiceDate,sortOrder:"ascending",width:new g(20,20)},mi={key:"dueDate",value:ue.dueDate,sortOrder:"ascending",width:new g(20,20)},Xe={key:"dueDate",value:ue.paymentDate,sortOrder:"ascending",width:new g(20,20)},Qe={key:"status",value:ue.status,sortOrder:"ascending",width:new g(18,18)},ui={key:"paymentMethod",value:ue.paymentMethod,sortOrder:"ascending",width:new g(18,18)},ze={key:"amount",value:ue.amount,sortOrder:"ascending",width:new g(10,10)},ye=[_e,Le,mi,Qe,ze],hi=[_e,Le,Xe,Qe,ze],gi=[_e,Le,Xe,Qe,ze],bi=[_e,Le,Xe,ui,ze],be={headerLastColumnTopPadding:new g(p[0],p[4]),headerLastColumnRightPadding:new g(p[3],p[11]),headerLastColumnBottomPadding:new g(p[0],p[4]),headerLastColumnLeftPadding:new g(p[0],p[4]),headerHeight:new g(xt,wt)};function yi({companyNameSticky:e,currentTab:n,onColumnSortConfigChanged:c,sortConfig:l}){const d=Ue(),b=Q(),[y,x]=P.useState(ji(n));P.useEffect(()=>{const a=[...y];for(const s of a)s.key===l.sortKey?s.sortOrder=l.sortOrder:s.sortOrder="ascending";x(a)},[l.sortKey,l.sortOrder]);const f=(a,s)=>{let $=s;l.sortKey===a&&($=s==="ascending"?"descending":"ascending"),c?.(a,$)},u=y.find(a=>a.key===l.sortKey)??y[0],h=a=>y.find(s=>s.key===a)?.value??"",m=y.map(a=>a.key),w=te.getLocalizedStrings().spendManagement.billPay.billsByTabs;return b==="small"?t.jsxs(tt,{windowSize:b,companyNameSticky:!1,children:[t.jsxs($i,{children:[t.jsx(Si,{children:t.jsx(vi,{})}),t.jsx(gt,{title:w.sortBy,placeholder:w.sortBy,pickerValues:m,valueToLabel:h,selectedValue:l.sortKey,onPickerSelectionChanged:a=>{f(a,"ascending")},optionTextStyle:je.smallRegular,titleTextStyle:je.smallRegular,titleColor:d.colors.primary,selectedOptionColor:d.colors.hero,optionBackgroundColor:d.colors.grey5,downChevronVisible:!1,backgroundColor:d.colors.background})]}),t.jsxs(Pi,{onClick:()=>f(u.key,u.sortOrder),"data-testid":ee("bill-pay-list-header-mobile",l.sortKey),children:[t.jsx(se,{children:u.value}),t.jsx(it,{sortDataValue:l.sortKey,headerdata:u,children:t.jsx(ot,{})})]})]}):t.jsx(tt,{companyNameSticky:e,windowSize:b,children:y.map(a=>t.jsxs(wi,{companyNameSticky:e&&a.key==="name",sortDataValue:l.sortKey,actualDataValue:a.key,wrapperWidth:a.width,windowSize:b,children:[t.jsxs(Ti,{onClick:()=>f(a.key,a.sortOrder),"data-testid":ee("bill-pay-list-header",l.sortKey),children:[t.jsx(se,{children:a.value}),t.jsx(it,{sortDataValue:l.sortKey,headerdata:a,children:t.jsx(ot,{})})]}),t.jsx(ki,{sortDataValue:l.sortKey,windowSize:b,isVisible:l.sortKey===a.key&&a.key!=="dueDate",children:t.jsx(fi,{onClick:()=>f("dueDate","ascending"),"data-testid":ee("bill-pay-list-header-sort-close",l.sortKey)})})]},a.key))})}const xi=jt.memo(yi),tt=o(se)`
   width: 100%;
   top: ${i.sp0};
   left: ${i.sp0};
@@ -69,7 +69,7 @@ import{a as Et,ca as Nt,R as te,l as W,e as J,kK as Ft,j as t,F as Mt,bV as Ot,b
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,ji=e=>{switch(e){case"draft":return we(ye);case"pending_approval":return we(hi);case"scheduled":return we(gi);case"paid":return we(bi)}},xe={containerPaddingLeft:new g(p[3],p[4]),containerPaddingRight:new g(p[3],p[4]),containerPaddingTop:new g(p[2],12),containerPaddingBottom:new g(p[2],12),containerMarginLeft:new g(p[4],p[8]),webkitLineClamp:new g(2,1,1,1,1)},{spendManagement:{billPay:{billDetails:ne}},common:{strings:{empty:Me,space:$e}}}=te.getLocalizedStrings(),Ci=({transactionDetail:e,tagStatus:n,reportTitleAdditionalInfo:c,isSelected:l,isBillPayCommentingEnabled:d,isProcessing:b,lowBalanceAlert:y,approvers:x,deletionAdditionalInfo:f,paidAdditionalInfo:u,showLowBalanceTooltip:h,onTransactionRowClick:m})=>{const w=J(),a=Ke(),s=Ge(),$=qe().analytics,r=`dashboard_${a.currentTenant?.companyId}`,{threads:k,isLoading:B}=He({application:"dashboard",companyId:a.currentTenant?.companyId,tab:"bill",entityId:e.id,isGlobalComment:!1},"both",!1),L=P.useMemo(()=>k.filter(S=>S.resolved===!1),[k]),j=S=>{S.stopPropagation(),s?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:r,companyId:a.currentTenant?.companyId??Me,companyName:a.currentTenant?.companyName??Me,entityType:"bill.details",entityId:e.id}),$.trackCommentActivity("bill","clicked",a.currentTenant?.companyName??Me,a.controllersList.controllers.map(I=>Xe(I)),void 0,void 0,"comment on field")},v=P.useCallback(()=>{m(e.id)},[e.id]),z=W.isAwaitingMarkAsPaid(e.billPayInfo.billPaymentStatus.code)?yt(e.createdByUser):Ce(x),K=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:ne.newBillTitle,E=()=>`${ne.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`;return t.jsxs(Bi,{windowSize:w,statusCode:n?.code??"",isSelected:l,isProcessing:b,children:[t.jsx(_i,{onClick:v,"data-testid":ee("bill-pay-transaction-row",e.id),children:t.jsxs(Li,{children:[t.jsxs(zi,{windowSize:w,responsiveWidth:ye[0].width,children:[t.jsxs(Ii,{children:[t.jsx(Di,{windowSize:w,children:K}),e.isRecurring?t.jsx(X,{title:E(),placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(Oi,{isProcessing:b,children:t.jsx(Vi,{})})}):null]}),t.jsx(Ri,{children:`${c[0].label} ${c[0].value}`})]}),t.jsx(nt,{windowSize:w,responsiveWidth:ye[1].width,children:c[1].value}),t.jsx(nt,{windowSize:w,responsiveWidth:ye[2].width,children:c[2].value}),t.jsxs(Mi,{windowSize:w,responsiveWidth:ye[3].width,children:[t.jsxs(Fi,{children:[n!==void 0?t.jsx(Ei,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??ne.hyphenText}):t.jsx(Ni,{children:ne.hyphenText}),h===!0&&y!=null&&y.length>0?t.jsx(X,{title:y,placement:"bottom",display:"flex",style:{padding:`12px ${i.sp3}`},position:"relative",maxWidth:"311px",children:t.jsx(Wi,{})}):null]}),x!==void 0&&z.length>0?z.length>1?t.jsx(X,{style:{padding:"2px 5px"},title:`${ne.byText}${$e}${z.join(`${$e}${ne.orText}${$e}`)}`,placement:"bottom-start",children:t.jsx(ke,{children:`${ne.byText}${$e}${z[0]}${ne.dots}`})}):t.jsx(ke,{children:`${ne.byText}${$e}${z[0]}`}):null,f!=null?t.jsx(ke,{children:f}):null,u!=null?t.jsx(ke,{children:u}):null]}),t.jsx(Ai,{windowSize:w,responsiveWidth:ye[4].width,children:Be("0,0[.]00",e.totalAmountInUSD)})]})}),d&&L.length>0?t.jsx(Ye,{isLoading:B,count:L.length,style:{position:"absolute",float:"right",right:"44px",top:i.sp1},openThread:j}):null]})},Bi=o.div`
+`,ji=e=>{switch(e){case"draft":return we(ye);case"pending_approval":return we(hi);case"scheduled":return we(gi);case"paid":return we(bi)}},xe={containerPaddingLeft:new g(p[3],p[4]),containerPaddingRight:new g(p[3],p[4]),containerPaddingTop:new g(p[2],12),containerPaddingBottom:new g(p[2],12),containerMarginLeft:new g(p[4],p[8]),webkitLineClamp:new g(2,1,1,1,1)},{spendManagement:{billPay:{billDetails:ne}},common:{strings:{empty:Me,space:$e}}}=te.getLocalizedStrings(),Ci=({transactionDetail:e,tagStatus:n,reportTitleAdditionalInfo:c,isSelected:l,isBillPayCommentingEnabled:d,isProcessing:b,lowBalanceAlert:y,approvers:x,deletionAdditionalInfo:f,paidAdditionalInfo:u,showLowBalanceTooltip:h,onTransactionRowClick:m})=>{const w=Q(),a=Ke(),s=Ge(),$=qe().analytics,r=`dashboard_${a.currentTenant?.companyId}`,{threads:k,isLoading:B}=He({application:"dashboard",companyId:a.currentTenant?.companyId,tab:"bill",entityId:e.id,isGlobalComment:!1},"both",!1),L=P.useMemo(()=>k.filter(S=>S.resolved===!1),[k]),j=S=>{S.stopPropagation(),s?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:r,companyId:a.currentTenant?.companyId??Me,companyName:a.currentTenant?.companyName??Me,entityType:"bill.details",entityId:e.id}),$.trackCommentActivity("bill","clicked",a.currentTenant?.companyName??Me,a.controllersList.controllers.map(I=>Je(I)),void 0,void 0,"comment on field")},v=P.useCallback(()=>{m(e.id)},[e.id]),z=W.isAwaitingMarkAsPaid(e.billPayInfo.billPaymentStatus.code)?yt(e.createdByUser):Ce(x),K=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:ne.newBillTitle,E=()=>`${ne.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`;return t.jsxs(Bi,{windowSize:w,statusCode:n?.code??"",isSelected:l,isProcessing:b,children:[t.jsx(_i,{onClick:v,"data-testid":ee("bill-pay-transaction-row",e.id),children:t.jsxs(Li,{children:[t.jsxs(zi,{windowSize:w,responsiveWidth:ye[0].width,children:[t.jsxs(Ii,{children:[t.jsx(Di,{windowSize:w,children:K}),e.isRecurring?t.jsx(J,{title:E(),placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(Oi,{isProcessing:b,children:t.jsx(Vi,{})})}):null]}),t.jsx(Ri,{children:`${c[0].label} ${c[0].value}`})]}),t.jsx(nt,{windowSize:w,responsiveWidth:ye[1].width,children:c[1].value}),t.jsx(nt,{windowSize:w,responsiveWidth:ye[2].width,children:c[2].value}),t.jsxs(Mi,{windowSize:w,responsiveWidth:ye[3].width,children:[t.jsxs(Fi,{children:[n!==void 0?t.jsx(Ei,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??ne.hyphenText}):t.jsx(Ni,{children:ne.hyphenText}),h===!0&&y!=null&&y.length>0?t.jsx(J,{title:y,placement:"bottom",display:"flex",style:{padding:`12px ${i.sp3}`},position:"relative",maxWidth:"311px",children:t.jsx(Wi,{})}):null]}),x!==void 0&&z.length>0?z.length>1?t.jsx(J,{style:{padding:"2px 5px"},title:`${ne.byText}${$e}${z.join(`${$e}${ne.orText}${$e}`)}`,placement:"bottom-start",children:t.jsx(ke,{children:`${ne.byText}${$e}${z[0]}${ne.dots}`})}):t.jsx(ke,{children:`${ne.byText}${$e}${z[0]}`}):null,f!=null?t.jsx(ke,{children:f}):null,u!=null?t.jsx(ke,{children:u}):null]}),t.jsx(Ai,{windowSize:w,responsiveWidth:ye[4].width,children:Be("0,0[.]00",e.totalAmountInUSD)})]})}),d&&L.length>0?t.jsx(Ye,{isLoading:B,count:L.length,style:{position:"absolute",float:"right",right:"44px",top:i.sp1},openThread:j}):null]})},Bi=o.div`
   display: flex;
   margin-bottom: ${i.sp3};
   background-color: ${e=>e.isProcessing?"transparent":e.theme.colors.grey5};
@@ -78,7 +78,7 @@ import{a as Et,ca as Nt,R as te,l as W,e as J,kK as Ft,j as t,F as Mt,bV as Ot,b
   padding-top: ${e=>xe.containerPaddingTop.valuePx(e.windowSize)};
   padding-bottom: ${e=>xe.containerPaddingBottom.valuePx(e.windowSize)};
   border: ${e=>` 1px solid ${e.isProcessing?e.theme.colors.grey2:e.isSelected?e.theme.colors.primary:e.theme.colors.grey3}`};
-  box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${Q.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${Q.dropShadowNormalLight}`};
+  box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${X.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${X.dropShadowNormalLight}`};
   border-radius: ${i.sp2};
   cursor: ${e=>e.isProcessing?"initial":"pointer"};
 
@@ -221,7 +221,7 @@ import{a as Et,ca as Nt,R as te,l as W,e as J,kK as Ft,j as t,F as Mt,bV as Ot,b
   :hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,de={containerPaddingLeft:new g(p[3],p[4]),containerPaddingRight:new g(p[3],p[4]),containerPaddingTop:new g(p[2],p[3]),containerPaddingBottom:new g(p[2],p[3]),containerMarginLeft:new g(p[3],p[8]),webkitLineClamp:new g(2,2,1,1,1)},{spendManagement:{billPay:{billDetails:le}},common:{strings:{empty:Oe,space:ve}}}=te.getLocalizedStrings(),Ui=({transactionDetail:e,tagStatus:n,isProcessing:c,isSelected:l,isBillPayCommentingEnabled:d,bulkSelectFormId:b,isBulkSelectionLimitReached:y,isSelectionMode:x,reportTitleAdditionalInfo:f,lowBalanceAlert:u,approvers:h,deletionAdditionalInfo:m,paidAdditionalInfo:w,showLowBalanceTooltip:a,onTransactionRowClick:s})=>{const $=J(),r=Ke(),k=Ge(),B=qe().analytics,L=`dashboard_${r.currentTenant?.companyId}`,{threads:j,isLoading:v}=He({application:"dashboard",companyId:r.currentTenant?.companyId,tab:"bill",entityId:e.id,isGlobalComment:!1},"both",!1),z=P.useMemo(()=>j.filter(O=>O.resolved===!1),[j]),K=O=>{O.stopPropagation(),k?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:L,companyId:r.currentTenant?.companyId??Oe,companyName:r.currentTenant?.companyName??Oe,entityType:"bill.details",entityId:e.id}),B.trackCommentActivity("bill","clicked",r.currentTenant?.companyName??Oe,r.controllersList.controllers.map(G=>Xe(G)),void 0,void 0,"comment on field")},{getValues:E,setValue:S}=bt(),I=W.isAwaitingMarkAsPaid(e.billPayInfo.billPaymentStatus.code)?yt(e.createdByUser):Ce(h),Z=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:le.newBillTitle,ie=()=>`${le.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`,re=E(b),he=P.useCallback(()=>{!y&&e.bulkSelectInfo?.isSelectableForBulkAction&&!l&&S(b,[...re,e.id])},[b,y,l,S,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,re]),Ee=P.useCallback(()=>{he()},[he]),ge=P.useCallback(O=>{O.stopPropagation(),O.cancelable&&O.preventDefault(),x?he():s(e.id)},[he,x,s,e.id]),Ne=Ct({onLongPress:Ee},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(Ki,{windowSize:$,statusCode:n?.code??"",isSelected:l,isProcessing:c,children:[t.jsx(Gi,{onClick:ge,...Ne,"data-testid":ee("bill-pay-trxn-row-small",e.id),children:t.jsxs(qi,{children:[t.jsxs(to,{children:[t.jsxs(Hi,{children:[t.jsxs(Yi,{children:[t.jsx(Xi,{windowSize:$,children:Z}),e.isRecurring?t.jsx(X,{title:ie(),placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(oo,{isProcessing:c,children:t.jsx(no,{})})}):null]}),t.jsx(Ji,{children:`${f[0].label} ${f[0].value}`})]}),t.jsx(lt,{children:`${f[1].label} ${f[1].value}`}),t.jsx(lt,{children:`${f[2].label} ${f[2].value}`})]}),t.jsxs(io,{children:[t.jsx(Qi,{children:Be("0,0[.]00",e.totalAmountInUSD)}),t.jsxs(eo,{hasAlertIcon:u!=null,children:[t.jsxs(lo,{children:[n!==void 0?t.jsx(Zi,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??le.hyphenText}):t.jsx(t.Fragment,{children:le.hyphenText}),a===!0&&u!=null&&u.length>0?t.jsx(so,{onClick:O=>O.stopPropagation(),children:t.jsx(X,{title:u,placement:"bottom",display:"flex",style:{padding:`12px ${i.sp3}`},position:"relative",maxWidth:"311px",enterDelay:600,children:t.jsx(ro,{})})}):null]}),h!==void 0&&I.length>0?I.length>1?t.jsx(X,{title:`${le.byText}${ve}${I.join(`${ve}${le.orText}${ve}`)}`,placement:"bottom-start",children:t.jsx(Te,{children:`${le.byText}${ve}${I[0]}${le.dots}`})}):t.jsx(Te,{children:`${le.byText}${ve}${I[0]}`}):null,m!=null?t.jsx(Te,{children:m}):null,w!=null?t.jsx(Te,{children:w}):null]})]})]})}),d&&z.length>0?t.jsx(Ye,{isLoading:v,count:z.length,style:{position:"absolute",float:"right",right:"6px",top:i.sp1},openThread:K}):null]})},Ki=o.div`
+`,de={containerPaddingLeft:new g(p[3],p[4]),containerPaddingRight:new g(p[3],p[4]),containerPaddingTop:new g(p[2],p[3]),containerPaddingBottom:new g(p[2],p[3]),containerMarginLeft:new g(p[3],p[8]),webkitLineClamp:new g(2,2,1,1,1)},{spendManagement:{billPay:{billDetails:le}},common:{strings:{empty:Oe,space:ve}}}=te.getLocalizedStrings(),Ui=({transactionDetail:e,tagStatus:n,isProcessing:c,isSelected:l,isBillPayCommentingEnabled:d,bulkSelectFormId:b,isBulkSelectionLimitReached:y,isSelectionMode:x,reportTitleAdditionalInfo:f,lowBalanceAlert:u,approvers:h,deletionAdditionalInfo:m,paidAdditionalInfo:w,showLowBalanceTooltip:a,onTransactionRowClick:s})=>{const $=Q(),r=Ke(),k=Ge(),B=qe().analytics,L=`dashboard_${r.currentTenant?.companyId}`,{threads:j,isLoading:v}=He({application:"dashboard",companyId:r.currentTenant?.companyId,tab:"bill",entityId:e.id,isGlobalComment:!1},"both",!1),z=P.useMemo(()=>j.filter(O=>O.resolved===!1),[j]),K=O=>{O.stopPropagation(),k?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:L,companyId:r.currentTenant?.companyId??Oe,companyName:r.currentTenant?.companyName??Oe,entityType:"bill.details",entityId:e.id}),B.trackCommentActivity("bill","clicked",r.currentTenant?.companyName??Oe,r.controllersList.controllers.map(G=>Je(G)),void 0,void 0,"comment on field")},{getValues:E,setValue:S}=bt(),I=W.isAwaitingMarkAsPaid(e.billPayInfo.billPaymentStatus.code)?yt(e.createdByUser):Ce(h),Z=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:le.newBillTitle,ie=()=>`${le.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`,re=E(b),he=P.useCallback(()=>{!y&&e.bulkSelectInfo?.isSelectableForBulkAction&&!l&&S(b,[...re,e.id])},[b,y,l,S,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,re]),Ee=P.useCallback(()=>{he()},[he]),ge=P.useCallback(O=>{O.stopPropagation(),O.cancelable&&O.preventDefault(),x?he():s(e.id)},[he,x,s,e.id]),Ne=Ct({onLongPress:Ee},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(Ki,{windowSize:$,statusCode:n?.code??"",isSelected:l,isProcessing:c,children:[t.jsx(Gi,{onClick:ge,...Ne,"data-testid":ee("bill-pay-trxn-row-small",e.id),children:t.jsxs(qi,{children:[t.jsxs(to,{children:[t.jsxs(Hi,{children:[t.jsxs(Yi,{children:[t.jsx(Ji,{windowSize:$,children:Z}),e.isRecurring?t.jsx(J,{title:ie(),placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(oo,{isProcessing:c,children:t.jsx(no,{})})}):null]}),t.jsx(Qi,{children:`${f[0].label} ${f[0].value}`})]}),t.jsx(lt,{children:`${f[1].label} ${f[1].value}`}),t.jsx(lt,{children:`${f[2].label} ${f[2].value}`})]}),t.jsxs(io,{children:[t.jsx(Xi,{children:Be("0,0[.]00",e.totalAmountInUSD)}),t.jsxs(eo,{hasAlertIcon:u!=null,children:[t.jsxs(lo,{children:[n!==void 0?t.jsx(Zi,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??le.hyphenText}):t.jsx(t.Fragment,{children:le.hyphenText}),a===!0&&u!=null&&u.length>0?t.jsx(so,{onClick:O=>O.stopPropagation(),children:t.jsx(J,{title:u,placement:"bottom",display:"flex",style:{padding:`12px ${i.sp3}`},position:"relative",maxWidth:"311px",enterDelay:600,children:t.jsx(ro,{})})}):null]}),h!==void 0&&I.length>0?I.length>1?t.jsx(J,{title:`${le.byText}${ve}${I.join(`${ve}${le.orText}${ve}`)}`,placement:"bottom-start",children:t.jsx(Te,{children:`${le.byText}${ve}${I[0]}${le.dots}`})}):t.jsx(Te,{children:`${le.byText}${ve}${I[0]}`}):null,m!=null?t.jsx(Te,{children:m}):null,w!=null?t.jsx(Te,{children:w}):null]})]})]})}),d&&z.length>0?t.jsx(Ye,{isLoading:v,count:z.length,style:{position:"absolute",float:"right",right:"6px",top:i.sp1},openThread:K}):null]})},Ki=o.div`
   display: flex;
   margin-bottom: ${i.sp3};
   background-color: ${e=>e.isProcessing?"transparent":e.theme.colors.grey5};
@@ -230,7 +230,7 @@ import{a as Et,ca as Nt,R as te,l as W,e as J,kK as Ft,j as t,F as Mt,bV as Ot,b
   padding-top: ${e=>de.containerPaddingTop.valuePx(e.windowSize)};
   padding-bottom: ${e=>de.containerPaddingBottom.valuePx(e.windowSize)};
   border: ${e=>` 1px solid ${e.isProcessing?e.theme.colors.grey2:e.isSelected?e.theme.colors.primary:e.theme.colors.grey3}`};
-  box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${Q.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${Q.dropShadowNormalLight}`};
+  box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${X.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${X.dropShadowNormalLight}`};
   border-radius: ${i.sp2};
   cursor: ${e=>e.isProcessing?"initial":"pointer"};
   ${e=>e.isProcessing?Y`
@@ -293,7 +293,7 @@ import{a as Et,ca as Nt,R as te,l as W,e as J,kK as Ft,j as t,F as Mt,bV as Ot,b
   align-items: center;
   margin-right: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
-`,Xi=o(M)`
+`,Ji=o(M)`
   color: ${e=>e.theme.colors.hero};
   flex-grow: 1;
   word-break: break-word;
@@ -303,11 +303,11 @@ import{a as Et,ca as Nt,R as te,l as W,e as J,kK as Ft,j as t,F as Mt,bV as Ot,b
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: ${e=>e.windowSize==="small"?`${kt}px`:"initial"};
-`,Qi=o(M)`
+`,Xi=o(M)`
   display: flex;
   color: ${e=>e.theme.colors.hero};
   justify-content: flex-end;
-`,Ji=o(U)`
+`,Qi=o(U)`
   color: ${e=>e.theme.colors.grey1};
 `,Zi=o(U)`
   color: ${e=>e.color};
@@ -361,7 +361,7 @@ import{a as Et,ca as Nt,R as te,l as W,e as J,kK as Ft,j as t,F as Mt,bV as Ot,b
   :hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,so=o.div``,ae=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs.header,Ie={key:"reportName",value:ae.name,sortOrder:"ascending",width:new g(30,30)},De={key:"type",value:ae.type,sortOrder:"ascending",width:new g(20,20)},Ae={key:"status",value:ae.status,sortOrder:"ascending",width:new g(20,20)},Re={key:"amount",value:ae.amount,sortOrder:"ascending",width:new g(10,10)},ce=[Ie,{key:"submittedOn",value:ae.created,sortOrder:"ascending",width:new g(20,20)},De,Ae,Re],ao=[Ie,{key:"submittedOn",value:ae.submitted,sortOrder:"ascending",width:new g(20,20)},De,Ae,Re],co=[Ie,{key:"submittedOn",value:ae.paymentDate,sortOrder:"ascending",width:new g(20,20)},De,Ae,Re],po=[Ie,{key:"submittedOn",value:ae.paidOn,sortOrder:"ascending",width:new g(20,20)},De,Ae,Re],Bt={draft:ce,pending_approval:ao,scheduled:co,paid:po},Pe={headerLastColumnTopPadding:new g(p[0],p[4]),headerLastColumnRightPadding:new g(p[3],p[11]),headerLastColumnBottomPadding:new g(p[0],p[4]),headerLastColumnLeftPadding:new g(p[3],p[4])};function mo({companyNameSticky:e,currentTab:n,onColumnSortConfigChanged:c,sortConfig:l,analytics:d}){const b=J(),y=Ue(),[x,f]=P.useState(we(Bt[n]));P.useEffect(()=>{const s=[...x];for(const $ of s)$.key===l.sortKey?$.sortOrder=l.sortOrder:$.sortOrder="ascending";f(s)},[l.sortKey,l.sortOrder]);const u=(s,$)=>{let r=$;l.sortKey===s&&(r=$==="ascending"?"descending":"ascending"),d?.trackReimbursementListSort(s,r),c?.(s,r)},h=x.find(s=>s.key===l.sortKey)??x[0],m=s=>x.find($=>$.key===s)?.value??"",w=x.map(s=>s.key),a=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs;return b==="small"?t.jsxs(rt,{height:xt,windowSize:b,children:[t.jsx(go,{children:t.jsx(bo,{})}),t.jsx(gt,{title:a.sortBy,placeholder:a.sortBy,pickerValues:w,valueToLabel:m,selectedValue:l.sortKey,onPickerSelectionChanged:s=>{u(s,"ascending")},optionTextStyle:je.smallRegular,titleTextStyle:je.smallRegular,titleColor:y.colors.primary,selectedOptionColor:y.colors.hero,optionBackgroundColor:"inherit",downChevronVisible:!1}),t.jsxs(fo,{onClick:()=>u(h.key,h.sortOrder),"data-testid":ee("remi-list-header-small",l.sortKey),children:[t.jsx(se,{children:h.value}),t.jsx(st,{sortDataValue:l.sortKey,headerdata:h,children:t.jsx(at,{})})]})]}):t.jsx(rt,{height:wt,windowSize:b,children:x.map(s=>t.jsxs(ho,{companyNameSticky:e,sortDataValue:l.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:b,children:[t.jsxs(wo,{onClick:()=>u(s.key,s.sortOrder),"data-testid":ee("remi-list-header",l.sortKey),children:[t.jsx(se,{children:s.value}),t.jsx(st,{sortDataValue:l.sortKey,headerdata:s,children:t.jsx(at,{})})]}),t.jsx(xo,{sortDataValue:l.sortKey,windowSize:b,isVisible:l.sortKey===s.key&&s.key!=="submittedOn",children:t.jsx(yo,{onClick:()=>u("submittedOn","ascending"),"data-testid":ee("remi-list-close-sort",l.sortKey)})})]},s.key))})}const uo=jt.memo(mo),rt=o(se)`
+`,so=o.div``,ae=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs.header,Ie={key:"reportName",value:ae.name,sortOrder:"ascending",width:new g(30,30)},De={key:"type",value:ae.type,sortOrder:"ascending",width:new g(20,20)},Ae={key:"status",value:ae.status,sortOrder:"ascending",width:new g(20,20)},Re={key:"amount",value:ae.amount,sortOrder:"ascending",width:new g(10,10)},ce=[Ie,{key:"submittedOn",value:ae.created,sortOrder:"ascending",width:new g(20,20)},De,Ae,Re],ao=[Ie,{key:"submittedOn",value:ae.submitted,sortOrder:"ascending",width:new g(20,20)},De,Ae,Re],co=[Ie,{key:"submittedOn",value:ae.paymentDate,sortOrder:"ascending",width:new g(20,20)},De,Ae,Re],po=[Ie,{key:"submittedOn",value:ae.paidOn,sortOrder:"ascending",width:new g(20,20)},De,Ae,Re],Bt={draft:ce,pending_approval:ao,scheduled:co,paid:po},Pe={headerLastColumnTopPadding:new g(p[0],p[4]),headerLastColumnRightPadding:new g(p[3],p[11]),headerLastColumnBottomPadding:new g(p[0],p[4]),headerLastColumnLeftPadding:new g(p[3],p[4])};function mo({companyNameSticky:e,currentTab:n,onColumnSortConfigChanged:c,sortConfig:l,analytics:d}){const b=Q(),y=Ue(),[x,f]=P.useState(we(Bt[n]));P.useEffect(()=>{const s=[...x];for(const $ of s)$.key===l.sortKey?$.sortOrder=l.sortOrder:$.sortOrder="ascending";f(s)},[l.sortKey,l.sortOrder]);const u=(s,$)=>{let r=$;l.sortKey===s&&(r=$==="ascending"?"descending":"ascending"),d?.trackReimbursementListSort(s,r),c?.(s,r)},h=x.find(s=>s.key===l.sortKey)??x[0],m=s=>x.find($=>$.key===s)?.value??"",w=x.map(s=>s.key),a=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs;return b==="small"?t.jsxs(rt,{height:xt,windowSize:b,children:[t.jsx(go,{children:t.jsx(bo,{})}),t.jsx(gt,{title:a.sortBy,placeholder:a.sortBy,pickerValues:w,valueToLabel:m,selectedValue:l.sortKey,onPickerSelectionChanged:s=>{u(s,"ascending")},optionTextStyle:je.smallRegular,titleTextStyle:je.smallRegular,titleColor:y.colors.primary,selectedOptionColor:y.colors.hero,optionBackgroundColor:"inherit",downChevronVisible:!1}),t.jsxs(fo,{onClick:()=>u(h.key,h.sortOrder),"data-testid":ee("remi-list-header-small",l.sortKey),children:[t.jsx(se,{children:h.value}),t.jsx(st,{sortDataValue:l.sortKey,headerdata:h,children:t.jsx(at,{})})]})]}):t.jsx(rt,{height:wt,windowSize:b,children:x.map(s=>t.jsxs(ho,{companyNameSticky:e,sortDataValue:l.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:b,children:[t.jsxs(wo,{onClick:()=>u(s.key,s.sortOrder),"data-testid":ee("remi-list-header",l.sortKey),children:[t.jsx(se,{children:s.value}),t.jsx(st,{sortDataValue:l.sortKey,headerdata:s,children:t.jsx(at,{})})]}),t.jsx(xo,{sortDataValue:l.sortKey,windowSize:b,isVisible:l.sortKey===s.key&&s.key!=="submittedOn",children:t.jsx(yo,{onClick:()=>u("submittedOn","ascending"),"data-testid":ee("remi-list-close-sort",l.sortKey)})})]},s.key))})}const uo=jt.memo(mo),rt=o(se)`
   width: 100%;
   top: 0;
   left: 0;
@@ -429,7 +429,7 @@ import{a as Et,ca as Nt,R as te,l as W,e as J,kK as Ft,j as t,F as Mt,bV as Ot,b
     color: ${e=>e.theme.colors.primary};
   }
   margin-left: auto;
-`,Se={containerPaddingLeft:new g(p[3],p[4]),containerPaddingRight:new g(p[3],p[4]),containerPaddingTop:new g(p[2],12),containerPaddingBottom:new g(p[2],12),containerMarginLeft:new g(p[4],p[8])},H=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,$o=({reimbursementDetail:e,tagStatus:n,isProcessing:c,isSelected:l,reportTitleAdditionalInfo:d,date:b,approvers:y,deletionAdditionalInfo:x,isReimbursementCommentingEnabled:f,onTransactionRowClick:u})=>{const h=J(),m=Ke(),w=P.useRef(null),[a,s]=P.useState(0);P.useLayoutEffect(()=>{w.current&&s(w.current.offsetWidth*ft)},[h]);const $=qe().analytics,r=Ge(),k=`dashboard_${m.currentTenant?.companyId}`,B=()=>{u(e.id)},L=e.reimbursementTypesIncluded,j=Ce(y),v=te.getLocalizedStrings().common.strings.empty,{threads:z,isLoading:K}=He({application:"dashboard",companyId:m.currentTenant?.companyId,tab:"reimbursement",entityId:e.id,isGlobalComment:!1},"both",!1),E=P.useMemo(()=>z.filter(I=>I.resolved===!1),[z]),S=I=>{I.stopPropagation(),r?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:k,companyId:m.currentTenant?.companyId??v,companyName:m.currentTenant?.companyName??v,entityType:"reimbursement.details",entityId:e.id??v}),$.trackCommentActivity("reimbursement","clicked",m.currentTenant?.companyName??v,m.controllersList.controllers.map(Z=>Xe(Z)),void 0,void 0,"comment on field")};return t.jsxs(vo,{windowSize:h,onClick:B,isProcessing:c,isSelected:l,statusCode:n?.code??v,"data-testid":ee("remi-row-click",e.id),children:[t.jsx(So,{children:t.jsxs(ko,{children:[t.jsxs(To,{windowSize:h,responsiveWidth:ce[0].width,ref:w,children:[t.jsx(Po,{windowSize:h,reportNameWidth:a,children:e.reportTitle??H.newReimbursementTitle}),d!=null&&t.jsx(jo,{children:`${H.byText} ${d?.firstName} ${d?.lastName}`})]}),t.jsx(Bo,{windowSize:h,responsiveWidth:ce[1].width,children:b}),L.length>1?t.jsx(dt,{windowSize:h,responsiveWidth:ce[2].width,children:t.jsx(X,{title:H.reimbursementType.both,placement:"bottom-start",display:"flex",children:H.reimbursementType.titleForBoth})}):t.jsx(dt,{windowSize:h,responsiveWidth:ce[2].width,children:H.reimbursementType[L[0]]}),t.jsxs(Lo,{windowSize:h,responsiveWidth:ce[3].width,children:[n!==void 0?t.jsx(zo,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??H.hyphenText}):t.jsx(_o,{children:H.hyphenText}),y!==void 0&&j.length>0?j.length>1?t.jsx(X,{title:`${H.byText} `+j.join(` ${H.orText} `),placement:"bottom-start",children:t.jsx(Ve,{children:`${H.byText} `+j[0]+`${H.dots}`})}):t.jsx(Ve,{children:`${H.byText} `+j[0]}):null,x!=null?t.jsx(Ve,{children:x}):null]}),t.jsx(Co,{windowSize:h,responsiveWidth:ce[4].width,children:Be("0,0[.]00",e.amount)})]})}),f&&E.length>0?t.jsx(Ye,{isLoading:K,count:E.length,style:{position:"absolute",float:"right",right:`calc(${i.sp6} + ${i.sp1})`,top:i.sp1},openThread:S}):null]})},vo=o.div`
+`,Se={containerPaddingLeft:new g(p[3],p[4]),containerPaddingRight:new g(p[3],p[4]),containerPaddingTop:new g(p[2],12),containerPaddingBottom:new g(p[2],12),containerMarginLeft:new g(p[4],p[8])},H=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,$o=({reimbursementDetail:e,tagStatus:n,isProcessing:c,isSelected:l,reportTitleAdditionalInfo:d,date:b,approvers:y,deletionAdditionalInfo:x,isReimbursementCommentingEnabled:f,onTransactionRowClick:u})=>{const h=Q(),m=Ke(),w=P.useRef(null),[a,s]=P.useState(0);P.useLayoutEffect(()=>{w.current&&s(w.current.offsetWidth*ft)},[h]);const $=qe().analytics,r=Ge(),k=`dashboard_${m.currentTenant?.companyId}`,B=()=>{u(e.id)},L=e.reimbursementTypesIncluded,j=Ce(y),v=te.getLocalizedStrings().common.strings.empty,{threads:z,isLoading:K}=He({application:"dashboard",companyId:m.currentTenant?.companyId,tab:"reimbursement",entityId:e.id,isGlobalComment:!1},"both",!1),E=P.useMemo(()=>z.filter(I=>I.resolved===!1),[z]),S=I=>{I.stopPropagation(),r?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:k,companyId:m.currentTenant?.companyId??v,companyName:m.currentTenant?.companyName??v,entityType:"reimbursement.details",entityId:e.id??v}),$.trackCommentActivity("reimbursement","clicked",m.currentTenant?.companyName??v,m.controllersList.controllers.map(Z=>Je(Z)),void 0,void 0,"comment on field")};return t.jsxs(vo,{windowSize:h,onClick:B,isProcessing:c,isSelected:l,statusCode:n?.code??v,"data-testid":ee("remi-row-click",e.id),children:[t.jsx(So,{children:t.jsxs(ko,{children:[t.jsxs(To,{windowSize:h,responsiveWidth:ce[0].width,ref:w,children:[t.jsx(Po,{windowSize:h,reportNameWidth:a,children:e.reportTitle??H.newReimbursementTitle}),d!=null&&t.jsx(jo,{children:`${H.byText} ${d?.firstName} ${d?.lastName}`})]}),t.jsx(Bo,{windowSize:h,responsiveWidth:ce[1].width,children:b}),L.length>1?t.jsx(dt,{windowSize:h,responsiveWidth:ce[2].width,children:t.jsx(J,{title:H.reimbursementType.both,placement:"bottom-start",display:"flex",children:H.reimbursementType.titleForBoth})}):t.jsx(dt,{windowSize:h,responsiveWidth:ce[2].width,children:H.reimbursementType[L[0]]}),t.jsxs(Lo,{windowSize:h,responsiveWidth:ce[3].width,children:[n!==void 0?t.jsx(zo,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??H.hyphenText}):t.jsx(_o,{children:H.hyphenText}),y!==void 0&&j.length>0?j.length>1?t.jsx(J,{title:`${H.byText} `+j.join(` ${H.orText} `),placement:"bottom-start",children:t.jsx(Ve,{children:`${H.byText} `+j[0]+`${H.dots}`})}):t.jsx(Ve,{children:`${H.byText} `+j[0]}):null,x!=null?t.jsx(Ve,{children:x}):null]}),t.jsx(Co,{windowSize:h,responsiveWidth:ce[4].width,children:Be("0,0[.]00",e.amount)})]})}),f&&E.length>0?t.jsx(Ye,{isLoading:K,count:E.length,style:{position:"absolute",float:"right",right:`calc(${i.sp6} + ${i.sp1})`,top:i.sp1},openThread:S}):null]})},vo=o.div`
   display: flex;
   margin-bottom: ${i.sp3};
   background-color: ${e=>e.isProcessing?"transparent":e.theme.colors.grey5};
@@ -438,7 +438,7 @@ import{a as Et,ca as Nt,R as te,l as W,e as J,kK as Ft,j as t,F as Mt,bV as Ot,b
   padding-top: ${e=>Se.containerPaddingTop.valuePx(e.windowSize)};
   padding-bottom: ${e=>Se.containerPaddingBottom.valuePx(e.windowSize)};
   border: ${e=>` 1px solid ${e.isProcessing?e.theme.colors.grey2:e.isSelected?e.theme.colors.primary:e.theme.colors.grey3}`};
-  box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${Q.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${Q.boxShadowElevation}`};
+  box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${X.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${X.boxShadowElevation}`};
   border-radius: ${i.sp2};
   cursor: ${e=>e.isProcessing?"initial":"pointer"};
 
@@ -547,7 +547,7 @@ import{a as Et,ca as Nt,R as te,l as W,e as J,kK as Ft,j as t,F as Mt,bV as Ot,b
   padding: 1px 6px 1px 6px;
   border: ${e=>`1px solid ${e.borderColor}`};
   border-radius: ${i.sp1};
-`,pe={containerPaddingLeft:new g(p[3],p[4]),containerPaddingRight:new g(p[3],p[4]),containerPaddingTop:new g(p[2],p[3]),containerPaddingBottom:new g(p[2],p[3]),containerMarginLeft:new g(p[3],p[8]),webkitLineClamp:new g(2,2,1,1,1)},V=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,Io=({reimbursementDetail:e,tagStatus:n,currentTab:c,isProcessing:l,isSelected:d,bulkSelectFormId:b,isBulkSelectionLimitReached:y,isSelectionMode:x,reportTitleAdditionalInfo:f,date:u,approvers:h,deletionAdditionalInfo:m,onTransactionRowClick:w})=>{const a=J(),{getValues:s,setValue:$}=bt(),r=e.reimbursementTypesIncluded,k=Ce(h),B=we(Bt[c]),L=s(b),j=P.useCallback(()=>{!y&&e.bulkSelectInfo?.isSelectableForBulkAction&&!d&&$(b,[...L,e.id])},[b,y,d,$,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,L]),v=P.useCallback(()=>{j()},[j]),z=P.useCallback(E=>{E.stopPropagation(),E.cancelable&&E.preventDefault(),x?j():w(e.id)},[j,x,w,e.id]),K=Ct({onLongPress:v},{shouldPreventDefault:!1,delay:1e3});return t.jsx(Do,{windowSize:a,statusCode:n?.code??"",isProcessing:l,isSelected:d,children:t.jsx(Ao,{onClick:z,...K,"data-testid":ee("remi-row-click-mobile",e.id),children:t.jsxs(Ro,{children:[t.jsxs(Eo,{children:[t.jsxs(Fo,{children:[t.jsx(Mo,{windowSize:a,children:e.reportTitle??V.newReimbursementTitle}),f!=null&&t.jsx(Oo,{children:`${V.byText} ${f?.firstName} ${f?.lastName}`})]}),t.jsxs(Wo,{children:[B[1].value+": ",u]}),r.length>1?t.jsx(X,{title:V.reimbursementType.both,placement:"bottom-start",display:"flex",children:t.jsxs(ct,{children:[V.reimbursementType.type+": ",V.reimbursementType.titleForBoth]})}):t.jsxs(ct,{children:[V.reimbursementType.type+": ",V.reimbursementType[r[0]]]})]}),t.jsxs(No,{children:[t.jsx(Vo,{children:Be("0,0[.]00",e.amount)}),t.jsxs(Uo,{children:[n!==void 0?t.jsx(Ko,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??V.hyphenText}):t.jsx(t.Fragment,{children:V.hyphenText}),h!==void 0&&k.length>0?k.length>1?t.jsx(X,{title:`${V.byText} `+k.join(` ${V.orText} `),placement:"bottom-start",children:t.jsx(We,{style:{marginLeft:"auto"},children:`${V.byText} `+k[0]+`${V.dots}`})}):t.jsx(We,{style:{marginLeft:"auto"},children:`${V.byText} `+k[0]}):null,m!=null?t.jsx(We,{children:m}):null]})]})]})})})},Do=o.div`
+`,pe={containerPaddingLeft:new g(p[3],p[4]),containerPaddingRight:new g(p[3],p[4]),containerPaddingTop:new g(p[2],p[3]),containerPaddingBottom:new g(p[2],p[3]),containerMarginLeft:new g(p[3],p[8]),webkitLineClamp:new g(2,2,1,1,1)},V=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,Io=({reimbursementDetail:e,tagStatus:n,currentTab:c,isProcessing:l,isSelected:d,bulkSelectFormId:b,isBulkSelectionLimitReached:y,isSelectionMode:x,reportTitleAdditionalInfo:f,date:u,approvers:h,deletionAdditionalInfo:m,onTransactionRowClick:w})=>{const a=Q(),{getValues:s,setValue:$}=bt(),r=e.reimbursementTypesIncluded,k=Ce(h),B=we(Bt[c]),L=s(b),j=P.useCallback(()=>{!y&&e.bulkSelectInfo?.isSelectableForBulkAction&&!d&&$(b,[...L,e.id])},[b,y,d,$,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,L]),v=P.useCallback(()=>{j()},[j]),z=P.useCallback(E=>{E.stopPropagation(),E.cancelable&&E.preventDefault(),x?j():w(e.id)},[j,x,w,e.id]),K=Ct({onLongPress:v},{shouldPreventDefault:!1,delay:1e3});return t.jsx(Do,{windowSize:a,statusCode:n?.code??"",isProcessing:l,isSelected:d,children:t.jsx(Ao,{onClick:z,...K,"data-testid":ee("remi-row-click-mobile",e.id),children:t.jsxs(Ro,{children:[t.jsxs(Eo,{children:[t.jsxs(Fo,{children:[t.jsx(Mo,{windowSize:a,children:e.reportTitle??V.newReimbursementTitle}),f!=null&&t.jsx(Oo,{children:`${V.byText} ${f?.firstName} ${f?.lastName}`})]}),t.jsxs(Wo,{children:[B[1].value+": ",u]}),r.length>1?t.jsx(J,{title:V.reimbursementType.both,placement:"bottom-start",display:"flex",children:t.jsxs(ct,{children:[V.reimbursementType.type+": ",V.reimbursementType.titleForBoth]})}):t.jsxs(ct,{children:[V.reimbursementType.type+": ",V.reimbursementType[r[0]]]})]}),t.jsxs(No,{children:[t.jsx(Vo,{children:Be("0,0[.]00",e.amount)}),t.jsxs(Uo,{children:[n!==void 0?t.jsx(Ko,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??V.hyphenText}):t.jsx(t.Fragment,{children:V.hyphenText}),h!==void 0&&k.length>0?k.length>1?t.jsx(J,{title:`${V.byText} `+k.join(` ${V.orText} `),placement:"bottom-start",children:t.jsx(We,{style:{marginLeft:"auto"},children:`${V.byText} `+k[0]+`${V.dots}`})}):t.jsx(We,{style:{marginLeft:"auto"},children:`${V.byText} `+k[0]}):null,m!=null?t.jsx(We,{children:m}):null]})]})]})})})},Do=o.div`
   display: flex;
   margin-bottom: ${i.sp3};
   background-color: ${e=>e.theme.colors.grey5};
@@ -556,7 +556,7 @@ import{a as Et,ca as Nt,R as te,l as W,e as J,kK as Ft,j as t,F as Mt,bV as Ot,b
   padding-top: ${e=>pe.containerPaddingTop.valuePx(e.windowSize)};
   padding-bottom: ${e=>pe.containerPaddingBottom.valuePx(e.windowSize)};
   border: ${e=>` 1px solid ${e.isProcessing?e.theme.colors.grey2:e.isSelected?e.theme.colors.primary:e.theme.colors.grey3}`};
-  box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${Q.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${Q.boxShadowElevation}`};
+  box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${X.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${X.boxShadowElevation}`};
   border-radius: ${i.sp2};
   cursor: ${e=>e.isProcessing?"initial":"pointer"};
   ${e=>e.isProcessing?Y`
@@ -663,7 +663,7 @@ import{a as Et,ca as Nt,R as te,l as W,e as J,kK as Ft,j as t,F as Mt,bV as Ot,b
   border: ${e=>`1px solid ${e.borderColor}`};
   border-radius: ${i.sp1};
   margin-left: auto;
-`,Go={lastListItemHeight:new g(200,158)},T=te.getLocalizedStrings(),{common:{texts:{maxLimit:qo}},spendManagement:{billPay:_t,reimbursement:Ho}}=T,q=_t.bulkActions,F=Ho.bulkActions,N=T.common.strings.empty,me="bulkSelectIds",Yo=({transactionList:e,botEmail:n,selectedTab:c,selectedSubTab:l,isShowDeletedBillsEnabled:d,isShowDeletedReimbursementEnabled:b,isBillPayCommentingEnabled:y,isReimbursementCommentingEnabled:x,searchText:f,isAdmin:u,entity:h,uiState:m,bulkSubmissionLimit:w,isBulkActionAllowed:a,transactionsSelectedForBulkAction:s,isDetectInsufficientFundsEnabled:$,fetchState:r,analytics:k,onTransactionRowClick:B,onReloadTransactions:L,onColumnSortConfigChanged:j})=>{const v=J(),z=S=>{const I=h==="bill_pay"?e[S].vendor?.name??e[S].candidateVendorName??N:e[S].reportTitle??N;return ti(I,v)},K=P.useRef(null);P.useEffect(()=>{K.current?.resetAfterIndex(0)},[v,K,c,l]);const E=P.forwardRef((S,I)=>{const{children:Z,style:ie,...re}=S;return t.jsx(fn,{ref:I,style:{...ie,width:"auto"},...re,children:t.jsx(wn,{children:Z})})});return E.displayName=T.spendManagement.billPay.billsByTabs.headerElementDisplayName,Kt({componentName:`${ci(h)}.${pi(c,h)}`,enabled:r==="Completed"}),t.jsx(cn,{children:r==="Error"?t.jsxs(un,{children:[t.jsx(hn,{onClick:L,children:t.jsx(gn,{})}),t.jsx(bn,{children:T.peoplePage.reloadPage.label})]}):r==="Completed"&&e.length===0&&f!=N?t.jsx(et,{message:h==="bill_pay"?T.spendManagement.billPay.billsByTabs.noDataWithFilterText:T.spendManagement.reimbursement.reimbursementByTabs.noDataWithFilterText}):r==="Completed"&&e.length===0?t.jsx(et,{message:h==="bill_pay"?T.spendManagement.billPay.billsByTabs.noDataText:T.spendManagement.reimbursement.reimbursementByTabs.noDataText,orMessage:h==="bill_pay"?T.spendManagement.billPay.billsByTabs.noDataTextViaMail:T.spendManagement.reimbursement.reimbursementByTabs.noDataTextViaMail,emailTextPrefix:h==="bill_pay"?void 0:T.spendManagement.reimbursement.reimbursementByTabs.receiptTo,botEmail:n}):r==="Not-Started"||r==="In-Progress"?t.jsx(Gt,{fetchState:r,styles:{margin:"auto"}}):t.jsx(yn,{windowSize:v,children:t.jsx(qt,{children:({height:S,width:I})=>t.jsx(Ht,{ref:K,height:S,itemCount:h==="bill_pay"||h==="reimbursement"?1:e.length,innerElementType:E,itemSize:z,estimatedItemSize:Xt,itemKey:Z=>e[Z].id,width:I,overscanCount:Yt,itemData:{entity:h,isBulkActionAllowed:a,isShowDeletedBillsEnabled:d,isShowDeletedReimbursementEnabled:b,isBillPayCommentingEnabled:y,isReimbursementCommentingEnabled:x,transactionList:e,isAdmin:u,selectedTab:c,transactionsSelectedForBulkAction:s,bulkSubmissionLimit:w,uiState:m,analytics:k,isDetectInsufficientFundsEnabled:$,onTransactionRowClick:B,onColumnSortConfigChanged:j},initialScrollOffset:0,children:Xo})})})})},Fn=({transactionList:e,botEmail:n,allSubTabs:c,isAdmin:l,selectedTab:d,isShowDeletedBillsEnabled:b,isShowDeletedReimbursementEnabled:y,isBillPayCommentingEnabled:x,isReimbursementCommentingEnabled:f,selectedSubTab:u,searchText:h,entity:m,uiState:w,bulkSubmissionLimit:a,isBulkActionAllowed:s,isRecurringBillInBulkActionList:$,transactionsSelectedForBulkAction:r,allowedBulkActions:k,bulkSubmissionFetchState:B,isDetectInsufficientFundsEnabled:L,onTransactionRowClick:j,onSubtabChange:v,fetchState:z,onReloadTransactions:K,onColumnSortConfigChanged:E,analytics:S,updateBulkActionList:I,removeAllTransactionsFromBulkActionList:Z,onProceedForBulkActionClick:ie})=>{const re=Et({defaultValues:{bulkSelectIds:r},values:{bulkSelectIds:r}});P.useEffect(()=>{const _=re.watch((D,{name:C})=>{C!=null&&D!=null&&Nt(()=>he(C,D))});return()=>{_.unsubscribe()}});const he=async(_,D)=>{if(_===me){let C=[];if(D[me].includes(T.common.all.toLowerCase())){if(d==="scheduled"&&r.length===0){C=[];for(const A of e)if(A.bulkSelectInfo?.isSelectableForBulkActionSelectAll&&C.push(A.id),C.length===a)break}else C=D[me].filter(A=>A!==T.common.all.toLowerCase());if(m==="bill_pay"){const A=e.filter(fe=>C.includes(fe.id)),oe=W.getBillListUniqueType(A);S?.trackBillPayBulkSelectAll(d,u,oe)}else{const A=e.filter(fe=>C.includes(fe.id)),oe=W.getRemiListUniqueType(A.map(fe=>fe.reimbursementTypesIncluded));S?.trackReimbursementBulkSelectAll(d,u,oe)}}else C=D[me];I?.(C)}},Ee=()=>{k.includes("cancel")?Dt():Rt()},ge=J(),[Ne,O]=P.useState(!1),[G,Fe]=P.useState({type:N,title:N,description:N,primaryButtonText:N,secondaryButtonText:N});P.useEffect(()=>{const _=Ft(d,u,m);z==="Completed"&&_!=null&&S?.trackPageLoaded(_,m==="bill_pay"?"Bills":"Reimbursements")},[S,d,u,m,z]);const zt=_=>{v(_)},It=P.useCallback(()=>{const{title:_,description:D}=an(m,r.length,d,$);if(Fe({type:"delete",title:_,description:D,primaryButtonText:T.common.texts.confirm,secondaryButtonText:T.common.texts.close}),m==="bill_pay"){const C=e.filter(oe=>r.includes(oe.id)),A=W.getBillListUniqueType(C);S?.trackBillPayBulkDeleted(r.length,d,u,A)}else{const C=e.filter(oe=>r.includes(oe.id)),A=W.getRemiListUniqueType(C.map(oe=>oe.reimbursementTypesIncluded));S?.trackReimbursementBulkDeleted(r.length,d,u,A)}O(!0)},[m,S,$,u,d,e,r]),Dt=P.useCallback(()=>{const{title:_,description:D}=sn(m,r.length);Fe({type:"cancel",title:_,description:D,primaryButtonText:T.common.texts.confirm,secondaryButtonText:T.common.texts.close}),O(!0)},[m,r.length]),At={onOkClick:_=>{if(O(!1),m==="bill_pay"){const D=e.filter(A=>r.includes(A.id)),C=W.getBillListUniqueType(D);S?.trackBillPayBulkPopupConfirm(G.type,d,u,C)}else{const D=e.filter(A=>r.includes(A.id)),C=W.getRemiListUniqueType(D.map(A=>A.reimbursementTypesIncluded));S?.trackReimbursementBulkPopupConfirm(G.type,d,u,C)}G.type==="delete"?ie?.("delete",_):ie?.("cancel",_)},onCancelClick:()=>{Z?.(),O(!1),Fe({type:N,title:N,description:N,primaryButtonText:N,secondaryButtonText:N})}},Rt=P.useCallback(()=>{if(m==="bill_pay"){const _=e.filter(C=>r.includes(C.id)),D=W.getBillListUniqueType(_);S?.trackBillPayBulkSelection(r.length,d,u,D)}else{const _=e.filter(C=>r.includes(C.id)),D=W.getRemiListUniqueType(_.map(C=>C.reimbursementTypesIncluded));S?.trackReimbursementBulkSelection(r.length,d,u,D)}k.includes("send_for_approval")?ie?.("send_for_approval"):ie?.(L?"approve":"review")},[m,k,e,S,r,d,u,ie,L]),Ze=k.filter(_=>_!=="delete").length>0;return t.jsxs(mn,{children:[t.jsx(di,{tabIds:c,selectedTab:u,hasSubTabs:c.length>0,entity:m,enablePerformanceTracking:!1,onTabSelectedChange:zt,isSwitcherLeftAlign:!0}),t.jsx(Mt,{...re,children:t.jsxs(pn,{onSubmit:re.handleSubmit(Ee),children:[t.jsx(Yo,{botEmail:n,selectedTab:d,selectedSubTab:u,searchText:h,transactionList:e,fetchState:z,onReloadTransactions:K,onTransactionRowClick:j,entity:m,uiState:w,isAdmin:l,onColumnSortConfigChanged:E,analytics:S,isShowDeletedBillsEnabled:b,isShowDeletedReimbursementEnabled:y,isBillPayCommentingEnabled:x,isReimbursementCommentingEnabled:f,bulkSubmissionLimit:a,isBulkActionAllowed:s,transactionsSelectedForBulkAction:r,isDetectInsufficientFundsEnabled:L}),Ne?t.jsx(Ot,{titleComponent:t.jsx(Wt,{children:G.title}),descriptionComponent:t.jsx(Vt,{children:G.description}),primaryButtonText:G.primaryButtonText,proceedButtonVariant:G.type==="delete"?"danger":"primary",secondaryButtonText:G.secondaryButtonText,action:At,isNotesIncluded:d!=="draft",isEditPopup:!0}):null,r.length>0?t.jsx(Ut,{helperContainerStyle:ge==="small"?{margin:`${i.sp5} ${k.includes("delete")&&Ze?i.sp7:i.sp0} ${i.sp2} ${i.sp0}`}:{},showPrimaryButton:Ze,primaryBtn:{label:nn(m,k,r.length),isLoading:G.type!=="delete"&&B==="In-Progress",isDisabled:G.type==="delete"&&B==="In-Progress",type:"submit",style:ln(k)},cancelBtn:{label:T.common.texts.goBack,isDisabled:B==="In-Progress",onClick:Z,style:rn(k,ge)},leftSideComponent:tn(r.length,a,m,ge),rightSideComponent:k.includes("delete")?on(r.length,G.type==="delete"&&B==="In-Progress",It,ge):null}):null]})})]})},Xo=({style:e,data:n})=>{const{entity:c,transactionList:l,transactionsSelectedForBulkAction:d,isAdmin:b,isBulkActionAllowed:y,isShowDeletedBillsEnabled:x,isShowDeletedReimbursementEnabled:f,isBillPayCommentingEnabled:u,isReimbursementCommentingEnabled:h,bulkSubmissionLimit:m,selectedTab:w,uiState:a,analytics:s,isDetectInsufficientFundsEnabled:$,onTransactionRowClick:r,onColumnSortConfigChanged:k}=n,B=J(),L=Ue(),j=y?d.length>0?"always_on":"checked_or_hover":"off";return t.jsx(xn,{style:{...e,width:"100%"},className:"spend-management-list-item",children:t.jsx(ei,{style:{width:"100%"},checkBoxContainerStyle:{gap:i.sp3,width:"auto",marginLeft:B==="small"?i.sp0:i.sp4},labelStyle:{width:"100%"},checkBoxStyle:Zo(B),labelCheckBoxStyle:{marginLeft:B==="small"?i.sp2:i.sp0},checkBoxIconStyle:{backgroundColor:L.colors.grey4},infoIconContainerStyle:en(B),name:me,mode:j,selectionLimit:m,checkBoxes:c==="bill_pay"?[{label:t.jsx(xi,{companyNameSticky:!1,currentTab:w,onColumnSortConfigChanged:k,sortConfig:{sortKey:a.sortKey,sortOrder:a.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:T.common.all.toLowerCase(),isException:!1},...l.map(v=>({label:t.jsx(Qo,{transactionDetail:v,selectedTab:w,isBillPayCommentingEnabled:u,isShowDeletedBillsEnabled:x,onTransactionRowClick:r,billsSelectedForBulkAction:d,bulkSelectFormId:me,bulkSelectLimit:m,isSelectionMode:j==="always_on",isDetectInsufficientFundsEnabled:$}),value:v.id,groupLabel:!1,defaultChecked:!1,isException:v.bulkSelectInfo?.isSelectableForBulkAction===!1,exceptionMode:dn(v,d),exceptionInfo:pt(c,v),exceptionType:mt(v)}))]:[{label:t.jsx(uo,{companyNameSticky:!1,currentTab:w,onColumnSortConfigChanged:k,analytics:s,sortConfig:{sortKey:a.sortKey,sortOrder:a.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:T.common.all.toLowerCase(),isException:!1},...l.map(v=>({label:t.jsx(Jo,{transactionDetail:v,isShowDeletedReimbursementEnabled:f,isReimbursementCommentingEnabled:h,selectedTab:w,isAdmin:b,onTransactionRowClick:r,remisSelectedForBulkAction:d,bulkSelectFormId:me,bulkSelectLimit:m,isSelectionMode:j==="always_on"}),value:v.id,groupLabel:!1,defaultChecked:!1,isException:v.bulkSelectInfo?.isSelectableForBulkAction===!1,exceptionMode:"checked_or_hover",exceptionInfo:pt(c,v),exceptionType:mt(v)}))]})})},Qo=({transactionDetail:e,selectedTab:n,isShowDeletedBillsEnabled:c,billsSelectedForBulkAction:l,bulkSelectFormId:d,bulkSelectLimit:b,isBillPayCommentingEnabled:y,isSelectionMode:x,isDetectInsufficientFundsEnabled:f,onTransactionRowClick:u})=>{const h=J()==="small"?Ui:Ci,m=oi(e,n),{bulkProcessingDetail:w}=e,a=W.isBulkProcessing(w?.type),s=()=>{const B=e.billPayInfo.outsideZeniTransactionPaymentMode;if(B==null||B==="other")return;const L=_t.billDetails.paymentOutsideZeni.paymentModeOptions.find(j=>j.value===B)?.label;return`${T.common.via} ${L}`},$=f&&e.billPayInfo.stage.code==="scheduled"&&!e.isDeleted&&e.totalAmountWithFeesInUSD!=null?ni(e.totalAmountWithFeesInUSD,e.withdrawFrom,e.billPayInfo.paymentDate):void 0,r=li(e.billPayInfo,n,c,e.isDeleted,e.dueDate),k=$!=null&&r?.code!=="failed"&&r?.code!=="processing"&&r?.code!=="cancelled"&&r?.code!=="returned"&&r?.code!=="rejected"&&r?.code!=="paid";return t.jsx(Lt,{children:t.jsx(h,{reportTitleAdditionalInfo:m,transactionDetail:e,isBillPayCommentingEnabled:y,isSelected:l.includes(e.id),isProcessing:a,isBulkSelectionLimitReached:l.length===b,isSelectionMode:x,bulkSelectFormId:d,tagStatus:r,approvers:e.isDeleted===!0?void 0:ht(e,n),deletionAdditionalInfo:e.isDeleted===!0&&n!=="draft"?ut(e,n):void 0,onTransactionRowClick:a?()=>null:u,paidAdditionalInfo:n==="paid"&&!e.isDeleted?s():void 0,lowBalanceAlert:$,showLowBalanceTooltip:k})})},Jo=({transactionDetail:e,selectedTab:n,isAdmin:c,isShowDeletedReimbursementEnabled:l,isReimbursementCommentingEnabled:d,remisSelectedForBulkAction:b,bulkSelectFormId:y,bulkSelectLimit:x,isSelectionMode:f,onTransactionRowClick:u})=>{const h=J()==="small"?Io:$o,m=ri(c,e.submittedBy),{bulkProcessingDetail:w}=e,a=W.isBulkProcessing(w?.type);return t.jsx(Lt,{children:t.jsx(h,{reportTitleAdditionalInfo:m,reimbursementDetail:e,isReimbursementCommentingEnabled:d,isSelected:b.includes(e.id),isProcessing:a,isBulkSelectionLimitReached:b.length===x,isSelectionMode:f,bulkSelectFormId:y,currentTab:n,date:ai(e,n),approvers:e.isDeleted===!0?void 0:ht(e,n),tagStatus:si(e,n,l),deletionAdditionalInfo:e.isDeleted===!0&&n!=="draft"?ut(e,n):void 0,onTransactionRowClick:a?()=>null:u})})},Zo=e=>{let n={zIndex:1,marginBottom:i.sp3,backgroundColor:"inherit"};return e==="small"&&(n={...n,position:"absolute",left:i.sp1,width:i.sp4,height:i.sp4}),n},en=e=>{let n={zIndex:1,marginBottom:i.sp2};return e==="small"&&(n={...n,position:"absolute",left:i.sp2,marginBottom:i.sp1,width:i.sp4,height:i.sp4}),n},tn=(e,n,c,l)=>{const d=c==="bill_pay"?q.bill:F.report,b=(e>1?d+"s":d)+q.selected;return e>0?t.jsxs(kn,{style:l==="small"?{position:"absolute",top:i.sp2,left:`-${i.sp5}`}:{},children:[t.jsx(Tn,{multiDigit:e>=10,children:e}),t.jsx(Pn,{children:b}),e===n?t.jsx(jn,{children:qo}):null]}):null},on=(e,n,c,l)=>e>0?t.jsx($n,{style:l==="small"?{position:"absolute",top:i.sp7,right:`-${i.sp5}`}:{},children:t.jsx(vn,{isLoading:n,windowSize:l,className:"delete-icon-wrapper",onClick:n?()=>null:c,children:n?t.jsx(Qt,{size:"Small",start:!0}):t.jsx(X,{enterDelay:600,title:T.common.delete,placement:"top",children:t.jsx(Sn,{})})})}):null,pt=(e,n)=>{const{bulkProcessingDetail:c,bulkSelectInfo:l}=n,d=W.isBulkProcessing(c?.type),b=c?.type==="error";let y;if(d)y=c?.inProgressMessage;else if(b)y=c.error?.message;else if(l?.bulkSelectExceptionInfo!=null)if(e==="bill_pay"){const{exceptions:x}=T.spendManagement.billPay.bulkActions;y=x[l.bulkSelectExceptionInfo]}else{const{exceptions:x}=T.spendManagement.reimbursement.bulkActions;y=x[l.bulkSelectExceptionInfo]}return y},nn=(e,n,c)=>{const{billPay:l}=T.spendManagement;return n.includes("cancel")?e==="reimbursement"?F.popUps.cancel.title.replace("__report__",c>1?F.reports:F.report):l.bulkActions.popUps.cancel.title.replace("<_bill_>",c>1?l.bulkActions.bills:l.bulkActions.bill):n.includes("send_for_approval")?l.billDetails.sendForApproval:T.common.review},ln=e=>{let n;return e.includes("cancel")===!1&&e.includes("send_for_approval")===!1&&(n={minWidth:"92px"}),n},rn=(e,n)=>{let c;return n!=="small"&&(e.includes("cancel")?c={minWidth:"116px"}:e.includes("send_for_approval")&&(c={minWidth:"160px"})),c},sn=(e,n)=>{const{this_:c,these:l,payment:d,payments:b,bills:y,bill:x,reports:f,report:u,they:h,it:m}=T.common.texts;return n>1?e==="bill_pay"?{title:q.popUps.cancel.title.replace("<_bill_>",T.drawerMenus.bills),description:q.popUps.cancel.description.replace("<_this_>",l).replace("<_bill_>",y).replace("<_it_>",h).replace("<_payment_>",b)}:{title:F.popUps.cancel.title.replace("__report__",F.reports),description:F.popUps.cancel.description.replace("<_this_>",l).replace("__report__",f).replace("<_it_>",h).replace("<_payment_>",b)}:e==="reimbursement"?{title:F.popUps.cancel.title.replace("__report__",F.report),description:F.popUps.cancel.description.replace("<_this_>",c).replace("__report__",u).replace("<_it_>",m).replace("<_payment_>",d)}:{title:q.popUps.cancel.title.replace("<_bill_>",q.bill),description:q.popUps.cancel.description.replace("<_this_>",c).replace("<_bill_>",x).replace("<_it_>",m).replace("<_payment_>",d)}},an=(e,n,c,l)=>{const{this_:d,these:b,payment:y,payments:x,bills:f,bill:u,report:h,reports:m,they:w,it:a}=T.common.texts,s=n>1;let $=N;e==="bill_pay"?$=q.popUps.delete.title.replace("<_bill_>",s?q.bills:q.bill):$=F.popUps.delete.title.replace("__report__",s?F.reports:F.report);let r=N;return c==="draft"?e==="bill_pay"?r=q.popUps.delete.descriptionDraft.replace("<_this_>",s?b:d).replace("<_bill_>",s?f:u):r=F.popUps.delete.descriptionDraft.replace("<_this_>",s?b:d).replace("__report__",s?m:h):l?r=q.popUps.delete.descriptionRecurring.replace("<_payment_>",s?y:x):e==="bill_pay"?r=q.popUps.delete.descriptionOther.replace("<_this_>",s?b:d).replace("<_bill_>",s?f:u).replace("<_it_>",s?w:a).replace("<_payment_>",s?x:y):r=F.popUps.delete.descriptionOther.replace("<_this_>",s?b:d).replace("__report__",s?m:h).replace("<_it_>",s?w:a).replace("<_payment_>",s?x:y),{title:$,description:r}},dn=(e,n)=>{const c=e.bulkSelectInfo?.bulkSelectExceptionInfo;return n.length===0&&c!=null&&(c==="bookCloseDateProcessing"||c==="noActionRecurring")?"hover_only":"checked_or_hover"},mt=e=>W.isBulkProcessing(e.bulkProcessingDetail?.type)?"info":"alert",cn=o.div`
+`,Go={lastListItemHeight:new g(200,158)},T=te.getLocalizedStrings(),{common:{texts:{maxLimit:qo}},spendManagement:{billPay:_t,reimbursement:Ho}}=T,q=_t.bulkActions,F=Ho.bulkActions,N=T.common.strings.empty,me="bulkSelectIds",Yo=({transactionList:e,botEmail:n,selectedTab:c,selectedSubTab:l,isShowDeletedBillsEnabled:d,isShowDeletedReimbursementEnabled:b,isBillPayCommentingEnabled:y,isReimbursementCommentingEnabled:x,searchText:f,isAdmin:u,entity:h,uiState:m,bulkSubmissionLimit:w,isBulkActionAllowed:a,transactionsSelectedForBulkAction:s,isDetectInsufficientFundsEnabled:$,fetchState:r,analytics:k,onTransactionRowClick:B,onReloadTransactions:L,onColumnSortConfigChanged:j})=>{const v=Q(),z=S=>{const I=h==="bill_pay"?e[S].vendor?.name??e[S].candidateVendorName??N:e[S].reportTitle??N;return ti(I,v)},K=P.useRef(null);P.useEffect(()=>{K.current?.resetAfterIndex(0)},[v,K,c,l]);const E=P.forwardRef((S,I)=>{const{children:Z,style:ie,...re}=S;return t.jsx(fn,{ref:I,style:{...ie,width:"auto"},...re,children:t.jsx(wn,{children:Z})})});return E.displayName=T.spendManagement.billPay.billsByTabs.headerElementDisplayName,Kt({componentName:`${ci(h)}.${pi(c,h)}`,enabled:r==="Completed"}),t.jsx(cn,{children:r==="Error"?t.jsxs(un,{children:[t.jsx(hn,{onClick:L,children:t.jsx(gn,{})}),t.jsx(bn,{children:T.peoplePage.reloadPage.label})]}):r==="Completed"&&e.length===0&&f!=N?t.jsx(et,{message:h==="bill_pay"?T.spendManagement.billPay.billsByTabs.noDataWithFilterText:T.spendManagement.reimbursement.reimbursementByTabs.noDataWithFilterText}):r==="Completed"&&e.length===0?t.jsx(et,{message:h==="bill_pay"?T.spendManagement.billPay.billsByTabs.noDataText:T.spendManagement.reimbursement.reimbursementByTabs.noDataText,orMessage:h==="bill_pay"?T.spendManagement.billPay.billsByTabs.noDataTextViaMail:T.spendManagement.reimbursement.reimbursementByTabs.noDataTextViaMail,emailTextPrefix:h==="bill_pay"?void 0:T.spendManagement.reimbursement.reimbursementByTabs.receiptTo,botEmail:n}):r==="Not-Started"||r==="In-Progress"?t.jsx(Gt,{fetchState:r,styles:{margin:"auto"}}):t.jsx(yn,{windowSize:v,children:t.jsx(qt,{children:({height:S,width:I})=>t.jsx(Ht,{ref:K,height:S,itemCount:h==="bill_pay"||h==="reimbursement"?1:e.length,innerElementType:E,itemSize:z,estimatedItemSize:Jt,itemKey:Z=>e[Z].id,width:I,overscanCount:Yt,itemData:{entity:h,isBulkActionAllowed:a,isShowDeletedBillsEnabled:d,isShowDeletedReimbursementEnabled:b,isBillPayCommentingEnabled:y,isReimbursementCommentingEnabled:x,transactionList:e,isAdmin:u,selectedTab:c,transactionsSelectedForBulkAction:s,bulkSubmissionLimit:w,uiState:m,analytics:k,isDetectInsufficientFundsEnabled:$,onTransactionRowClick:B,onColumnSortConfigChanged:j},initialScrollOffset:0,children:Jo})})})})},Fn=({transactionList:e,botEmail:n,allSubTabs:c,isAdmin:l,selectedTab:d,isShowDeletedBillsEnabled:b,isShowDeletedReimbursementEnabled:y,isBillPayCommentingEnabled:x,isReimbursementCommentingEnabled:f,selectedSubTab:u,searchText:h,entity:m,uiState:w,bulkSubmissionLimit:a,isBulkActionAllowed:s,isRecurringBillInBulkActionList:$,transactionsSelectedForBulkAction:r,allowedBulkActions:k,bulkSubmissionFetchState:B,isDetectInsufficientFundsEnabled:L,onTransactionRowClick:j,onSubtabChange:v,fetchState:z,onReloadTransactions:K,onColumnSortConfigChanged:E,analytics:S,updateBulkActionList:I,removeAllTransactionsFromBulkActionList:Z,onProceedForBulkActionClick:ie})=>{const re=Et({defaultValues:{bulkSelectIds:r},values:{bulkSelectIds:r}});P.useEffect(()=>{const _=re.watch((D,{name:C})=>{C!=null&&D!=null&&Nt(()=>he(C,D))});return()=>{_.unsubscribe()}});const he=async(_,D)=>{if(_===me){let C=[];if(D[me].includes(T.common.all.toLowerCase())){if(d==="scheduled"&&r.length===0){C=[];for(const A of e)if(A.bulkSelectInfo?.isSelectableForBulkActionSelectAll&&C.push(A.id),C.length===a)break}else C=D[me].filter(A=>A!==T.common.all.toLowerCase());if(m==="bill_pay"){const A=e.filter(fe=>C.includes(fe.id)),oe=W.getBillListUniqueType(A);S?.trackBillPayBulkSelectAll(d,u,oe)}else{const A=e.filter(fe=>C.includes(fe.id)),oe=W.getRemiListUniqueType(A.map(fe=>fe.reimbursementTypesIncluded));S?.trackReimbursementBulkSelectAll(d,u,oe)}}else C=D[me];I?.(C)}},Ee=()=>{k.includes("cancel")?Dt():Rt()},ge=Q(),[Ne,O]=P.useState(!1),[G,Fe]=P.useState({type:N,title:N,description:N,primaryButtonText:N,secondaryButtonText:N});P.useEffect(()=>{const _=Ft(d,u,m);z==="Completed"&&_!=null&&S?.trackPageLoaded(_,m==="bill_pay"?"Bills":"Reimbursements")},[S,d,u,m,z]);const zt=_=>{v(_)},It=P.useCallback(()=>{const{title:_,description:D}=an(m,r.length,d,$);if(Fe({type:"delete",title:_,description:D,primaryButtonText:T.common.texts.confirm,secondaryButtonText:T.common.texts.close}),m==="bill_pay"){const C=e.filter(oe=>r.includes(oe.id)),A=W.getBillListUniqueType(C);S?.trackBillPayBulkDeleted(r.length,d,u,A)}else{const C=e.filter(oe=>r.includes(oe.id)),A=W.getRemiListUniqueType(C.map(oe=>oe.reimbursementTypesIncluded));S?.trackReimbursementBulkDeleted(r.length,d,u,A)}O(!0)},[m,S,$,u,d,e,r]),Dt=P.useCallback(()=>{const{title:_,description:D}=sn(m,r.length);Fe({type:"cancel",title:_,description:D,primaryButtonText:T.common.texts.confirm,secondaryButtonText:T.common.texts.close}),O(!0)},[m,r.length]),At={onOkClick:_=>{if(O(!1),m==="bill_pay"){const D=e.filter(A=>r.includes(A.id)),C=W.getBillListUniqueType(D);S?.trackBillPayBulkPopupConfirm(G.type,d,u,C)}else{const D=e.filter(A=>r.includes(A.id)),C=W.getRemiListUniqueType(D.map(A=>A.reimbursementTypesIncluded));S?.trackReimbursementBulkPopupConfirm(G.type,d,u,C)}G.type==="delete"?ie?.("delete",_):ie?.("cancel",_)},onCancelClick:()=>{Z?.(),O(!1),Fe({type:N,title:N,description:N,primaryButtonText:N,secondaryButtonText:N})}},Rt=P.useCallback(()=>{if(m==="bill_pay"){const _=e.filter(C=>r.includes(C.id)),D=W.getBillListUniqueType(_);S?.trackBillPayBulkSelection(r.length,d,u,D)}else{const _=e.filter(C=>r.includes(C.id)),D=W.getRemiListUniqueType(_.map(C=>C.reimbursementTypesIncluded));S?.trackReimbursementBulkSelection(r.length,d,u,D)}k.includes("send_for_approval")?ie?.("send_for_approval"):ie?.(L?"approve":"review")},[m,k,e,S,r,d,u,ie,L]),Ze=k.filter(_=>_!=="delete").length>0;return t.jsxs(mn,{children:[t.jsx(di,{tabIds:c,selectedTab:u,hasSubTabs:c.length>0,entity:m,enablePerformanceTracking:!1,onTabSelectedChange:zt,isSwitcherLeftAlign:!0}),t.jsx(Mt,{...re,children:t.jsxs(pn,{onSubmit:re.handleSubmit(Ee),children:[t.jsx(Yo,{botEmail:n,selectedTab:d,selectedSubTab:u,searchText:h,transactionList:e,fetchState:z,onReloadTransactions:K,onTransactionRowClick:j,entity:m,uiState:w,isAdmin:l,onColumnSortConfigChanged:E,analytics:S,isShowDeletedBillsEnabled:b,isShowDeletedReimbursementEnabled:y,isBillPayCommentingEnabled:x,isReimbursementCommentingEnabled:f,bulkSubmissionLimit:a,isBulkActionAllowed:s,transactionsSelectedForBulkAction:r,isDetectInsufficientFundsEnabled:L}),Ne?t.jsx(Ot,{titleComponent:t.jsx(Wt,{children:G.title}),descriptionComponent:t.jsx(Vt,{children:G.description}),primaryButtonText:G.primaryButtonText,proceedButtonVariant:G.type==="delete"?"danger":"primary",secondaryButtonText:G.secondaryButtonText,action:At,isNotesIncluded:d!=="draft",isEditPopup:!0}):null,r.length>0?t.jsx(Ut,{helperContainerStyle:ge==="small"?{margin:`${i.sp5} ${k.includes("delete")&&Ze?i.sp7:i.sp0} ${i.sp2} ${i.sp0}`}:{},showPrimaryButton:Ze,primaryBtn:{label:nn(m,k,r.length),isLoading:G.type!=="delete"&&B==="In-Progress",isDisabled:G.type==="delete"&&B==="In-Progress",type:"submit",style:ln(k)},cancelBtn:{label:T.common.texts.goBack,isDisabled:B==="In-Progress",onClick:Z,style:rn(k,ge)},leftSideComponent:tn(r.length,a,m,ge),rightSideComponent:k.includes("delete")?on(r.length,G.type==="delete"&&B==="In-Progress",It,ge):null}):null]})})]})},Jo=({style:e,data:n})=>{const{entity:c,transactionList:l,transactionsSelectedForBulkAction:d,isAdmin:b,isBulkActionAllowed:y,isShowDeletedBillsEnabled:x,isShowDeletedReimbursementEnabled:f,isBillPayCommentingEnabled:u,isReimbursementCommentingEnabled:h,bulkSubmissionLimit:m,selectedTab:w,uiState:a,analytics:s,isDetectInsufficientFundsEnabled:$,onTransactionRowClick:r,onColumnSortConfigChanged:k}=n,B=Q(),L=Ue(),j=y?d.length>0?"always_on":"checked_or_hover":"off";return t.jsx(xn,{style:{...e,width:"100%"},className:"spend-management-list-item",children:t.jsx(ei,{style:{width:"100%"},checkBoxContainerStyle:{gap:i.sp3,width:"auto",marginLeft:B==="small"?i.sp0:i.sp4},labelStyle:{width:"100%"},checkBoxStyle:Zo(B),labelCheckBoxStyle:{marginLeft:B==="small"?i.sp2:i.sp0},checkBoxIconStyle:{backgroundColor:L.colors.grey4},infoIconContainerStyle:en(B),name:me,mode:j,selectionLimit:m,checkBoxes:c==="bill_pay"?[{label:t.jsx(xi,{companyNameSticky:!1,currentTab:w,onColumnSortConfigChanged:k,sortConfig:{sortKey:a.sortKey,sortOrder:a.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:T.common.all.toLowerCase(),isException:!1},...l.map(v=>({label:t.jsx(Xo,{transactionDetail:v,selectedTab:w,isBillPayCommentingEnabled:u,isShowDeletedBillsEnabled:x,onTransactionRowClick:r,billsSelectedForBulkAction:d,bulkSelectFormId:me,bulkSelectLimit:m,isSelectionMode:j==="always_on",isDetectInsufficientFundsEnabled:$}),value:v.id,groupLabel:!1,defaultChecked:!1,isException:v.bulkSelectInfo?.isSelectableForBulkAction===!1,exceptionMode:dn(v,d),exceptionInfo:pt(c,v),exceptionType:mt(v)}))]:[{label:t.jsx(uo,{companyNameSticky:!1,currentTab:w,onColumnSortConfigChanged:k,analytics:s,sortConfig:{sortKey:a.sortKey,sortOrder:a.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:T.common.all.toLowerCase(),isException:!1},...l.map(v=>({label:t.jsx(Qo,{transactionDetail:v,isShowDeletedReimbursementEnabled:f,isReimbursementCommentingEnabled:h,selectedTab:w,isAdmin:b,onTransactionRowClick:r,remisSelectedForBulkAction:d,bulkSelectFormId:me,bulkSelectLimit:m,isSelectionMode:j==="always_on"}),value:v.id,groupLabel:!1,defaultChecked:!1,isException:v.bulkSelectInfo?.isSelectableForBulkAction===!1,exceptionMode:"checked_or_hover",exceptionInfo:pt(c,v),exceptionType:mt(v)}))]})})},Xo=({transactionDetail:e,selectedTab:n,isShowDeletedBillsEnabled:c,billsSelectedForBulkAction:l,bulkSelectFormId:d,bulkSelectLimit:b,isBillPayCommentingEnabled:y,isSelectionMode:x,isDetectInsufficientFundsEnabled:f,onTransactionRowClick:u})=>{const h=Q()==="small"?Ui:Ci,m=oi(e,n),{bulkProcessingDetail:w}=e,a=W.isBulkProcessing(w?.type),s=()=>{const B=e.billPayInfo.outsideZeniTransactionPaymentMode;if(B==null||B==="other")return;const L=_t.billDetails.paymentOutsideZeni.paymentModeOptions.find(j=>j.value===B)?.label;return`${T.common.via} ${L}`},$=f&&e.billPayInfo.stage.code==="scheduled"&&!e.isDeleted&&e.totalAmountWithFeesInUSD!=null?ni(e.totalAmountWithFeesInUSD,e.withdrawFrom,e.billPayInfo.paymentDate):void 0,r=li(e.billPayInfo,n,c,e.isDeleted,e.dueDate),k=$!=null&&r?.code!=="failed"&&r?.code!=="processing"&&r?.code!=="cancelled"&&r?.code!=="returned"&&r?.code!=="rejected"&&r?.code!=="paid";return t.jsx(Lt,{children:t.jsx(h,{reportTitleAdditionalInfo:m,transactionDetail:e,isBillPayCommentingEnabled:y,isSelected:l.includes(e.id),isProcessing:a,isBulkSelectionLimitReached:l.length===b,isSelectionMode:x,bulkSelectFormId:d,tagStatus:r,approvers:e.isDeleted===!0?void 0:ht(e,n),deletionAdditionalInfo:e.isDeleted===!0&&n!=="draft"?ut(e,n):void 0,onTransactionRowClick:a?()=>null:u,paidAdditionalInfo:n==="paid"&&!e.isDeleted?s():void 0,lowBalanceAlert:$,showLowBalanceTooltip:k})})},Qo=({transactionDetail:e,selectedTab:n,isAdmin:c,isShowDeletedReimbursementEnabled:l,isReimbursementCommentingEnabled:d,remisSelectedForBulkAction:b,bulkSelectFormId:y,bulkSelectLimit:x,isSelectionMode:f,onTransactionRowClick:u})=>{const h=Q()==="small"?Io:$o,m=ri(c,e.submittedBy),{bulkProcessingDetail:w}=e,a=W.isBulkProcessing(w?.type);return t.jsx(Lt,{children:t.jsx(h,{reportTitleAdditionalInfo:m,reimbursementDetail:e,isReimbursementCommentingEnabled:d,isSelected:b.includes(e.id),isProcessing:a,isBulkSelectionLimitReached:b.length===x,isSelectionMode:f,bulkSelectFormId:y,currentTab:n,date:ai(e,n),approvers:e.isDeleted===!0?void 0:ht(e,n),tagStatus:si(e,n,l),deletionAdditionalInfo:e.isDeleted===!0&&n!=="draft"?ut(e,n):void 0,onTransactionRowClick:a?()=>null:u})})},Zo=e=>{let n={zIndex:1,marginBottom:i.sp3,backgroundColor:"inherit"};return e==="small"&&(n={...n,position:"absolute",left:i.sp1,width:i.sp4,height:i.sp4}),n},en=e=>{let n={zIndex:1,marginBottom:i.sp2};return e==="small"&&(n={...n,position:"absolute",left:i.sp2,marginBottom:i.sp1,width:i.sp4,height:i.sp4}),n},tn=(e,n,c,l)=>{const d=c==="bill_pay"?q.bill:F.report,b=(e>1?d+"s":d)+q.selected;return e>0?t.jsxs(kn,{style:l==="small"?{position:"absolute",top:i.sp2,left:`-${i.sp5}`}:{},children:[t.jsx(Tn,{multiDigit:e>=10,children:e}),t.jsx(Pn,{children:b}),e===n?t.jsx(jn,{children:qo}):null]}):null},on=(e,n,c,l)=>e>0?t.jsx($n,{style:l==="small"?{position:"absolute",top:i.sp7,right:`-${i.sp5}`}:{},children:t.jsx(vn,{isLoading:n,windowSize:l,className:"delete-icon-wrapper",onClick:n?()=>null:c,children:n?t.jsx(Xt,{size:"Small",start:!0}):t.jsx(J,{enterDelay:600,title:T.common.delete,placement:"top",children:t.jsx(Sn,{})})})}):null,pt=(e,n)=>{const{bulkProcessingDetail:c,bulkSelectInfo:l}=n,d=W.isBulkProcessing(c?.type),b=c?.type==="error";let y;if(d)y=c?.inProgressMessage;else if(b)y=c.error?.message;else if(l?.bulkSelectExceptionInfo!=null)if(e==="bill_pay"){const{exceptions:x}=T.spendManagement.billPay.bulkActions;y=x[l.bulkSelectExceptionInfo]}else{const{exceptions:x}=T.spendManagement.reimbursement.bulkActions;y=x[l.bulkSelectExceptionInfo]}return y},nn=(e,n,c)=>{const{billPay:l}=T.spendManagement;return n.includes("cancel")?e==="reimbursement"?F.popUps.cancel.title.replace("__report__",c>1?F.reports:F.report):l.bulkActions.popUps.cancel.title.replace("<_bill_>",c>1?l.bulkActions.bills:l.bulkActions.bill):n.includes("send_for_approval")?l.billDetails.sendForApproval:T.common.review},ln=e=>{let n;return e.includes("cancel")===!1&&e.includes("send_for_approval")===!1&&(n={minWidth:"92px"}),n},rn=(e,n)=>{let c;return n!=="small"&&(e.includes("cancel")?c={minWidth:"116px"}:e.includes("send_for_approval")&&(c={minWidth:"160px"})),c},sn=(e,n)=>{const{this_:c,these:l,payment:d,payments:b,bills:y,bill:x,reports:f,report:u,they:h,it:m}=T.common.texts;return n>1?e==="bill_pay"?{title:q.popUps.cancel.title.replace("<_bill_>",T.drawerMenus.bills),description:q.popUps.cancel.description.replace("<_this_>",l).replace("<_bill_>",y).replace("<_it_>",h).replace("<_payment_>",b)}:{title:F.popUps.cancel.title.replace("__report__",F.reports),description:F.popUps.cancel.description.replace("<_this_>",l).replace("__report__",f).replace("<_it_>",h).replace("<_payment_>",b)}:e==="reimbursement"?{title:F.popUps.cancel.title.replace("__report__",F.report),description:F.popUps.cancel.description.replace("<_this_>",c).replace("__report__",u).replace("<_it_>",m).replace("<_payment_>",d)}:{title:q.popUps.cancel.title.replace("<_bill_>",q.bill),description:q.popUps.cancel.description.replace("<_this_>",c).replace("<_bill_>",x).replace("<_it_>",m).replace("<_payment_>",d)}},an=(e,n,c,l)=>{const{this_:d,these:b,payment:y,payments:x,bills:f,bill:u,report:h,reports:m,they:w,it:a}=T.common.texts,s=n>1;let $=N;e==="bill_pay"?$=q.popUps.delete.title.replace("<_bill_>",s?q.bills:q.bill):$=F.popUps.delete.title.replace("__report__",s?F.reports:F.report);let r=N;return c==="draft"?e==="bill_pay"?r=q.popUps.delete.descriptionDraft.replace("<_this_>",s?b:d).replace("<_bill_>",s?f:u):r=F.popUps.delete.descriptionDraft.replace("<_this_>",s?b:d).replace("__report__",s?m:h):l?r=q.popUps.delete.descriptionRecurring.replace("<_payment_>",s?y:x):e==="bill_pay"?r=q.popUps.delete.descriptionOther.replace("<_this_>",s?b:d).replace("<_bill_>",s?f:u).replace("<_it_>",s?w:a).replace("<_payment_>",s?x:y):r=F.popUps.delete.descriptionOther.replace("<_this_>",s?b:d).replace("__report__",s?m:h).replace("<_it_>",s?w:a).replace("<_payment_>",s?x:y),{title:$,description:r}},dn=(e,n)=>{const c=e.bulkSelectInfo?.bulkSelectExceptionInfo;return n.length===0&&c!=null&&(c==="bookCloseDateProcessing"||c==="noActionRecurring")?"hover_only":"checked_or_hover"},mt=e=>W.isBulkProcessing(e.bulkProcessingDetail?.type)?"info":"alert",cn=o.div`
   display: block;
   height: 100%;
 `,pn=o.form`
@@ -687,7 +687,7 @@ import{a as Et,ca as Nt,R as te,l as W,e as J,kK as Ft,j as t,F as Mt,bV as Ot,b
   background: ${e=>e.theme.colors.background};
   border-radius: 50%;
   cursor: pointer;
-`,gn=o(Jt)`
+`,gn=o(Qt)`
   height: ${i.sp5};
   width: ${i.sp5};
   color: ${e=>e.theme.colors.grey1};
@@ -723,14 +723,14 @@ import{a as Et,ca as Nt,R as te,l as W,e as J,kK as Ft,j as t,F as Mt,bV as Ot,b
 `,vn=o.div`
   margin-right: ${i.sp8};
   cursor: ${e=>e.isLoading?"initial":"pointer"};
-  color: ${e=>e.windowSize==="small"?Q.important:e.theme.colors.grey1};
+  color: ${e=>e.windowSize==="small"?X.important:e.theme.colors.grey1};
 `,Sn=o(ii)`
   width: ${i.sp4};
   height: ${i.sp4};
   cursor: pointer;
   color: inherit;
   &:hover {
-    color: ${Q.important};
+    color: ${X.important};
   }
 `,kn=o.div`
   display: flex;
@@ -750,5 +750,5 @@ import{a as Et,ca as Nt,R as te,l as W,e as J,kK as Ft,j as t,F as Mt,bV as Ot,b
 `,Pn=o(M)`
   color: ${e=>e.theme.colors.primary};
 `,jn=o(se)`
-  color: ${Q.important};
+  color: ${X.important};
 `;export{Fn as default};