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

package/dist/assets/{InvitePageListView-Dw8kwEFd-BOBOJq-T.js → InvitePageListView-8Ltt8tHx-CtYoDyrk.js}

@@ -1,9 +1,9 @@
-import{e as E,q as j,V as o,bz as _e,F as v,gR as F,an as Me,gU as Be,d as s,o as r,aL as k,n as G,b as B,cq as Oe,y as p,a as M,B as O,ak as V,p as S,aZ as We,ah as q,c as Q,gT as X,ag as z,ap as De,jO as Ne,bO as Ae,bL as Ee,aQ as Fe,l as fe,al as W,as as Ve,D as $e,b7 as He,jP as U,iS as Ke,cv as Ye,jQ as ye,m as ve,cb as be,go as b,j6 as Ge,jR as je,cf as Ce,g1 as Je}from"./index-Dm9r1f6s.js";import{a as f}from"./core-B-FNbYlu.js";import{n as t}from"./mui-DLNyBjYF.js";import{C as ke}from"./gift-box-Cmt9OgIZ-aujv_noX.js";import{FN as te,FO as y,FP as P}from"./zeni-epic-state-HWtMOH-U.js";import"./sentry-EYLV4XmG.js";import"./lottie-gmZDfwf4.js";import"./liveblocks-BBTLClA6.js";import"./utils-D1zwltK3.js";import"./analytics-DGBWhVbe.js";import"./recharts-Cnl2EvUV.js";import"./lexical-DPEnH3HH.js";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)}})},Ze={pageTitleMarginLeft:new p(s[4],s[6])},qe=t.div`
+import{d as A,q as j,V as o,bz as Te,F as b,gS as V,an as Me,gV as Be,c as s,o as r,aL as k,n as Y,b as B,cq as Oe,y as p,a as M,B as O,ak as F,p as S,aZ as We,ah as Z,u as Q,gU as X,ag as z,ap as De,jP as Ee,bO as Ne,bL as Ae,aQ as Ve,l as fe,al as W,as as Fe,D as $e,b7 as He,jQ as U,iT as Ke,cv as Ge,jR as ye,m as be,cb as ve,go as v,j7 as Ye,jS as je,cf as Ce,g1 as Je}from"./index-DJLrbf0F.js";import{a as f}from"./core-CA3j8Axi.js";import{n as t}from"./mui-DpJXlk4t.js";import{C as ke}from"./gift-box-Cmt9OgIZ-eSACml6z.js";import{G0 as te,G1 as y,G2 as P}from"./zeni-epic-state-CQt4n3Xe.js";import"./sentry-BA4piVNf.js";import"./lottie-B7mXQ-R-.js";import"./liveblocks-C2I4vRCJ.js";import"./utils-DUsHM-Uc.js";import"./analytics-CHPpxU3b.js";import"./recharts-BGdJnVo5.js";import"./lexical-dZFDzIA1.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="bc3fabf3-f7d7-411e-b400-3d179a7ec06a",e._sentryDebugIdIdentifier="sentry-dbid-bc3fabf3-f7d7-411e-b400-3d179a7ec06a")}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])},Ze=t.div`
   position: relative;
   width: 100%;
   display: flex;
   flex-wrap: wrap;
-  gap: ${e=>Ze.pageTitleMarginLeft.valuePx(e.windowSize)};
+  gap: ${e=>qe.pageTitleMarginLeft.valuePx(e.windowSize)};
   margin-top: ${r.sp4};
 `,Qe=t.div`
   display: flex;
@@ -11,7 +11,7 @@ import{e as E,q as j,V as o,bz as _e,F as v,gR as F,an as Me,gU as Be,d as s,o a
   align-items: center;
   flex: 1 1 auto;
   min-width: 154px;
-`,Xe=t(q)`
+`,Xe=t(Z)`
   height: ${r.sp3};
   width: ${r.sp3};
   color: ${e=>e.theme.colors.hero};
@@ -22,7 +22,7 @@ import{e as E,q as j,V as o,bz as _e,F as v,gR as F,an as Me,gU as Be,d as s,o a
   width: ${r.sp3};
   height: ${r.sp3};
   color: ${S.success};
-`;function ze({referralLink:e,onInviteClick:i,onCopyReferral:n,setShowNavButton:c}){const[,a]=F(),[l,d]=f.useState(!1),h=j(),g=E(),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=v.getLocalizedStrings().rewardsPage.rewardsCard;return o.jsxs(qe,{windowSize:h,children:[o.jsx(Qe,{ref:u,children:o.jsx(G,{variant:"secondary",label:w.inviteViaEmail,onClick:i,prefixIcon:o.jsx(Xe,{}),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}}=v.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]=V(),[l,d]=f.useState(!1),h=j(),g=A(),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(Ze,{windowSize:h,children:[o.jsx(Qe,{ref:u,children:o.jsx(Y,{variant:"secondary",label:w.inviteViaEmail,onClick:i,prefixIcon:o.jsx(Xe,{}),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(Y,{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`
   display: flex;
   height: 100%;
   min-width: ${e=>J.minWidth.valuePx(e.windowSize)};
@@ -57,7 +57,7 @@ import{e as E,q as j,V as o,bz as _e,F as v,gR as F,an as Me,gU as Be,d as s,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]=F(),[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}}}=v.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(vo,{}),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]=V(),[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;
@@ -118,7 +118,7 @@ import{e as E,q as j,V as o,bz as _e,F as v,gR as F,an as Me,gU as Be,d as s,o a
     background-color: ${e=>e.theme.colors.champion};
     border: 1px solid ${e=>e.theme.colors.champion};
   }
-`,wo=t(q)`
+`,wo=t(Z)`
   height: ${r.sp3};
   width: ${r.sp3};
   margin-right: ${r.sp2};
@@ -147,12 +147,12 @@ import{e as E,q as j,V as o,bz as _e,F as v,gR as F,an as Me,gU as Be,d as s,o a
   width: ${r.sp3};
   height: ${r.sp3};
   margin-right: ${r.sp2};
-`,vo=t(Q)`
+`,bo=t(Q)`
   width: ${r.sp3};
   height: ${r.sp3};
   color: ${S.success};
   margin-right: ${r.sp1};
-`;function bo({rewardsPlan:e,onInviteClick:i,onHowItWorksClick:n,onCopyReferral:c}){const{rewardsPage:{referAndEarn:a,rewardsCard:l,statisticsCard:{knowMore:d}}}=v.getLocalizedStrings();return o.jsxs(jo,{children:[o.jsxs(Co,{children:[o.jsx(So,{children:a}),o.jsx(zo,{children:l.rewardsSummary[e.planName].replace("__reward-amount__",k("0,0",e.referrerAmount))}),o.jsx(Po,{onClick:n,children:d}),o.jsx(ko,{children:o.jsx(Re,{planAmount:e.referrerAmount})})]}),o.jsx(ze,{referralLink:e.referralLink,onCopyReferral:c,onInviteClick:i})]})}const jo=t.div`
+`;function vo({rewardsPlan:e,onInviteClick:i,onHowItWorksClick:n,onCopyReferral:c}){const{rewardsPage:{referAndEarn:a,rewardsCard:l,statisticsCard:{knowMore:d}}}=b.getLocalizedStrings();return o.jsxs(jo,{children:[o.jsxs(Co,{children:[o.jsx(So,{children:a}),o.jsx(zo,{children:l.rewardsSummary[e.planName].replace("__reward-amount__",k("0,0",e.referrerAmount))}),o.jsx(Po,{onClick:n,children:d}),o.jsx(ko,{children:o.jsx(Re,{planAmount:e.referrerAmount})})]}),o.jsx(ze,{referralLink:e.referralLink,onCopyReferral:c,onInviteClick:i})]})}const jo=t.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -186,11 +186,11 @@ import{e as E,q as j,V as o,bz as _e,F as v,gR as F,an as Me,gU as Be,d as s,o a
 `,zo=t(W)`
   color: ${e=>e.theme.colors.champion};
   margin-bottom: ${r.sp3};
-`,Po=t(Ve)`
+`,Po=t(Fe)`
   margin-bottom: ${r.sp3};
   color: ${e=>e.theme.mode==="light"?e.theme.colors.brandColorSapphire:e.theme.colors.brandColorJade};
   cursor: pointer;
-`;function Ro({rewardsPlan:e,onHowItWorksClick:i,onInviteClick:n,onCopyReferral:c}){return j()==="small"?o.jsx(bo,{rewardsPlan:e,onInviteClick:n,onHowItWorksClick:i,onCopyReferral:c}):o.jsx(ao,{rewardsPlan:e,onHowItWorksClick:i,onInviteClick:n,onCopyReferral:c})}function Lo({planAmount:e}){const{rewardsPage:{rewardsCard:i}}=v.getLocalizedStrings();return o.jsxs(Io,{children:[o.jsxs(To,{children:[o.jsx(Bo,{children:i.bonus}),o.jsx(Oo,{children:k("0,0",e)})]}),o.jsx(_o,{children:o.jsx(Mo,{})})]})}const Io=t.div`
+`;function Ro({rewardsPlan:e,onHowItWorksClick:i,onInviteClick:n,onCopyReferral:c}){return j()==="small"?o.jsx(vo,{rewardsPlan:e,onInviteClick:n,onHowItWorksClick:i,onCopyReferral:c}):o.jsx(ao,{rewardsPlan:e,onHowItWorksClick:i,onInviteClick:n,onCopyReferral:c})}function Lo({planAmount:e}){const{rewardsPage:{rewardsCard:i}}=b.getLocalizedStrings();return o.jsxs(Io,{children:[o.jsxs(_o,{children:[o.jsx(Bo,{children:i.bonus}),o.jsx(Oo,{children:k("0,0",e)})]}),o.jsx(To,{children:o.jsx(Mo,{})})]})}const Io=t.div`
   display: flex;
   justify-content: space-between;
   height: 100%;
@@ -202,13 +202,13 @@ import{e as E,q as j,V as o,bz as _e,F as v,gR as F,an as Me,gU as Be,d as s,o a
   &:hover {
     box-shadow: ${e=>`0 2px ${r.sp1} ${e.theme.colors.dropShadowHover}`};
   }
-`,To=t.div`
+`,_o=t.div`
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
   margin-left: ${r.sp4};
-`,_o=t.div`
+`,To=t.div`
   margin-right: ${r.sp2};
   position: relative;
 `,Mo=t(ke)`
@@ -222,7 +222,7 @@ import{e as E,q as j,V as o,bz as _e,F as v,gR as F,an as Me,gU as Be,d as s,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=E(),l=j(),[,d]=F(),[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:T}=v.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(No,{windowSize:l,children:[o.jsxs(Ao,{children:[o.jsx(Vo,{children:T}),o.jsx(Ho,{children:$.rewardsSummary[e.planName].replace("__reward-amount__",k("0,0",e.referrerAmount))}),o.jsxs(Eo,{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(qo,{children:h?o.jsxs(o.Fragment,{children:[o.jsx(Zo,{}),o.jsx(ie,{showCopyText:x,isCopied:h,children:$.copied})]}):K})]})]}),l==="medium-compact"||l==="medium-regular"?null:o.jsx(Fo,{children:o.jsx(Lo,{planAmount:e.referrerAmount})})]})}const No=t.div`
+`,Wo={backgroundSize:new p(75,100,75)};function Do({rewardsPlan:e,onInviteClick:i,setShowNavButton:n,onCopyReferral:c}){const a=A(),l=j(),[,d]=V(),[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(Fo,{children:_}),o.jsx(Ho,{children:$.rewardsSummary[e.planName].replace("__reward-amount__",k("0,0",e.referrerAmount))}),o.jsxs(Ao,{ref:R,children:[o.jsx(Y,{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(Go,{onClick:w,onMouseOver:C,onMouseLeave:m,showCopyText:x,isCopied:h,children:o.jsx(Jo,{showCopyText:x,isCopied:h,children:o.jsx(Yo,{})})}),o.jsx(Zo,{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(Vo,{children:o.jsx(Lo,{planAmount:e.referrerAmount})})]})}const Eo=t.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -237,39 +237,39 @@ import{e as E,q as j,V as o,bz as _e,F as v,gR as F,an as Me,gU as Be,d as s,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};
-`,Ao=t.div`
+`,No=t.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: space-between;
   margin-left: ${r.sp6};
   margin-right: ${r.sp4};
-`,Eo=t.div`
+`,Ao=t.div`
   display: flex;
   width: fit-content;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
   position: relative;
-`,Fo=t.div`
+`,Vo=t.div`
   display: flex;
   max-width: 254px;
   min-width: 240px;
   height: 160px;
   flex: 1 1 auto;
-`,Vo=t(De)`
+`,Fo=t(De)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${r.sp2};
 `,Ho=t(z)`
   color: ${e=>e.theme.mode==="light"?e.theme.colors.brandColorSapphire:e.theme.colors.brandColorJade};
   max-width: 210px;
   margin-bottom: ${r.sp5};
-`,Ko=t(q)`
+`,Ko=t(Z)`
   height: ${r.sp3};
   width: ${r.sp3};
   flex-shrink: 0;
   color: ${e=>e.theme.colors.grey5};
-`,Yo=t.div`
+`,Go=t.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -279,7 +279,7 @@ import{e as E,q as j,V as o,bz as _e,F as v,gR as F,an as Me,gU as Be,d as s,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(X)`
+`,Yo=t(X)`
   width: ${r.sp3};
   height: ${r.sp3};
   cursor: pointer;
@@ -287,12 +287,12 @@ import{e as E,q as j,V as o,bz as _e,F as v,gR as F,an as Me,gU as Be,d as s,o a
   display: flex;
   align-items: center;
   color: ${e=>e.showCopyText||e.isCopied?e.theme.colors.grey3:e.theme.colors.primary};
-`,Zo=t(Q)`
+`,qo=t(Q)`
   width: ${r.sp4};
   height: ${r.sp4};
   color: ${S.success};
   margin-right: ${r.sp1};
-`,qo=t.div`
+`,Zo=t.div`
   position: absolute;
   bottom: -35px;
   right: -55px;
@@ -305,7 +305,7 @@ import{e as E,q as j,V as o,bz as _e,F as v,gR as F,an as Me,gU as Be,d as s,o a
   background-color: ${e=>e.showCopyText||e.isCopied?e.theme.colors.black:"transparent"};
   padding: ${r.sp1} ${r.sp2};
   border-radius: ${r.sp1};
-`,Qo={height:new p(200,280)},H={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}}=v.getLocalizedStrings(),d=j();return o.jsxs(Xo,{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 Xo=t.div`
+`,Qo={height:new p(200,280)},H={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(Xo,{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 Xo=t.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -352,7 +352,7 @@ import{e as E,q as j,V as o,bz as _e,F as v,gR as F,an as Me,gU as Be,d as s,o a
   margin: ${r.sp2} 0;
   width: ${r.sp5};
   border-top: 1px solid ${S.neutralGrey1Light};
-`,ae=t(V)`
+`,ae=t(F)`
   color: ${e=>e.theme.colors.primary};
 `,le=t(O)`
   ${e=>`${H.earningValue.style(e.windowSize)}`};
@@ -384,17 +384,17 @@ import{e as E,q as j,V as o,bz as _e,F as v,gR as F,an as Me,gU as Be,d as s,o a
   padding-right: 12px;
   color: ${e=>e.theme.colors.primary};
   ${e=>`${H.buttonText.style(e.windowSize)}`};
-`,lr=90,Z=114,Le=160,dr=1,cr=58,pr=45,de=(e,i)=>i!=="small"?lr:Ne(e,{...B.standardRegular.cssPartialObject(["fontSize","fontFamily","fontWeight"])}).width<Le?Z:Z+24,{rewardsPage:{header:ee},common:{strings:ce}}=v.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)},A=[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:b.invite_processing.color,borderColor:b.invite_processing.borderColor,code:i};case y.invite_sent:return{value:e,color:b.invite_sent.color,borderColor:b.invite_sent.borderColor,code:i};case y.onboarding:return{value:e,color:b.onboarding.color,borderColor:b.onboarding.borderColor,code:i};case y.active:case y.reward_sent:return{value:e,color:b.active.color,borderColor:b.active.borderColor,code:i};case y.declined:return{value:e,color:b.declined.color,borderColor:b.declined.borderColor,code:i};case y.resend_invite:return{value:e,color:b.resend_invite.color,borderColor:b.resend_invite.borderColor,code:i};default:return{value:e,color:b.in_progress.color,borderColor:"",code:i}}},_={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=E(),a=j(),[l,d]=f.useState(A);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 T=$;i.sortKey===m&&(T=$==="ascending"?"descending":"ascending"),n(m,T)},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}=v.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(Ae,{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(br,{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(vr,{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)`
+`,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=A(),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=>_.headerHeight.valuePx(e.windowSize)};
-  max-height: ${e=>_.headerHeight.valuePx(e.windowSize)};
+  min-height: ${e=>T.headerHeight.valuePx(e.windowSize)};
+  max-height: ${e=>T.headerHeight.valuePx(e.windowSize)};
   width: auto;
   z-index: 2;
   display: flex;
   align-items: center;
   box-sizing: border-box;
-  padding: ${e=>`${_.headerLastColumnTopPadding.valuePx(e.windowSize)} ${_.headerLastColumnRightPadding.valuePx(e.windowSize)} ${_.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${_.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
+  padding: ${e=>`${T.headerLastColumnTopPadding.valuePx(e.windowSize)} ${T.headerLastColumnRightPadding.valuePx(e.windowSize)} ${T.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${T.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
   background-color: ${e=>e.theme.colors.grey4};
   justify-content: space-between;
 `,wr=t.div`
@@ -411,7 +411,7 @@ import{e as E,q as j,V as o,bz as _e,F as v,gR as F,an as Me,gU as Be,d as s,o a
   align-items: center;
   transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
   ${e=>e.headerdata.sortOrder==="ascending"?"padding-top: 2px":"padding-bottom: 2px"}
-`,ge=t(Ye)`
+`,ge=t(Ge)`
   width: 12px;
   height: 12px;
   cursor: pointer;
@@ -428,19 +428,19 @@ import{e as E,q as j,V as o,bz as _e,F as v,gR as F,an as Me,gU as Be,d as s,o a
   margin-right: ${r.sp1};
   display: flex;
   align-items: center;
-`,vr=t.div`
+`,br=t.div`
   display: flex;
   cursor: pointer;
   gap: 5px;
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,br=t.div`
+`,vr=t.div`
   display: flex;
   cursor: pointer;
   gap: 5px;
   color: ${e=>e.theme.colors.hero};
-`,L={containerPaddingLeft:new p(s[3],s[4]),containerPaddingRight:new p(s[3],s[4]),containerPaddingTop:new p(s[2],12),containerPaddingBottom:new p(s[2],12),containerMarginLeft:new p(s[4],s[8]),containerMarginRight:new p(s[4],s[8]),webkitLineClamp:new p(2,1,1,1,1)},{dateFormat:jr,rewardsPage:{inviteList:Cr},common:me}=v.getLocalizedStrings(),kr=({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(jr.visual.YYYYDashMMDashDFormat));h=ye(72,u)}const g=n.value===y.reward_sent?P.received:P.to_be_received,x=c.fetchState==="In-Progress"?o.jsx(ve,{size:"Small",start:!0}):o.jsxs(o.Fragment,{children:[o.jsx(Or,{color:n.color,onClick:()=>{l(e)},children:Cr.status.resend_invite}),o.jsx(Dr,{children:`${me.sent} ${be(a)}`})]});return o.jsx(Sr,{windowSize:d,children:o.jsx(zr,{children:o.jsxs(Pr,{children:[o.jsxs(Rr,{windowSize:d,responsiveWidth:A[0].width,children:[o.jsx(Lr,{children:o.jsx(Nr,{})}),o.jsx(Ir,{windowSize:d,children:e})]}),o.jsx(Wr,{windowSize:d,responsiveWidth:A[1].width,children:n.value===y.invite_sent&&h?x:o.jsx(Ar,{children:o.jsx(Br,{color:n.color,borderColor:n.borderColor,children:n.value===y.reward_sent?y.active:n.value})})}),o.jsx(Tr,{windowSize:d,responsiveWidth:A[2].width,amountStatus:g,children:n.value===y.declined?o.jsx(_r,{children:me.strings.hyphen}):o.jsxs(o.Fragment,{children:[k("0,0.[00]",i),o.jsx(Mr,{amountStatus:g,children:g})]})})]})})})},Sr=t.div`
+`,L={containerPaddingLeft:new p(s[3],s[4]),containerPaddingRight:new p(s[3],s[4]),containerPaddingTop:new p(s[2],12),containerPaddingBottom:new p(s[2],12),containerMarginLeft:new p(s[4],s[8]),containerMarginRight:new p(s[4],s[8]),webkitLineClamp:new p(2,1,1,1,1)},{dateFormat:jr,rewardsPage:{inviteList:Cr},common:me}=b.getLocalizedStrings(),kr=({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(jr.visual.YYYYDashMMDashDFormat));h=ye(72,u)}const g=n.value===y.reward_sent?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(Or,{color:n.color,onClick:()=>{l(e)},children:Cr.status.resend_invite}),o.jsx(Dr,{children:`${me.sent} ${ve(a)}`})]});return o.jsx(Sr,{windowSize:d,children:o.jsx(zr,{children:o.jsxs(Pr,{children:[o.jsxs(Rr,{windowSize:d,responsiveWidth:N[0].width,children:[o.jsx(Lr,{children:o.jsx(Er,{})}),o.jsx(Ir,{windowSize:d,children:e})]}),o.jsx(Wr,{windowSize:d,responsiveWidth:N[1].width,children:n.value===y.invite_sent&&h?x:o.jsx(Nr,{children:o.jsx(Br,{color:n.color,borderColor:n.borderColor,children:n.value===y.reward_sent?y.active:n.value})})}),o.jsx(_r,{windowSize:d,responsiveWidth:N[2].width,amountStatus:g,children:n.value===y.declined?o.jsx(Tr,{children:me.strings.hyphen}):o.jsxs(o.Fragment,{children:[k("0,0.[00]",i),o.jsx(Mr,{amountStatus:g,children:g})]})})]})})})},Sr=t.div`
   display: flex;
   align-items: center;
   margin-bottom: ${r.sp3};
@@ -477,7 +477,7 @@ import{e as E,q as j,V as o,bz as _e,F as v,gR as F,an as Me,gU as Be,d as s,o a
   display: flex;
   align-items: flex-start;
   height: 100%;
-`,Ir=t(V)`
+`,Ir=t(F)`
   flex: 1 1 auto;
   word-break: break-word;
   display: -webkit-box;
@@ -486,7 +486,7 @@ import{e as E,q as j,V as o,bz as _e,F as v,gR as F,an as Me,gU as Be,d as s,o a
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: initial;
-`,Tr=t(V)`
+`,_r=t(F)`
   flex-direction: column;
   align-items: center;
   justify-content: center;
@@ -494,7 +494,7 @@ import{e as E,q as j,V as o,bz as _e,F as v,gR as F,an as Me,gU as Be,d as s,o a
   flex: 1 1 auto;
   color: ${e=>e.amountStatus===P.to_be_received?e.theme.colors.grey2:e.theme.colors.primary};
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-`,_r=t(Ce)`
+`,Tr=t(Ce)`
   color: ${e=>e.theme.colors.hero};
 `,Mr=t(z)`
   color: ${e=>e.amountStatus===P.to_be_received?e.theme.colors.grey2:S.success};
@@ -540,15 +540,15 @@ import{e as E,q as j,V as o,bz as _e,F as v,gR as F,an as Me,gU as Be,d as s,o a
   position: relative;
   top: 1px;
   color: ${e=>e.theme.colors.grey1};
-`,Nr=t(je)`
+`,Er=t(je)`
   height: ${r.sp6};
   width: ${r.sp6};
   flex-shrink: 0;
   color: ${e=>e.theme.colors.grey2};
   margin-right: ${r.sp1};
-`,Ar=t.div`
+`,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:Er,rewardsPage:{inviteList:Fr},common:ue}=v.getLocalizedStrings(),Vr=({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(Er.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(ve,{size:"Small",start:!0}):o.jsxs(o.Fragment,{children:[o.jsx(et,{color:n.color,onClick:()=>{l(e)},children:Fr.status.resend_invite}),o.jsx(ot,{children:`${ue.sent} ${be(a)}`})]});return o.jsx(Hr,{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(Zr,{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(Qr,{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(Xr,{color:n.color,borderColor:n.borderColor,children:n.value})})})})]})})},Hr=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:Ar,rewardsPage:{inviteList:Vr},common:ue}=b.getLocalizedStrings(),Fr=({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(Ar.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:Vr.status.resend_invite}),o.jsx(ot,{children:`${ue.sent} ${ve(a)}`})]});return o.jsx(Hr,{windowSize:d,children:o.jsxs(Kr,{children:[o.jsxs(tt,{children:[o.jsxs(Gr,{children:[o.jsx(Yr,{children:o.jsx(rt,{})}),o.jsx(Jr,{windowSize:d,children:e})]}),o.jsx(qr,{amountStatus:g,children:n.value===y.declined?o.jsx(Zr,{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(Ur,{children:n.value===y.invite_sent&&h?x:o.jsx(nt,{children:o.jsx(Xr,{color:n.color,borderColor:n.borderColor,children:n.value})})})})]})})},Hr=t.div`
   display: flex;
   margin-bottom: ${r.sp3};
   background-color: ${e=>e.theme.colors.grey5};
@@ -566,17 +566,17 @@ import{e as E,q as j,V as o,bz as _e,F as v,gR as F,an as Me,gU as Be,d as s,o a
   display: flex;
   width: 100%;
   justify-content: space-between;
-`,Yr=t.div`
+`,Gr=t.div`
   display: flex;
   flex-direction: row;
   align-items: center;
   color: ${e=>e.theme.colors.hero};
   width: 100%;
-`,Gr=t.div`
+`,Yr=t.div`
   display: flex;
   align-items: flex-start;
   height: 100%;
-`,Jr=t(V)`
+`,Jr=t(F)`
   color: ${e=>e.theme.colors.hero};
   flex-grow: 1;
   word-break: break-word;
@@ -586,7 +586,7 @@ import{e as E,q as j,V as o,bz as _e,F as v,gR as F,an as Me,gU as Be,d as s,o a
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: ${Le}px;
-`,Zr=t(z)`
+`,qr=t(z)`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -594,7 +594,7 @@ import{e as E,q as j,V as o,bz as _e,F as v,gR as F,an as Me,gU as Be,d as s,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)`
+`,Zr=t(Ce)`
   color: ${e=>e.theme.colors.hero};
 `,Qr=t(W)`
   color: ${e=>e.amountStatus===P.to_be_received?e.theme.colors.grey2:e.theme.colors.success};
@@ -619,7 +619,7 @@ import{e as E,q as j,V as o,bz as _e,F as v,gR as F,an as Me,gU as Be,d as s,o a
   flex-direction: column;
   align-items: flex-end;
   justify-content: center;
-`,et=t(Ge)`
+`,et=t(Ye)`
   display: flex;
   color: ${e=>e.color};
   height: 20px;
@@ -658,7 +658,7 @@ import{e as E,q as j,V as o,bz as _e,F as v,gR as F,an as Me,gU as Be,d as s,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=v.getLocalizedStrings(),at=({index:e,style:i,inviteList:n,onResendInviteClick:c})=>{const a=j(),l=n[e],d=a==="small"?Vr: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:Z,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"?Fr: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`
@@ -677,14 +677,14 @@ import{e as E,q as j,V as o,bz as _e,F as v,gR as F,an as Me,gU as Be,d as s,o a
   background: ${e=>e.theme.colors.background};
   border-radius: 50%;
   cursor: pointer;
-`,ht=t(Ee)`
+`,ht=t(Ae)`
   height: ${r.sp5};
   width: ${r.sp5};
   color: ${e=>e.theme.colors.grey1};
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,gt=t(Fe)`
+`,gt=t(Ve)`
   margin-top: ${r.sp3};
   color: ${e=>e.theme.colors.hero};
 `,mt=t(O)`
@@ -705,7 +705,7 @@ import{e as E,q as j,V as o,bz as _e,F as v,gR as F,an as Me,gU as Be,d as s,o a
   &:last-child {
     padding-bottom: ${r.sp0};
   }
-`,wt={referralButtonRightPosition:new p(-4,28,28,-4)},{rewardsPage:{referButton:Y},common:{texts:N}}=v.getLocalizedStrings();function ft(e){const i=j(),[n,c]=f.useState(!1),[,a]=F(),[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:N.refer,options:[{label:Y.inviteViaEmail,value:N.invite},{label:l?Y.urlCopied:Y.copyReferralUrl,value:l?N.copied:N.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:G},common:{texts:E}}=b.getLocalizedStrings();function ft(e){const i=j(),[n,c]=f.useState(!1),[,a]=V(),[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:G.inviteViaEmail,value:E.invite},{label:l?G.urlCopied:G.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{e as E,q as j,V as o,bz as _e,F as v,gR as F,an as Me,gU as Be,d as s,o a
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,vt=v.getLocalizedStrings().rewardsPage,Dt=e=>{const i=E(),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:T,onCopyReferralLink:R,onClickRefer:K,onClickMenuIcon:Ie}=e,[Te,oe]=f.useState(!0);let re=null;return Te||(re=o.jsx(ft,{referralLink:l.referralLink,onInviteClick:u,onClickRefer:K,onCopyReferralLink:R})),o.jsxs(bt,{children:[o.jsx(_e,{source:"InvitePageListView",title:vt.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:T,uiState:g,onResendInviteClick:$})]})]})},bt=t.div`
+`,bt=b.getLocalizedStrings().rewardsPage,Dt=e=>{const i=A(),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-A7oKAD7M-BQc_PdIV.js

@@ -0,0 +1,12 @@
+import{q as Y,fO as H,d as ee,a8 as te,V as d,F as le,c as f,gJ as ne,aK as oe,ab as se,aO as re,o as ie,y as k,fR as j,fS as q,fT as A,cx as V,D as ae}from"./index-DJLrbf0F.js";import{a as _}from"./core-CA3j8Axi.js";import{n as M}from"./mui-DpJXlk4t.js";import{Fw as de,bh as ce}from"./zeni-epic-state-CQt4n3Xe.js";import{f as ue}from"./AllUserItems-CVZZU-J3-TfKbUj2d.js";import"./sentry-BA4piVNf.js";import"./lottie-B7mXQ-R-.js";import"./liveblocks-C2I4vRCJ.js";import"./utils-DUsHM-Uc.js";import"./analytics-CHPpxU3b.js";import"./recharts-BGdJnVo5.js";import"./lexical-dZFDzIA1.js";import"./LabeledUserSingleSelectWithSubtitlesField-UlGND56Y-Bns3vXLL.js";import"./RoleWithToolTip-fC3byzzv-DteZC2-q.js";import"./LabeledZeniRolesDropDownField-dpz7g9jK-BS9FUIQq.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]="e25c26ea-65af-47f0-86de-50d8d07a10ae",e._sentryDebugIdIdentifier="sentry-dbid-e25c26ea-65af-47f0-86de-50d8d07a10ae")}catch{}})();const S={containerPaddingLeft:new k(f[3],f[6],f[8]),containerPaddingRight:new k(f[3],f[6],f[8]),buttonWidth:new k(85,85)},G="editPeoplePage",I="userItems",p=le.getLocalizedStrings().peoplePage,Pe=({peopleDetails:e,managersList:t,classList:g,controllersList:D,mode:o,isZeniTenant:O,onPeopleLocalDataUpdated:T,onCloseClick:C,onSaveClick:r,isReimbursementDisabled:$,isZeniAccountsDisabled:s,isChargeCardDisabled:z,isTreasuryDisabled:E,isBankingOnlyTenant:R,isCardsOnlyTenant:x,isLiteRoleDisabled:U})=>{const c=Y(),[Q,W]=_.useState(-1),[Z,P]=_.useState(""),B=_.useRef(null),L=_.useMemo(()=>H($,s,z,R,x,U,E),[$,s,z,R,x,U,E]),F=ee(),i=te({mode:"onBlur",reValidateMode:"onChange",defaultValues:N(e.people,o,L,t,g,R,x),values:N(e.people,o,L,t,g,R,x)}),J=i.handleSubmit(()=>{K()?r():console.warn("Invite People form error")}),K=()=>{const l=i.getValues();let n=!0;return l.userItems.forEach((v,w)=>{const{role:a,nonZeniRole:y,department:u,manager:m}=v;if(o==="zeni_only")a?.selectedOptions==null&&(i.setError(`${I}.${w}.role`,{type:"required"}),n=!1);else{const h=y?.userRole.selectedRole;(h!=null&&y!=null?y.productsByUserRole[h].map(b=>b.selectedOption).filter(b=>b!=null):[]).length<1&&(i.setError(`${I}.${w}.nonZeniRole.userRole.selectedRole`,{type:"required"}),n=!1),u?.selectedOption==null&&h!=="investor_or_banker"&&!R&&!x&&(i.setError(`${I}.${w}.department`,{type:"required"}),n=!1),m?.selectedUser==null&&h!=="investor_or_banker"&&(i.setError(`${I}.${w}.manager`,{type:"required"}),n=!1)}}),n},X=async(l,n)=>{const v=[],{userItems:w}=n;w.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(b=>de(b.selectedOption?.value)).filter(b=>b!=null):[],u==="employee"&&m.length===0&&(m=["reimbursements_user"]);const h=ce(m);y={email:a.email,role:m,departmentId:h?void 0:a.department?.selectedOption?.value,managerId:h?void 0:a.manager?.selectedUser}}v.push(y)}),T(v)};return _.useEffect(()=>{const l=i.watch((n,{name:v})=>{v!=null&&n!=null&&X(v,n)});return()=>{l.unsubscribe()}}),_.useEffect(()=>{const l=B.current,n=()=>{c!=="small"&&(l&&l?.scrollTop>f[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<=f[9]&&P(""),l&&l.addEventListener("scroll",n),()=>{l&&l.removeEventListener("scroll",n)}},[o,Z,c]),d.jsxs(d.Fragment,{children:[d.jsx(ne,{title:Z,backgroundColor:F.colors.grey4,style:{zIndex:4},onCloseClick:C,isTitleAlignLeft:c==="small"}),d.jsxs(me,{"data-testid":oe("invite-people-container"),windowSize:c,ref:B,children:[c!=="small"?d.jsx(pe,{children:o==="zeni_only"?p.invitePage.zeniTitle:p.invitePage.title}):null,d.jsx(se,{...i,children:d.jsx("form",{id:`${G}_form`,onSubmit:J,children:d.jsx(ue,{control:i.control,sectionId:I,deleteConfirmationIndex:Q,updateDeleteConfirmationIndex:W,mode:o,isZeniTenant:O,classList:g,managersList:t,controllersList:D,isBankingOnlyTenant:R,isCardsOnlyTenant:x,customerRoleOptions:L,isEdit:!1})})})]}),d.jsx(re,{formId:`${G}_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:C},separatorStyle:{marginRight:ie.sp4}})]})},N=(e,t,g,D,o,O,T)=>{const C=[{userIndex:0,email:[],role:t==="zeni_only"?{allOptions:V.roles,selectedOptions:e[0]?.role}:void 0,nonZeniRole:t==="off"?{userRole:{selectedRole:e[0]?.role.length>0?A(e[0].role):void 0,allRootRole:q(O,T)},productsByUserRole:j(e[0]?.role??[],g)}:void 0,department:void 0,manager:void 0}];return{[I]:e.length>0?e.map((r,$)=>({userIndex:$,email:r.email,role:t==="zeni_only"?{allOptions:V.roles,selectedOptions:r.role}:void 0,nonZeniRole:t==="off"?{userRole:{selectedRole:r.role.length>0?A(r.role):void 0,allRootRole:q(O,T)},productsByUserRole:j(r.role,g)}: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:D,selectedUser:r.managerId}})):C}},Se=(e,t)=>`${e}.${t}`,me=M.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=M(ae)`
+  color: ${e=>e.theme.colors.primary};
+`;export{Pe as default,Se as uniqueName};