@zeniai/web-cockpit-ui 1.15.58-qa → 1.15.59-dev

package/dist/assets/{InvitePageListView-BbQyUnv0-DMumTMJP.js → InvitePageListView-CQecQhxr-BNu8hXMY.js}

@@ -1,28 +1,28 @@
-import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o as r,aQ as k,a as G,w as B,cx as Oe,x as p,N as M,M as O,an as H,p as S,b1 as We,ai as q,y as X,hb as Z,ak as z,as as De,k8 as Ee,bV as Ne,bQ as Ve,aV as Ae,n as fe,ao as W,au as He,c as $e,bb as Ke,k9 as U,ja as Fe,cD as Ye,ka as ye,L as be,ch as ve,gA as v,aE as Ge,kb as je,cl as Ce,gc as Je}from"./index-uV9C0lq0.js";import{a as f}from"./sentry-rcvLxAzW.js";import{n as t}from"./mui-CgOsYmSB.js";import{C as ke}from"./gift-box-Cmt9OgIZ-v4xTyl5z.js";import{H4 as te,H5 as y,H6 as P}from"./zeni-epic-state-D5MWzrZ6.js";import"./liveblocks-PPyiYwu4.js";import"./core-DpPwA1EY.js";import"./recharts-B5a8DAKj.js";import"./lottie-CwowL814.js";import"./analytics-R4GG3mhr.js";import"./lexical-WuSd_Y3l.js";import"./utils-GKlM-QyI.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="1aca5994-60ce-4571-a3db-3e4e49371815",e._sentryDebugIdIdentifier="sentry-dbid-1aca5994-60ce-4571-a3db-3e4e49371815")}catch{}})();const Se=(e,i)=>{f.useEffect(()=>{const n=e.current;if(window.IntersectionObserver==null)return;const c=new IntersectionObserver(([a])=>{i&&i(a.isIntersecting)},{root:null,rootMargin:r.sp0,threshold:.1});return n&&c.observe(n),()=>{n&&c.unobserve(n)}})},Qe={pageTitleMarginLeft:new p(s[4],s[6])},qe=t.div`
+import{g as V,e as j,V as o,bE as Te,hb as H,aq as Me,hg as Be,u as s,O as b,o as r,aQ as k,a as G,w as B,cC as Oe,x as p,N as M,M as O,an as A,d as S,b1 as We,ai as X,y as Q,hf as U,ak as z,as as De,kc as Ee,b_ as Ne,bT as Ve,aV as He,n as fe,ao as W,au as Ae,c as $e,bb as Fe,kd as Z,je as Ke,cI as Ye,ke as ye,L as be,cm as ve,gF as v,aE as Ge,kf as je,cq as Ce,gk as Je}from"./index-aCBnCBoN.js";import{a as f}from"./sentry-DzaNjvx0.js";import{n as t}from"./mui-BosmckWV.js";import{C as ke}from"./gift-box-Cmt9OgIZ-TbiyaSAn.js";import{H4 as te,H5 as y,H6 as P}from"./zeni-epic-state-BNpJ2txa.js";import"./liveblocks-CEY7tsth.js";import"./core-Cjh03OPu.js";import"./recharts-CimMNwCJ.js";import"./lottie-BmLFYENY.js";import"./analytics-B_VWX-BQ.js";import"./lexical-9REae7LV.js";import"./utils-THjX-QSp.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="62b88de7-a212-4d6a-9a62-947313631429",e._sentryDebugIdIdentifier="sentry-dbid-62b88de7-a212-4d6a-9a62-947313631429")}catch{}})();const Se=(e,i)=>{f.useEffect(()=>{const n=e.current;if(window.IntersectionObserver==null)return;const c=new IntersectionObserver(([a])=>{i&&i(a.isIntersecting)},{root:null,rootMargin:r.sp0,threshold:.1});return n&&c.observe(n),()=>{n&&c.unobserve(n)}})},qe={pageTitleMarginLeft:new p(s[4],s[6])},Xe=t.div`
   position: relative;
   width: 100%;
   display: flex;
   flex-wrap: wrap;
-  gap: ${e=>Qe.pageTitleMarginLeft.valuePx(e.windowSize)};
+  gap: ${e=>qe.pageTitleMarginLeft.valuePx(e.windowSize)};
   margin-top: ${r.sp4};
-`,Xe=t.div`
+`,Qe=t.div`
   display: flex;
   justify-content: center;
   align-items: center;
   flex: 1 1 auto;
   min-width: 154px;
-`,Ze=t(q)`
+`,Ue=t(X)`
   height: ${r.sp3};
   width: ${r.sp3};
   color: ${e=>e.theme.colors.hero};
-`,Ue=t(Z)`
+`,Ze=t(U)`
   width: ${r.sp3};
   height: ${r.sp3};
-`,eo=t(X)`
+`,eo=t(Q)`
   width: ${r.sp3};
   height: ${r.sp3};
   color: ${S.success};
-`;function ze({referralLink:e,onInviteClick:i,onCopyReferral:n,setShowNavButton:c}){const[,a]=A(),[l,d]=f.useState(!1),h=j(),g=V(),x=()=>{n(),l||(a(e.toString()),d(!0))};f.useEffect(()=>{l===!0&&setTimeout(()=>{d(!1)},2e3)},[l]);const u=f.useRef(null);Se(u,c);const w=b.getLocalizedStrings().rewardsPage.rewardsCard;return o.jsxs(qe,{windowSize:h,children:[o.jsx(Xe,{ref:u,children:o.jsx(G,{variant:"secondary",label:w.inviteViaEmail,onClick:i,prefixIcon:o.jsx(Ze,{}),textStyle:{...B.smallRegular.cssObject,color:`${g.colors.hero}`},style:{borderRadius:`${r.sp1}`,border:`1px solid ${g.colors.grey1}`,backgroundColor:"transparent",padding:`${r.sp2} 12px`,minWidth:"154px",flex:"1 1 auto",display:"flex",justifyContent:"center",alignItems:"center"}})}),o.jsx(G,{variant:"secondary",label:l?w.copied:w.copyReferralLink,onClick:x,prefixIcon:l?o.jsx(eo,{}):o.jsx(Ue,{}),textStyle:{...B.smallRegular.cssObject,color:`${g.colors.hero}`},style:{borderRadius:`${r.sp1}`,border:`1px solid ${g.colors.grey1}`,backgroundColor:"transparent",padding:`${r.sp2} ${l?"47px":"12px"}`,minWidth:"154px",flex:"1 1 auto",display:"flex",justifyContent:"center",alignItems:"center"}})]})}const J={logoWidth:new p(95,135),minWidth:new p(256,360),maxWidth:new p(270,380)},Pe={title:new M("smallRegular","largeRegular"),cardDetail:new M("h5Regular","h2Regular")};function Re({planAmount:e}){const i=j(),{rewardsPage:{rewardsCard:n}}=b.getLocalizedStrings();return o.jsxs(oo,{windowSize:i,children:[o.jsxs(ro,{children:[o.jsx(no,{windowSize:i,children:n.bonus}),o.jsx(so,{windowSize:i,children:k("0,0",e)})]}),o.jsx(to,{windowSize:i,children:o.jsx(io,{})})]})}const oo=t.div`
+`;function ze({referralLink:e,onInviteClick:i,onCopyReferral:n,setShowNavButton:c}){const[,a]=H(),[l,d]=f.useState(!1),h=j(),g=V(),x=()=>{n(),l||(a(e.toString()),d(!0))};f.useEffect(()=>{l===!0&&setTimeout(()=>{d(!1)},2e3)},[l]);const u=f.useRef(null);Se(u,c);const w=b.getLocalizedStrings().rewardsPage.rewardsCard;return o.jsxs(Xe,{windowSize:h,children:[o.jsx(Qe,{ref:u,children:o.jsx(G,{variant:"secondary",label:w.inviteViaEmail,onClick:i,prefixIcon:o.jsx(Ue,{}),textStyle:{...B.smallRegular.cssObject,color:`${g.colors.hero}`},style:{borderRadius:`${r.sp1}`,border:`1px solid ${g.colors.grey1}`,backgroundColor:"transparent",padding:`${r.sp2} 12px`,minWidth:"154px",flex:"1 1 auto",display:"flex",justifyContent:"center",alignItems:"center"}})}),o.jsx(G,{variant:"secondary",label:l?w.copied:w.copyReferralLink,onClick:x,prefixIcon:l?o.jsx(eo,{}):o.jsx(Ze,{}),textStyle:{...B.smallRegular.cssObject,color:`${g.colors.hero}`},style:{borderRadius:`${r.sp1}`,border:`1px solid ${g.colors.grey1}`,backgroundColor:"transparent",padding:`${r.sp2} ${l?"47px":"12px"}`,minWidth:"154px",flex:"1 1 auto",display:"flex",justifyContent:"center",alignItems:"center"}})]})}const J={logoWidth:new p(95,135),minWidth:new p(256,360),maxWidth:new p(270,380)},Pe={title:new M("smallRegular","largeRegular"),cardDetail:new M("h5Regular","h2Regular")};function Re({planAmount:e}){const i=j(),{rewardsPage:{rewardsCard:n}}=b.getLocalizedStrings();return o.jsxs(oo,{windowSize:i,children:[o.jsxs(ro,{children:[o.jsx(no,{windowSize:i,children:n.bonus}),o.jsx(so,{windowSize:i,children:k("0,0",e)})]}),o.jsx(to,{windowSize:i,children:o.jsx(io,{})})]})}const oo=t.div`
   display: flex;
   height: 100%;
   min-width: ${e=>J.minWidth.valuePx(e.windowSize)};
@@ -57,7 +57,7 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
 `,so=t(O)`
   color: ${e=>e.theme.colors.brandColorGold};
   ${e=>`${Pe.cardDetail.style(e.windowSize)}`};
-`;function ao({rewardsPlan:e,onInviteClick:i,onHowItWorksClick:n,onCopyReferral:c}){const a=j(),[,l]=A(),[d,h]=f.useState(!1),g=()=>{c(),d||(l(e.referralLink.toString()),h(!0))};f.useEffect(()=>{d===!0&&setTimeout(()=>{h(!1)},2e3)},[d]);const{rewardsPage:{referAndEarn:x,rewardsCard:u,statisticsCard:{knowMore:w}}}=b.getLocalizedStrings();return o.jsxs(lo,{children:[o.jsxs(co,{children:[o.jsxs(fo,{children:[o.jsx(go,{children:x}),o.jsx(mo,{children:u.rewardsSummary[e.planName].replace("__reward-amount__",k("0,0",e.referrerAmount))}),o.jsx(uo,{onClick:n,children:w})]}),o.jsxs(po,{children:[o.jsxs(xo,{onClick:i,children:[o.jsx(wo,{}),u.inviteViaEmail]}),o.jsx($o,{onClick:g,isCopied:d,children:d?o.jsxs(o.Fragment,{children:[o.jsx(bo,{}),u.copied]}):o.jsxs(o.Fragment,{children:[o.jsx(yo,{}),u.copyReferralLink]})})]})]}),a==="medium-compact"||a==="medium-regular"?null:o.jsx(ho,{children:o.jsx(Re,{planAmount:e.referrerAmount})})]})}const lo=t.div`
+`;function ao({rewardsPlan:e,onInviteClick:i,onHowItWorksClick:n,onCopyReferral:c}){const a=j(),[,l]=H(),[d,h]=f.useState(!1),g=()=>{c(),d||(l(e.referralLink.toString()),h(!0))};f.useEffect(()=>{d===!0&&setTimeout(()=>{h(!1)},2e3)},[d]);const{rewardsPage:{referAndEarn:x,rewardsCard:u,statisticsCard:{knowMore:w}}}=b.getLocalizedStrings();return o.jsxs(lo,{children:[o.jsxs(co,{children:[o.jsxs(fo,{children:[o.jsx(go,{children:x}),o.jsx(mo,{children:u.rewardsSummary[e.planName].replace("__reward-amount__",k("0,0",e.referrerAmount))}),o.jsx(uo,{onClick:n,children:w})]}),o.jsxs(po,{children:[o.jsxs(xo,{onClick:i,children:[o.jsx(wo,{}),u.inviteViaEmail]}),o.jsx($o,{onClick:g,isCopied:d,children:d?o.jsxs(o.Fragment,{children:[o.jsx(bo,{}),u.copied]}):o.jsxs(o.Fragment,{children:[o.jsx(yo,{}),u.copyReferralLink]})})]})]}),a==="medium-compact"||a==="medium-regular"?null:o.jsx(ho,{children:o.jsx(Re,{planAmount:e.referrerAmount})})]})}const lo=t.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -96,14 +96,14 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
   color: ${e=>e.theme.mode==="light"?e.theme.colors.brandColorSapphire:e.theme.colors.brandColorJade};
   margin-bottom: ${r.sp3};
   max-width: 450px;
-`,uo=t(Ke)`
+`,uo=t(Fe)`
   margin-bottom: ${r.sp5};
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
   &:hover {
     color: ${e=>e.theme.colors.champion};
   }
-`,xo=t(U)`
+`,xo=t(Z)`
   border: 1px solid ${e=>e.theme.colors.primary};
   border-radius: ${r.sp2};
   background-color: ${e=>e.theme.colors.primary};
@@ -118,7 +118,7 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
     background-color: ${e=>e.theme.colors.champion};
     border: 1px solid ${e=>e.theme.colors.champion};
   }
-`,wo=t(q)`
+`,wo=t(X)`
   height: ${r.sp3};
   width: ${r.sp3};
   margin-right: ${r.sp2};
@@ -128,7 +128,7 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
   flex: 0 1 auto;
   flex-direction: column;
   align-items: flex-start;
-`,$o=t(U)`
+`,$o=t(Z)`
   border: 1px solid ${e=>e.theme.colors.primary};
   border-radius: ${r.sp2};
   background-color: ${e=>e.isCopied?e.theme.colors.champion:e.theme.colors.primary};
@@ -143,11 +143,11 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
     background-color: ${e=>e.theme.colors.champion};
     border: 1px solid ${e=>e.theme.colors.champion};
   }
-`,yo=t(Z)`
+`,yo=t(U)`
   width: ${r.sp3};
   height: ${r.sp3};
   margin-right: ${r.sp2};
-`,bo=t(X)`
+`,bo=t(Q)`
   width: ${r.sp3};
   height: ${r.sp3};
   color: ${S.success};
@@ -186,7 +186,7 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
 `,zo=t(W)`
   color: ${e=>e.theme.colors.champion};
   margin-bottom: ${r.sp3};
-`,Po=t(He)`
+`,Po=t(Ae)`
   margin-bottom: ${r.sp3};
   color: ${e=>e.theme.mode==="light"?e.theme.colors.brandColorSapphire:e.theme.colors.brandColorJade};
   cursor: pointer;
@@ -222,7 +222,7 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
 `,Oo=t($e)`
   color: ${e=>e.theme.colors.brandColorGold};
   margin-bottom: ${r.sp2};
-`,Wo={backgroundSize:new p(75,100,75)};function Do({rewardsPlan:e,onInviteClick:i,setShowNavButton:n,onCopyReferral:c}){const a=V(),l=j(),[,d]=A(),[h,g]=f.useState(!1),[x,u]=f.useState(!1),w=()=>{c(),h||(d(e.referralLink.toString()),g(!0))},C=()=>{u(!0)},m=()=>{u(!1)};f.useEffect(()=>{h===!0&&setTimeout(()=>{g(!1)},2e3)},[h]);const{rewardsCard:$,referAndEarn:_}=b.getLocalizedStrings().rewardsPage,R=f.useRef(null);Se(R,n);const F=x?o.jsx(ie,{showCopyText:x,isCopied:h,children:$.copyReferralLink}):null;return o.jsxs(Eo,{windowSize:l,children:[o.jsxs(No,{children:[o.jsx(Ho,{children:_}),o.jsx(Ko,{children:$.rewardsSummary[e.planName].replace("__reward-amount__",k("0,0",e.referrerAmount))}),o.jsxs(Vo,{ref:R,children:[o.jsx(G,{variant:"secondary",label:$.inviteViaEmail,onClick:i,prefixIcon:o.jsx(Fo,{}),textStyle:{...B.standardRegular.cssObject},buttonColors:{borderColor:{default:a.colors.primary,hover:a.colors.champion,disabled:a.colors.primary},backgroundColor:{default:a.colors.primary,hover:a.colors.champion,disabled:a.colors.primary},textColor:{default:a.colors.grey5,hover:a.colors.grey5,disabled:a.colors.grey5}},style:{borderRadius:r.sp1,padding:`${r.sp1} 12px`,flex:"1 1 auto",display:"flex",justifyContent:"center",alignItems:"center",marginRight:r.sp3}}),o.jsx(Yo,{onClick:w,onMouseOver:C,onMouseLeave:m,showCopyText:x,isCopied:h,children:o.jsx(Jo,{showCopyText:x,isCopied:h,children:o.jsx(Go,{})})}),o.jsx(qo,{children:h?o.jsxs(o.Fragment,{children:[o.jsx(Qo,{}),o.jsx(ie,{showCopyText:x,isCopied:h,children:$.copied})]}):F})]})]}),l==="medium-compact"||l==="medium-regular"?null:o.jsx(Ao,{children:o.jsx(Lo,{planAmount:e.referrerAmount})})]})}const Eo=t.div`
+`,Wo={backgroundSize:new p(75,100,75)};function Do({rewardsPlan:e,onInviteClick:i,setShowNavButton:n,onCopyReferral:c}){const a=V(),l=j(),[,d]=H(),[h,g]=f.useState(!1),[x,u]=f.useState(!1),w=()=>{c(),h||(d(e.referralLink.toString()),g(!0))},C=()=>{u(!0)},m=()=>{u(!1)};f.useEffect(()=>{h===!0&&setTimeout(()=>{g(!1)},2e3)},[h]);const{rewardsCard:$,referAndEarn:_}=b.getLocalizedStrings().rewardsPage,R=f.useRef(null);Se(R,n);const K=x?o.jsx(ie,{showCopyText:x,isCopied:h,children:$.copyReferralLink}):null;return o.jsxs(Eo,{windowSize:l,children:[o.jsxs(No,{children:[o.jsx(Ao,{children:_}),o.jsx(Fo,{children:$.rewardsSummary[e.planName].replace("__reward-amount__",k("0,0",e.referrerAmount))}),o.jsxs(Vo,{ref:R,children:[o.jsx(G,{variant:"secondary",label:$.inviteViaEmail,onClick:i,prefixIcon:o.jsx(Ko,{}),textStyle:{...B.standardRegular.cssObject},buttonColors:{borderColor:{default:a.colors.primary,hover:a.colors.champion,disabled:a.colors.primary},backgroundColor:{default:a.colors.primary,hover:a.colors.champion,disabled:a.colors.primary},textColor:{default:a.colors.grey5,hover:a.colors.grey5,disabled:a.colors.grey5}},style:{borderRadius:r.sp1,padding:`${r.sp1} 12px`,flex:"1 1 auto",display:"flex",justifyContent:"center",alignItems:"center",marginRight:r.sp3}}),o.jsx(Yo,{onClick:w,onMouseOver:C,onMouseLeave:m,showCopyText:x,isCopied:h,children:o.jsx(Jo,{showCopyText:x,isCopied:h,children:o.jsx(Go,{})})}),o.jsx(Xo,{children:h?o.jsxs(o.Fragment,{children:[o.jsx(qo,{}),o.jsx(ie,{showCopyText:x,isCopied:h,children:$.copied})]}):K})]})]}),l==="medium-compact"||l==="medium-regular"?null:o.jsx(Ho,{children:o.jsx(Lo,{planAmount:e.referrerAmount})})]})}const Eo=t.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -251,20 +251,20 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
   align-items: center;
   justify-content: flex-start;
   position: relative;
-`,Ao=t.div`
+`,Ho=t.div`
   display: flex;
   max-width: 254px;
   min-width: 240px;
   height: 160px;
   flex: 1 1 auto;
-`,Ho=t(De)`
+`,Ao=t(De)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${r.sp2};
-`,Ko=t(z)`
+`,Fo=t(z)`
   color: ${e=>e.theme.mode==="light"?e.theme.colors.brandColorSapphire:e.theme.colors.brandColorJade};
   max-width: 210px;
   margin-bottom: ${r.sp5};
-`,Fo=t(q)`
+`,Ko=t(X)`
   height: ${r.sp3};
   width: ${r.sp3};
   flex-shrink: 0;
@@ -279,7 +279,7 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
   cursor: pointer;
   background-color: ${e=>e.showCopyText||e.isCopied?e.theme.colors.champion:"transparent"};
   border: 1px solid ${e=>e.theme.colors.primary};
-`,Go=t(Z)`
+`,Go=t(U)`
   width: ${r.sp3};
   height: ${r.sp3};
   cursor: pointer;
@@ -287,12 +287,12 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
   display: flex;
   align-items: center;
   color: ${e=>e.showCopyText||e.isCopied?e.theme.colors.grey3:e.theme.colors.primary};
-`,Qo=t(X)`
+`,qo=t(Q)`
   width: ${r.sp4};
   height: ${r.sp4};
   color: ${S.success};
   margin-right: ${r.sp1};
-`,qo=t.div`
+`,Xo=t.div`
   position: absolute;
   bottom: -35px;
   right: -55px;
@@ -305,13 +305,13 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
   background-color: ${e=>e.showCopyText||e.isCopied?e.theme.colors.black:"transparent"};
   padding: ${r.sp1} ${r.sp2};
   border-radius: ${r.sp1};
-`,Xo={height:new p(200,280)},K={earningValue:new M("h6Regular","h5Regular"),cardTitle:new M("extraSmallRegular","smallRegular"),buttonText:new M("extraSmallRegular","smallRegular")};function ne({pendingBonus:e,earnedBonus:i,pendingReferrals:n,onHowItWorksClick:c}){const{rewardsPage:{statisticsCard:a},common:{strings:l}}=b.getLocalizedStrings(),d=j();return o.jsxs(Zo,{windowSize:d,children:[o.jsx(Uo,{children:o.jsx(er,{windowSize:d,children:a.title})}),o.jsxs(or,{windowSize:d,children:[o.jsxs(se,{children:[o.jsx(ae,{children:a.earned}),o.jsx(le,{windowSize:d,type:"earned",children:k("0,0",i)})]}),d==="medium-compact"?o.jsx(tr,{}):o.jsx(rr,{}),o.jsxs(se,{children:[o.jsx(ae,{children:a.pending}),o.jsx(le,{windowSize:d,type:"pending",children:k("0,0",e)})]})]}),o.jsxs(ir,{children:[o.jsxs(nr,{windowSize:d,children:[a.pendingReferrals," ",l.colon," ",n]}),o.jsxs(ar,{windowSize:d,onClick:c,children:[a.knowMore," ",o.jsx(sr,{})]})]})]})}const Zo=t.div`
+`,Qo={height:new p(200,280)},F={earningValue:new M("h6Regular","h5Regular"),cardTitle:new M("extraSmallRegular","smallRegular"),buttonText:new M("extraSmallRegular","smallRegular")};function ne({pendingBonus:e,earnedBonus:i,pendingReferrals:n,onHowItWorksClick:c}){const{rewardsPage:{statisticsCard:a},common:{strings:l}}=b.getLocalizedStrings(),d=j();return o.jsxs(Uo,{windowSize:d,children:[o.jsx(Zo,{children:o.jsx(er,{windowSize:d,children:a.title})}),o.jsxs(or,{windowSize:d,children:[o.jsxs(se,{children:[o.jsx(ae,{children:a.earned}),o.jsx(le,{windowSize:d,type:"earned",children:k("0,0",i)})]}),d==="medium-compact"?o.jsx(tr,{}):o.jsx(rr,{}),o.jsxs(se,{children:[o.jsx(ae,{children:a.pending}),o.jsx(le,{windowSize:d,type:"pending",children:k("0,0",e)})]})]}),o.jsxs(ir,{children:[o.jsxs(nr,{windowSize:d,children:[a.pendingReferrals," ",l.colon," ",n]}),o.jsxs(ar,{windowSize:d,onClick:c,children:[a.knowMore," ",o.jsx(sr,{})]})]})]})}const Uo=t.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
   flex: 1 1 auto;
-  height: ${e=>Xo.height.valuePx(e.windowSize)};
+  height: ${e=>Qo.height.valuePx(e.windowSize)};
   background-color: ${e=>e.theme.colors.grey5};
   background-image: url(https://storage.googleapis.com/zeni-apis.appspot.com/images/confetti.svg);
   background-repeat: no-repeat;
@@ -319,7 +319,7 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
   box-shadow: ${e=>`${r.sp0} 2px ${r.sp1} ${e.theme.colors.dropShadowNormal}`};
   border: ${r.sp1} solid ${e=>e.theme.colors.grey5};
   border-radius: ${r.sp2};
-`,Uo=t.div`
+`,Zo=t.div`
   display: flex;
   flex: 0 1 auto;
   width: 100%;
@@ -327,7 +327,7 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
   justify-content: center;
   padding-top: ${r.sp4};
 `,er=t(O)`
-  ${e=>`${K.cardTitle.style(e.windowSize)}`};
+  ${e=>`${F.cardTitle.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.champion};
   margin-bottom: ${r.sp1};
 `,or=t.div`
@@ -352,10 +352,10 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
   margin: ${r.sp2} 0;
   width: ${r.sp5};
   border-top: 1px solid ${S.neutralGrey1Light};
-`,ae=t(H)`
+`,ae=t(A)`
   color: ${e=>e.theme.colors.primary};
 `,le=t(O)`
-  ${e=>`${K.earningValue.style(e.windowSize)}`};
+  ${e=>`${F.earningValue.style(e.windowSize)}`};
   color: ${e=>e.type==="pending"?S.alert:S.success};
 `,ir=t.div`
   display: flex;
@@ -368,7 +368,7 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
   padding: ${r.sp2} 0;
   background-color: ${e=>e.theme.colors.grey3};
 `,nr=t(O)`
-  ${e=>`${K.buttonText.style(e.windowSize)}`};
+  ${e=>`${F.buttonText.style(e.windowSize)}`};
   margin-left: 12px;
   color: ${e=>e.theme.colors.primary};
 `,sr=t(We)`
@@ -383,8 +383,8 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
   cursor: pointer;
   padding-right: 12px;
   color: ${e=>e.theme.colors.primary};
-  ${e=>`${K.buttonText.style(e.windowSize)}`};
-`,lr=90,Q=114,Le=160,dr=1,cr=58,pr=45,de=(e,i)=>i!=="small"?lr:Ee(e,{...B.standardRegular.cssPartialObject(["fontSize","fontFamily","fontWeight"])}).width<Le?Q:Q+24,{rewardsPage:{header:ee},common:{strings:ce}}=b.getLocalizedStrings(),hr={key:"invitee_email",value:ee.invitee_email,sortOrder:"ascending",width:new p(s[7],s[8],s[8],s[9])},gr={key:"amount",value:ee.amount,sortOrder:"ascending",width:new p(s[4],20,20,s[3])},mr={key:"status",value:ee.status,sortOrder:"ascending",width:new p(s[3],s[4],s[4],20)},N=[hr,mr,gr],ur=e=>{const i=e.toLowerCase().split(ce.space).join(ce.underscore);switch(e){case y.invite_processing:return{value:e,color:v.invite_processing.color,borderColor:v.invite_processing.borderColor,code:i};case y.invite_sent:return{value:e,color:v.invite_sent.color,borderColor:v.invite_sent.borderColor,code:i};case y.onboarding:return{value:e,color:v.onboarding.color,borderColor:v.onboarding.borderColor,code:i};case y.active:case y.reward_sent:return{value:e,color:v.active.color,borderColor:v.active.borderColor,code:i};case y.declined:return{value:e,color:v.declined.color,borderColor:v.declined.borderColor,code:i};case y.resend_invite:return{value:e,color:v.resend_invite.color,borderColor:v.resend_invite.borderColor,code:i};default:return{value:e,color:v.in_progress.color,borderColor:"",code:i}}},T={headerLastColumnTopPadding:new p(s[0],s[4]),headerLastColumnRightPadding:new p(s[3],s[11]),headerLastColumnBottomPadding:new p(s[0],s[4]),headerLastColumnLeftPadding:new p(s[3],s[11]),headerHeight:new p(pr,cr)};function xr({companyNameSticky:e,sortConfig:i,onColumnSortConfigChanged:n}){const c=V(),a=j(),[l,d]=f.useState(N);f.useEffect(()=>{const m=[...l];for(const $ of m)$.key===i.sortKey?$.sortOrder=i.sortOrder:$.sortOrder="ascending";d(m)},[i.sortKey,i.sortOrder]);const h=(m,$)=>{let _=$;i.sortKey===m&&(_=$==="ascending"?"descending":"ascending"),n(m,_)},g=l.find(m=>m.key===i.sortKey)??l[0],x=m=>l.find($=>$.key===m)?.value??C.strings.empty,u=l.map(m=>m.key),{rewardsPage:{inviteList:w},common:C}=b.getLocalizedStrings();return a==="small"?o.jsxs(pe,{windowSize:a,companyNameSticky:!1,children:[o.jsxs(fr,{children:[o.jsx(yr,{children:o.jsx($r,{})}),o.jsx(Ne,{title:w.sortBy,placeholder:w.sortBy,pickerValues:u,valueToLabel:x,selectedValue:i.sortKey,onPickerSelectionChanged:m=>{m&&h(te(m),"ascending")},optionTextStyle:B.smallRegular,selectedOptionColor:c.colors.hero,optionBackgroundColor:c.colors.grey5,downChevronVisible:!1,backgroundColor:c.colors.grey4,titleTextStyle:B.smallRegular,titleColor:c.colors.hero})]}),o.jsxs(vr,{onClick:()=>{h(g.key,g.sortOrder)},children:[o.jsx(z,{children:g.value}),o.jsx(he,{sortDataValue:i.sortKey,headerdata:g,children:o.jsx(ge,{})})]})]}):o.jsx(pe,{companyNameSticky:e,windowSize:a,children:l.map(m=>o.jsx(wr,{companyNameSticky:e&&m.key==="invitee_email",sortDataValue:i.sortKey,actualDataValue:m.key,wrapperWidth:m.width,windowSize:a,shouldRightAlign:m.value==="Amount",children:o.jsxs(br,{onClick:()=>{h(te(m.key),m.sortOrder)},children:[o.jsx(z,{children:m.value}),o.jsx(he,{sortDataValue:i.sortKey,headerdata:m,children:o.jsx(ge,{})})]})},m.key))})}const pe=t(z)`
+  ${e=>`${F.buttonText.style(e.windowSize)}`};
+`,lr=90,q=114,Le=160,dr=1,cr=58,pr=45,de=(e,i)=>i!=="small"?lr:Ee(e,{...B.standardRegular.cssPartialObject(["fontSize","fontFamily","fontWeight"])}).width<Le?q:q+24,{rewardsPage:{header:ee},common:{strings:ce}}=b.getLocalizedStrings(),hr={key:"invitee_email",value:ee.invitee_email,sortOrder:"ascending",width:new p(s[7],s[8],s[8],s[9])},gr={key:"amount",value:ee.amount,sortOrder:"ascending",width:new p(s[4],20,20,s[3])},mr={key:"status",value:ee.status,sortOrder:"ascending",width:new p(s[3],s[4],s[4],20)},N=[hr,mr,gr],ur=e=>{const i=e.toLowerCase().split(ce.space).join(ce.underscore);switch(e){case y.invite_processing:return{value:e,color:v.invite_processing.color,borderColor:v.invite_processing.borderColor,code:i};case y.invite_sent:return{value:e,color:v.invite_sent.color,borderColor:v.invite_sent.borderColor,code:i};case y.onboarding:return{value:e,color:v.onboarding.color,borderColor:v.onboarding.borderColor,code:i};case y.active:case y.reward_sent:return{value:e,color:v.active.color,borderColor:v.active.borderColor,code:i};case y.declined:return{value:e,color:v.declined.color,borderColor:v.declined.borderColor,code:i};case y.resend_invite:return{value:e,color:v.resend_invite.color,borderColor:v.resend_invite.borderColor,code:i};default:return{value:e,color:v.in_progress.color,borderColor:"",code:i}}},T={headerLastColumnTopPadding:new p(s[0],s[4]),headerLastColumnRightPadding:new p(s[3],s[11]),headerLastColumnBottomPadding:new p(s[0],s[4]),headerLastColumnLeftPadding:new p(s[3],s[11]),headerHeight:new p(pr,cr)};function xr({companyNameSticky:e,sortConfig:i,onColumnSortConfigChanged:n}){const c=V(),a=j(),[l,d]=f.useState(N);f.useEffect(()=>{const m=[...l];for(const $ of m)$.key===i.sortKey?$.sortOrder=i.sortOrder:$.sortOrder="ascending";d(m)},[i.sortKey,i.sortOrder]);const h=(m,$)=>{let _=$;i.sortKey===m&&(_=$==="ascending"?"descending":"ascending"),n(m,_)},g=l.find(m=>m.key===i.sortKey)??l[0],x=m=>l.find($=>$.key===m)?.value??C.strings.empty,u=l.map(m=>m.key),{rewardsPage:{inviteList:w},common:C}=b.getLocalizedStrings();return a==="small"?o.jsxs(pe,{windowSize:a,companyNameSticky:!1,children:[o.jsxs(fr,{children:[o.jsx(yr,{children:o.jsx($r,{})}),o.jsx(Ne,{title:w.sortBy,placeholder:w.sortBy,pickerValues:u,valueToLabel:x,selectedValue:i.sortKey,onPickerSelectionChanged:m=>{m&&h(te(m),"ascending")},optionTextStyle:B.smallRegular,selectedOptionColor:c.colors.hero,optionBackgroundColor:c.colors.grey5,downChevronVisible:!1,backgroundColor:c.colors.grey4,titleTextStyle:B.smallRegular,titleColor:c.colors.hero})]}),o.jsxs(vr,{onClick:()=>{h(g.key,g.sortOrder)},children:[o.jsx(z,{children:g.value}),o.jsx(he,{sortDataValue:i.sortKey,headerdata:g,children:o.jsx(ge,{})})]})]}):o.jsx(pe,{companyNameSticky:e,windowSize:a,children:l.map(m=>o.jsx(wr,{companyNameSticky:e&&m.key==="invitee_email",sortDataValue:i.sortKey,actualDataValue:m.key,wrapperWidth:m.width,windowSize:a,shouldRightAlign:m.value==="Amount",children:o.jsxs(br,{onClick:()=>{h(te(m.key),m.sortOrder)},children:[o.jsx(z,{children:m.value}),o.jsx(he,{sortDataValue:i.sortKey,headerdata:m,children:o.jsx(ge,{})})]})},m.key))})}const pe=t(z)`
   top: ${r.sp0};
   left: ${r.sp0};
   min-height: ${e=>T.headerHeight.valuePx(e.windowSize)};
@@ -420,7 +420,7 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
   gap: ${r.sp1};
   display: flex;
   color: ${e=>e.theme.colors.hero};
-`,$r=t(Fe)`
+`,$r=t(Ke)`
   width: 12px;
   height: 12px;
   color: ${e=>e.theme.colors.grey1};
@@ -477,7 +477,7 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
   display: flex;
   align-items: flex-start;
   height: 100%;
-`,Ir=t(H)`
+`,Ir=t(A)`
   flex: 1 1 auto;
   word-break: break-word;
   display: -webkit-box;
@@ -486,7 +486,7 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: initial;
-`,_r=t(H)`
+`,_r=t(A)`
   flex-direction: column;
   align-items: center;
   justify-content: center;
@@ -511,7 +511,7 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
   white-space: nowrap;
   border: ${e=>`1px solid ${e.borderColor}`};
   border-radius: ${r.sp1};
-`,Or=t(U)`
+`,Or=t(Z)`
   display: flex;
   color: ${e=>e.color};
   height: 20px;
@@ -548,7 +548,7 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
   margin-right: ${r.sp1};
 `,Nr=t.div`
   display: flex;
-`,I={containerPaddingLeft:new p(s[3],s[4]),containerPaddingRight:new p(s[3],s[4]),containerPaddingTop:new p(s[3],s[3]),containerPaddingBottom:new p(s[3],s[3]),containerMarginLeft:new p(s[3],s[8]),containerMarginRight:new p(s[3],s[8]),webkitLineClamp:new p(2,2,1,1,1)},{dateFormat:Vr,rewardsPage:{inviteList:Ar},common:ue}=b.getLocalizedStrings(),Hr=({email:e,amount:i,status:n,resendInviteStatus:c,inviteSendDate:a,onResendInviteClick:l})=>{const d=j();let h=!1;if(a){const u=new Date(a.format(Vr.visual.YYYYDashMMDashDFormat));h=ye(72,u)}const g=n.value===y.active?P.received:P.to_be_received,x=c.fetchState==="In-Progress"?o.jsx(be,{size:"Small",start:!0}):o.jsxs(o.Fragment,{children:[o.jsx(et,{color:n.color,onClick:()=>{l(e)},children:Ar.status.resend_invite}),o.jsx(ot,{children:`${ue.sent} ${ve(a)}`})]});return o.jsx(Kr,{windowSize:d,children:o.jsxs(Fr,{children:[o.jsxs(tt,{children:[o.jsxs(Yr,{children:[o.jsx(Gr,{children:o.jsx(rt,{})}),o.jsx(Jr,{windowSize:d,children:e})]}),o.jsx(Qr,{amountStatus:g,children:n.value===y.declined?o.jsx(qr,{children:ue.strings.hyphen}):o.jsxs(o.Fragment,{children:[k("0,0.[00]",i),o.jsx(Xr,{amountStatus:g,children:g})]})})]}),o.jsx(it,{children:o.jsx(Ur,{children:n.value===y.invite_sent&&h?x:o.jsx(nt,{children:o.jsx(Zr,{color:n.color,borderColor:n.borderColor,children:n.value})})})})]})})},Kr=t.div`
+`,I={containerPaddingLeft:new p(s[3],s[4]),containerPaddingRight:new p(s[3],s[4]),containerPaddingTop:new p(s[3],s[3]),containerPaddingBottom:new p(s[3],s[3]),containerMarginLeft:new p(s[3],s[8]),containerMarginRight:new p(s[3],s[8]),webkitLineClamp:new p(2,2,1,1,1)},{dateFormat:Vr,rewardsPage:{inviteList:Hr},common:ue}=b.getLocalizedStrings(),Ar=({email:e,amount:i,status:n,resendInviteStatus:c,inviteSendDate:a,onResendInviteClick:l})=>{const d=j();let h=!1;if(a){const u=new Date(a.format(Vr.visual.YYYYDashMMDashDFormat));h=ye(72,u)}const g=n.value===y.active?P.received:P.to_be_received,x=c.fetchState==="In-Progress"?o.jsx(be,{size:"Small",start:!0}):o.jsxs(o.Fragment,{children:[o.jsx(et,{color:n.color,onClick:()=>{l(e)},children:Hr.status.resend_invite}),o.jsx(ot,{children:`${ue.sent} ${ve(a)}`})]});return o.jsx(Fr,{windowSize:d,children:o.jsxs(Kr,{children:[o.jsxs(tt,{children:[o.jsxs(Yr,{children:[o.jsx(Gr,{children:o.jsx(rt,{})}),o.jsx(Jr,{windowSize:d,children:e})]}),o.jsx(qr,{amountStatus:g,children:n.value===y.declined?o.jsx(Xr,{children:ue.strings.hyphen}):o.jsxs(o.Fragment,{children:[k("0,0.[00]",i),o.jsx(Qr,{amountStatus:g,children:g})]})})]}),o.jsx(it,{children:o.jsx(Zr,{children:n.value===y.invite_sent&&h?x:o.jsx(nt,{children:o.jsx(Ur,{color:n.color,borderColor:n.borderColor,children:n.value})})})})]})})},Fr=t.div`
   display: flex;
   margin-bottom: ${r.sp3};
   background-color: ${e=>e.theme.colors.grey5};
@@ -562,7 +562,7 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
   cursor: pointer;
   margin-right: ${e=>I.containerMarginRight.valuePx(e.windowSize)};
   margin-left: ${e=>I.containerMarginLeft.valuePx(e.windowSize)};
-`,Fr=t.div`
+`,Kr=t.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
@@ -576,7 +576,7 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
   display: flex;
   align-items: flex-start;
   height: 100%;
-`,Jr=t(H)`
+`,Jr=t(A)`
   color: ${e=>e.theme.colors.hero};
   flex-grow: 1;
   word-break: break-word;
@@ -586,7 +586,7 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: ${Le}px;
-`,Qr=t(z)`
+`,qr=t(z)`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -594,11 +594,11 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
   color: ${e=>e.amountStatus===P.to_be_received?e.theme.colors.grey2:e.theme.colors.primary};
   width: 100%;
   margin-left: ${r.sp5};
-`,qr=t(Ce)`
+`,Xr=t(Ce)`
   color: ${e=>e.theme.colors.hero};
-`,Xr=t(W)`
+`,Qr=t(W)`
   color: ${e=>e.amountStatus===P.to_be_received?e.theme.colors.grey2:e.theme.colors.success};
-`,Zr=t(W)`
+`,Ur=t(W)`
   color: ${e=>e.color};
   height: 20px;
   align-items: center;
@@ -611,7 +611,7 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
   display: inline-flex;
   border: ${e=>`1px solid ${e.borderColor}`};
   border-radius: ${r.sp1};
-`,Ur=t.div`
+`,Zr=t.div`
   width: 100%;
   color: ${e=>e.theme.colors.hero};
   box-sizing: border-box;
@@ -658,7 +658,7 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
   display: flex;
   flex-direction: column;
   align-items: flex-end;
-`,D={pageTitleMarginLeft:new p(s[3],s[8]),pageTitleMarginRight:new p(s[3],s[8]),pageTitleMarginTop:new p(s[4],s[5]),pageTitleMarginBottom:new p(s[3],s[3])},st={pageTitle:new M("standardSemiBold","largeSemiBold")},xe=b.getLocalizedStrings(),at=({index:e,style:i,inviteList:n,onResendInviteClick:c})=>{const a=j(),l=n[e],d=a==="small"?Hr:kr;return o.jsx(xt,{style:{...i,width:"100%"},children:o.jsx(d,{email:l.refereeEmailId,amount:l.amount,status:ur(l.statusCode),resendInviteStatus:l.resendInviteStatus,onResendInviteClick:c,inviteSendDate:l.lastInviteTimestamp})})},lt=({inviteList:e,uiState:i,fetchState:n,onResendInviteClick:c,onReloadInvitees:a,onColumnSortConfigChanged:l})=>{const d=j(),h=w=>{const C=e[w].refereeEmailId;return de(C,d)},g=e.reduce((w,C)=>w+de(C.refereeEmailId,d),0),x=f.useRef(null);f.useEffect(()=>{x.current?.resetAfterIndex(0)},[d,x]);let u=null;switch(n){case"Not-Started":case"In-Progress":u=o.jsx(Je,{fetchState:n});break;case"Error":u=o.jsxs(ct,{children:[o.jsx(pt,{onClick:a,children:o.jsx(ht,{})}),o.jsx(gt,{children:xe.peoplePage.reloadPage.label})]});break;case"Completed":e.length!==0&&(u=o.jsxs(ut,{windowSize:d,children:[o.jsx(mt,{windowSize:d,children:xe.rewardsPage.inviteList.pageTitle}),o.jsx(xr,{companyNameSticky:!1,onColumnSortConfigChanged:l,sortConfig:{sortKey:i.sortKey,sortOrder:i.sortOrder}}),o.jsx(Oe,{ref:x,height:g,width:"100%",itemCount:e.length,itemSize:h,estimatedItemSize:Q,itemKey:w=>e[w].refereeEmailId,overscanCount:dr,initialScrollOffset:0,children:w=>o.jsx(at,{...w,inviteList:e,onResendInviteClick:c})})]}))}return o.jsx(dt,{children:u})},dt=t.div`
+`,D={pageTitleMarginLeft:new p(s[3],s[8]),pageTitleMarginRight:new p(s[3],s[8]),pageTitleMarginTop:new p(s[4],s[5]),pageTitleMarginBottom:new p(s[3],s[3])},st={pageTitle:new M("standardSemiBold","largeSemiBold")},xe=b.getLocalizedStrings(),at=({index:e,style:i,inviteList:n,onResendInviteClick:c})=>{const a=j(),l=n[e],d=a==="small"?Ar:kr;return o.jsx(xt,{style:{...i,width:"100%"},children:o.jsx(d,{email:l.refereeEmailId,amount:l.amount,status:ur(l.statusCode),resendInviteStatus:l.resendInviteStatus,onResendInviteClick:c,inviteSendDate:l.lastInviteTimestamp})})},lt=({inviteList:e,uiState:i,fetchState:n,onResendInviteClick:c,onReloadInvitees:a,onColumnSortConfigChanged:l})=>{const d=j(),h=w=>{const C=e[w].refereeEmailId;return de(C,d)},g=e.reduce((w,C)=>w+de(C.refereeEmailId,d),0),x=f.useRef(null);f.useEffect(()=>{x.current?.resetAfterIndex(0)},[d,x]);let u=null;switch(n){case"Not-Started":case"In-Progress":u=o.jsx(Je,{fetchState:n});break;case"Error":u=o.jsxs(ct,{children:[o.jsx(pt,{onClick:a,children:o.jsx(ht,{})}),o.jsx(gt,{children:xe.peoplePage.reloadPage.label})]});break;case"Completed":e.length!==0&&(u=o.jsxs(ut,{windowSize:d,children:[o.jsx(mt,{windowSize:d,children:xe.rewardsPage.inviteList.pageTitle}),o.jsx(xr,{companyNameSticky:!1,onColumnSortConfigChanged:l,sortConfig:{sortKey:i.sortKey,sortOrder:i.sortOrder}}),o.jsx(Oe,{ref:x,height:g,width:"100%",itemCount:e.length,itemSize:h,estimatedItemSize:q,itemKey:w=>e[w].refereeEmailId,overscanCount:dr,initialScrollOffset:0,children:w=>o.jsx(at,{...w,inviteList:e,onResendInviteClick:c})})]}))}return o.jsx(dt,{children:u})},dt=t.div`
   display: block;
   height: 100%;
 `,ct=t.div`
@@ -684,7 +684,7 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,gt=t(Ae)`
+`,gt=t(He)`
   margin-top: ${r.sp3};
   color: ${e=>e.theme.colors.hero};
 `,mt=t(O)`
@@ -705,7 +705,7 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
   &:last-child {
     padding-bottom: ${r.sp0};
   }
-`,wt={referralButtonRightPosition:new p(-4,28,28,-4)},{rewardsPage:{referButton:Y},common:{texts:E}}=b.getLocalizedStrings();function ft(e){const i=j(),[n,c]=f.useState(!1),[,a]=A(),[l,d]=f.useState(!1),h=()=>{e.onCopyReferralLink(),l||(a(e.referralLink.toString()),d(!0))};return f.useEffect(()=>{l===!0&&setTimeout(()=>{d(!1),c(!1)},2e3)},[l]),o.jsx($t,{windowSize:i,children:o.jsx(Me,{onClickAway:()=>{c(!1)},children:o.jsx(yt,{onClick:()=>{n||e.onClickRefer(),c(!0)},onTouchEnd:()=>{n||e.onClickRefer(),c(!0)},children:o.jsx(Be,{entity:"rewards",isMoreOption:!1,closeMenuOnSelect:!1,isMenuOpen:n,title:E.refer,options:[{label:Y.inviteViaEmail,value:E.invite},{label:l?Y.urlCopied:Y.copyReferralUrl,value:l?E.copied:E.copy}],customStyleConfig:{control:()=>({backgroundColor:"inherit",cursor:"pointer",border:"none",":hover":{backgroundColor:"inherit"}}),container:()=>({marginLeft:s[0]}),valueContainer:()=>({display:"flex"})},onOptionSelection:g=>{switch(g){case"invite":e.onInviteClick();break;case"copy":h();break}}})})})})}const $t=t.div`
+`,wt={referralButtonRightPosition:new p(-4,28,28,-4)},{rewardsPage:{referButton:Y},common:{texts:E}}=b.getLocalizedStrings();function ft(e){const i=j(),[n,c]=f.useState(!1),[,a]=H(),[l,d]=f.useState(!1),h=()=>{e.onCopyReferralLink(),l||(a(e.referralLink.toString()),d(!0))};return f.useEffect(()=>{l===!0&&setTimeout(()=>{d(!1),c(!1)},2e3)},[l]),o.jsx($t,{windowSize:i,children:o.jsx(Me,{onClickAway:()=>{c(!1)},children:o.jsx(yt,{onClick:()=>{n||e.onClickRefer(),c(!0)},onTouchEnd:()=>{n||e.onClickRefer(),c(!0)},children:o.jsx(Be,{entity:"rewards",isMoreOption:!1,closeMenuOnSelect:!1,isMenuOpen:n,title:E.refer,options:[{label:Y.inviteViaEmail,value:E.invite},{label:l?Y.urlCopied:Y.copyReferralUrl,value:l?E.copied:E.copy}],customStyleConfig:{control:()=>({backgroundColor:"inherit",cursor:"pointer",border:"none",":hover":{backgroundColor:"inherit"}}),container:()=>({marginLeft:s[0]}),valueContainer:()=>({display:"flex"})},onOptionSelection:g=>{switch(g){case"invite":e.onInviteClick();break;case"copy":h();break}}})})})})}const $t=t.div`
   position: absolute;
   right: ${e=>wt.referralButtonRightPosition.valuePx(e.windowSize)};
 `,yt=t.div`
@@ -716,7 +716,7 @@ import{f as V,K as j,V as o,bE as Te,h7 as A,aq as Me,hc as Be,u as s,O as b,o a
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,bt=b.getLocalizedStrings().rewardsPage,Dt=e=>{const i=V(),n=j(),{pendingBonus:c,earnedBonus:a,rewardsPlan:l,pendingReferrals:d,inviteList:h,uiState:g,fetchState:x,onInviteClick:u,onBackClick:w,onHowItWorksClick:C,onReloadInvitees:m,onResendInviteClick:$,onColumnSortConfigChanged:_,onCopyReferralLink:R,onClickRefer:F,onClickMenuIcon:Ie}=e,[_e,oe]=f.useState(!0);let re=null;return _e||(re=o.jsx(ft,{referralLink:l.referralLink,onInviteClick:u,onClickRefer:F,onCopyReferralLink:R})),o.jsxs(vt,{children:[o.jsx(Te,{source:"InvitePageListView",title:bt.pageTitle,showBackButton:!0,backgroundColor:i.colors.grey4,style:{zIndex:3},onBackClick:w,showMenuIcon:n==="medium-compact"||n==="small",onClickMenuIcon:Ie,rightSideComponent:re}),h.length===0?o.jsx(kt,{children:o.jsx(Ro,{rewardsPlan:l,onHowItWorksClick:C,onInviteClick:u,onCopyReferral:R})}):o.jsxs(o.Fragment,{children:[n==="small"?o.jsxs(Ct,{children:[o.jsx(ne,{pendingBonus:c,earnedBonus:a,pendingReferrals:d,onHowItWorksClick:C}),o.jsx(ze,{referralLink:l.referralLink,onInviteClick:u,onCopyReferral:R,setShowNavButton:oe})]}):o.jsxs(jt,{children:[o.jsx(we,{children:o.jsx(ne,{pendingBonus:c,earnedBonus:a,pendingReferrals:d,onHowItWorksClick:C})}),o.jsx(we,{children:o.jsx(Do,{rewardsPlan:l,onInviteClick:u,setShowNavButton:oe,onCopyReferral:R})})]}),o.jsx(lt,{inviteList:h,fetchState:x,onReloadInvitees:m,onColumnSortConfigChanged:_,uiState:g,onResendInviteClick:$})]})]})},vt=t.div`
+`,bt=b.getLocalizedStrings().rewardsPage,Dt=e=>{const i=V(),n=j(),{pendingBonus:c,earnedBonus:a,rewardsPlan:l,pendingReferrals:d,inviteList:h,uiState:g,fetchState:x,onInviteClick:u,onBackClick:w,onHowItWorksClick:C,onReloadInvitees:m,onResendInviteClick:$,onColumnSortConfigChanged:_,onCopyReferralLink:R,onClickRefer:K,onClickMenuIcon:Ie}=e,[_e,oe]=f.useState(!0);let re=null;return _e||(re=o.jsx(ft,{referralLink:l.referralLink,onInviteClick:u,onClickRefer:K,onCopyReferralLink:R})),o.jsxs(vt,{children:[o.jsx(Te,{source:"InvitePageListView",title:bt.pageTitle,showBackButton:!0,backgroundColor:i.colors.grey4,style:{zIndex:3},onBackClick:w,showMenuIcon:n==="medium-compact"||n==="small",onClickMenuIcon:Ie,rightSideComponent:re}),h.length===0?o.jsx(kt,{children:o.jsx(Ro,{rewardsPlan:l,onHowItWorksClick:C,onInviteClick:u,onCopyReferral:R})}):o.jsxs(o.Fragment,{children:[n==="small"?o.jsxs(Ct,{children:[o.jsx(ne,{pendingBonus:c,earnedBonus:a,pendingReferrals:d,onHowItWorksClick:C}),o.jsx(ze,{referralLink:l.referralLink,onInviteClick:u,onCopyReferral:R,setShowNavButton:oe})]}):o.jsxs(jt,{children:[o.jsx(we,{children:o.jsx(ne,{pendingBonus:c,earnedBonus:a,pendingReferrals:d,onHowItWorksClick:C})}),o.jsx(we,{children:o.jsx(Do,{rewardsPlan:l,onInviteClick:u,setShowNavButton:oe,onCopyReferral:R})})]}),o.jsx(lt,{inviteList:h,fetchState:x,onReloadInvitees:m,onColumnSortConfigChanged:_,uiState:g,onResendInviteClick:$})]})]})},vt=t.div`
   display: flex;
   width: 100%;
   height: 100vh;

package/dist/assets/InvitePeoplePage-DAEBuOnk-jK8Ueocl.js

@@ -0,0 +1,12 @@
+import{e as Y,g5 as F,g as ee,aa as te,u as g,V as d,h1 as le,ae as ne,ac as oe,aT as se,o as re,x as E,cK as Z,g8 as q,g9 as A,ga as K,O as ie,c as ae}from"./index-aCBnCBoN.js";import{a as w}from"./sentry-DzaNjvx0.js";import{n as G}from"./mui-BosmckWV.js";import{Gx as de,bg as ce}from"./zeni-epic-state-BNpJ2txa.js";import{f as ue}from"./AllUserItems-B6pnKByY-BUdz_J3g.js";import"./liveblocks-CEY7tsth.js";import"./core-Cjh03OPu.js";import"./recharts-CimMNwCJ.js";import"./lottie-BmLFYENY.js";import"./analytics-B_VWX-BQ.js";import"./lexical-9REae7LV.js";import"./utils-THjX-QSp.js";import"./LabeledUserSingleSelectWithSubtitlesField-IYaUvqgY-BQ0ZCt10.js";import"./RoleWithToolTip-CqLxmtj6-BNUOWMRG.js";import"./LabeledZeniRolesDropDownField-DmynBXbJ-BkBy6SHA.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="630cbc90-d7f0-4b2f-b85e-db659c1f38c6",e._sentryDebugIdIdentifier="sentry-dbid-630cbc90-d7f0-4b2f-b85e-db659c1f38c6")}catch{}})();const S={containerPaddingLeft:new E(g[3],g[6],g[8]),containerPaddingRight:new E(g[3],g[6],g[8]),buttonWidth:new E(85,85)},V="editPeoplePage",T="userItems",p=ie.getLocalizedStrings().peoplePage,Pe=({peopleDetails:e,managersList:t,classList:f,controllersList:z,mode:o,isZeniTenant:_,onPeopleLocalDataUpdated:x,onCloseClick:O,onSaveClick:r,isReimbursementDisabled:$,isZeniAccountsDisabled:s,isChargeCardDisabled:D,isTreasuryDisabled:k,isBankingOnlyTenant:R,isCardsOnlyTenant:I,isLiteRoleDisabled:U})=>{const c=Y(),[M,Q]=w.useState(-1),[B,P]=w.useState(""),j=w.useRef(null),L=w.useMemo(()=>F($,s,D,R,I,U,k),[$,s,D,R,I,U,k]),W=ee(),i=te({mode:"onBlur",reValidateMode:"onChange",defaultValues:N(e.people,o,L,t,f,R,I),values:N(e.people,o,L,t,f,R,I)}),J=i.handleSubmit(()=>{H()?r():console.warn("Invite People form error")}),H=()=>{const l=i.getValues();let n=!0;return l.userItems.forEach((v,C)=>{const{role:a,nonZeniRole:y,department:u,manager:m}=v;if(o==="zeni_only")a?.selectedOptions==null&&(i.setError(`${T}.${C}.role`,{type:"required"}),n=!1);else{const b=y?.userRole.selectedRole;(b!=null&&y!=null?y.productsByUserRole[b].map(h=>h.selectedOption).filter(h=>h!=null):[]).length<1&&(i.setError(`${T}.${C}.nonZeniRole.userRole.selectedRole`,{type:"required"}),n=!1),u?.selectedOption==null&&b!=="investor_or_banker"&&!R&&!I&&(i.setError(`${T}.${C}.department`,{type:"required"}),n=!1),m?.selectedUser==null&&b!=="investor_or_banker"&&(i.setError(`${T}.${C}.manager`,{type:"required"}),n=!1)}}),n},X=async(l,n)=>{const v=[],{userItems:C}=n;C.forEach(a=>{let y={};if(o==="zeni_only")y={email:a.email,role:[a.role?.selectedOptions]};else{const u=a.nonZeniRole?.userRole.selectedRole;let m=[];u==="admin"||u==="investor_or_banker"?m.push(u):m=u!=null?(a.nonZeniRole?.productsByUserRole[u]??[]).map(h=>de(h.selectedOption?.value)).filter(h=>h!=null):[],u==="employee"&&m.length===0&&(m=["reimbursements_user"]);const b=ce(m);y={email:a.email,role:m,departmentId:b?void 0:a.department?.selectedOption?.value,managerId:b?void 0:a.manager?.selectedUser}}v.push(y)}),x(v)};return w.useEffect(()=>{const l=i.watch((n,{name:v})=>{v!=null&&n!=null&&X(v,n)});return()=>{l.unsubscribe()}}),w.useEffect(()=>{const l=j.current,n=()=>{c!=="small"&&(l&&l?.scrollTop>g[9]?P(o==="zeni_only"?p.invitePage.zeniTitle:p.invitePage.title):P(""))};return c==="small"?P(o==="zeni_only"?p.invitePage.zeniTitle:p.invitePage.title):l&&l?.scrollTop<=g[9]&&P(""),l&&l.addEventListener("scroll",n),()=>{l&&l.removeEventListener("scroll",n)}},[o,B,c]),d.jsxs(d.Fragment,{children:[d.jsx(le,{title:B,backgroundColor:W.colors.grey4,style:{zIndex:4},onCloseClick:O,isTitleAlignLeft:c==="small"}),d.jsxs(me,{"data-testid":oe("invite-people-container"),windowSize:c,ref:j,children:[c!=="small"?d.jsx(pe,{children:o==="zeni_only"?p.invitePage.zeniTitle:p.invitePage.title}):null,d.jsx(ne,{...i,children:d.jsx("form",{id:`${V}_form`,onSubmit:J,children:d.jsx(ue,{control:i.control,sectionId:T,deleteConfirmationIndex:M,updateDeleteConfirmationIndex:Q,mode:o,isZeniTenant:_,classList:f,managersList:t,controllersList:z,isBankingOnlyTenant:R,isCardsOnlyTenant:I,customerRoleOptions:L,isEdit:!1})})})]}),d.jsx(se,{formId:`${V}_form`,primaryBtn:{label:p.invitePage.invite,style:{width:S.buttonWidth.value(c)},isLoading:e.invitePersonState.fetchState==="In-Progress",isDisabled:e.invitePersonState.fetchState==="In-Progress"},showCancel:!0,cancelBtn:{label:p.invitePage.cancel,style:{width:S.buttonWidth.value(c)},shouldResetOnCancel:!1,onClick:O},separatorStyle:{marginRight:re.sp4}})]})},N=(e,t,f,z,o,_,x)=>{const O=[{userIndex:0,email:[],role:t==="zeni_only"?{allOptions:Z.roles,selectedOptions:e[0]?.role}:void 0,nonZeniRole:t==="off"?{userRole:{selectedRole:e[0]?.role.length>0?K(e[0].role):void 0,allRootRole:A(_,x)},productsByUserRole:q(e[0]?.role??[],f)}:void 0,department:void 0,manager:void 0}];return{[T]:e.length>0?e.map((r,$)=>({userIndex:$,email:r.email,role:t==="zeni_only"?{allOptions:Z.roles,selectedOptions:r.role}:void 0,nonZeniRole:t==="off"?{userRole:{selectedRole:r.role.length>0?K(r.role):void 0,allRootRole:A(_,x)},productsByUserRole:q(r.role,f)}:void 0,department:{allOptions:o.map(s=>({label:s.fullyQualifiedAccountingClassName??"",value:s.classId,hoverText:s.accountingClassNumber})),selectedOption:o.map(s=>({label:s.fullyQualifiedAccountingClassName??"",value:s.classId,hoverText:s.accountingClassNumber})).find(s=>s.value===r.departmentId)},manager:{allUsers:z,selectedUser:r.managerId}})):O}},Se=(e,t)=>`${e}.${t}`,me=G.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+
+  padding-left: ${e=>`${S.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${e=>`${S.containerPaddingRight.valuePx(e.windowSize)}`};
+  overflow-x: hidden;
+  height: 100%;
+`,pe=G(ae)`
+  color: ${e=>e.theme.colors.primary};
+`;export{Pe as default,Se as uniqueName};

package/dist/assets/InvoiceUploadSection-58l6ePuH-BuOyGSAC.js

@@ -0,0 +1,140 @@
+import{g as se,e as de,O as J,V as t,L as q,o as l,d,x as z,gK as ve,gL as ze,ac as K,cy as Le,cz as Ee,cA as Pe,au as Te,bb as ce,u as g,w as ie,M as Be,n as Ae,ak as pe,gM as Ie}from"./index-aCBnCBoN.js";import{a as o}from"./sentry-DzaNjvx0.js";import{n as i}from"./mui-BosmckWV.js";import De from"./AttachmentView-SsWJw4A8-BGK1ntZP.js";import{l as Me}from"./uploadReceipts-CIgkuVpu-Dil-Qv4Z.js";import{t as Re}from"./upload-reimbursement-receipt-O2N8vcO7-CMjD_kCZ.js";import"./liveblocks-CEY7tsth.js";import"./core-Cjh03OPu.js";import"./recharts-CimMNwCJ.js";import"./zeni-epic-state-BNpJ2txa.js";import"./lottie-BmLFYENY.js";import"./analytics-B_VWX-BQ.js";import"./lexical-9REae7LV.js";import"./utils-THjX-QSp.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},C=new e.Error().stack;C&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[C]="f0631630-bdd1-48f7-ad79-459f29370904",e._sentryDebugIdIdentifier="sentry-dbid-f0631630-bdd1-48f7-ad79-459f29370904")}catch{}})();const _e=e=>o.createElement("svg",{viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("mask",{id:"mask0_623_1439",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:0,y:-16,width:72,height:88},o.createElement("rect",{y:-16,width:72,height:88,fill:"url(#paint0_linear_623_1439)"})),o.createElement("g",{mask:"url(#mask0_623_1439)"},o.createElement("path",{d:"M24.4551 10.7549C24.8693 10.7549 25.2051 11.0907 25.2051 11.5049V13.6938L28.3834 13.6938C28.7976 13.6938 29.1334 14.0296 29.1334 14.4438C29.1334 14.8581 28.7976 15.1938 28.3834 15.1938H22.4209C21.6794 15.1944 20.9613 15.4529 20.3896 15.925C19.8179 16.3972 19.4282 17.0536 19.2875 17.7816C19.1468 18.5096 19.2638 19.264 19.6184 19.9152C19.973 20.5662 20.543 21.0736 21.2306 21.3505L27.2968 23.7781C28.3078 24.1849 29.1457 24.9308 29.6669 25.8878C30.1881 26.8448 30.36 27.9534 30.1532 29.0234C29.9464 30.0933 29.3738 31.058 28.5335 31.7519C27.6933 32.4458 26.6377 32.8257 25.548 32.8265H25.2051V35.0149C25.2051 35.4292 24.8693 35.7649 24.4551 35.7649C24.0409 35.7649 23.7051 35.4292 23.7051 35.0149V32.8265H19.567C19.1528 32.8265 18.817 32.4907 18.817 32.0765C18.817 31.6623 19.1528 31.3265 19.567 31.3265H24.4327C24.4401 31.3263 24.4476 31.3262 24.4551 31.3262C24.4626 31.3262 24.47 31.3263 24.4775 31.3265H25.5469C26.2884 31.326 27.0066 31.0675 27.5784 30.5953C28.1501 30.1232 28.5398 29.4668 28.6805 28.7387C28.8212 28.0107 28.7042 27.2564 28.3496 26.6052C27.9951 25.9543 27.4253 25.4469 26.7378 25.1701L26.7369 25.1697L20.6712 22.7422C19.6602 22.3355 18.8223 21.5896 18.3011 20.6325C17.7799 19.6755 17.608 18.5669 17.8148 17.497C18.0216 16.427 18.5942 15.4624 19.4345 14.7684C20.2748 14.0745 21.3308 13.6946 22.4206 13.6938H23.7051V11.5049C23.7051 11.0907 24.0409 10.7549 24.4551 10.7549Z",fill:"#A6B0B1"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M37.0762 2.2644C37.4904 2.2644 37.8262 2.60019 37.8262 3.0144V17.4438C37.8262 18.0243 38.0568 18.581 38.4672 18.9915C38.8777 19.402 39.4344 19.6326 40.0149 19.6326H54.4443C54.8585 19.6326 55.1943 19.9684 55.1943 20.3826C55.1943 20.7968 54.8585 21.1326 54.4443 21.1326H40.0149C39.0366 21.1326 38.0984 20.7439 37.4066 20.0521C36.7148 19.3604 36.3262 18.4221 36.3262 17.4438V3.0144C36.3262 2.60019 36.662 2.2644 37.0762 2.2644Z",fill:"#A6B0B1"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.7295 42.2959C17.7295 41.8817 18.0653 41.5459 18.4795 41.5459H42.5621C42.9763 41.5459 43.3121 41.8817 43.3121 42.2959C43.3121 42.7101 42.9763 43.0459 42.5621 43.0459H18.4795C18.0653 43.0459 17.7295 42.7101 17.7295 42.2959Z",fill:"#A6B0B1"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.7295 52.2962C17.7295 51.882 18.0653 51.5462 18.4795 51.5462L40.7106 51.5461C41.1248 51.5461 41.4606 51.8819 41.4606 52.2961C41.4606 52.7104 41.1248 53.0461 40.7106 53.0461L18.4795 53.0462C18.0653 53.0462 17.7295 52.7104 17.7295 52.2962Z",fill:"#A6B0B1"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M37.7295 31.9541C37.7295 31.5399 38.0653 31.2041 38.4795 31.2041H48.1263C48.5406 31.2041 48.8763 31.5399 48.8763 31.9541C48.8763 32.3683 48.5406 32.7041 48.1263 32.7041H38.4795C38.0653 32.7041 37.7295 32.3683 37.7295 31.9541Z",fill:"#A6B0B1"})),o.createElement("rect",{x:40.75,y:40.75,width:30.5,height:30.5,rx:15.25,stroke:"#A6B0B1",strokeWidth:1.5}),o.createElement("path",{d:"M63.1838 60.0608V61.3101C63.1836 61.807 62.9861 62.2834 62.6348 62.6348C62.2835 62.9861 61.807 63.1836 61.3101 63.1837H50.69C50.1931 63.1837 49.7166 62.9863 49.3652 62.635C49.0138 62.2836 48.8164 61.807 48.8164 61.3101V60.0608",stroke:"#A6B0B1",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M55.5502 49.191C55.6639 49.0732 55.8234 49 56 49C56 49 56 49 56 49C56.0071 49 56.0143 49.0001 56.0214 49.0004C56.1742 49.0055 56.3254 49.0664 56.4421 49.1831L61.0135 53.7545C61.2576 53.9986 61.2576 54.3943 61.0135 54.6384C60.7694 54.8824 60.3737 54.8824 60.1296 54.6384L56.625 51.1337V60.7976C56.625 61.1427 56.3452 61.4226 56 61.4226C55.6548 61.4226 55.375 61.1427 55.375 60.7976V51.134L51.8707 54.6384C51.6266 54.8824 51.2308 54.8824 50.9868 54.6384C50.7427 54.3943 50.7427 53.9986 50.9868 53.7545L55.5502 49.191Z",fill:"#A6B0B1"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M36.8739 3.50002C37.1624 3.49921 37.4482 3.55546 37.7149 3.66552C37.9816 3.77558 38.224 3.93737 38.428 4.14141L54.3387 20.0521C54.7491 20.4624 54.9797 21.0193 54.98 21.5996L54.9696 40.7471H56.4696L56.48 21.5993C56.4798 20.621 56.091 19.6829 55.3992 18.9913L39.4887 3.08083C39.145 2.73695 38.7366 2.46443 38.2871 2.27894C37.838 2.0936 37.3567 1.99881 36.8708 2.00001H12.6888C11.7105 2.00001 10.7722 2.38865 10.0804 3.08043C9.38864 3.77222 9 4.71048 9 5.68881V59.4034C9 60.3817 9.38864 61.32 10.0804 62.0117C10.7722 62.7035 11.7105 63.0922 12.6888 63.0922H42.0703V61.5922H12.6888C12.1083 61.5922 11.5516 61.3615 11.1411 60.9511C10.7306 60.5406 10.5 59.9839 10.5 59.4034V5.68881C10.5 5.1083 10.7306 4.55158 11.1411 4.1411C11.5516 3.73062 12.1083 3.50002 12.6888 3.50002H36.8718L36.8739 3.50002Z",fill:"#A6B0B1"}),o.createElement("defs",null,o.createElement("linearGradient",{id:"paint0_linear_623_1439",x1:36,y1:-16,x2:36,y2:72,gradientUnits:"userSpaceOnUse"},o.createElement("stop",{stopColor:"#C9ABC7",stopOpacity:0}),o.createElement("stop",{offset:1e-4,stopColor:"#C9ABC7"})))),He=e=>o.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M15.4931 3.87109H11.4776C10.5275 3.89973 9.62765 4.30445 8.97582 4.99631C8.324 5.68817 7.97357 6.61054 8.00156 7.56068C7.99312 8.23377 8.16758 8.89652 8.50634 9.47821C8.84509 10.0599 9.33542 10.5387 9.92501 10.8635L13.5771 12.8038C14.1642 13.1295 14.6523 13.6079 14.9896 14.1884C15.3269 14.7688 15.5009 15.4297 15.4931 16.101C15.5211 17.0505 15.1712 17.9724 14.5202 18.6641C13.8691 19.3559 12.9702 19.761 12.0208 19.7906H8.00156",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M11.2829 19.7908V22.6001",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M13.1558 1V3.87113",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),f={memoPaddingTopBottomRight:new z(12,g[3]),billReceiptSize:new z(60,g[10]),rootContainerPaddingTop:new z(g[3],62),rootContainerPaddingRight:new z(g[3],g[6]),rootContainerPaddingBottom:new z(g[5],g[9]),rootContainerPaddingLeft:new z(g[3],g[8])},re=i(Be)`
+  color: ${e=>e.isPlaceholderText===!0?e.theme.colors.grey1:e.theme.colors.hero};
+  white-space: pre-wrap;
+  text-align: center;
+  ${e=>e.isPlaceholderText===!0?ie.largeRegular.css:ie.extraSmallRegular.css};
+  display: flex;
+  align-items: baseline;
+`,ne=i(Ae)`
+  color: ${e=>e.theme.colors.hero};
+  white-space: pre-wrap;
+  text-align: center;
+  display: flex;
+  align-items: baseline;
+`,ae=i(ce)`
+  color: ${e=>e.theme.colors.champion};
+`,L=i.div`
+  padding: 0 2px;
+`,Ve=i.div`
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  flex: 1 1 auto;
+  border: 1px dashed ${e=>e.theme.colors.primary};
+  box-sizing: border-box;
+  border-radius: ${l.sp2};
+  padding: ${e=>f.memoPaddingTopBottomRight.valuePx(e.windowSize)};
+  align-items: center;
+  width: 100%;
+  cursor: pointer;
+  background-color: ${e=>e.theme.colors.grey4};
+  .uploadIconStyled {
+    fill: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    .uploadIconStyled {
+      fill: ${e=>e.theme.colors.primary};
+    }
+    .textContent {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,he=i.div`
+  border: 1px dashed ${e=>e.theme.colors.primary};
+  border-radius: ${l.sp2};
+  display: flex;
+  flex: 1 1 auto;
+  width: 100%;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+  box-shadow: ${e=>`${l.sp0} 2px ${l.sp1} ${e.theme.colors.dropShadowNormal}`};
+`,Fe=i.div`
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  border-radius: ${l.sp2};
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey3};
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  padding: ${e=>e.type==="w9"?l.sp0:e.showTitlebar===!0&&e.windowSize!=="small"?l.sp3:l.sp0};
+  img {
+    width: inherit;
+    height: inherit;
+  }
+`,Ue=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-top: ${e=>f.rootContainerPaddingTop.valuePx(e.windowSize)};
+  padding-right: ${e=>f.rootContainerPaddingRight.valuePx(e.windowSize)};
+  padding-bottom: ${e=>f.rootContainerPaddingBottom.valuePx(e.windowSize)};
+  padding-left: ${e=>f.rootContainerPaddingLeft.valuePx(e.windowSize)};
+  height: ${e=>e.windowSize==="small"&&e.showAutofill?"100%":e.windowSize==="small"?"490px":"auto"};
+  overflow: ${e=>e.windowSize==="small"?"unset":"hidden"};
+  width: ${e=>e.windowSize=="small"?"100%":"42%"};
+  background-color: ${e=>e.showAutofill&&e.windowSize!=="small"?d.overlayDark:e.windowSize==="small"?e.theme.colors.grey4:e.theme.colors.background};
+  margin-top: ${e=>e.windowSize==="small"&&(e.type==="bill"||e.type==="w9")?"76px":"unset"};
+`,Ze=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  flex-grow: 1;
+`,Oe=i.div`
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+`,We=i.div`
+  display: flex;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-content: center;
+  align-items: center;
+  margin-top: ${l.sp3};
+`,Ne=i(pe)`
+  color: ${e=>e.windowSize==="small"&&e.themeContext.mode==="light"?e.theme.colors.primary:d.primaryDark};
+  margin-right: ${l.sp3};
+`,Ge=i.div`
+  color: ${e=>e.windowSize==="small"&&e.themeContext.mode==="light"?e.theme.colors.primary:d.primaryDark};
+  padding: ${l.sp1} ${l.sp2};
+  border: 1px solid ${e=>e.theme.colors.grey2};
+  &:hover {
+    border-color: ${e=>e.windowSize==="small"&&e.themeContext.mode==="light"?e.theme.colors.primary:d.primaryDark};
+  }
+  border-radius: ${l.sp1};
+  cursor: pointer;
+`,N=i.div`
+  background: ${d.importantLight};
+  padding: ${l.sp2};
+  border-radius: ${l.sp1};
+  margin: ${l.sp3} 0;
+  max-width: 330px;
+  text-align: center;
+`,Je=i(Re)`
+  color: ${e=>e.theme.colors.grey1};
+  margin-bottom: ${l.sp3};
+`,qe=i(_e)`
+  color: ${e=>e.theme.colors.grey1};
+  margin-bottom: ${l.sp3};
+`,Ke=i(He)`
+  width: ${l.sp7};
+  height: ${l.sp7};
+  color: ${e=>e.theme.colors.hero};
+`,G=i(pe)`
+  color: ${d.important};
+`,Xe=({type:e="bill",attachmentIdBeingUploaded:C,uploadError:w,uploadErrorMsg:y,showAutofill:m,allowMultiFiles:E=!1,customError:P,dropFilePlaceholder:n,showInfoText:D,showTitlebar:T,pdfTitle:M,openSizeLimitPopup:R,onUploadAttachment:k,uploadStatus:B})=>{const x=se(),[_,b]=o.useState(!1),j=function(r){r.preventDefault(),r.stopPropagation(),r.type==="dragenter"||r.type==="dragover"?b(!0):r.type==="dragleave"&&_&&b(!1)},H=function(r){if(r.preventDefault(),r.stopPropagation(),b(!1),r.dataTransfer.files.length>0){const s=r.dataTransfer.files;if(E){const a=[],h=[];for(let c=0;c<s.length;c++)a.push(s[c].name),h.push(s[c]);k?.(h,a,"dragdrop")}else{const a=s[0];k?.([a],[a.name],"dragdrop")}}},p=de(),A=o.useRef(null),$=J.getLocalizedStrings().spendManagement.billPay.billDetails,v=()=>{A.current?.click()},V=r=>{if(r.target.files!=null){const s=r.target.files;if(E){const a=[],h=[];for(let c=0;c<s.length;c++)a.push(s[c].name),h.push(s[c]);k?.(h,a,"dragdrop")}else{const a=s[0];k?.([a],[a.name],"upload")}}},F=B!=null?B.fetchState=="In-Progress":C;return t.jsxs(Fe,{showTitlebar:T,windowSize:p,type:e,children:[T===!0?t.jsx(Qe,{windowSize:p,type:e,children:M}):null,F==!0?t.jsx(he,{children:e==="receipt"?t.jsx(q,{size:"Large",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",padding:"1.5rem",borderRadius:"100%",backgroundColor:`${x.mode==="light"?d.backgroundThemeLight:d.backgroundThemeDark}`,border:`2px solid ${x.mode==="light"?d.neutralGrey3Light:d.neutralGrey3Dark}`,boxShadow:`${l.sp0} 2px ${l.sp1} ${x.mode==="light"?d.dropShadowNormalLight:d.dropShadowNormalDark}`}}):t.jsx(q,{size:"ExtraLarge",start:!0})}):t.jsx(Ye,{windowSize:p,showAutofill:m,type:e,children:t.jsxs(Ve,{windowSize:p,onClick:()=>v(),onDragEnter:j,onDragLeave:j,onDragOver:j,onDrop:H,"data-testid":K("upload-tag",e),children:[t.jsxs(Ze,{onDragEnter:j,children:[e==="receipt"?t.jsx(Je,{width:f.billReceiptSize.valuePx(p),height:f.billReceiptSize.valuePx(p)}):t.jsx(qe,{width:f.billReceiptSize.valuePx(p),height:f.billReceiptSize.valuePx(p)}),e==="receipt"?t.jsxs(re,{isPlaceholderText:!0,children:[n?.upload!=null?t.jsx(L,{children:n?.upload}):null,n?.single!=null?t.jsx(L,{children:t.jsx(ae,{themeContext:x,children:n?.single})}):null,n?.or!=null?t.jsx(L,{children:n?.or}):null,n?.multiple!=null?t.jsx(L,{children:t.jsx(ae,{themeContext:x,children:n?.multiple})}):null,n?.receipts!=null?t.jsx(L,{children:n?.receipts}):null,n?.receipt!=null?t.jsx(L,{children:n?.receipt}):null]}):e==="w9"?t.jsx(ne,{children:$.dropW9}):t.jsx(ne,{children:$.dropInvoice}),P!=null&&t.jsx(N,{children:t.jsx(G,{children:P})}),w&&y==="File size is too large"&&t.jsx(N,{children:t.jsx(G,{children:$.uploadFileSizeExceedError})}),w&&y!=="File size is too large"&&t.jsx(N,{children:t.jsx(G,{children:$.uploadError.replace("__type__",e)})})]}),t.jsx(ve,{fileRef:A,name:"invoice",onFileChange:V,multiple:E,sizeLimit:ze,onFileSizeError:R}),D===!0?t.jsxs(Oe,{children:[t.jsx(Ke,{}),t.jsx(re,{isPlaceholderText:!1,style:{marginLeft:l.sp1},children:$.currencyInfo})]}):null]})})]})},Ye=i.div`
+  padding: ${e=>e.type==="w9"?l.sp0:e.windowSize==="small"&&e.showAutofill===!1?l.sp3:l.sp0};
+  background-color: ${e=>e.windowSize==="small"?e.theme.colors.grey3:e.theme.colors.grey4};
+  height: 100%;
+  width: 100%;
+  border-radius: ${l.sp2};
+`,Qe=i(ce)`
+  padding-bottom: ${e=>e.type==="w9"?l.sp0:e.windowSize==="small"?"12px":l.sp3};
+  background-color: ${e=>e.windowSize==="small"?e.theme.colors.grey4:e.theme.colors.grey3};
+  width: 100%;
+  color: ${e=>e.theme.colors.primary};
+`,ut=({uploadInvoiceEndPoint:e,authParams:C,showAutofill:w,allowMultiFiles:y,type:m="bill",customError:E,pdfTitle:P,entityId:n,shouldNotShowAttachment:D,analytics:T,style:M,noAttachmentText:R,dropFilePlaceholder:k,showInfoText:B,showTitlebar:x,showTitlebarIcon:_,file:b,attachmentTitle:j,vendorLegalName:H,onInvoiceUpload:p,onSkipAutofill:A,setFileUploaded:$,updateInvoiceUploadFetchState:v,onReplaceClick:V,onDeleteClick:F,uploadStatus:r,isLoading:s=!1})=>{const a=se(),h=de(),[c,X]=o.useState(!1),Y=J.getLocalizedStrings().spendManagement.billPay.billDetails,[me,U]=o.useState(!1),[ue,Q]=o.useState(!1),[ge,fe]=o.useState(""),[we,Z]=o.useState(!1),[O,xe]=o.useState({title:"",description:"",primaryButtonText:""});o.useEffect(()=>{b!=null?U(!0):U(!1)},[b]);async function ee(S,u,I,le,ye){X(!0),Q(!1);const be=y===!0?I:[I[0]],$e=y===!0?le:[le[0]],{blobs:Se,names:ke}=await Ie(be,$e);await Me(`${S}/1.0/processors/${m}`,u,Se,ke,fe).then(je=>{p?.(je),U(!0),$?.()}).catch(()=>{Q(!0),ye?.("Error")}),X(!1)}const te=S=>{const u=J.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail;S?(xe({title:u.uploadLimitTitle,description:u.uploadLimitDescription,primaryButtonText:u.buttons.okay}),Z(!0)):Z(!1)},Ce={onOkClick:()=>{Z(!1)}};let oe=n!=null||(r!=null?r?.fetchState=="Completed":me);m==="bill"&&D===!0&&(oe=!1);const W=m==="bill"?"bill_pay":m==="receipt"?"reimbursement":"w9";return t.jsx(Ue,{showAutofill:w,windowSize:h,style:M,type:m,"data-testid":K("upload-section",W),children:s?t.jsx(he,{children:t.jsx(q,{size:"ExtraLarge",start:!0})}):t.jsxs(t.Fragment,{children:[we?t.jsx(Le,{titleComponent:t.jsx(Pe,{children:O.title}),descriptionComponent:t.jsx(Ee,{children:O.description}),primaryButtonText:O.primaryButtonText,action:Ce}):null,!s&&r?.fetchState!=="In-Progress"&&oe?t.jsx(De,{title:j,type:m,file:b,noAttachmentText:R,showTitlebar:x,showTitlebarIcon:_,pdfTitle:P,onReplaceClick:V,onDeleteClick:F,allowMultiFiles:y,openSizeLimitPopup:te,onUploadAttachment:(S,u)=>{v?.("In-Progress"),ee(e,C,S,u,v)}}):t.jsx(Xe,{type:m,uploadError:ue,uploadErrorMsg:ge,attachmentIdBeingUploaded:c,dropFilePlaceholder:k,showInfoText:B,allowMultiFiles:y,customError:E,showTitlebar:x,pdfTitle:P,showAutofill:w,openSizeLimitPopup:te,uploadStatus:r,onUploadAttachment:(S,u,I)=>{T?.trackUploadInvoice(I,W,H),v?.("In-Progress"),ee(e,C,S,u,v)}}),w?t.jsxs(We,{windowSize:h,children:[t.jsx(Ne,{windowSize:h,themeContext:a,children:Y.skipAutofillInfo}),t.jsx(Ge,{windowSize:h,themeContext:a,"data-testid":K("skip-autofill",W),onClick:()=>A?.(!w),children:t.jsx(Te,{children:Y.skipAutofill})})]}):null]})})};export{Xe as AttachmentElement,ut as default};