@zeniai/web-cockpit-ui 1.14.19-dev-betaSK01 → 1.14.20-dev

package/dist/assets/{InvitePageListView-BO-RmmHm-B9WEWx8n.js → InvitePageListView-YUKxUGBn-CGJ_yirg.js}

@@ -1,28 +1,28 @@
-import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as C,r as Y,y as M,bT as _e,x as p,V as _,Q as B,k as N,h as k,af as Me,w as U,az as X,eX as Q,$ as z,p as Be,bm as We,l as x,bf as Oe,a6 as Ae,t as xe,O as W,aD as De,b$ as we,ao as Ee,eI as q,eV as Ve,bX as Ne,jb as fe,i as $e,bG as ye,gl as b,iT as Ke,jc as ve,bK as be}from"./index-D9zAXs3-.js";import{b as $,n as t}from"./vendor-Bs1fkIUX.js";import{C as je}from"./gift-box-Cmt9OgIZ-Bnh-gm_T.js";import{d as He}from"./BusyIndication-_H8LL7GJ-BjR55KdD.js";import{f as Fe}from"./calculateSize-BUfcd-gF-DqmEdKsX.js";import{U as Ye}from"./MoreMenuButton-Cj6SIPVt-CYCCFBqM.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-C2xecagE.js";import"./crypto-DPjkCRYF.js";import"./dollar-round-D18u7nlm-CXc5TAek.js";import"./money-2cg1MuG4-BaDu1jFd.js";import"./page-summary-D7_VQHwN-DEY33DNc.js";const Se=(e,i)=>{$.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)}})},Ge={pageTitleMarginLeft:new p(s[4],s[6])},Je=t.div`
+import{u as E,e as j,j as o,aW as Te,M as v,fh as N,p as Ie,gq as _e,q as s,o as r,a0 as C,k as Y,v as M,bZ as Me,C as p,b as _,h as B,n as V,c as k,af as Be,$ as q,az as X,fj as Z,d as z,s as We,j4 as Ae,bm as Oe,l as x,bf as De,a6 as Ee,L as xe,B as W,aD as Ne,c6 as we,ao as Ve,j5 as U,ib as He,c2 as Ke,j6 as fe,m as $e,bJ as ye,fZ as b,im as Fe,j7 as ve,bN as be,fD as Ye}from"./index-Cnh9fv8f.js";import{b as $,n as t}from"./vendor-rkTZJa59.js";import{C as je}from"./gift-box-Cmt9OgIZ-BqWjP_Ex.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const Se=(e,i)=>{$.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)}})},Ge={pageTitleMarginLeft:new p(s[4],s[6])},Je=t.div`
   position: relative;
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   gap: ${e=>Ge.pageTitleMarginLeft.valuePx(e.windowSize)};
   margin-top: ${r.sp4};
-`,Ue=t.div`
+`,qe=t.div`
   display: flex;
   justify-content: center;
   align-items: center;
   flex: 1 1 auto;
   min-width: 154px;
-`,Xe=t(U)`
+`,Xe=t(q)`
   height: ${r.sp3};
   width: ${r.sp3};
   color: ${e=>e.theme.colors.hero};
-`,Qe=t(Q)`
+`,Ze=t(Z)`
   width: ${r.sp3};
   height: ${r.sp3};
-`,qe=t(X)`
+`,Ue=t(X)`
   width: ${r.sp3};
   height: ${r.sp3};
   color: ${k.success};
-`;function Ce({referralLink:e,onInviteClick:i,onCopyReferral:n,setShowNavButton:c}){const[,a]=V(),[l,d]=$.useState(!1),h=j(),g=E(),w=()=>{n(),l||(a(e.toString()),d(!0))};$.useEffect(()=>{l===!0&&setTimeout(()=>{d(!1)},2e3)},[l]);const u=$.useRef(null);Se(u,c);const f=v.getLocalizedStrings().rewardsPage.rewardsCard;return o.jsxs(Je,{windowSize:h,children:[o.jsx(Ue,{ref:u,children:o.jsx(Y,{variant:"secondary",label:f.inviteViaEmail,onClick:i,prefixIcon:o.jsx(Xe,{}),textStyle:{...M.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?f.copied:f.copyReferralLink,onClick:w,prefixIcon:l?o.jsx(qe,{}):o.jsx(Qe,{}),textStyle:{...M.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 G={logoWidth:new p(95,135),minWidth:new p(256,360),maxWidth:new p(270,380)},ke={title:new _("smallRegular","largeRegular"),cardDetail:new _("h5Regular","h2Regular")};function ze({planAmount:e}){const i=j(),{rewardsPage:{rewardsCard:n}}=v.getLocalizedStrings();return o.jsxs(Ze,{windowSize:i,children:[o.jsxs(eo,{children:[o.jsx(to,{windowSize:i,children:n.bonus}),o.jsx(io,{windowSize:i,children:C("0,0",e)})]}),o.jsx(oo,{windowSize:i,children:o.jsx(ro,{})})]})}const Ze=t.div`
+`;function Ce({referralLink:e,onInviteClick:i,onCopyReferral:n,setShowNavButton:c}){const[,a]=N(),[l,d]=$.useState(!1),h=j(),g=E(),w=()=>{n(),l||(a(e.toString()),d(!0))};$.useEffect(()=>{l===!0&&setTimeout(()=>{d(!1)},2e3)},[l]);const u=$.useRef(null);Se(u,c);const f=v.getLocalizedStrings().rewardsPage.rewardsCard;return o.jsxs(Je,{windowSize:h,children:[o.jsx(qe,{ref:u,children:o.jsx(Y,{variant:"secondary",label:f.inviteViaEmail,onClick:i,prefixIcon:o.jsx(Xe,{}),textStyle:{...M.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?f.copied:f.copyReferralLink,onClick:w,prefixIcon:l?o.jsx(Ue,{}):o.jsx(Ze,{}),textStyle:{...M.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 G={logoWidth:new p(95,135),minWidth:new p(256,360),maxWidth:new p(270,380)},ke={title:new _("smallRegular","largeRegular"),cardDetail:new _("h5Regular","h2Regular")};function ze({planAmount:e}){const i=j(),{rewardsPage:{rewardsCard:n}}=v.getLocalizedStrings();return o.jsxs(Qe,{windowSize:i,children:[o.jsxs(eo,{children:[o.jsx(to,{windowSize:i,children:n.bonus}),o.jsx(io,{windowSize:i,children:C("0,0",e)})]}),o.jsx(oo,{windowSize:i,children:o.jsx(ro,{})})]})}const Qe=t.div`
   display: flex;
   height: 100%;
   min-width: ${e=>G.minWidth.valuePx(e.windowSize)};
@@ -57,7 +57,7 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
 `,io=t(B)`
   color: ${e=>e.theme.colors.brandColorGold};
   ${e=>`${ke.cardDetail.style(e.windowSize)}`};
-`;function no({rewardsPlan:e,onInviteClick:i,onHowItWorksClick:n,onCopyReferral:c}){const a=j(),[,l]=V(),[d,h]=$.useState(!1),g=()=>{c(),d||(l(e.referralLink.toString()),h(!0))};$.useEffect(()=>{d===!0&&setTimeout(()=>{h(!1)},2e3)},[d]);const{rewardsPage:{referAndEarn:w,rewardsCard:u,statisticsCard:{knowMore:f}}}=v.getLocalizedStrings();return o.jsxs(so,{children:[o.jsxs(ao,{children:[o.jsxs(xo,{children:[o.jsx(po,{children:w}),o.jsx(ho,{children:u.rewardsSummary[e.planName].replace("__reward-amount__",C("0,0",e.referrerAmount))}),o.jsx(go,{onClick:n,children:f})]}),o.jsxs(lo,{children:[o.jsxs(mo,{onClick:i,children:[o.jsx(uo,{}),u.inviteViaEmail]}),o.jsx(wo,{onClick:g,isCopied:d,children:d?o.jsxs(o.Fragment,{children:[o.jsx($o,{}),u.copied]}):o.jsxs(o.Fragment,{children:[o.jsx(fo,{}),u.copyReferralLink]})})]})]}),a==="medium-compact"||a==="medium-regular"?null:o.jsx(co,{children:o.jsx(ze,{planAmount:e.referrerAmount})})]})}const so=t.div`
+`;function no({rewardsPlan:e,onInviteClick:i,onHowItWorksClick:n,onCopyReferral:c}){const a=j(),[,l]=N(),[d,h]=$.useState(!1),g=()=>{c(),d||(l(e.referralLink.toString()),h(!0))};$.useEffect(()=>{d===!0&&setTimeout(()=>{h(!1)},2e3)},[d]);const{rewardsPage:{referAndEarn:w,rewardsCard:u,statisticsCard:{knowMore:f}}}=v.getLocalizedStrings();return o.jsxs(so,{children:[o.jsxs(ao,{children:[o.jsxs(xo,{children:[o.jsx(po,{children:w}),o.jsx(ho,{children:u.rewardsSummary[e.planName].replace("__reward-amount__",C("0,0",e.referrerAmount))}),o.jsx(go,{onClick:n,children:f})]}),o.jsxs(lo,{children:[o.jsxs(mo,{onClick:i,children:[o.jsx(uo,{}),u.inviteViaEmail]}),o.jsx(wo,{onClick:g,isCopied:d,children:d?o.jsxs(o.Fragment,{children:[o.jsx($o,{}),u.copied]}):o.jsxs(o.Fragment,{children:[o.jsx(fo,{}),u.copyReferralLink]})})]})]}),a==="medium-compact"||a==="medium-regular"?null:o.jsx(co,{children:o.jsx(ze,{planAmount:e.referrerAmount})})]})}const so=t.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -96,14 +96,14 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
   color: ${e=>e.theme.mode==="light"?e.theme.colors.brandColorSapphire:e.theme.colors.brandColorJade};
   margin-bottom: ${r.sp3};
   max-width: 450px;
-`,go=t(Ee)`
+`,go=t(Ve)`
   margin-bottom: ${r.sp5};
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
   &:hover {
     color: ${e=>e.theme.colors.champion};
   }
-`,mo=t(q)`
+`,mo=t(U)`
   border: 1px solid ${e=>e.theme.colors.primary};
   border-radius: ${r.sp2};
   background-color: ${e=>e.theme.colors.primary};
@@ -118,7 +118,7 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
     background-color: ${e=>e.theme.colors.champion};
     border: 1px solid ${e=>e.theme.colors.champion};
   }
-`,uo=t(U)`
+`,uo=t(q)`
   height: ${r.sp3};
   width: ${r.sp3};
   margin-right: ${r.sp2};
@@ -128,7 +128,7 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
   flex: 0 1 auto;
   flex-direction: column;
   align-items: flex-start;
-`,wo=t(q)`
+`,wo=t(U)`
   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,7 +143,7 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
     background-color: ${e=>e.theme.colors.champion};
     border: 1px solid ${e=>e.theme.colors.champion};
   }
-`,fo=t(Q)`
+`,fo=t(Z)`
   width: ${r.sp3};
   height: ${r.sp3};
   margin-right: ${r.sp2};
@@ -186,7 +186,7 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
 `,Co=t(W)`
   color: ${e=>e.theme.colors.champion};
   margin-bottom: ${r.sp3};
-`,ko=t(De)`
+`,ko=t(Ne)`
   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{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
 `,Mo=t(we)`
   color: ${e=>e.theme.colors.brandColorGold};
   margin-bottom: ${r.sp2};
-`,Bo={backgroundSize:new p(75,100,75)};function Wo({rewardsPlan:e,onInviteClick:i,setShowNavButton:n,onCopyReferral:c}){const a=E(),l=j(),[,d]=V(),[h,g]=$.useState(!1),[w,u]=$.useState(!1),f=()=>{c(),h||(d(e.referralLink.toString()),g(!0))},S=()=>{u(!0)},m=()=>{u(!1)};$.useEffect(()=>{h===!0&&setTimeout(()=>{g(!1)},2e3)},[h]);const{rewardsCard:y,referAndEarn:T}=v.getLocalizedStrings().rewardsPage,P=$.useRef(null);Se(P,n);const H=w?o.jsx(re,{showCopyText:w,isCopied:h,children:y.copyReferralLink}):null;return o.jsxs(Oo,{windowSize:l,children:[o.jsxs(Ao,{children:[o.jsx(Vo,{children:T}),o.jsx(No,{children:y.rewardsSummary[e.planName].replace("__reward-amount__",C("0,0",e.referrerAmount))}),o.jsxs(Do,{ref:P,children:[o.jsx(Y,{variant:"secondary",label:y.inviteViaEmail,onClick:i,prefixIcon:o.jsx(Ko,{}),textStyle:{...M.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(Ho,{onClick:f,onMouseOver:S,onMouseLeave:m,showCopyText:w,isCopied:h,children:o.jsx(Yo,{showCopyText:w,isCopied:h,children:o.jsx(Fo,{})})}),o.jsx(Jo,{children:h?o.jsxs(o.Fragment,{children:[o.jsx(Go,{}),o.jsx(re,{showCopyText:w,isCopied:h,children:y.copied})]}):H})]})]}),l==="medium-compact"||l==="medium-regular"?null:o.jsx(Eo,{children:o.jsx(Po,{planAmount:e.referrerAmount})})]})}const Oo=t.div`
+`,Bo={backgroundSize:new p(75,100,75)};function Wo({rewardsPlan:e,onInviteClick:i,setShowNavButton:n,onCopyReferral:c}){const a=E(),l=j(),[,d]=N(),[h,g]=$.useState(!1),[w,u]=$.useState(!1),f=()=>{c(),h||(d(e.referralLink.toString()),g(!0))},S=()=>{u(!0)},m=()=>{u(!1)};$.useEffect(()=>{h===!0&&setTimeout(()=>{g(!1)},2e3)},[h]);const{rewardsCard:y,referAndEarn:T}=v.getLocalizedStrings().rewardsPage,P=$.useRef(null);Se(P,n);const K=w?o.jsx(re,{showCopyText:w,isCopied:h,children:y.copyReferralLink}):null;return o.jsxs(Ao,{windowSize:l,children:[o.jsxs(Oo,{children:[o.jsx(No,{children:T}),o.jsx(Vo,{children:y.rewardsSummary[e.planName].replace("__reward-amount__",C("0,0",e.referrerAmount))}),o.jsxs(Do,{ref:P,children:[o.jsx(Y,{variant:"secondary",label:y.inviteViaEmail,onClick:i,prefixIcon:o.jsx(Ho,{}),textStyle:{...M.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(Ko,{onClick:f,onMouseOver:S,onMouseLeave:m,showCopyText:w,isCopied:h,children:o.jsx(Yo,{showCopyText:w,isCopied:h,children:o.jsx(Fo,{})})}),o.jsx(Jo,{children:h?o.jsxs(o.Fragment,{children:[o.jsx(Go,{}),o.jsx(re,{showCopyText:w,isCopied:h,children:y.copied})]}):K})]})]}),l==="medium-compact"||l==="medium-regular"?null:o.jsx(Eo,{children:o.jsx(Po,{planAmount:e.referrerAmount})})]})}const Ao=t.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -237,7 +237,7 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
   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`
+`,Oo=t.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -257,19 +257,19 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
   min-width: 240px;
   height: 160px;
   flex: 1 1 auto;
-`,Vo=t(Be)`
+`,No=t(We)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${r.sp2};
-`,No=t(z)`
+`,Vo=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(U)`
+`,Ho=t(q)`
   height: ${r.sp3};
   width: ${r.sp3};
   flex-shrink: 0;
   color: ${e=>e.theme.colors.grey5};
-`,Ho=t.div`
+`,Ko=t.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -279,7 +279,7 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
   cursor: pointer;
   background-color: ${e=>e.showCopyText||e.isCopied?e.theme.colors.champion:"transparent"};
   border: 1px solid ${e=>e.theme.colors.primary};
-`,Fo=t(Q)`
+`,Fo=t(Z)`
   width: ${r.sp3};
   height: ${r.sp3};
   cursor: pointer;
@@ -305,13 +305,13 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
   background-color: ${e=>e.showCopyText||e.isCopied?e.theme.colors.black:"transparent"};
   padding: ${r.sp1} ${r.sp2};
   border-radius: ${r.sp1};
-`,Uo={height:new p(200,280)},K={earningValue:new _("h6Regular","h5Regular"),cardTitle:new _("extraSmallRegular","smallRegular"),buttonText:new _("extraSmallRegular","smallRegular")};function te({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(Qo,{children:o.jsx(qo,{windowSize:d,children:a.title})}),o.jsxs(Zo,{windowSize:d,children:[o.jsxs(ie,{children:[o.jsx(ne,{children:a.earned}),o.jsx(se,{windowSize:d,type:"earned",children:C("0,0",i)})]}),d==="medium-compact"?o.jsx(or,{}):o.jsx(er,{}),o.jsxs(ie,{children:[o.jsx(ne,{children:a.pending}),o.jsx(se,{windowSize:d,type:"pending",children:C("0,0",e)})]})]}),o.jsxs(rr,{children:[o.jsxs(tr,{windowSize:d,children:[a.pendingReferrals," ",l.colon," ",n]}),o.jsxs(nr,{windowSize:d,onClick:c,children:[a.knowMore," ",o.jsx(ir,{})]})]})]})}const Xo=t.div`
+`,qo={height:new p(200,280)},H={earningValue:new _("h6Regular","h5Regular"),cardTitle:new _("extraSmallRegular","smallRegular"),buttonText:new _("extraSmallRegular","smallRegular")};function te({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(Zo,{children:o.jsx(Uo,{windowSize:d,children:a.title})}),o.jsxs(Qo,{windowSize:d,children:[o.jsxs(ie,{children:[o.jsx(ne,{children:a.earned}),o.jsx(se,{windowSize:d,type:"earned",children:C("0,0",i)})]}),d==="medium-compact"?o.jsx(or,{}):o.jsx(er,{}),o.jsxs(ie,{children:[o.jsx(ne,{children:a.pending}),o.jsx(se,{windowSize:d,type:"pending",children:C("0,0",e)})]})]}),o.jsxs(rr,{children:[o.jsxs(tr,{windowSize:d,children:[a.pendingReferrals," ",l.colon," ",n]}),o.jsxs(nr,{windowSize:d,onClick:c,children:[a.knowMore," ",o.jsx(ir,{})]})]})]})}const Xo=t.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
   flex: 1 1 auto;
-  height: ${e=>Uo.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,18 +319,18 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
   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};
-`,Qo=t.div`
+`,Zo=t.div`
   display: flex;
   flex: 0 1 auto;
   width: 100%;
   align-items: center;
   justify-content: center;
   padding-top: ${r.sp4};
-`,qo=t(B)`
-  ${e=>`${K.cardTitle.style(e.windowSize)}`};
+`,Uo=t(B)`
+  ${e=>`${H.cardTitle.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.champion};
   margin-bottom: ${r.sp1};
-`,Zo=t.div`
+`,Qo=t.div`
   display: flex;
   flex-direction: ${e=>e.windowSize==="medium-compact"?"column":"row"};
   flex: 0 1 auto;
@@ -352,10 +352,10 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
   margin: ${r.sp2} 0;
   width: ${r.sp5};
   border-top: 1px solid ${k.neutralGrey1Light};
-`,ne=t(N)`
+`,ne=t(V)`
   color: ${e=>e.theme.colors.primary};
 `,se=t(B)`
-  ${e=>`${K.earningValue.style(e.windowSize)}`};
+  ${e=>`${H.earningValue.style(e.windowSize)}`};
   color: ${e=>e.type==="pending"?k.alert:k.success};
 `,rr=t.div`
   display: flex;
@@ -368,10 +368,10 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
   padding: ${r.sp2} 0;
   background-color: ${e=>e.theme.colors.grey3};
 `,tr=t(B)`
-  ${e=>`${K.buttonText.style(e.windowSize)}`};
+  ${e=>`${H.buttonText.style(e.windowSize)}`};
   margin-left: 12px;
   color: ${e=>e.theme.colors.primary};
-`,ir=t(Me)`
+`,ir=t(Be)`
   color: ${e=>e.theme.colors.primary};
   width: 10px;
   height: 10px;
@@ -383,8 +383,8 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
   cursor: pointer;
   padding-right: 12px;
   color: ${e=>e.theme.colors.primary};
-  ${e=>`${K.buttonText.style(e.windowSize)}`};
-`,sr=90,J=114,Pe=160,ar=1,lr=58,dr=45,ae=(e,i)=>i!=="small"?sr:Fe(e,{...M.standardRegular.cssPartialObject(["fontSize","fontFamily","fontWeight"])}).width<Pe?J:J+24,{rewardsPage:{header:Z},common:{strings:le}}=v.getLocalizedStrings(),cr={key:"invitee_email",value:Z.invitee_email,sortOrder:"ascending",width:new p(s[7],s[8],s[8],s[9])},pr={key:"amount",value:Z.amount,sortOrder:"ascending",width:new p(s[4],20,20,s[3])},hr={key:"status",value:Z.status,sortOrder:"ascending",width:new p(s[3],s[4],s[4],20)},D=[cr,hr,pr],gr=e=>{const i=e.toLowerCase().split(le.space).join(le.underscore);switch(e){case x.StatusTypes.invite_processing:return{value:e,color:b.invite_processing.color,borderColor:b.invite_processing.borderColor,code:i};case x.StatusTypes.invite_sent:return{value:e,color:b.invite_sent.color,borderColor:b.invite_sent.borderColor,code:i};case x.StatusTypes.onboarding:return{value:e,color:b.onboarding.color,borderColor:b.onboarding.borderColor,code:i};case x.StatusTypes.active:case x.StatusTypes.reward_sent:return{value:e,color:b.active.color,borderColor:b.active.borderColor,code:i};case x.StatusTypes.declined:return{value:e,color:b.declined.color,borderColor:b.declined.borderColor,code:i};case x.StatusTypes.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}}},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(dr,lr)};function mr({companyNameSticky:e,sortConfig:i,onColumnSortConfigChanged:n}){const c=E(),a=j(),[l,d]=$.useState(D);$.useEffect(()=>{const m=[...l];for(const y of m)y.key===i.sortKey?y.sortOrder=i.sortOrder:y.sortOrder="ascending";d(m)},[i.sortKey,i.sortOrder]);const h=(m,y)=>{let T=y;i.sortKey===m&&(T=y==="ascending"?"descending":"ascending"),n(m,T)},g=l.find(m=>m.key===i.sortKey)??l[0],w=m=>l.find(y=>y.key===m)?.value??S.strings.empty,u=l.map(m=>m.key),{rewardsPage:{inviteList:f},common:S}=v.getLocalizedStrings();return a==="small"?o.jsxs(de,{windowSize:a,companyNameSticky:!1,children:[o.jsxs(xr,{children:[o.jsx(fr,{children:o.jsx(wr,{})}),o.jsx(We,{title:f.sortBy,placeholder:f.sortBy,pickerValues:u,valueToLabel:w,selectedValue:i.sortKey,onPickerSelectionChanged:m=>{m&&h(x.toReferralListViewSortKeyType(m),"ascending")},optionTextStyle:M.smallRegular,selectedOptionColor:c.colors.hero,optionBackgroundColor:c.colors.grey5,downChevronVisible:!1,backgroundColor:c.colors.grey4,titleTextStyle:M.smallRegular,titleColor:c.colors.hero})]}),o.jsxs(yr,{onClick:()=>{h(g.key,g.sortOrder)},children:[o.jsx(z,{children:g.value}),o.jsx(ce,{sortDataValue:i.sortKey,headerdata:g,children:o.jsx(pe,{})})]})]}):o.jsx(de,{companyNameSticky:e,windowSize:a,children:l.map(m=>o.jsx(ur,{companyNameSticky:e&&m.key==="invitee_email",sortDataValue:i.sortKey,actualDataValue:m.key,wrapperWidth:m.width,windowSize:a,shouldRightAlign:m.value==="Amount",children:o.jsxs($r,{onClick:()=>{h(x.toReferralListViewSortKeyType(m.key),m.sortOrder)},children:[o.jsx(z,{children:m.value}),o.jsx(ce,{sortDataValue:i.sortKey,headerdata:m,children:o.jsx(pe,{})})]})},m.key))})}const de=t(z)`
+  ${e=>`${H.buttonText.style(e.windowSize)}`};
+`,sr=90,J=114,Pe=160,ar=1,lr=58,dr=45,ae=(e,i)=>i!=="small"?sr:Ae(e,{...M.standardRegular.cssPartialObject(["fontSize","fontFamily","fontWeight"])}).width<Pe?J:J+24,{rewardsPage:{header:Q},common:{strings:le}}=v.getLocalizedStrings(),cr={key:"invitee_email",value:Q.invitee_email,sortOrder:"ascending",width:new p(s[7],s[8],s[8],s[9])},pr={key:"amount",value:Q.amount,sortOrder:"ascending",width:new p(s[4],20,20,s[3])},hr={key:"status",value:Q.status,sortOrder:"ascending",width:new p(s[3],s[4],s[4],20)},D=[cr,hr,pr],gr=e=>{const i=e.toLowerCase().split(le.space).join(le.underscore);switch(e){case x.StatusTypes.invite_processing:return{value:e,color:b.invite_processing.color,borderColor:b.invite_processing.borderColor,code:i};case x.StatusTypes.invite_sent:return{value:e,color:b.invite_sent.color,borderColor:b.invite_sent.borderColor,code:i};case x.StatusTypes.onboarding:return{value:e,color:b.onboarding.color,borderColor:b.onboarding.borderColor,code:i};case x.StatusTypes.active:case x.StatusTypes.reward_sent:return{value:e,color:b.active.color,borderColor:b.active.borderColor,code:i};case x.StatusTypes.declined:return{value:e,color:b.declined.color,borderColor:b.declined.borderColor,code:i};case x.StatusTypes.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}}},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(dr,lr)};function mr({companyNameSticky:e,sortConfig:i,onColumnSortConfigChanged:n}){const c=E(),a=j(),[l,d]=$.useState(D);$.useEffect(()=>{const m=[...l];for(const y of m)y.key===i.sortKey?y.sortOrder=i.sortOrder:y.sortOrder="ascending";d(m)},[i.sortKey,i.sortOrder]);const h=(m,y)=>{let T=y;i.sortKey===m&&(T=y==="ascending"?"descending":"ascending"),n(m,T)},g=l.find(m=>m.key===i.sortKey)??l[0],w=m=>l.find(y=>y.key===m)?.value??S.strings.empty,u=l.map(m=>m.key),{rewardsPage:{inviteList:f},common:S}=v.getLocalizedStrings();return a==="small"?o.jsxs(de,{windowSize:a,companyNameSticky:!1,children:[o.jsxs(xr,{children:[o.jsx(fr,{children:o.jsx(wr,{})}),o.jsx(Oe,{title:f.sortBy,placeholder:f.sortBy,pickerValues:u,valueToLabel:w,selectedValue:i.sortKey,onPickerSelectionChanged:m=>{m&&h(x.toReferralListViewSortKeyType(m),"ascending")},optionTextStyle:M.smallRegular,selectedOptionColor:c.colors.hero,optionBackgroundColor:c.colors.grey5,downChevronVisible:!1,backgroundColor:c.colors.grey4,titleTextStyle:M.smallRegular,titleColor:c.colors.hero})]}),o.jsxs(yr,{onClick:()=>{h(g.key,g.sortOrder)},children:[o.jsx(z,{children:g.value}),o.jsx(ce,{sortDataValue:i.sortKey,headerdata:g,children:o.jsx(pe,{})})]})]}):o.jsx(de,{companyNameSticky:e,windowSize:a,children:l.map(m=>o.jsx(ur,{companyNameSticky:e&&m.key==="invitee_email",sortDataValue:i.sortKey,actualDataValue:m.key,wrapperWidth:m.width,windowSize:a,shouldRightAlign:m.value==="Amount",children:o.jsxs($r,{onClick:()=>{h(x.toReferralListViewSortKeyType(m.key),m.sortOrder)},children:[o.jsx(z,{children:m.value}),o.jsx(ce,{sortDataValue:i.sortKey,headerdata:m,children:o.jsx(pe,{})})]})},m.key))})}const de=t(z)`
   top: ${r.sp0};
   left: ${r.sp0};
   min-height: ${e=>I.headerHeight.valuePx(e.windowSize)};
@@ -411,7 +411,7 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
   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"}
-`,pe=t(Ne)`
+`,pe=t(Ke)`
   width: 12px;
   height: 12px;
   cursor: pointer;
@@ -420,7 +420,7 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
   gap: ${r.sp1};
   display: flex;
   color: ${e=>e.theme.colors.hero};
-`,wr=t(Ve)`
+`,wr=t(He)`
   width: 12px;
   height: 12px;
   color: ${e=>e.theme.colors.grey1};
@@ -440,7 +440,7 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
   cursor: pointer;
   gap: 5px;
   color: ${e=>e.theme.colors.hero};
-`,R={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:vr,rewardsPage:{inviteList:br},common:he}=v.getLocalizedStrings(),jr=({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=fe(72,u)}const g=n.value===x.StatusTypes.reward_sent?x.AmountStatusTypes.received:x.AmountStatusTypes.to_be_received,w=c.fetchState==="In-Progress"?o.jsx($e,{size:"Small",start:!0}):o.jsxs(o.Fragment,{children:[o.jsx(Mr,{color:n.color,onClick:()=>{l(e)},children:br.status.resend_invite}),o.jsx(Wr,{children:`${he.sent} ${ye(a)}`})]});return o.jsx(Sr,{windowSize:d,children:o.jsx(Cr,{children:o.jsxs(kr,{children:[o.jsxs(zr,{windowSize:d,responsiveWidth:D[0].width,children:[o.jsx(Pr,{children:o.jsx(Or,{})}),o.jsx(Rr,{windowSize:d,children:e})]}),o.jsx(Br,{windowSize:d,responsiveWidth:D[1].width,children:n.value===x.StatusTypes.invite_sent&&h?w:o.jsx(Ar,{children:o.jsx(_r,{color:n.color,borderColor:n.borderColor,children:n.value===x.StatusTypes.reward_sent?x.StatusTypes.active:n.value})})}),o.jsx(Lr,{windowSize:d,responsiveWidth:D[2].width,amountStatus:g,children:n.value===x.StatusTypes.declined?o.jsx(Tr,{children:he.strings.hyphen}):o.jsxs(o.Fragment,{children:[C("0,0.[00]",i),o.jsx(Ir,{amountStatus:g,children:g})]})})]})})})},Sr=t.div`
+`,R={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:vr,rewardsPage:{inviteList:br},common:he}=v.getLocalizedStrings(),jr=({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=fe(72,u)}const g=n.value===x.StatusTypes.reward_sent?x.AmountStatusTypes.received:x.AmountStatusTypes.to_be_received,w=c.fetchState==="In-Progress"?o.jsx($e,{size:"Small",start:!0}):o.jsxs(o.Fragment,{children:[o.jsx(Mr,{color:n.color,onClick:()=>{l(e)},children:br.status.resend_invite}),o.jsx(Wr,{children:`${he.sent} ${ye(a)}`})]});return o.jsx(Sr,{windowSize:d,children:o.jsx(Cr,{children:o.jsxs(kr,{children:[o.jsxs(zr,{windowSize:d,responsiveWidth:D[0].width,children:[o.jsx(Pr,{children:o.jsx(Ar,{})}),o.jsx(Rr,{windowSize:d,children:e})]}),o.jsx(Br,{windowSize:d,responsiveWidth:D[1].width,children:n.value===x.StatusTypes.invite_sent&&h?w:o.jsx(Or,{children:o.jsx(_r,{color:n.color,borderColor:n.borderColor,children:n.value===x.StatusTypes.reward_sent?x.StatusTypes.active:n.value})})}),o.jsx(Lr,{windowSize:d,responsiveWidth:D[2].width,amountStatus:g,children:n.value===x.StatusTypes.declined?o.jsx(Tr,{children:he.strings.hyphen}):o.jsxs(o.Fragment,{children:[C("0,0.[00]",i),o.jsx(Ir,{amountStatus:g,children:g})]})})]})})})},Sr=t.div`
   display: flex;
   align-items: center;
   margin-bottom: ${r.sp3};
@@ -477,7 +477,7 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
   display: flex;
   align-items: flex-start;
   height: 100%;
-`,Rr=t(N)`
+`,Rr=t(V)`
   flex: 1 1 auto;
   word-break: break-word;
   display: -webkit-box;
@@ -486,7 +486,7 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: initial;
-`,Lr=t(N)`
+`,Lr=t(V)`
   flex-direction: column;
   align-items: center;
   justify-content: center;
@@ -511,7 +511,7 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
   white-space: nowrap;
   border: ${e=>`1px solid ${e.borderColor}`};
   border-radius: ${r.sp1};
-`,Mr=t(q)`
+`,Mr=t(U)`
   display: flex;
   color: ${e=>e.color};
   height: 20px;
@@ -540,15 +540,15 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
   position: relative;
   top: 1px;
   color: ${e=>e.theme.colors.grey1};
-`,Or=t(ve)`
+`,Ar=t(ve)`
   height: ${r.sp6};
   width: ${r.sp6};
   flex-shrink: 0;
   color: ${e=>e.theme.colors.grey2};
   margin-right: ${r.sp1};
-`,Ar=t.div`
+`,Or=t.div`
   display: flex;
-`,L={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:Dr,rewardsPage:{inviteList:Er},common:ge}=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(Dr.visual.YYYYDashMMDashDFormat));h=fe(72,u)}const g=n.value===x.StatusTypes.active?x.AmountStatusTypes.received:x.AmountStatusTypes.to_be_received,w=c.fetchState==="In-Progress"?o.jsx($e,{size:"Small",start:!0}):o.jsxs(o.Fragment,{children:[o.jsx(qr,{color:n.color,onClick:()=>{l(e)},children:Er.status.resend_invite}),o.jsx(Zr,{children:`${ge.sent} ${ye(a)}`})]});return o.jsx(Nr,{windowSize:d,children:o.jsxs(Kr,{children:[o.jsxs(ot,{children:[o.jsxs(Hr,{children:[o.jsx(Fr,{children:o.jsx(et,{})}),o.jsx(Yr,{windowSize:d,children:e})]}),o.jsx(Gr,{amountStatus:g,children:n.value===x.StatusTypes.declined?o.jsx(Jr,{children:ge.strings.hyphen}):o.jsxs(o.Fragment,{children:[C("0,0.[00]",i),o.jsx(Ur,{amountStatus:g,children:g})]})})]}),o.jsx(rt,{children:o.jsx(Qr,{children:n.value===x.StatusTypes.invite_sent&&h?w:o.jsx(tt,{children:o.jsx(Xr,{color:n.color,borderColor:n.borderColor,children:n.value})})})})]})})},Nr=t.div`
+`,L={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:Dr,rewardsPage:{inviteList:Er},common:ge}=v.getLocalizedStrings(),Nr=({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(Dr.visual.YYYYDashMMDashDFormat));h=fe(72,u)}const g=n.value===x.StatusTypes.active?x.AmountStatusTypes.received:x.AmountStatusTypes.to_be_received,w=c.fetchState==="In-Progress"?o.jsx($e,{size:"Small",start:!0}):o.jsxs(o.Fragment,{children:[o.jsx(Ur,{color:n.color,onClick:()=>{l(e)},children:Er.status.resend_invite}),o.jsx(Qr,{children:`${ge.sent} ${ye(a)}`})]});return o.jsx(Vr,{windowSize:d,children:o.jsxs(Hr,{children:[o.jsxs(ot,{children:[o.jsxs(Kr,{children:[o.jsx(Fr,{children:o.jsx(et,{})}),o.jsx(Yr,{windowSize:d,children:e})]}),o.jsx(Gr,{amountStatus:g,children:n.value===x.StatusTypes.declined?o.jsx(Jr,{children:ge.strings.hyphen}):o.jsxs(o.Fragment,{children:[C("0,0.[00]",i),o.jsx(qr,{amountStatus:g,children:g})]})})]}),o.jsx(rt,{children:o.jsx(Zr,{children:n.value===x.StatusTypes.invite_sent&&h?w:o.jsx(tt,{children:o.jsx(Xr,{color:n.color,borderColor:n.borderColor,children:n.value})})})})]})})},Vr=t.div`
   display: flex;
   margin-bottom: ${r.sp3};
   background-color: ${e=>e.theme.colors.grey5};
@@ -562,11 +562,11 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
   cursor: pointer;
   margin-right: ${e=>L.containerMarginRight.valuePx(e.windowSize)};
   margin-left: ${e=>L.containerMarginLeft.valuePx(e.windowSize)};
-`,Kr=t.div`
+`,Hr=t.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
-`,Hr=t.div`
+`,Kr=t.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -576,7 +576,7 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
   display: flex;
   align-items: flex-start;
   height: 100%;
-`,Yr=t(N)`
+`,Yr=t(V)`
   color: ${e=>e.theme.colors.hero};
   flex-grow: 1;
   word-break: break-word;
@@ -596,7 +596,7 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
   margin-left: ${r.sp5};
 `,Jr=t(be)`
   color: ${e=>e.theme.colors.hero};
-`,Ur=t(W)`
+`,qr=t(W)`
   color: ${e=>e.amountStatus===x.AmountStatusTypes.to_be_received?e.theme.colors.grey2:e.theme.colors.success};
 `,Xr=t(W)`
   color: ${e=>e.color};
@@ -611,7 +611,7 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
   display: inline-flex;
   border: ${e=>`1px solid ${e.borderColor}`};
   border-radius: ${r.sp1};
-`,Qr=t.div`
+`,Zr=t.div`
   width: 100%;
   color: ${e=>e.theme.colors.hero};
   box-sizing: border-box;
@@ -619,7 +619,7 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
   flex-direction: column;
   align-items: flex-end;
   justify-content: center;
-`,qr=t(Ke)`
+`,Ur=t(Fe)`
   display: flex;
   color: ${e=>e.color};
   height: 20px;
@@ -633,7 +633,7 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
   background-color: transparent;
   padding: 0;
   cursor: pointer;
-`,Zr=t(W)`
+`,Qr=t(W)`
   color: ${e=>e.theme.colors.grey1};
   box-sizing: border-box;
   display: flex;
@@ -658,7 +658,7 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
   display: flex;
   flex-direction: column;
   align-items: flex-end;
-`,O={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])},it={pageTitle:new _("standardSemiBold","largeSemiBold")},me=v.getLocalizedStrings(),nt=({index:e,style:i,inviteList:n,onResendInviteClick:c})=>{const a=j(),l=n[e],d=a==="small"?Vr:jr;return o.jsx(mt,{style:{...i,width:"100%"},children:o.jsx(d,{email:l.refereeEmailId,amount:l.amount,status:gr(l.statusCode),resendInviteStatus:l.resendInviteStatus,onResendInviteClick:c,inviteSendDate:l.lastInviteTimestamp})})},st=({inviteList:e,uiState:i,fetchState:n,onResendInviteClick:c,onReloadInvitees:a,onColumnSortConfigChanged:l})=>{const d=j(),h=f=>{const S=e[f].refereeEmailId;return ae(S,d)},g=e.reduce((f,S)=>f+ae(S.refereeEmailId,d),0),w=$.useRef(null);$.useEffect(()=>{w.current?.resetAfterIndex(0)},[d,w]);let u=null;switch(n){case"Not-Started":case"In-Progress":u=o.jsx(He,{fetchState:n});break;case"Error":u=o.jsxs(lt,{children:[o.jsx(dt,{onClick:a,children:o.jsx(ct,{})}),o.jsx(pt,{children:me.peoplePage.reloadPage.label})]});break;case"Completed":e.length!==0&&(u=o.jsxs(gt,{windowSize:d,children:[o.jsx(ht,{windowSize:d,children:me.rewardsPage.inviteList.pageTitle}),o.jsx(mr,{companyNameSticky:!1,onColumnSortConfigChanged:l,sortConfig:{sortKey:i.sortKey,sortOrder:i.sortOrder}}),o.jsx(_e,{ref:w,height:g,width:"100%",itemCount:e.length,itemSize:h,estimatedItemSize:J,itemKey:f=>e[f].refereeEmailId,overscanCount:ar,initialScrollOffset:0,children:f=>o.jsx(nt,{...f,inviteList:e,onResendInviteClick:c})})]}))}return o.jsx(at,{children:u})},at=t.div`
+`,A={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])},it={pageTitle:new _("standardSemiBold","largeSemiBold")},me=v.getLocalizedStrings(),nt=({index:e,style:i,inviteList:n,onResendInviteClick:c})=>{const a=j(),l=n[e],d=a==="small"?Nr:jr;return o.jsx(mt,{style:{...i,width:"100%"},children:o.jsx(d,{email:l.refereeEmailId,amount:l.amount,status:gr(l.statusCode),resendInviteStatus:l.resendInviteStatus,onResendInviteClick:c,inviteSendDate:l.lastInviteTimestamp})})},st=({inviteList:e,uiState:i,fetchState:n,onResendInviteClick:c,onReloadInvitees:a,onColumnSortConfigChanged:l})=>{const d=j(),h=f=>{const S=e[f].refereeEmailId;return ae(S,d)},g=e.reduce((f,S)=>f+ae(S.refereeEmailId,d),0),w=$.useRef(null);$.useEffect(()=>{w.current?.resetAfterIndex(0)},[d,w]);let u=null;switch(n){case"Not-Started":case"In-Progress":u=o.jsx(Ye,{fetchState:n});break;case"Error":u=o.jsxs(lt,{children:[o.jsx(dt,{onClick:a,children:o.jsx(ct,{})}),o.jsx(pt,{children:me.peoplePage.reloadPage.label})]});break;case"Completed":e.length!==0&&(u=o.jsxs(gt,{windowSize:d,children:[o.jsx(ht,{windowSize:d,children:me.rewardsPage.inviteList.pageTitle}),o.jsx(mr,{companyNameSticky:!1,onColumnSortConfigChanged:l,sortConfig:{sortKey:i.sortKey,sortOrder:i.sortOrder}}),o.jsx(Me,{ref:w,height:g,width:"100%",itemCount:e.length,itemSize:h,estimatedItemSize:J,itemKey:f=>e[f].refereeEmailId,overscanCount:ar,initialScrollOffset:0,children:f=>o.jsx(nt,{...f,inviteList:e,onResendInviteClick:c})})]}))}return o.jsx(at,{children:u})},at=t.div`
   display: block;
   height: 100%;
 `,lt=t.div`
@@ -677,22 +677,22 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
   background: ${e=>e.theme.colors.background};
   border-radius: 50%;
   cursor: pointer;
-`,ct=t(Oe)`
+`,ct=t(De)`
   height: ${r.sp5};
   width: ${r.sp5};
   color: ${e=>e.theme.colors.grey1};
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,pt=t(Ae)`
+`,pt=t(Ee)`
   margin-top: ${r.sp3};
   color: ${e=>e.theme.colors.hero};
 `,ht=t(B)`
   ${e=>`${it.pageTitle.style(e.windowSize)}`};
-  margin-top: ${e=>O.pageTitleMarginTop.valuePx(e.windowSize)};
-  margin-bottom: ${e=>O.pageTitleMarginBottom.valuePx(e.windowSize)};
-  margin-left: ${e=>O.pageTitleMarginLeft.valuePx(e.windowSize)};
-  margin-right: ${e=>O.pageTitleMarginRight.valuePx(e.windowSize)};
+  margin-top: ${e=>A.pageTitleMarginTop.valuePx(e.windowSize)};
+  margin-bottom: ${e=>A.pageTitleMarginBottom.valuePx(e.windowSize)};
+  margin-left: ${e=>A.pageTitleMarginLeft.valuePx(e.windowSize)};
+  margin-right: ${e=>A.pageTitleMarginRight.valuePx(e.windowSize)};
   color: ${e=>e.theme.colors.primary};
 `,gt=t.div`
   height: 100%;
@@ -705,7 +705,7 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
   &:last-child {
     padding-bottom: ${r.sp0};
   }
-`,ut={referralButtonRightPosition:new p(-4,28,28,-4)},{rewardsPage:{referButton:F},common:{texts:A}}=v.getLocalizedStrings();function xt(e){const i=j(),[n,c]=$.useState(!1),[,a]=V(),[l,d]=$.useState(!1),h=()=>{e.onCopyReferralLink(),l||(a(e.referralLink.toString()),d(!0))};return $.useEffect(()=>{l===!0&&setTimeout(()=>{d(!1),c(!1)},2e3)},[l]),o.jsx(wt,{windowSize:i,children:o.jsx(Ie,{onClickAway:()=>{c(!1)},children:o.jsx(ft,{onClick:()=>{n||e.onClickRefer(),c(!0)},onTouchEnd:()=>{n||e.onClickRefer(),c(!0)},children:o.jsx(Ye,{entity:"rewards",isMoreOption:!1,closeMenuOnSelect:!1,isMenuOpen:n,title:A.refer,options:[{label:F.inviteViaEmail,value:A.invite},{label:l?F.urlCopied:F.copyReferralUrl,value:l?A.copied:A.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 wt=t.div`
+`,ut={referralButtonRightPosition:new p(-4,28,28,-4)},{rewardsPage:{referButton:F},common:{texts:O}}=v.getLocalizedStrings();function xt(e){const i=j(),[n,c]=$.useState(!1),[,a]=N(),[l,d]=$.useState(!1),h=()=>{e.onCopyReferralLink(),l||(a(e.referralLink.toString()),d(!0))};return $.useEffect(()=>{l===!0&&setTimeout(()=>{d(!1),c(!1)},2e3)},[l]),o.jsx(wt,{windowSize:i,children:o.jsx(Ie,{onClickAway:()=>{c(!1)},children:o.jsx(ft,{onClick:()=>{n||e.onClickRefer(),c(!0)},onTouchEnd:()=>{n||e.onClickRefer(),c(!0)},children:o.jsx(_e,{entity:"rewards",isMoreOption:!1,closeMenuOnSelect:!1,isMenuOpen:n,title:O.refer,options:[{label:F.inviteViaEmail,value:O.invite},{label:l?F.urlCopied:F.copyReferralUrl,value:l?O.copied:O.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 wt=t.div`
   position: absolute;
   right: ${e=>ut.referralButtonRightPosition.valuePx(e.windowSize)};
 `,ft=t.div`
@@ -716,7 +716,7 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,$t=v.getLocalizedStrings().rewardsPage,Et=e=>{const i=E(),n=j(),{pendingBonus:c,earnedBonus:a,rewardsPlan:l,pendingReferrals:d,inviteList:h,uiState:g,fetchState:w,onInviteClick:u,onBackClick:f,onHowItWorksClick:S,onReloadInvitees:m,onResendInviteClick:y,onColumnSortConfigChanged:T,onCopyReferralLink:P,onClickRefer:H,onClickMenuIcon:Re}=e,[Le,ee]=$.useState(!0);let oe=null;return Le||(oe=o.jsx(xt,{referralLink:l.referralLink,onInviteClick:u,onClickRefer:H,onCopyReferralLink:P})),o.jsxs(yt,{children:[o.jsx(Te,{source:"InvitePageListView",title:$t.pageTitle,showBackButton:!0,backgroundColor:i.colors.grey4,style:{zIndex:3},onBackClick:f,showMenuIcon:n==="medium-compact"||n==="small",onClickMenuIcon:Re,rightSideComponent:oe}),h.length===0?o.jsx(jt,{children:o.jsx(zo,{rewardsPlan:l,onHowItWorksClick:S,onInviteClick:u,onCopyReferral:P})}):o.jsxs(o.Fragment,{children:[n==="small"?o.jsxs(bt,{children:[o.jsx(te,{pendingBonus:c,earnedBonus:a,pendingReferrals:d,onHowItWorksClick:S}),o.jsx(Ce,{referralLink:l.referralLink,onInviteClick:u,onCopyReferral:P,setShowNavButton:ee})]}):o.jsxs(vt,{children:[o.jsx(ue,{children:o.jsx(te,{pendingBonus:c,earnedBonus:a,pendingReferrals:d,onHowItWorksClick:S})}),o.jsx(ue,{children:o.jsx(Wo,{rewardsPlan:l,onInviteClick:u,setShowNavButton:ee,onCopyReferral:P})})]}),o.jsx(st,{inviteList:h,fetchState:w,onReloadInvitees:m,onColumnSortConfigChanged:T,uiState:g,onResendInviteClick:y})]})]})},yt=t.div`
+`,$t=v.getLocalizedStrings().rewardsPage,Mt=e=>{const i=E(),n=j(),{pendingBonus:c,earnedBonus:a,rewardsPlan:l,pendingReferrals:d,inviteList:h,uiState:g,fetchState:w,onInviteClick:u,onBackClick:f,onHowItWorksClick:S,onReloadInvitees:m,onResendInviteClick:y,onColumnSortConfigChanged:T,onCopyReferralLink:P,onClickRefer:K,onClickMenuIcon:Re}=e,[Le,ee]=$.useState(!0);let oe=null;return Le||(oe=o.jsx(xt,{referralLink:l.referralLink,onInviteClick:u,onClickRefer:K,onCopyReferralLink:P})),o.jsxs(yt,{children:[o.jsx(Te,{source:"InvitePageListView",title:$t.pageTitle,showBackButton:!0,backgroundColor:i.colors.grey4,style:{zIndex:3},onBackClick:f,showMenuIcon:n==="medium-compact"||n==="small",onClickMenuIcon:Re,rightSideComponent:oe}),h.length===0?o.jsx(jt,{children:o.jsx(zo,{rewardsPlan:l,onHowItWorksClick:S,onInviteClick:u,onCopyReferral:P})}):o.jsxs(o.Fragment,{children:[n==="small"?o.jsxs(bt,{children:[o.jsx(te,{pendingBonus:c,earnedBonus:a,pendingReferrals:d,onHowItWorksClick:S}),o.jsx(Ce,{referralLink:l.referralLink,onInviteClick:u,onCopyReferral:P,setShowNavButton:ee})]}):o.jsxs(vt,{children:[o.jsx(ue,{children:o.jsx(te,{pendingBonus:c,earnedBonus:a,pendingReferrals:d,onHowItWorksClick:S})}),o.jsx(ue,{children:o.jsx(Wo,{rewardsPlan:l,onInviteClick:u,setShowNavButton:ee,onCopyReferral:P})})]}),o.jsx(st,{inviteList:h,fetchState:w,onReloadInvitees:m,onColumnSortConfigChanged:T,uiState:g,onResendInviteClick:y})]})]})},yt=t.div`
   display: flex;
   width: 100%;
   height: 100vh;
@@ -736,4 +736,4 @@ import{u as E,K as j,j as o,aW as Te,F as v,eK as V,C as Ie,n as s,o as r,a0 as
   height: 100%;
 `,ue=t.div`
   width: 49%;
-`;export{Et as default};
+`;export{Mt as default};

package/dist/assets/InvitePeoplePage-C3vECRns-DBtYnb-4.js

@@ -0,0 +1,12 @@
+import{e as Y,fo as ee,u as te,a as le,j as d,M as oe,q as g,gg as ne,_ as se,F as ie,a4 as re,o as ae,C as E,fr as Z,fs as q,ft as A,c4 as N,l as V,c6 as de}from"./index-Cnh9fv8f.js";import{b as P,n as W}from"./vendor-rkTZJa59.js";import{x as ce}from"./AllUserItems-CTSy4oBh-COmuQZqb.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./LabeledUserSingleSelectWithSubtitlesField-BlVebvR7-CKRRo1Fi.js";import"./RoleWithToolTip-Dm4yIm31-3pGQtzkX.js";import"./LabeledZeniRolesDropDownField-Bm7Emr_n-JLIDvMIU.js";const z={containerPaddingLeft:new E(g[3],g[6],g[8]),containerPaddingRight:new E(g[3],g[6],g[8]),buttonWidth:new E(85,85)},F="editPeoplePage",O="userItems",p=oe.getLocalizedStrings().peoplePage,Te=({peopleDetails:e,managersList:s,classList:R,controllersList:I,mode:o,isZeniTenant:w,onPeopleLocalDataUpdated:T,onCloseClick:$,onSaveClick:i,isReimbursementDisabled:L,isZeniAccountsDisabled:n,isChargeCardDisabled:k,isTreasuryDisabled:j,isBankingOnlyTenant:b,isCardsOnlyTenant:x,isLiteRoleDisabled:U})=>{const c=Y(),[J,Q]=P.useState(-1),[B,_]=P.useState(""),D=P.useRef(null),S=P.useMemo(()=>ee(L,n,k,b,x,U,j),[L,n,k,b,x,U,j]),G=te(),r=le({mode:"onBlur",reValidateMode:"onChange",defaultValues:M(e.people,o,S,s,R,b,x),values:M(e.people,o,S,s,R,b,x)}),H=r.handleSubmit(()=>{K()?i():console.warn("Invite People form error")}),K=()=>{const t=r.getValues();let l=!0;return t.userItems.forEach((f,C)=>{const{role:a,nonZeniRole:v,department:u,manager:m}=f;if(o==="zeni_only")a?.selectedOptions==null&&(r.setError(`${O}.${C}.role`,{type:"required"}),l=!1);else{const h=v?.userRole.selectedRole;(h!=null&&v!=null?v.productsByUserRole[h].map(y=>y.selectedOption).filter(y=>y!=null):[]).length<1&&(r.setError(`${O}.${C}.nonZeniRole.userRole.selectedRole`,{type:"required"}),l=!1),u?.selectedOption==null&&h!=="investor_or_banker"&&!b&&!x&&(r.setError(`${O}.${C}.department`,{type:"required"}),l=!1),m?.selectedUser==null&&h!=="investor_or_banker"&&(r.setError(`${O}.${C}.manager`,{type:"required"}),l=!1)}}),l},X=async(t,l)=>{const f=[],{userItems:C}=l;C.forEach(a=>{let v={};if(o==="zeni_only")v={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(y=>V.toUserRoleTypeStrict(y.selectedOption?.value)).filter(y=>y!=null):[],u==="employee"&&m.length===0&&(m=["reimbursements_user"]);const h=V.hasInvestorBankerLevelAccess(m);v={email:a.email,role:m,departmentId:h?void 0:a.department?.selectedOption?.value,managerId:h?void 0:a.manager?.selectedUser}}f.push(v)}),T(f)};return P.useEffect(()=>{const t=r.watch((l,{name:f})=>{f!=null&&l!=null&&X(f,l)});return()=>{t.unsubscribe()}}),P.useEffect(()=>{const t=D.current,l=()=>{c!=="small"&&(t&&t?.scrollTop>g[9]?_(o==="zeni_only"?p.invitePage.zeniTitle:p.invitePage.title):_(""))};return c==="small"?_(o==="zeni_only"?p.invitePage.zeniTitle:p.invitePage.title):t&&t?.scrollTop<=g[9]&&_(""),t&&t.addEventListener("scroll",l),()=>{t&&t.removeEventListener("scroll",l)}},[o,B,c]),d.jsxs(d.Fragment,{children:[d.jsx(ne,{title:B,backgroundColor:G.colors.grey4,style:{zIndex:4},onCloseClick:$,isTitleAlignLeft:c==="small"}),d.jsxs(ue,{"data-testid":se("invite-people-container"),windowSize:c,ref:D,children:[c!=="small"?d.jsx(me,{children:o==="zeni_only"?p.invitePage.zeniTitle:p.invitePage.title}):null,d.jsx(ie,{...r,children:d.jsx("form",{id:`${F}_form`,onSubmit:H,children:d.jsx(ce,{control:r.control,sectionId:O,deleteConfirmationIndex:J,updateDeleteConfirmationIndex:Q,mode:o,isZeniTenant:w,classList:R,managersList:s,controllersList:I,isBankingOnlyTenant:b,isCardsOnlyTenant:x,customerRoleOptions:S,isEdit:!1})})})]}),d.jsx(re,{formId:`${F}_form`,primaryBtn:{label:p.invitePage.invite,style:{width:z.buttonWidth.value(c)},isLoading:e.invitePersonState.fetchState==="In-Progress",isDisabled:e.invitePersonState.fetchState==="In-Progress"},showCancel:!0,cancelBtn:{label:p.invitePage.cancel,style:{width:z.buttonWidth.value(c)},shouldResetOnCancel:!1,onClick:$},separatorStyle:{marginRight:ae.sp4}})]})},M=(e,s,R,I,o,w,T)=>{const $=[{userIndex:0,email:[],role:s==="zeni_only"?{allOptions:N.roles,selectedOptions:e[0]?.role}:void 0,nonZeniRole:s==="off"?{userRole:{selectedRole:e[0]?.role.length>0?A(e[0].role):void 0,allRootRole:q(w,T)},productsByUserRole:Z(e[0]?.role??[],R)}:void 0,department:void 0,manager:void 0}];return{[O]:e.length>0?e.map((i,L)=>({userIndex:L,email:i.email,role:s==="zeni_only"?{allOptions:N.roles,selectedOptions:i.role}:void 0,nonZeniRole:s==="off"?{userRole:{selectedRole:i.role.length>0?A(i.role):void 0,allRootRole:q(w,T)},productsByUserRole:Z(i.role,R)}:void 0,department:{allOptions:o.map(n=>({label:n.fullyQualifiedAccountingClassName??"",value:n.classId,hoverText:n.accountingClassNumber})),selectedOption:o.map(n=>({label:n.fullyQualifiedAccountingClassName??"",value:n.classId,hoverText:n.accountingClassNumber})).find(n=>n.value===i.departmentId)},manager:{allUsers:I,selectedUser:i.managerId}})):$}},$e=(e,s)=>`${e}.${s}`,ue=W.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+
+  padding-left: ${e=>`${z.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${e=>`${z.containerPaddingRight.valuePx(e.windowSize)}`};
+  overflow-x: hidden;
+  height: 100%;
+`,me=W(de)`
+  color: ${e=>e.theme.colors.primary};
+`;export{Te as default,$e as uniqueName};