@zeniai/web-app-ui 4.14.28-qa → 4.14.29-dev

package/dist/assets/{InvitePageListView-Yj83_lDA-CRdOQu_U.js → InvitePageListView-BJDfCvno-Sk3rc3V-.js}

@@ -1,32 +1,32 @@
-import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 as C,i as K,j as T,bO as Te,b as h,H as _,B,s as V,e as k,aj as Be,K as G,aA as J,gf as U,x as S,I as Me,be as We,ba as Oe,ab as De,l as ue,W as M,N as Ne,bX as xe,at as Ae,gn as Q,h$ as Ee,bT as Ve,iB as we,f as fe,bA as $e,fK as v,L as Fe,iC as ye,bB as be}from"./index-BVjkKCLf.js";import{a as w}from"./sentry-Bsfq8iFp.js";import{n as i}from"./mui-Bjwhey0L.js";import{C as ve}from"./gift-box-Cmt9OgIZ-DP-9tFF0.js";import{m as He}from"./BusyIndication-Nz8htndZ-DK3qiNAN.js";import{f as Ke}from"./calculateSize-DtEgyuiA-BxRureQo.js";import{FT as ee,FU as $,FV as z}from"./zeni-epic-state-CjVTQ4J3.js";import{w as Ye}from"./MoreMenuButton-BWNCapgP-DzMadVuo.js";import"./pdf-DJ-oF9-h.js";import"./core-tQbf9q8c.js";import"./lottie-C1jDoN6L.js";import"./liveblocks-ClmZMiZG.js";import"./recharts-DxWcXnAv.js";import"./dnd-C4z4yHh0.js";import"./analytics-BwviiuqB.js";import"./plaid-CFQSLZ5I.js";import"./utils-BxRS7J8i.js";import"./spend-limit-D6SyboD4-BMKkrJ-o.js";import"./dollar-round-D18u7nlm-DZNtiKOk.js";import"./money-2cg1MuG4-Bg567PNs.js";import"./page-summary-D7_VQHwN-B63O8toS.js";import"./transaction-placeholder-CpOwZAMG-PFo9FUbu.js";import"./unlock-BPWn2I5L-DEd9hnmz.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]="7a879275-654c-4ae7-8f2a-43a21d5ddd14",e._sentryDebugIdIdentifier="sentry-dbid-7a879275-654c-4ae7-8f2a-43a21d5ddd14")}catch{}})();const je=(e,t)=>{w.useEffect(()=>{const n=e.current;if(window.IntersectionObserver==null)return;const c=new IntersectionObserver(([a])=>{t&&t(a.isIntersecting)},{root:null,rootMargin:r.sp0,threshold:.1});return n&&c.observe(n),()=>{n&&c.unobserve(n)}})},Ge={pageTitleMarginLeft:new h(s[4],s[6])},Je=i.div`
+import{y as E,e as j,V as o,a_ as Ie,gm as A,j as _e,k as s,O as y,o as r,a5 as C,a as K,w as T,bV as Te,x as h,N as _,M,l as V,d as k,aj as Me,u as Y,aA as J,gq as q,C as S,D as Be,bl as Oe,bd as We,ab as De,n as ue,H as B,q as Ne,c2 as xe,at as Ee,gy as Q,ib as Ae,b_ as Ve,iN as we,L as fe,bG as $e,fS as v,J as He,iO as ye,bH as be}from"./index-ByxsQZNo.js";import{a as w}from"./sentry-COYnhuxW.js";import{n as i}from"./mui-40xepic5.js";import{C as ve}from"./gift-box-Cmt9OgIZ-C6pLHK0s.js";import{m as Fe}from"./BusyIndication-H_iNZOWd-BNmJKxof.js";import{f as Ke}from"./calculateSize-DecSvt-d-CIfCbqel.js";import{GE as ee,GF as $,GG as z}from"./zeni-epic-state-DCforPdM.js";import{y as Ge}from"./MoreMenuButton-C_jqM-Ix-D5fFt93A.js";import"./pdf-A8jRKyoC.js";import"./core-B0nKoasK.js";import"./lottie-BzV8yd9z.js";import"./liveblocks-DskTqGyX.js";import"./recharts-Bbdho9Pi.js";import"./dnd-NNN-4w0O.js";import"./analytics-CDQ7tGpV.js";import"./plaid-cfgjTkr8.js";import"./utils-DMEPgX6w.js";import"./bank-letter-BOcVjN6J-ydWr7ZOI.js";import"./spend-limit-D6SyboD4-BruIkKZj.js";import"./dollar-round-D18u7nlm-CQw1tD8J.js";import"./money-2cg1MuG4-rv31fLm6.js";import"./page-summary-D7_VQHwN-bNTaLAow.js";import"./transaction-placeholder-CpOwZAMG-C-J0dsgn.js";import"./unlock-BPWn2I5L-BGatCFPm.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]="c7e252b7-7ae8-4e8e-93ba-8d3b764523c0",e._sentryDebugIdIdentifier="sentry-dbid-c7e252b7-7ae8-4e8e-93ba-8d3b764523c0")}catch{}})();const je=(e,t)=>{w.useEffect(()=>{const n=e.current;if(window.IntersectionObserver==null)return;const c=new IntersectionObserver(([a])=>{t&&t(a.isIntersecting)},{root:null,rootMargin:r.sp0,threshold:.1});return n&&c.observe(n),()=>{n&&c.unobserve(n)}})},Ye={pageTitleMarginLeft:new h(s[4],s[6])},Je=i.div`
   position: relative;
   width: 100%;
   display: flex;
   flex-wrap: wrap;
-  gap: ${e=>Ge.pageTitleMarginLeft.valuePx(e.windowSize)};
+  gap: ${e=>Ye.pageTitleMarginLeft.valuePx(e.windowSize)};
   margin-top: ${r.sp4};
-`,Ue=i.div`
+`,qe=i.div`
   display: flex;
   justify-content: center;
   align-items: center;
   flex: 1 1 auto;
   min-width: 154px;
-`,Qe=i(G)`
+`,Qe=i(Y)`
   height: ${r.sp3};
   width: ${r.sp3};
   color: ${e=>e.theme.colors.hero};
-`,Xe=i(U)`
+`,Ue=i(q)`
   width: ${r.sp3};
   height: ${r.sp3};
 `,Ze=i(J)`
   width: ${r.sp3};
   height: ${r.sp3};
   color: ${k.success};
-`;function Ce({referralLink:e,onInviteClick:t,onCopyReferral:n,setShowNavButton:c}){const[,a]=E(),[l,d]=w.useState(!1),g=j(),m=A();w.useEffect(()=>{l===!0&&setTimeout(()=>{d(!1)},2e3)},[l]);const u=w.useRef(null);je(u,c);const x=y.getLocalizedStrings().rewardsPage.rewardsCard;return o.jsxs(Je,{windowSize:g,children:[o.jsx(Ue,{ref:u,children:o.jsx(K,{variant:"secondary",label:x.inviteViaEmail,onClick:t,prefixIcon:o.jsx(Qe,{}),textStyle:{...T.smallRegular.cssObject,color:`${m.colors.hero}`},style:{borderRadius:`${r.sp1}`,border:`1px solid ${m.colors.grey1}`,backgroundColor:"transparent",padding:`${r.sp2} 12px`,minWidth:"154px",flex:"1 1 auto",display:"flex",justifyContent:"center",alignItems:"center"}})}),o.jsx(K,{variant:"secondary",label:l?x.copied:x.copyReferralLink,onClick:()=>{n(),l||(a(e.toString()),d(!0))},prefixIcon:l?o.jsx(Ze,{}):o.jsx(Xe,{}),textStyle:{...T.smallRegular.cssObject,color:`${m.colors.hero}`},style:{borderRadius:`${r.sp1}`,border:`1px solid ${m.colors.grey1}`,backgroundColor:"transparent",padding:`${r.sp2} ${l?"47px":"12px"}`,minWidth:"154px",flex:"1 1 auto",display:"flex",justifyContent:"center",alignItems:"center"}})]})}const Y={logoWidth:new h(95,135),minWidth:new h(256,360),maxWidth:new h(270,380)},ke={title:new _("smallRegular","largeRegular"),cardDetail:new _("h5Regular","h2Regular")};function Se({planAmount:e}){const t=j(),{rewardsPage:{rewardsCard:n}}=y.getLocalizedStrings();return o.jsxs(qe,{windowSize:t,children:[o.jsxs(eo,{children:[o.jsx(io,{windowSize:t,children:n.bonus}),o.jsx(to,{windowSize:t,children:C("0,0",e)})]}),o.jsx(oo,{windowSize:t,children:o.jsx(ro,{})})]})}const qe=i.div`
+`;function Ce({referralLink:e,onInviteClick:t,onCopyReferral:n,setShowNavButton:c}){const[,a]=A(),[l,d]=w.useState(!1),g=j(),m=E();w.useEffect(()=>{l===!0&&setTimeout(()=>{d(!1)},2e3)},[l]);const u=w.useRef(null);je(u,c);const x=y.getLocalizedStrings().rewardsPage.rewardsCard;return o.jsxs(Je,{windowSize:g,children:[o.jsx(qe,{ref:u,children:o.jsx(K,{variant:"secondary",label:x.inviteViaEmail,onClick:t,prefixIcon:o.jsx(Qe,{}),textStyle:{...T.smallRegular.cssObject,color:`${m.colors.hero}`},style:{borderRadius:`${r.sp1}`,border:`1px solid ${m.colors.grey1}`,backgroundColor:"transparent",padding:`${r.sp2} 12px`,minWidth:"154px",flex:"1 1 auto",display:"flex",justifyContent:"center",alignItems:"center"}})}),o.jsx(K,{variant:"secondary",label:l?x.copied:x.copyReferralLink,onClick:()=>{n(),l||(a(e.toString()),d(!0))},prefixIcon:l?o.jsx(Ze,{}):o.jsx(Ue,{}),textStyle:{...T.smallRegular.cssObject,color:`${m.colors.hero}`},style:{borderRadius:`${r.sp1}`,border:`1px solid ${m.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 h(95,135),minWidth:new h(256,360),maxWidth:new h(270,380)},ke={title:new _("smallRegular","largeRegular"),cardDetail:new _("h5Regular","h2Regular")};function Se({planAmount:e}){const t=j(),{rewardsPage:{rewardsCard:n}}=y.getLocalizedStrings();return o.jsxs(Xe,{windowSize:t,children:[o.jsxs(eo,{children:[o.jsx(io,{windowSize:t,children:n.bonus}),o.jsx(to,{windowSize:t,children:C("0,0",e)})]}),o.jsx(oo,{windowSize:t,children:o.jsx(ro,{})})]})}const Xe=i.div`
   display: flex;
   height: 100%;
-  min-width: ${e=>Y.minWidth.valuePx(e.windowSize)};
-  max-width: ${e=>Y.maxWidth.valuePx(e.windowSize)};
+  min-width: ${e=>G.minWidth.valuePx(e.windowSize)};
+  max-width: ${e=>G.maxWidth.valuePx(e.windowSize)};
   justify-content: space-between;
   background: ${e=>`linear-gradient(247.21deg, ${e.theme.colors.rewardsPromoColor1}
      -2.39%, ${e.theme.colors.rewardsPromoColor2} 105.08%)`};
@@ -46,18 +46,18 @@ import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 as
   justify-content: flex-end;
   margin-right: 12px;
   position: relative;
-  width: ${e=>Y.logoWidth.valuePx(e.windowSize)};
+  width: ${e=>G.logoWidth.valuePx(e.windowSize)};
 `,ro=i(ve)`
   position: absolute;
   bottom: 0;
   right: 0;
-`,io=i(B)`
+`,io=i(M)`
   ${e=>`${ke.title.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.graphColor17};
-`,to=i(B)`
+`,to=i(M)`
   color: ${e=>e.theme.colors.brandColorGold};
   ${e=>`${ke.cardDetail.style(e.windowSize)}`};
-`;function no({rewardsPlan:e,onInviteClick:t,onHowItWorksClick:n,onCopyReferral:c}){const a=j(),[,l]=E(),[d,g]=w.useState(!1);w.useEffect(()=>{d===!0&&setTimeout(()=>{g(!1)},2e3)},[d]);const{rewardsPage:{referAndEarn:m,rewardsCard:u,statisticsCard:{knowMore:x}}}=y.getLocalizedStrings();return o.jsxs(so,{children:[o.jsxs(ao,{children:[o.jsxs(xo,{children:[o.jsx(po,{children:m}),o.jsx(ho,{children:u.rewardsSummary[e.planName].replace("__reward-amount__",C("0,0",e.referrerAmount))}),o.jsx(go,{onClick:n,children:x})]}),o.jsxs(lo,{children:[o.jsxs(mo,{onClick:t,children:[o.jsx(uo,{}),u.inviteViaEmail]}),o.jsx(wo,{onClick:()=>{c(),d||(l(e.referralLink.toString()),g(!0))},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(Se,{planAmount:e.referrerAmount})})]})}const so=i.div`
+`;function no({rewardsPlan:e,onInviteClick:t,onHowItWorksClick:n,onCopyReferral:c}){const a=j(),[,l]=A(),[d,g]=w.useState(!1);w.useEffect(()=>{d===!0&&setTimeout(()=>{g(!1)},2e3)},[d]);const{rewardsPage:{referAndEarn:m,rewardsCard:u,statisticsCard:{knowMore:x}}}=y.getLocalizedStrings();return o.jsxs(so,{children:[o.jsxs(ao,{children:[o.jsxs(xo,{children:[o.jsx(po,{children:m}),o.jsx(ho,{children:u.rewardsSummary[e.planName].replace("__reward-amount__",C("0,0",e.referrerAmount))}),o.jsx(go,{onClick:n,children:x})]}),o.jsxs(lo,{children:[o.jsxs(mo,{onClick:t,children:[o.jsx(uo,{}),u.inviteViaEmail]}),o.jsx(wo,{onClick:()=>{c(),d||(l(e.referralLink.toString()),g(!0))},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(Se,{planAmount:e.referrerAmount})})]})}const so=i.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -96,7 +96,7 @@ import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 as
   color: ${e=>e.theme.mode==="light"?e.theme.colors.brandColorSapphire:e.theme.colors.brandColorJade};
   margin-bottom: ${r.sp3};
   max-width: 450px;
-`,go=i(Ae)`
+`,go=i(Ee)`
   margin-bottom: ${r.sp5};
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
@@ -118,7 +118,7 @@ import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 as
     background-color: ${e=>e.theme.colors.champion};
     border: 1px solid ${e=>e.theme.colors.champion};
   }
-`,uo=i(G)`
+`,uo=i(Y)`
   height: ${r.sp3};
   width: ${r.sp3};
   margin-right: ${r.sp2};
@@ -143,7 +143,7 @@ import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 as
     background-color: ${e=>e.theme.colors.champion};
     border: 1px solid ${e=>e.theme.colors.champion};
   }
-`,fo=i(U)`
+`,fo=i(q)`
   width: ${r.sp3};
   height: ${r.sp3};
   margin-right: ${r.sp2};
@@ -183,14 +183,14 @@ import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 as
 `,Co=i(ue)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${r.sp2};
-`,ko=i(M)`
+`,ko=i(B)`
   color: ${e=>e.theme.colors.champion};
   margin-bottom: ${r.sp3};
 `,So=i(Ne)`
   margin-bottom: ${r.sp3};
   color: ${e=>e.theme.mode==="light"?e.theme.colors.brandColorSapphire:e.theme.colors.brandColorJade};
   cursor: pointer;
-`;function zo({rewardsPlan:e,onHowItWorksClick:t,onInviteClick:n,onCopyReferral:c}){return j()==="small"?o.jsx(yo,{rewardsPlan:e,onInviteClick:n,onHowItWorksClick:t,onCopyReferral:c}):o.jsx(no,{rewardsPlan:e,onHowItWorksClick:t,onInviteClick:n,onCopyReferral:c})}function Po({planAmount:e}){const{rewardsPage:{rewardsCard:t}}=y.getLocalizedStrings();return o.jsxs(Ro,{children:[o.jsxs(Lo,{children:[o.jsx(To,{children:t.bonus}),o.jsx(Bo,{children:C("0,0",e)})]}),o.jsx(Io,{children:o.jsx(_o,{})})]})}const Ro=i.div`
+`;function zo({rewardsPlan:e,onHowItWorksClick:t,onInviteClick:n,onCopyReferral:c}){return j()==="small"?o.jsx(yo,{rewardsPlan:e,onInviteClick:n,onHowItWorksClick:t,onCopyReferral:c}):o.jsx(no,{rewardsPlan:e,onHowItWorksClick:t,onInviteClick:n,onCopyReferral:c})}function Po({planAmount:e}){const{rewardsPage:{rewardsCard:t}}=y.getLocalizedStrings();return o.jsxs(Ro,{children:[o.jsxs(Lo,{children:[o.jsx(To,{children:t.bonus}),o.jsx(Mo,{children:C("0,0",e)})]}),o.jsx(Io,{children:o.jsx(_o,{})})]})}const Ro=i.div`
   display: flex;
   justify-content: space-between;
   height: 100%;
@@ -219,10 +219,10 @@ import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 as
 `,To=i(S)`
   color: ${e=>e.theme.colors.graphColor17};
   text-transform: uppercase;
-`,Bo=i(xe)`
+`,Mo=i(xe)`
   color: ${e=>e.theme.colors.brandColorGold};
   margin-bottom: ${r.sp2};
-`,Mo={backgroundSize:new h(75,100,75)};function Wo({rewardsPlan:e,onInviteClick:t,setShowNavButton:n,onCopyReferral:c}){const a=A(),l=j(),[,d]=E(),[g,m]=w.useState(!1),[u,x]=w.useState(!1);w.useEffect(()=>{g===!0&&setTimeout(()=>{m(!1)},2e3)},[g]);const{rewardsCard:f,referAndEarn:p}=y.getLocalizedStrings().rewardsPage,b=w.useRef(null);je(b,n);const L=u?o.jsx(oe,{showCopyText:u,isCopied:g,children:f.copyReferralLink}):null;return o.jsxs(Oo,{windowSize:l,children:[o.jsxs(Do,{children:[o.jsx(Eo,{children:p}),o.jsx(Vo,{children:f.rewardsSummary[e.planName].replace("__reward-amount__",C("0,0",e.referrerAmount))}),o.jsxs(No,{ref:b,children:[o.jsx(K,{variant:"secondary",label:f.inviteViaEmail,onClick:t,prefixIcon:o.jsx(Fo,{}),textStyle:{...T.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:()=>{c(),g||(d(e.referralLink.toString()),m(!0))},onMouseOver:()=>{x(!0)},onMouseLeave:()=>{x(!1)},showCopyText:u,isCopied:g,children:o.jsx(Yo,{showCopyText:u,isCopied:g,children:o.jsx(Ko,{})})}),o.jsx(Jo,{children:g?o.jsxs(o.Fragment,{children:[o.jsx(Go,{}),o.jsx(oe,{showCopyText:u,isCopied:g,children:f.copied})]}):L})]})]}),l==="medium-compact"||l==="medium-regular"?null:o.jsx(Ao,{children:o.jsx(Po,{planAmount:e.referrerAmount})})]})}const Oo=i.div`
+`,Bo={backgroundSize:new h(75,100,75)};function Oo({rewardsPlan:e,onInviteClick:t,setShowNavButton:n,onCopyReferral:c}){const a=E(),l=j(),[,d]=A(),[g,m]=w.useState(!1),[u,x]=w.useState(!1);w.useEffect(()=>{g===!0&&setTimeout(()=>{m(!1)},2e3)},[g]);const{rewardsCard:f,referAndEarn:p}=y.getLocalizedStrings().rewardsPage,b=w.useRef(null);je(b,n);const L=u?o.jsx(oe,{showCopyText:u,isCopied:g,children:f.copyReferralLink}):null;return o.jsxs(Wo,{windowSize:l,children:[o.jsxs(Do,{children:[o.jsx(Ao,{children:p}),o.jsx(Vo,{children:f.rewardsSummary[e.planName].replace("__reward-amount__",C("0,0",e.referrerAmount))}),o.jsxs(No,{ref:b,children:[o.jsx(K,{variant:"secondary",label:f.inviteViaEmail,onClick:t,prefixIcon:o.jsx(Ho,{}),textStyle:{...T.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(Fo,{onClick:()=>{c(),g||(d(e.referralLink.toString()),m(!0))},onMouseOver:()=>{x(!0)},onMouseLeave:()=>{x(!1)},showCopyText:u,isCopied:g,children:o.jsx(Go,{showCopyText:u,isCopied:g,children:o.jsx(Ko,{})})}),o.jsx(Jo,{children:g?o.jsxs(o.Fragment,{children:[o.jsx(Yo,{}),o.jsx(oe,{showCopyText:u,isCopied:g,children:f.copied})]}):L})]})]}),l==="medium-compact"||l==="medium-regular"?null:o.jsx(Eo,{children:o.jsx(Po,{planAmount:e.referrerAmount})})]})}const Wo=i.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -233,7 +233,7 @@ import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 as
   background-position: 160% 110%;
   background-repeat: no-repeat;
 
-  background-size: ${e=>Mo.backgroundSize.valuePercentage(e.windowSize)};
+  background-size: ${e=>Bo.backgroundSize.valuePercentage(e.windowSize)};
   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};
@@ -251,25 +251,25 @@ import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 as
   align-items: center;
   justify-content: flex-start;
   position: relative;
-`,Ao=i.div`
+`,Eo=i.div`
   display: flex;
   max-width: 254px;
   min-width: 240px;
   height: 160px;
   flex: 1 1 auto;
-`,Eo=i(Me)`
+`,Ao=i(Be)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${r.sp2};
 `,Vo=i(S)`
   color: ${e=>e.theme.mode==="light"?e.theme.colors.brandColorSapphire:e.theme.colors.brandColorJade};
   max-width: 210px;
   margin-bottom: ${r.sp5};
-`,Fo=i(G)`
+`,Ho=i(Y)`
   height: ${r.sp3};
   width: ${r.sp3};
   flex-shrink: 0;
   color: ${e=>e.theme.colors.grey5};
-`,Ho=i.div`
+`,Fo=i.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -279,15 +279,15 @@ import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 as
   cursor: pointer;
   background-color: ${e=>e.showCopyText||e.isCopied?e.theme.colors.champion:"transparent"};
   border: 1px solid ${e=>e.theme.colors.primary};
-`,Ko=i(U)`
+`,Ko=i(q)`
   width: ${r.sp3};
   height: ${r.sp3};
   cursor: pointer;
-`,Yo=i.div`
+`,Go=i.div`
   display: flex;
   align-items: center;
   color: ${e=>e.showCopyText||e.isCopied?e.theme.colors.grey3:e.theme.colors.primary};
-`,Go=i(J)`
+`,Yo=i(J)`
   width: ${r.sp4};
   height: ${r.sp4};
   color: ${k.success};
@@ -305,13 +305,13 @@ import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 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 h(200,280)},F={earningValue:new _("h6Regular","h5Regular"),cardTitle:new _("extraSmallRegular","smallRegular"),buttonText:new _("extraSmallRegular","smallRegular")};function re({pendingBonus:e,earnedBonus:t,pendingReferrals:n,onHowItWorksClick:c}){const{rewardsPage:{statisticsCard:a},common:{strings:l}}=y.getLocalizedStrings(),d=j();return o.jsxs(Qo,{windowSize:d,children:[o.jsx(Xo,{children:o.jsx(Zo,{windowSize:d,children:a.title})}),o.jsxs(qo,{windowSize:d,children:[o.jsxs(ie,{children:[o.jsx(te,{children:a.earned}),o.jsx(ne,{windowSize:d,type:"earned",children:C("0,0",t)})]}),d==="medium-compact"?o.jsx(or,{}):o.jsx(er,{}),o.jsxs(ie,{children:[o.jsx(te,{children:a.pending}),o.jsx(ne,{windowSize:d,type:"pending",children:C("0,0",e)})]})]}),o.jsxs(rr,{children:[o.jsxs(ir,{windowSize:d,children:[a.pendingReferrals," ",l.colon," ",n]}),o.jsxs(nr,{windowSize:d,onClick:c,children:[a.knowMore," ",o.jsx(tr,{})]})]})]})}const Qo=i.div`
+`,qo={height:new h(200,280)},H={earningValue:new _("h6Regular","h5Regular"),cardTitle:new _("extraSmallRegular","smallRegular"),buttonText:new _("extraSmallRegular","smallRegular")};function re({pendingBonus:e,earnedBonus:t,pendingReferrals:n,onHowItWorksClick:c}){const{rewardsPage:{statisticsCard:a},common:{strings:l}}=y.getLocalizedStrings(),d=j();return o.jsxs(Qo,{windowSize:d,children:[o.jsx(Uo,{children:o.jsx(Zo,{windowSize:d,children:a.title})}),o.jsxs(Xo,{windowSize:d,children:[o.jsxs(ie,{children:[o.jsx(te,{children:a.earned}),o.jsx(ne,{windowSize:d,type:"earned",children:C("0,0",t)})]}),d==="medium-compact"?o.jsx(or,{}):o.jsx(er,{}),o.jsxs(ie,{children:[o.jsx(te,{children:a.pending}),o.jsx(ne,{windowSize:d,type:"pending",children:C("0,0",e)})]})]}),o.jsxs(rr,{children:[o.jsxs(ir,{windowSize:d,children:[a.pendingReferrals," ",l.colon," ",n]}),o.jsxs(nr,{windowSize:d,onClick:c,children:[a.knowMore," ",o.jsx(tr,{})]})]})]})}const Qo=i.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{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 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};
-`,Xo=i.div`
+`,Uo=i.div`
   display: flex;
   flex: 0 1 auto;
   width: 100%;
   align-items: center;
   justify-content: center;
   padding-top: ${r.sp4};
-`,Zo=i(B)`
-  ${e=>`${F.cardTitle.style(e.windowSize)}`};
+`,Zo=i(M)`
+  ${e=>`${H.cardTitle.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.champion};
   margin-bottom: ${r.sp1};
-`,qo=i.div`
+`,Xo=i.div`
   display: flex;
   flex-direction: ${e=>e.windowSize==="medium-compact"?"column":"row"};
   flex: 0 1 auto;
@@ -354,8 +354,8 @@ import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 as
   border-top: 1px solid ${k.neutralGrey1Light};
 `,te=i(V)`
   color: ${e=>e.theme.colors.primary};
-`,ne=i(B)`
-  ${e=>`${F.earningValue.style(e.windowSize)}`};
+`,ne=i(M)`
+  ${e=>`${H.earningValue.style(e.windowSize)}`};
   color: ${e=>e.type==="pending"?k.alert:k.success};
 `,rr=i.div`
   display: flex;
@@ -367,11 +367,11 @@ import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 as
   border-bottom-left-radius: ${r.sp2};
   padding: ${r.sp2} 0;
   background-color: ${e=>e.theme.colors.grey3};
-`,ir=i(B)`
-  ${e=>`${F.buttonText.style(e.windowSize)}`};
+`,ir=i(M)`
+  ${e=>`${H.buttonText.style(e.windowSize)}`};
   margin-left: 12px;
   color: ${e=>e.theme.colors.primary};
-`,tr=i(Be)`
+`,tr=i(Me)`
   color: ${e=>e.theme.colors.primary};
   width: 10px;
   height: 10px;
@@ -383,8 +383,8 @@ import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 as
   cursor: pointer;
   padding-right: 12px;
   color: ${e=>e.theme.colors.primary};
-  ${e=>`${F.buttonText.style(e.windowSize)}`};
-`,se=(e,t)=>t!=="small"?90:Ke(e,{...T.standardRegular.cssPartialObject(["fontSize","fontFamily","fontWeight"])}).width<160?114:138,{rewardsPage:{header:X},common:{strings:ae}}=y.getLocalizedStrings(),sr={key:"invitee_email",value:X.invitee_email,sortOrder:"ascending",width:new h(s[7],s[8],s[8],s[9])},ar={key:"amount",value:X.amount,sortOrder:"ascending",width:new h(s[4],20,20,s[3])},N=[sr,{key:"status",value:X.status,sortOrder:"ascending",width:new h(s[3],s[4],s[4],20)},ar],lr=e=>{const t=e.toLowerCase().split(ae.space).join(ae.underscore);switch(e){case $.invite_processing:return{value:e,color:v.invite_processing.color,borderColor:v.invite_processing.borderColor,code:t};case $.invite_sent:return{value:e,color:v.invite_sent.color,borderColor:v.invite_sent.borderColor,code:t};case $.onboarding:return{value:e,color:v.onboarding.color,borderColor:v.onboarding.borderColor,code:t};case $.active:case $.reward_sent:return{value:e,color:v.active.color,borderColor:v.active.borderColor,code:t};case $.declined:return{value:e,color:v.declined.color,borderColor:v.declined.borderColor,code:t};case $.resend_invite:return{value:e,color:v.resend_invite.color,borderColor:v.resend_invite.borderColor,code:t};default:return{value:e,color:v.in_progress.color,borderColor:"",code:t}}},I={headerLastColumnTopPadding:new h(s[0],s[4]),headerLastColumnRightPadding:new h(s[3],s[11]),headerLastColumnBottomPadding:new h(s[0],s[4]),headerLastColumnLeftPadding:new h(s[3],s[11]),headerHeight:new h(45,58)};function dr({companyNameSticky:e,sortConfig:t,onColumnSortConfigChanged:n}){const c=A(),a=j(),[l,d]=w.useState(N);w.useEffect(()=>{const p=[...l];for(const b of p)b.key===t.sortKey?b.sortOrder=t.sortOrder:b.sortOrder="ascending";d(p)},[t.sortKey,t.sortOrder]);const g=(p,b)=>{let L=b;t.sortKey===p&&(L=b==="ascending"?"descending":"ascending"),n(p,L)},m=l.find(p=>p.key===t.sortKey)??l[0],u=l.map(p=>p.key),{rewardsPage:{inviteList:x},common:f}=y.getLocalizedStrings();return a==="small"?o.jsxs(le,{windowSize:a,companyNameSticky:!1,children:[o.jsxs(pr,{children:[o.jsx(gr,{children:o.jsx(hr,{})}),o.jsx(We,{title:x.sortBy,placeholder:x.sortBy,pickerValues:u,valueToLabel:p=>l.find(b=>b.key===p)?.value??f.strings.empty,selectedValue:t.sortKey,onPickerSelectionChanged:p=>{p&&g(ee(p),"ascending")},optionTextStyle:T.smallRegular,selectedOptionColor:c.colors.hero,optionBackgroundColor:c.colors.grey5,downChevronVisible:!1,backgroundColor:c.colors.grey4,titleTextStyle:T.smallRegular,titleColor:c.colors.hero})]}),o.jsxs(ur,{onClick:()=>{g(m.key,m.sortOrder)},children:[o.jsx(S,{children:m.value}),o.jsx(de,{sortDataValue:t.sortKey,headerdata:m,children:o.jsx(ce,{})})]})]}):o.jsx(le,{companyNameSticky:e,windowSize:a,children:l.map(p=>o.jsx(cr,{companyNameSticky:e&&p.key==="invitee_email",sortDataValue:t.sortKey,actualDataValue:p.key,wrapperWidth:p.width,windowSize:a,shouldRightAlign:p.value==="Amount",children:o.jsxs(mr,{onClick:()=>{g(ee(p.key),p.sortOrder)},children:[o.jsx(S,{children:p.value}),o.jsx(de,{sortDataValue:t.sortKey,headerdata:p,children:o.jsx(ce,{})})]})},p.key))})}const le=i(S)`
+  ${e=>`${H.buttonText.style(e.windowSize)}`};
+`,se=(e,t)=>t!=="small"?90:Ke(e,{...T.standardRegular.cssPartialObject(["fontSize","fontFamily","fontWeight"])}).width<160?114:138,{rewardsPage:{header:U},common:{strings:ae}}=y.getLocalizedStrings(),sr={key:"invitee_email",value:U.invitee_email,sortOrder:"ascending",width:new h(s[7],s[8],s[8],s[9])},ar={key:"amount",value:U.amount,sortOrder:"ascending",width:new h(s[4],20,20,s[3])},N=[sr,{key:"status",value:U.status,sortOrder:"ascending",width:new h(s[3],s[4],s[4],20)},ar],lr=e=>{const t=e.toLowerCase().split(ae.space).join(ae.underscore);switch(e){case $.invite_processing:return{value:e,color:v.invite_processing.color,borderColor:v.invite_processing.borderColor,code:t};case $.invite_sent:return{value:e,color:v.invite_sent.color,borderColor:v.invite_sent.borderColor,code:t};case $.onboarding:return{value:e,color:v.onboarding.color,borderColor:v.onboarding.borderColor,code:t};case $.active:case $.reward_sent:return{value:e,color:v.active.color,borderColor:v.active.borderColor,code:t};case $.declined:return{value:e,color:v.declined.color,borderColor:v.declined.borderColor,code:t};case $.resend_invite:return{value:e,color:v.resend_invite.color,borderColor:v.resend_invite.borderColor,code:t};default:return{value:e,color:v.in_progress.color,borderColor:"",code:t}}},I={headerLastColumnTopPadding:new h(s[0],s[4]),headerLastColumnRightPadding:new h(s[3],s[11]),headerLastColumnBottomPadding:new h(s[0],s[4]),headerLastColumnLeftPadding:new h(s[3],s[11]),headerHeight:new h(45,58)};function dr({companyNameSticky:e,sortConfig:t,onColumnSortConfigChanged:n}){const c=E(),a=j(),[l,d]=w.useState(N);w.useEffect(()=>{const p=[...l];for(const b of p)b.key===t.sortKey?b.sortOrder=t.sortOrder:b.sortOrder="ascending";d(p)},[t.sortKey,t.sortOrder]);const g=(p,b)=>{let L=b;t.sortKey===p&&(L=b==="ascending"?"descending":"ascending"),n(p,L)},m=l.find(p=>p.key===t.sortKey)??l[0],u=l.map(p=>p.key),{rewardsPage:{inviteList:x},common:f}=y.getLocalizedStrings();return a==="small"?o.jsxs(le,{windowSize:a,companyNameSticky:!1,children:[o.jsxs(pr,{children:[o.jsx(gr,{children:o.jsx(hr,{})}),o.jsx(Oe,{title:x.sortBy,placeholder:x.sortBy,pickerValues:u,valueToLabel:p=>l.find(b=>b.key===p)?.value??f.strings.empty,selectedValue:t.sortKey,onPickerSelectionChanged:p=>{p&&g(ee(p),"ascending")},optionTextStyle:T.smallRegular,selectedOptionColor:c.colors.hero,optionBackgroundColor:c.colors.grey5,downChevronVisible:!1,backgroundColor:c.colors.grey4,titleTextStyle:T.smallRegular,titleColor:c.colors.hero})]}),o.jsxs(ur,{onClick:()=>{g(m.key,m.sortOrder)},children:[o.jsx(S,{children:m.value}),o.jsx(de,{sortDataValue:t.sortKey,headerdata:m,children:o.jsx(ce,{})})]})]}):o.jsx(le,{companyNameSticky:e,windowSize:a,children:l.map(p=>o.jsx(cr,{companyNameSticky:e&&p.key==="invitee_email",sortDataValue:t.sortKey,actualDataValue:p.key,wrapperWidth:p.width,windowSize:a,shouldRightAlign:p.value==="Amount",children:o.jsxs(mr,{onClick:()=>{g(ee(p.key),p.sortOrder)},children:[o.jsx(S,{children:p.value}),o.jsx(de,{sortDataValue:t.sortKey,headerdata:p,children:o.jsx(ce,{})})]})},p.key))})}const le=i(S)`
   top: ${r.sp0};
   left: ${r.sp0};
   min-height: ${e=>I.headerHeight.valuePx(e.windowSize)};
@@ -420,7 +420,7 @@ import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 as
   gap: ${r.sp1};
   display: flex;
   color: ${e=>e.theme.colors.hero};
-`,hr=i(Ee)`
+`,hr=i(Ae)`
   width: 12px;
   height: 12px;
   color: ${e=>e.theme.colors.grey1};
@@ -498,7 +498,7 @@ import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 as
   color: ${e=>e.theme.colors.hero};
 `,zr=i(S)`
   color: ${e=>e.amountStatus===z.to_be_received?e.theme.colors.grey2:k.success};
-`,Pr=i(M)`
+`,Pr=i(B)`
   display: flex;
   color: ${e=>e.color};
   height: 20px;
@@ -536,7 +536,7 @@ import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 as
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
-`,Ir=i(M)`
+`,Ir=i(B)`
   position: relative;
   top: 1px;
   color: ${e=>e.theme.colors.grey1};
@@ -548,7 +548,7 @@ import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 as
   margin-right: ${r.sp1};
 `,Tr=i.div`
   display: flex;
-`,R={containerPaddingLeft:new h(s[3],s[4]),containerPaddingRight:new h(s[3],s[4]),containerPaddingTop:new h(s[3],s[3]),containerPaddingBottom:new h(s[3],s[3]),containerMarginLeft:new h(s[3],s[8]),containerMarginRight:new h(s[3],s[8]),webkitLineClamp:new h(2,2,1,1,1)},{dateFormat:Br,rewardsPage:{inviteList:Mr},common:he}=y.getLocalizedStrings(),Wr=({email:e,amount:t,status:n,resendInviteStatus:c,inviteSendDate:a,onResendInviteClick:l})=>{const d=j();let g=!1;if(a){const x=new Date(a.format(Br.visual.YYYYDashMMDashDFormat));g=we(72,x)}const m=n.value===$.active?z.received:z.to_be_received,u=c.fetchState==="In-Progress"?o.jsx(fe,{size:"Small",start:!0}):o.jsxs(o.Fragment,{children:[o.jsx(Gr,{color:n.color,onClick:()=>{l(e)},children:Mr.status.resend_invite}),o.jsx(Jr,{children:`${he.sent} ${$e(a)}`})]});return o.jsx(Or,{windowSize:d,children:o.jsxs(Dr,{children:[o.jsxs(Qr,{children:[o.jsxs(Nr,{children:[o.jsx(Ar,{children:o.jsx(Ur,{})}),o.jsx(Er,{windowSize:d,children:e})]}),o.jsx(Vr,{amountStatus:m,children:n.value===$.declined?o.jsx(Fr,{children:he.strings.hyphen}):o.jsxs(o.Fragment,{children:[C("0,0.[00]",t),o.jsx(Hr,{amountStatus:m,children:m})]})})]}),o.jsx(Xr,{children:o.jsx(Yr,{children:n.value===$.invite_sent&&g?u:o.jsx(Zr,{children:o.jsx(Kr,{color:n.color,borderColor:n.borderColor,children:n.value})})})})]})})},Or=i.div`
+`,R={containerPaddingLeft:new h(s[3],s[4]),containerPaddingRight:new h(s[3],s[4]),containerPaddingTop:new h(s[3],s[3]),containerPaddingBottom:new h(s[3],s[3]),containerMarginLeft:new h(s[3],s[8]),containerMarginRight:new h(s[3],s[8]),webkitLineClamp:new h(2,2,1,1,1)},{dateFormat:Mr,rewardsPage:{inviteList:Br},common:he}=y.getLocalizedStrings(),Or=({email:e,amount:t,status:n,resendInviteStatus:c,inviteSendDate:a,onResendInviteClick:l})=>{const d=j();let g=!1;if(a){const x=new Date(a.format(Mr.visual.YYYYDashMMDashDFormat));g=we(72,x)}const m=n.value===$.active?z.received:z.to_be_received,u=c.fetchState==="In-Progress"?o.jsx(fe,{size:"Small",start:!0}):o.jsxs(o.Fragment,{children:[o.jsx(Yr,{color:n.color,onClick:()=>{l(e)},children:Br.status.resend_invite}),o.jsx(Jr,{children:`${he.sent} ${$e(a)}`})]});return o.jsx(Wr,{windowSize:d,children:o.jsxs(Dr,{children:[o.jsxs(Qr,{children:[o.jsxs(Nr,{children:[o.jsx(Er,{children:o.jsx(qr,{})}),o.jsx(Ar,{windowSize:d,children:e})]}),o.jsx(Vr,{amountStatus:m,children:n.value===$.declined?o.jsx(Hr,{children:he.strings.hyphen}):o.jsxs(o.Fragment,{children:[C("0,0.[00]",t),o.jsx(Fr,{amountStatus:m,children:m})]})})]}),o.jsx(Ur,{children:o.jsx(Gr,{children:n.value===$.invite_sent&&g?u:o.jsx(Zr,{children:o.jsx(Kr,{color:n.color,borderColor:n.borderColor,children:n.value})})})})]})})},Wr=i.div`
   display: flex;
   margin-bottom: ${r.sp3};
   background-color: ${e=>e.theme.colors.grey5};
@@ -572,11 +572,11 @@ import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 as
   align-items: center;
   color: ${e=>e.theme.colors.hero};
   width: 100%;
-`,Ar=i.div`
+`,Er=i.div`
   display: flex;
   align-items: flex-start;
   height: 100%;
-`,Er=i(V)`
+`,Ar=i(V)`
   color: ${e=>e.theme.colors.hero};
   flex-grow: 1;
   word-break: break-word;
@@ -594,11 +594,11 @@ import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 as
   color: ${e=>e.amountStatus===z.to_be_received?e.theme.colors.grey2:e.theme.colors.primary};
   width: 100%;
   margin-left: ${r.sp5};
-`,Fr=i(be)`
+`,Hr=i(be)`
   color: ${e=>e.theme.colors.hero};
-`,Hr=i(M)`
+`,Fr=i(B)`
   color: ${e=>e.amountStatus===z.to_be_received?e.theme.colors.grey2:e.theme.colors.success};
-`,Kr=i(M)`
+`,Kr=i(B)`
   color: ${e=>e.color};
   height: 20px;
   align-items: center;
@@ -611,7 +611,7 @@ import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 as
   display: inline-flex;
   border: ${e=>`1px solid ${e.borderColor}`};
   border-radius: ${r.sp1};
-`,Yr=i.div`
+`,Gr=i.div`
   width: 100%;
   color: ${e=>e.theme.colors.hero};
   box-sizing: border-box;
@@ -619,7 +619,7 @@ import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 as
   flex-direction: column;
   align-items: flex-end;
   justify-content: center;
-`,Gr=i(Fe)`
+`,Yr=i(He)`
   display: flex;
   color: ${e=>e.color};
   height: 20px;
@@ -633,12 +633,12 @@ import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 as
   background-color: transparent;
   padding: 0;
   cursor: pointer;
-`,Jr=i(M)`
+`,Jr=i(B)`
   color: ${e=>e.theme.colors.grey1};
   box-sizing: border-box;
   display: flex;
   align-items: center;
-`,Ur=i(ye)`
+`,qr=i(ye)`
   height: ${r.sp4};
   width: ${r.sp4};
   flex-shrink: 0;
@@ -648,7 +648,7 @@ import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 as
   display: flex;
   flex-direction: column;
   width: 188px;
-`,Xr=i.div`
+`,Ur=i.div`
   display: flex;
   flex-direction: column;
   text-align: right;
@@ -658,7 +658,7 @@ import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 as
   display: flex;
   flex-direction: column;
   align-items: flex-end;
-`,O={pageTitleMarginLeft:new h(s[3],s[8]),pageTitleMarginRight:new h(s[3],s[8]),pageTitleMarginTop:new h(s[4],s[5]),pageTitleMarginBottom:new h(s[3],s[3])},qr={pageTitle:new _("standardSemiBold","largeSemiBold")},ge=y.getLocalizedStrings(),ei=({index:e,style:t,inviteList:n,onResendInviteClick:c})=>{const a=j(),l=n[e],d=a==="small"?Wr:fr;return o.jsx(di,{style:{...t,width:"100%"},children:o.jsx(d,{email:l.refereeEmailId,amount:l.amount,status:lr(l.statusCode),resendInviteStatus:l.resendInviteStatus,onResendInviteClick:c,inviteSendDate:l.lastInviteTimestamp})})},oi=({inviteList:e,uiState:t,fetchState:n,onResendInviteClick:c,onReloadInvitees:a,onColumnSortConfigChanged:l})=>{const d=j(),g=f=>{const p=e[f].refereeEmailId;return se(p,d)},m=e.reduce((f,p)=>f+se(p.refereeEmailId,d),0),u=w.useRef(null);w.useEffect(()=>{u.current?.resetAfterIndex(0)},[d,u]);let x=null;switch(n){case"Not-Started":case"In-Progress":x=o.jsx(He,{fetchState:n});break;case"Error":x=o.jsxs(ii,{children:[o.jsx(ti,{onClick:a,children:o.jsx(ni,{})}),o.jsx(si,{children:ge.peoplePage.reloadPage.label})]});break;case"Completed":e.length!==0&&(x=o.jsxs(li,{windowSize:d,children:[o.jsx(ai,{windowSize:d,children:ge.rewardsPage.inviteList.pageTitle}),o.jsx(dr,{companyNameSticky:!1,onColumnSortConfigChanged:l,sortConfig:{sortKey:t.sortKey,sortOrder:t.sortOrder}}),o.jsx(Te,{ref:u,height:m,width:"100%",itemCount:e.length,itemSize:g,estimatedItemSize:114,itemKey:f=>e[f].refereeEmailId,overscanCount:1,initialScrollOffset:0,children:f=>o.jsx(ei,{...f,inviteList:e,onResendInviteClick:c})})]}))}return o.jsx(ri,{children:x})},ri=i.div`
+`,W={pageTitleMarginLeft:new h(s[3],s[8]),pageTitleMarginRight:new h(s[3],s[8]),pageTitleMarginTop:new h(s[4],s[5]),pageTitleMarginBottom:new h(s[3],s[3])},Xr={pageTitle:new _("standardSemiBold","largeSemiBold")},ge=y.getLocalizedStrings(),ei=({index:e,style:t,inviteList:n,onResendInviteClick:c})=>{const a=j(),l=n[e],d=a==="small"?Or:fr;return o.jsx(di,{style:{...t,width:"100%"},children:o.jsx(d,{email:l.refereeEmailId,amount:l.amount,status:lr(l.statusCode),resendInviteStatus:l.resendInviteStatus,onResendInviteClick:c,inviteSendDate:l.lastInviteTimestamp})})},oi=({inviteList:e,uiState:t,fetchState:n,onResendInviteClick:c,onReloadInvitees:a,onColumnSortConfigChanged:l})=>{const d=j(),g=f=>{const p=e[f].refereeEmailId;return se(p,d)},m=e.reduce((f,p)=>f+se(p.refereeEmailId,d),0),u=w.useRef(null);w.useEffect(()=>{u.current?.resetAfterIndex(0)},[d,u]);let x=null;switch(n){case"Not-Started":case"In-Progress":x=o.jsx(Fe,{fetchState:n});break;case"Error":x=o.jsxs(ii,{children:[o.jsx(ti,{onClick:a,children:o.jsx(ni,{})}),o.jsx(si,{children:ge.peoplePage.reloadPage.label})]});break;case"Completed":e.length!==0&&(x=o.jsxs(li,{windowSize:d,children:[o.jsx(ai,{windowSize:d,children:ge.rewardsPage.inviteList.pageTitle}),o.jsx(dr,{companyNameSticky:!1,onColumnSortConfigChanged:l,sortConfig:{sortKey:t.sortKey,sortOrder:t.sortOrder}}),o.jsx(Te,{ref:u,height:m,width:"100%",itemCount:e.length,itemSize:g,estimatedItemSize:114,itemKey:f=>e[f].refereeEmailId,overscanCount:1,initialScrollOffset:0,children:f=>o.jsx(ei,{...f,inviteList:e,onResendInviteClick:c})})]}))}return o.jsx(ri,{children:x})},ri=i.div`
   display: block;
   height: 100%;
 `,ii=i.div`
@@ -677,7 +677,7 @@ import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 as
   background: ${e=>e.theme.colors.background};
   border-radius: 50%;
   cursor: pointer;
-`,ni=i(Oe)`
+`,ni=i(We)`
   height: ${r.sp5};
   width: ${r.sp5};
   color: ${e=>e.theme.colors.grey1};
@@ -687,12 +687,12 @@ import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 as
 `,si=i(De)`
   margin-top: ${r.sp3};
   color: ${e=>e.theme.colors.hero};
-`,ai=i(B)`
-  ${e=>`${qr.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)};
+`,ai=i(M)`
+  ${e=>`${Xr.pageTitle.style(e.windowSize)}`};
+  margin-top: ${e=>W.pageTitleMarginTop.valuePx(e.windowSize)};
+  margin-bottom: ${e=>W.pageTitleMarginBottom.valuePx(e.windowSize)};
+  margin-left: ${e=>W.pageTitleMarginLeft.valuePx(e.windowSize)};
+  margin-right: ${e=>W.pageTitleMarginRight.valuePx(e.windowSize)};
   color: ${e=>e.theme.colors.primary};
 `,li=i.div`
   height: 100%;
@@ -705,7 +705,7 @@ import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 as
   &:last-child {
     padding-bottom: ${r.sp0};
   }
-`,ci={referralButtonRightPosition:new h(-4,28,28,-4)},{rewardsPage:{referButton:H},common:{texts:D}}=y.getLocalizedStrings();function pi(e){const t=j(),[n,c]=w.useState(!1),[,a]=E(),[l,d]=w.useState(!1);return w.useEffect(()=>{l===!0&&setTimeout(()=>{d(!1),c(!1)},2e3)},[l]),o.jsx(hi,{windowSize:t,children:o.jsx(_e,{onClickAway:()=>{c(!1)},children:o.jsx(gi,{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:D.refer,options:[{label:H.inviteViaEmail,value:D.invite},{label:l?H.urlCopied:H.copyReferralUrl,value:l?D.copied:D.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":e.onCopyReferralLink(),l||(a(e.referralLink.toString()),d(!0))}}})})})})}const hi=i.div`
+`,ci={referralButtonRightPosition:new h(-4,28,28,-4)},{rewardsPage:{referButton:F},common:{texts:D}}=y.getLocalizedStrings();function pi(e){const t=j(),[n,c]=w.useState(!1),[,a]=A(),[l,d]=w.useState(!1);return w.useEffect(()=>{l===!0&&setTimeout(()=>{d(!1),c(!1)},2e3)},[l]),o.jsx(hi,{windowSize:t,children:o.jsx(_e,{onClickAway:()=>{c(!1)},children:o.jsx(gi,{onClick:()=>{n||e.onClickRefer(),c(!0)},onTouchEnd:()=>{n||e.onClickRefer(),c(!0)},children:o.jsx(Ge,{entity:"rewards",isMoreOption:!1,closeMenuOnSelect:!1,isMenuOpen:n,title:D.refer,options:[{label:F.inviteViaEmail,value:D.invite},{label:l?F.urlCopied:F.copyReferralUrl,value:l?D.copied:D.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":e.onCopyReferralLink(),l||(a(e.referralLink.toString()),d(!0))}}})})})})}const hi=i.div`
   position: absolute;
   right: ${e=>ci.referralButtonRightPosition.valuePx(e.windowSize)};
 `,gi=i.div`
@@ -716,7 +716,7 @@ import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 as
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,mi=y.getLocalizedStrings().rewardsPage,Vi=e=>{const t=A(),n=j(),{pendingBonus:c,earnedBonus:a,rewardsPlan:l,pendingReferrals:d,inviteList:g,uiState:m,fetchState:u,onInviteClick:x,onBackClick:f,onHowItWorksClick:p,onReloadInvitees:b,onResendInviteClick:L,onColumnSortConfigChanged:ze,onCopyReferralLink:W,onClickRefer:Pe,onClickMenuIcon:Re}=e,[Le,Z]=w.useState(!0);let q=null;return Le||(q=o.jsx(pi,{referralLink:l.referralLink,onInviteClick:x,onClickRefer:Pe,onCopyReferralLink:W})),o.jsxs(ui,{children:[o.jsx(Ie,{source:"InvitePageListView",title:mi.pageTitle,showBackButton:!0,backgroundColor:t.colors.grey4,style:{zIndex:3},onBackClick:f,showMenuIcon:n==="medium-compact"||n==="small",onClickMenuIcon:Re,rightSideComponent:q}),g.length===0?o.jsx(fi,{children:o.jsx(zo,{rewardsPlan:l,onHowItWorksClick:p,onInviteClick:x,onCopyReferral:W})}):o.jsxs(o.Fragment,{children:[n==="small"?o.jsxs(wi,{children:[o.jsx(re,{pendingBonus:c,earnedBonus:a,pendingReferrals:d,onHowItWorksClick:p}),o.jsx(Ce,{referralLink:l.referralLink,onInviteClick:x,onCopyReferral:W,setShowNavButton:Z})]}):o.jsxs(xi,{children:[o.jsx(me,{children:o.jsx(re,{pendingBonus:c,earnedBonus:a,pendingReferrals:d,onHowItWorksClick:p})}),o.jsx(me,{children:o.jsx(Wo,{rewardsPlan:l,onInviteClick:x,setShowNavButton:Z,onCopyReferral:W})})]}),o.jsx(oi,{inviteList:g,fetchState:u,onReloadInvitees:b,onColumnSortConfigChanged:ze,uiState:m,onResendInviteClick:L})]})]})},ui=i.div`
+`,mi=y.getLocalizedStrings().rewardsPage,Hi=e=>{const t=E(),n=j(),{pendingBonus:c,earnedBonus:a,rewardsPlan:l,pendingReferrals:d,inviteList:g,uiState:m,fetchState:u,onInviteClick:x,onBackClick:f,onHowItWorksClick:p,onReloadInvitees:b,onResendInviteClick:L,onColumnSortConfigChanged:ze,onCopyReferralLink:O,onClickRefer:Pe,onClickMenuIcon:Re}=e,[Le,Z]=w.useState(!0);let X=null;return Le||(X=o.jsx(pi,{referralLink:l.referralLink,onInviteClick:x,onClickRefer:Pe,onCopyReferralLink:O})),o.jsxs(ui,{children:[o.jsx(Ie,{source:"InvitePageListView",title:mi.pageTitle,showBackButton:!0,backgroundColor:t.colors.grey4,style:{zIndex:3},onBackClick:f,showMenuIcon:n==="medium-compact"||n==="small",onClickMenuIcon:Re,rightSideComponent:X}),g.length===0?o.jsx(fi,{children:o.jsx(zo,{rewardsPlan:l,onHowItWorksClick:p,onInviteClick:x,onCopyReferral:O})}):o.jsxs(o.Fragment,{children:[n==="small"?o.jsxs(wi,{children:[o.jsx(re,{pendingBonus:c,earnedBonus:a,pendingReferrals:d,onHowItWorksClick:p}),o.jsx(Ce,{referralLink:l.referralLink,onInviteClick:x,onCopyReferral:O,setShowNavButton:Z})]}):o.jsxs(xi,{children:[o.jsx(me,{children:o.jsx(re,{pendingBonus:c,earnedBonus:a,pendingReferrals:d,onHowItWorksClick:p})}),o.jsx(me,{children:o.jsx(Oo,{rewardsPlan:l,onInviteClick:x,setShowNavButton:Z,onCopyReferral:O})})]}),o.jsx(oi,{inviteList:g,fetchState:u,onReloadInvitees:b,onColumnSortConfigChanged:ze,uiState:m,onResendInviteClick:L})]})]})},ui=i.div`
   display: flex;
   width: 100%;
   height: 100vh;
@@ -736,4 +736,4 @@ import{y as A,J as j,V as o,a_ as Ie,gc as E,m as _e,u as s,O as y,o as r,a4 as
   height: 100%;
 `,me=i.div`
   width: 49%;
-`;export{Vi as default};
+`;export{Hi as default};

package/dist/assets/InvitePeoplePage-Bl-WUfXO-DagADS45.js

@@ -0,0 +1,12 @@
+import{e as ee,fl as ne,y as le,T as te,k as g,V as c,gd as oe,A as ie,P as se,a9 as re,o as ae,x as Z,c0 as N,fo as V,fp as W,fq as M,O as de,c2 as ce}from"./index-ByxsQZNo.js";import{a as R}from"./sentry-COYnhuxW.js";import{n as G}from"./mui-40xepic5.js";import{G0 as ue,bt as me}from"./zeni-epic-state-DCforPdM.js";import{f as pe}from"./AllUserItems-CjeF5SWi-CeRsiH4z.js";import"./pdf-A8jRKyoC.js";import"./core-B0nKoasK.js";import"./lottie-BzV8yd9z.js";import"./liveblocks-DskTqGyX.js";import"./recharts-Bbdho9Pi.js";import"./dnd-NNN-4w0O.js";import"./analytics-CDQ7tGpV.js";import"./plaid-cfgjTkr8.js";import"./utils-DMEPgX6w.js";import"./LabeledEmailInputField-Cd9p7Kj0-DZf49c8n.js";import"./LabeledZeniRolesDropDownField-CbJ3OtWK-CN-nwhu5.js";import"./RoleWithToolTip-Bqdsc31P-CNmkPW05.js";import"./LabeledUserSingleSelectWithSubtitlesField-XD6D3r0Y-Ce4jb_BF.js";import"./avatar-Dz7aEm3d-BdKWS97a.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="2aec6c96-021c-47df-a8be-186398aebdd0",e._sentryDebugIdIdentifier="sentry-dbid-2aec6c96-021c-47df-a8be-186398aebdd0")}catch{}})();const $={containerPaddingLeft:new Z(g[3],g[6],g[8]),containerPaddingRight:new Z(g[3],g[6],g[8]),buttonWidth:new Z(85,85)},Q="editPeoplePage",I="userItems",p=de.getLocalizedStrings().peoplePage,Ze=({peopleDetails:e,managersList:n,classList:f,controllersList:T,mode:l,isZeniTenant:x,onPeopleLocalDataUpdated:C,onCloseClick:O,onSaveClick:r,isReimbursementDisabled:w,isZeniAccountsDisabled:t,isChargeCardDisabled:j,isTreasuryDisabled:k,isBankingOnlyTenant:v,isCardsOnlyTenant:y,isLiteRoleDisabled:U})=>{const u=ee(),[K,H]=R.useState(-1),[q,_]=R.useState(""),E=R.useRef(null),z=R.useMemo(()=>ne(w,t,j,v,y,U,k),[w,t,j,v,y,U,k]),J=le(),a=te({mode:"onBlur",reValidateMode:"onChange",defaultValues:F(e.people,l,z,n,f,v,y),values:F(e.people,l,z,n,f,v,y)}),X=a.handleSubmit(()=>{Y()?r():console.warn("Invite People form error")}),Y=()=>{const o=a.getValues();let i=!0;return o.userItems.forEach((L,P)=>{const{role:S,nonZeniRole:h,department:D,manager:d}=L;if(l==="zeni_only")S?.selectedOptions==null&&(a.setError(`${I}.${P}.role`,{type:"required"}),i=!1);else{const m=h?.userRole.selectedRole;(m!=null&&h!=null?h.productsByUserRole[m].map(s=>s.selectedOption).filter(s=>s!=null):[]).length<1&&(a.setError(`${I}.${P}.nonZeniRole.userRole.selectedRole`,{type:"required"}),i=!1),D?.selectedOption==null&&m!=="investor_or_banker"&&!v&&!y&&(a.setError(`${I}.${P}.department`,{type:"required"}),i=!1),d?.selectedUser==null&&m!=="investor_or_banker"&&(a.setError(`${I}.${P}.manager`,{type:"required"}),i=!1)}}),i};return R.useEffect(()=>{const o=a.watch((i,{name:L})=>{L!=null&&i!=null&&(async(P,S)=>{const h=[],{userItems:D}=S;D.forEach(d=>{let m={};if(l==="zeni_only")m={email:d.email,role:[d.role?.selectedOptions]};else{const s=d.nonZeniRole?.userRole.selectedRole;let b=[];s==="admin"||s==="investor_or_banker"?b.push(s):b=s!=null?(d.nonZeniRole?.productsByUserRole[s]??[]).map(B=>ue(B.selectedOption?.value)).filter(B=>B!=null):[],s==="employee"&&b.length===0&&(b=["reimbursements_user"]);const A=me(b);m={email:d.email,role:b,departmentId:A?void 0:d.department?.selectedOption?.value,managerId:A?void 0:d.manager?.selectedUser}}h.push(m)}),C(h)})(0,i)});return()=>{o.unsubscribe()}}),R.useEffect(()=>{const o=E.current,i=()=>{u!=="small"&&(o&&o?.scrollTop>g[9]?_(l==="zeni_only"?p.invitePage.zeniTitle:p.invitePage.title):_(""))};return u==="small"?_(l==="zeni_only"?p.invitePage.zeniTitle:p.invitePage.title):o&&o?.scrollTop<=g[9]&&_(""),o&&o.addEventListener("scroll",i),()=>{o&&o.removeEventListener("scroll",i)}},[l,q,u]),c.jsxs(c.Fragment,{children:[c.jsx(oe,{title:q,backgroundColor:J.colors.grey4,style:{zIndex:4},onCloseClick:O,isTitleAlignLeft:u==="small"}),c.jsxs(ge,{"data-testid":se("invite-people-container"),windowSize:u,ref:E,children:[u!=="small"?c.jsx(fe,{children:l==="zeni_only"?p.invitePage.zeniTitle:p.invitePage.title}):null,c.jsx(ie,{...a,children:c.jsx("form",{id:`${Q}_form`,onSubmit:X,children:c.jsx(pe,{control:a.control,sectionId:I,deleteConfirmationIndex:K,updateDeleteConfirmationIndex:H,mode:l,isZeniTenant:x,classList:f,managersList:n,controllersList:T,isBankingOnlyTenant:v,isCardsOnlyTenant:y,customerRoleOptions:z,isEdit:!1})})})]}),c.jsx(re,{formId:`${Q}_form`,primaryBtn:{label:p.invitePage.invite,style:{width:$.buttonWidth.value(u)},isLoading:e.invitePersonState.fetchState==="In-Progress",isDisabled:e.invitePersonState.fetchState==="In-Progress"},showCancel:!0,cancelBtn:{label:p.invitePage.cancel,style:{width:$.buttonWidth.value(u)},shouldResetOnCancel:!1,onClick:O},separatorStyle:{marginRight:ae.sp4}})]})},F=(e,n,f,T,l,x,C)=>{const O=[{userIndex:0,email:[],role:n==="zeni_only"?{allOptions:N.roles,selectedOptions:e[0]?.role}:void 0,nonZeniRole:n==="off"?{userRole:{selectedRole:e[0]?.role.length>0?M(e[0].role):void 0,allRootRole:W(x,C)},productsByUserRole:V(e[0]?.role??[],f)}:void 0,department:void 0,manager:void 0}];return{[I]:e.length>0?e.map((r,w)=>({userIndex:w,email:r.email,role:n==="zeni_only"?{allOptions:N.roles,selectedOptions:r.role}:void 0,nonZeniRole:n==="off"?{userRole:{selectedRole:r.role.length>0?M(r.role):void 0,allRootRole:W(x,C)},productsByUserRole:V(r.role,f)}:void 0,department:{allOptions:l.map(t=>({label:t.fullyQualifiedAccountingClassName??"",value:t.classId,hoverText:t.accountingClassNumber})),selectedOption:l.map(t=>({label:t.fullyQualifiedAccountingClassName??"",value:t.classId,hoverText:t.accountingClassNumber})).find(t=>t.value===r.departmentId)},manager:{allUsers:T,selectedUser:r.managerId}})):O}},je=(e,n)=>`${e}.${n}`,ge=G.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+
+  padding-left: ${e=>`${$.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${e=>`${$.containerPaddingRight.valuePx(e.windowSize)}`};
+  overflow-x: hidden;
+  height: 100%;
+`,fe=G(ce)`
+  color: ${e=>e.theme.colors.primary};
+`;export{Ze as default,je as uniqueName};