@zeniai/web-app-ui 4.14.38-qa → 4.14.39-dev

package/dist/assets/{InvitePageListView-e7vGSbFa-lWVPew31.js → InvitePageListView-CP4K9tJi-CrsR5dUL.js}

@@ -1,28 +1,28 @@
-import{y as E,X as j,V as o,a_ as Ie,gr as A,i as _e,j 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 _,d as M,l as V,e as k,aj as Me,u as Y,aA as J,gv as Q,C as S,D as Be,bm as We,bd as De,ab as Oe,n as ue,H as B,k as Ne,c2 as xe,at as Ee,gD as X,id as Ae,b_ as Ve,iP as we,L as fe,bG as $e,fZ as v,Q as He,iQ as ye,bH as be}from"./index-DBW4633P.js";import{a as w}from"./sentry-DINNQYpi.js";import{n as i}from"./mui-C_CXevf3.js";import{C as ve}from"./gift-box-Cmt9OgIZ-CLkhO8vB.js";import{m as Fe}from"./BusyIndication-Cd67eHX6-CtvBXiRL.js";import{f as Ke}from"./calculateSize-zPet_z9g-DAbLjY3A.js";import{GK as ee,GL as $,GM as z}from"./zeni-epic-state-a7Sj5mjO.js";import{y as Ge}from"./MoreMenuButton-Ct8k8Oax-Jl7RdYoC.js";import"./liveblocks-BsQBjN-0.js";import"./core-5sxMy3sZ.js";import"./lottie-C2R6rGxS.js";import"./pdf-DyB_VHQx.js";import"./dnd-Cfx_ai1S.js";import"./analytics-Buyhprzd.js";import"./plaid-Yyr3DBd8.js";import"./recharts-CTWfsY-L.js";import"./utils-DmE88LS_.js";import"./bank-letter-BOcVjN6J-B3HKnrvN.js";import"./spend-limit-D6SyboD4-05QrBanM.js";import"./dollar-round-D18u7nlm-BAPPb_YV.js";import"./money-2cg1MuG4-C1UnGCa2.js";import"./page-summary-D7_VQHwN-BBMfUdRp.js";import"./transaction-placeholder-CpOwZAMG-kO6lyet9.js";import"./unlock-BPWn2I5L-fA9hPtxv.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]="6af4d9bb-6ade-4bd5-a6db-9cd764d3714c",e._sentryDebugIdIdentifier="sentry-dbid-6af4d9bb-6ade-4bd5-a6db-9cd764d3714c")}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`
+import{y as N,e as j,V as o,a_ as Ie,gm as A,k as _e,m as s,O as y,o as r,a5 as C,a as K,w as T,bV as Te,x as h,d as _,M,l as V,f as k,aj as Me,u as Y,aA as J,gq as q,C as S,D as Be,bm as Oe,bd as We,ab as De,n as ue,H as B,t as Ee,c2 as xe,at as Ne,gy as U,ib as Ae,b_ as Ve,iN as we,L as fe,bG as $e,fS as v,P as He,iO as ye,bH as be}from"./index-BngCC-zG.js";import{a as w}from"./sentry-CHlUi953.js";import{n as i}from"./mui-DyGc7Pg8.js";import{C as ve}from"./gift-box-Cmt9OgIZ-CR0qdQnT.js";import{m as Fe}from"./BusyIndication-9zDqSKBP-WSsX6_uU.js";import{f as Ke}from"./calculateSize-B2w5JPEU-BqvYgtxt.js";import{GE as ee,GF as $,GG as z}from"./zeni-epic-state-D8D2Skiq.js";import{y as Ge}from"./MoreMenuButton-BsBKwXvk-DeCIVX9G.js";import"./pdf-BxqSCr4b.js";import"./core-CVVdXRky.js";import"./lottie-D68Xb3aQ.js";import"./liveblocks-CHs9GmLG.js";import"./recharts-CMjB5mmq.js";import"./dnd-CcRW__D6.js";import"./analytics-CZ3wLx3P.js";import"./plaid-xWfKHEqu.js";import"./utils-BpkJZQMI.js";import"./bank-letter-BOcVjN6J-B0RfZgcz.js";import"./spend-limit-D6SyboD4-DKcfJ6au.js";import"./dollar-round-D18u7nlm-BkHqkGHG.js";import"./money-2cg1MuG4-DZxnWrWu.js";import"./page-summary-D7_VQHwN-V_V9hbFl.js";import"./transaction-placeholder-CpOwZAMG-BRNI97Lv.js";import"./unlock-BPWn2I5L-BfuVrsIJ.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]="8ae02c70-077c-4ac2-9a2a-0e6cafe40147",e._sentryDebugIdIdentifier="sentry-dbid-8ae02c70-077c-4ac2-9a2a-0e6cafe40147")}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=>Ye.pageTitleMarginLeft.valuePx(e.windowSize)};
   margin-top: ${r.sp4};
-`,Qe=i.div`
+`,qe=i.div`
   display: flex;
   justify-content: center;
   align-items: center;
   flex: 1 1 auto;
   min-width: 154px;
-`,Xe=i(Y)`
+`,Ue=i(Y)`
   height: ${r.sp3};
   width: ${r.sp3};
   color: ${e=>e.theme.colors.hero};
-`,Ze=i(Q)`
+`,Qe=i(q)`
   width: ${r.sp3};
   height: ${r.sp3};
-`,Ue=i(J)`
+`,Xe=i(J)`
   width: ${r.sp3};
   height: ${r.sp3};
   color: ${k.success};
-`;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(Xe,{}),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(Ue,{}):o.jsx(Ze,{}),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(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=N();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(Ue,{}),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(Xe,{}):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} ${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(Ze,{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 Ze=i.div`
   display: flex;
   height: 100%;
   min-width: ${e=>G.minWidth.valuePx(e.windowSize)};
@@ -96,14 +96,14 @@ import{y as E,X as j,V as o,a_ as Ie,gr as A,i as _e,j as s,O as y,o as r,a5 as
   color: ${e=>e.theme.mode==="light"?e.theme.colors.brandColorSapphire:e.theme.colors.brandColorJade};
   margin-bottom: ${r.sp3};
   max-width: 450px;
-`,go=i(Ee)`
+`,go=i(Ne)`
   margin-bottom: ${r.sp5};
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
   &:hover {
     color: ${e=>e.theme.colors.champion};
   }
-`,mo=i(X)`
+`,mo=i(U)`
   border: 1px solid ${e=>e.theme.colors.primary};
   border-radius: ${r.sp2};
   background-color: ${e=>e.theme.colors.primary};
@@ -128,7 +128,7 @@ import{y as E,X as j,V as o,a_ as Ie,gr as A,i as _e,j as s,O as y,o as r,a5 as
   flex: 0 1 auto;
   flex-direction: column;
   align-items: flex-start;
-`,wo=i(X)`
+`,wo=i(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{y as E,X as j,V as o,a_ as Ie,gr as A,i as _e,j as s,O as y,o as r,a5 as
     background-color: ${e=>e.theme.colors.champion};
     border: 1px solid ${e=>e.theme.colors.champion};
   }
-`,fo=i(Q)`
+`,fo=i(q)`
   width: ${r.sp3};
   height: ${r.sp3};
   margin-right: ${r.sp2};
@@ -186,7 +186,7 @@ import{y as E,X as j,V as o,a_ as Ie,gr as A,i as _e,j as s,O as y,o as r,a5 as
 `,ko=i(B)`
   color: ${e=>e.theme.colors.champion};
   margin-bottom: ${r.sp3};
-`,So=i(Ne)`
+`,So=i(Ee)`
   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{y as E,X as j,V as o,a_ as Ie,gr as A,i as _e,j as s,O as y,o as r,a5 as
 `,Mo=i(xe)`
   color: ${e=>e.theme.colors.brandColorGold};
   margin-bottom: ${r.sp2};
-`,Bo={backgroundSize:new h(75,100,75)};function Wo({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(Do,{windowSize:l,children:[o.jsxs(Oo,{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 Do=i.div`
+`,Bo={backgroundSize:new h(75,100,75)};function Oo({rewardsPlan:e,onInviteClick:t,setShowNavButton:n,onCopyReferral:c}){const a=N(),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(Eo,{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(No,{children:o.jsx(Po,{planAmount:e.referrerAmount})})]})}const Wo=i.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -237,21 +237,21 @@ import{y as E,X as j,V as o,a_ as Ie,gr as A,i as _e,j as s,O as y,o as r,a5 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};
-`,Oo=i.div`
+`,Do=i.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: space-between;
   margin-left: ${r.sp6};
   margin-right: ${r.sp4};
-`,No=i.div`
+`,Eo=i.div`
   display: flex;
   width: fit-content;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
   position: relative;
-`,Eo=i.div`
+`,No=i.div`
   display: flex;
   max-width: 254px;
   min-width: 240px;
@@ -279,7 +279,7 @@ import{y as E,X as j,V as o,a_ as Ie,gr as A,i as _e,j as s,O as y,o as r,a5 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(Q)`
+`,Ko=i(q)`
   width: ${r.sp3};
   height: ${r.sp3};
   cursor: pointer;
@@ -305,13 +305,13 @@ import{y as E,X as j,V as o,a_ as Ie,gr as A,i as _e,j as s,O as y,o as r,a5 as
   background-color: ${e=>e.showCopyText||e.isCopied?e.theme.colors.black:"transparent"};
   padding: ${r.sp1} ${r.sp2};
   border-radius: ${r.sp1};
-`,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(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(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 Xo=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(Uo,{windowSize:d,children:[o.jsx(Qo,{children:o.jsx(Xo,{windowSize:d,children:a.title})}),o.jsxs(Zo,{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 Uo=i.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
   flex: 1 1 auto;
-  height: ${e=>Qo.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 E,X as j,V as o,a_ as Ie,gr as A,i as _e,j as s,O as y,o as r,a5 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};
-`,Zo=i.div`
+`,Qo=i.div`
   display: flex;
   flex: 0 1 auto;
   width: 100%;
   align-items: center;
   justify-content: center;
   padding-top: ${r.sp4};
-`,Uo=i(M)`
+`,Xo=i(M)`
   ${e=>`${H.cardTitle.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.champion};
   margin-bottom: ${r.sp1};
-`,qo=i.div`
+`,Zo=i.div`
   display: flex;
   flex-direction: ${e=>e.windowSize==="medium-compact"?"column":"row"};
   flex: 0 1 auto;
@@ -384,7 +384,7 @@ import{y as E,X as j,V as o,a_ as Ie,gr as A,i as _e,j as s,O as y,o as r,a5 as
   padding-right: 12px;
   color: ${e=>e.theme.colors.primary};
   ${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:Z},common:{strings:ae}}=y.getLocalizedStrings(),sr={key:"invitee_email",value:Z.invitee_email,sortOrder:"ascending",width:new h(s[7],s[8],s[8],s[9])},ar={key:"amount",value:Z.amount,sortOrder:"ascending",width:new h(s[4],20,20,s[3])},N=[sr,{key:"status",value:Z.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(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)`
+`,se=(e,t)=>t!=="small"?90:Ke(e,{...T.standardRegular.cssPartialObject(["fontSize","fontFamily","fontWeight"])}).width<160?114:138,{rewardsPage:{header:Q},common:{strings:ae}}=y.getLocalizedStrings(),sr={key:"invitee_email",value:Q.invitee_email,sortOrder:"ascending",width:new h(s[7],s[8],s[8],s[9])},ar={key:"amount",value:Q.amount,sortOrder:"ascending",width:new h(s[4],20,20,s[3])},E=[sr,{key:"status",value:Q.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=N(),a=j(),[l,d]=w.useState(E);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)};
@@ -440,7 +440,7 @@ import{y as E,X as j,V as o,a_ as Ie,gr as A,i as _e,j as s,O as y,o as r,a5 as
   cursor: pointer;
   gap: 5px;
   color: ${e=>e.theme.colors.hero};
-`,P={containerPaddingLeft:new h(s[3],s[4]),containerPaddingRight:new h(s[3],s[4]),containerPaddingTop:new h(s[2],12),containerPaddingBottom:new h(s[2],12),containerMarginLeft:new h(s[4],s[8]),containerMarginRight:new h(s[4],s[8]),webkitLineClamp:new h(2,1,1,1,1)},{dateFormat:xr,rewardsPage:{inviteList:wr},common:pe}=y.getLocalizedStrings(),fr=({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(xr.visual.YYYYDashMMDashDFormat));g=we(72,x)}const m=n.value===$.reward_sent?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(Rr,{color:n.color,onClick:()=>{l(e)},children:wr.status.resend_invite}),o.jsx(Ir,{children:`${pe.sent} ${$e(a)}`})]});return o.jsx($r,{windowSize:d,children:o.jsx(yr,{children:o.jsxs(br,{children:[o.jsxs(vr,{windowSize:d,responsiveWidth:N[0].width,children:[o.jsx(jr,{children:o.jsx(_r,{})}),o.jsx(Cr,{windowSize:d,children:e})]}),o.jsx(Lr,{windowSize:d,responsiveWidth:N[1].width,children:n.value===$.invite_sent&&g?u:o.jsx(Tr,{children:o.jsx(Pr,{color:n.color,borderColor:n.borderColor,children:n.value===$.reward_sent?$.active:n.value})})}),o.jsx(kr,{windowSize:d,responsiveWidth:N[2].width,amountStatus:m,children:n.value===$.declined?o.jsx(Sr,{children:pe.strings.hyphen}):o.jsxs(o.Fragment,{children:[C("0,0.[00]",t),o.jsx(zr,{amountStatus:m,children:m})]})})]})})})},$r=i.div`
+`,P={containerPaddingLeft:new h(s[3],s[4]),containerPaddingRight:new h(s[3],s[4]),containerPaddingTop:new h(s[2],12),containerPaddingBottom:new h(s[2],12),containerMarginLeft:new h(s[4],s[8]),containerMarginRight:new h(s[4],s[8]),webkitLineClamp:new h(2,1,1,1,1)},{dateFormat:xr,rewardsPage:{inviteList:wr},common:pe}=y.getLocalizedStrings(),fr=({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(xr.visual.YYYYDashMMDashDFormat));g=we(72,x)}const m=n.value===$.reward_sent?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(Rr,{color:n.color,onClick:()=>{l(e)},children:wr.status.resend_invite}),o.jsx(Ir,{children:`${pe.sent} ${$e(a)}`})]});return o.jsx($r,{windowSize:d,children:o.jsx(yr,{children:o.jsxs(br,{children:[o.jsxs(vr,{windowSize:d,responsiveWidth:E[0].width,children:[o.jsx(jr,{children:o.jsx(_r,{})}),o.jsx(Cr,{windowSize:d,children:e})]}),o.jsx(Lr,{windowSize:d,responsiveWidth:E[1].width,children:n.value===$.invite_sent&&g?u:o.jsx(Tr,{children:o.jsx(Pr,{color:n.color,borderColor:n.borderColor,children:n.value===$.reward_sent?$.active:n.value})})}),o.jsx(kr,{windowSize:d,responsiveWidth:E[2].width,amountStatus:m,children:n.value===$.declined?o.jsx(Sr,{children:pe.strings.hyphen}):o.jsxs(o.Fragment,{children:[C("0,0.[00]",t),o.jsx(zr,{amountStatus:m,children:m})]})})]})})})},$r=i.div`
   display: flex;
   align-items: center;
   margin-bottom: ${r.sp3};
@@ -511,7 +511,7 @@ import{y as E,X as j,V as o,a_ as Ie,gr as A,i as _e,j as s,O as y,o as r,a5 as
   white-space: nowrap;
   border: ${e=>`1px solid ${e.borderColor}`};
   border-radius: ${r.sp1};
-`,Rr=i(X)`
+`,Rr=i(U)`
   display: flex;
   color: ${e=>e.color};
   height: 20px;
@@ -548,7 +548,7 @@ import{y as E,X as j,V as o,a_ as Ie,gr as A,i as _e,j as s,O as y,o as r,a5 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:Mr,rewardsPage:{inviteList:Br},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(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(Dr,{windowSize:d,children:o.jsxs(Or,{children:[o.jsxs(Xr,{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(Zr,{children:o.jsx(Gr,{children:n.value===$.invite_sent&&g?u:o.jsx(Ur,{children:o.jsx(Kr,{color:n.color,borderColor:n.borderColor,children:n.value})})})})]})})},Dr=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(Ur,{children:[o.jsxs(Er,{children:[o.jsx(Nr,{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(Qr,{children:o.jsx(Gr,{children:n.value===$.invite_sent&&g?u:o.jsx(Xr,{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};
@@ -562,17 +562,17 @@ import{y as E,X as j,V as o,a_ as Ie,gr as A,i as _e,j as s,O as y,o as r,a5 as
   cursor: pointer;
   margin-right: ${e=>R.containerMarginRight.valuePx(e.windowSize)};
   margin-left: ${e=>R.containerMarginLeft.valuePx(e.windowSize)};
-`,Or=i.div`
+`,Dr=i.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
-`,Nr=i.div`
+`,Er=i.div`
   display: flex;
   flex-direction: row;
   align-items: center;
   color: ${e=>e.theme.colors.hero};
   width: 100%;
-`,Er=i.div`
+`,Nr=i.div`
   display: flex;
   align-items: flex-start;
   height: 100%;
@@ -638,27 +638,27 @@ import{y as E,X as j,V as o,a_ as Ie,gr as A,i as _e,j as s,O as y,o as r,a5 as
   box-sizing: border-box;
   display: flex;
   align-items: center;
-`,Qr=i(ye)`
+`,qr=i(ye)`
   height: ${r.sp4};
   width: ${r.sp4};
   flex-shrink: 0;
   margin-right: ${r.sp1};
   color: ${e=>e.theme.colors.grey2};
-`,Xr=i.div`
+`,Ur=i.div`
   display: flex;
   flex-direction: column;
   width: 188px;
-`,Zr=i.div`
+`,Qr=i.div`
   display: flex;
   flex-direction: column;
   text-align: right;
   width: 108px;
   padding-top: 2px;
-`,Ur=i.div`
+`,Xr=i.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
-`,D={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(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`
+`,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])},Zr={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,22 +677,22 @@ import{y as E,X as j,V as o,a_ as Ie,gr as A,i as _e,j as s,O as y,o as r,a5 as
   background: ${e=>e.theme.colors.background};
   border-radius: 50%;
   cursor: pointer;
-`,ni=i(De)`
+`,ni=i(We)`
   height: ${r.sp5};
   width: ${r.sp5};
   color: ${e=>e.theme.colors.grey1};
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,si=i(Oe)`
+`,si=i(De)`
   margin-top: ${r.sp3};
   color: ${e=>e.theme.colors.hero};
 `,ai=i(M)`
-  ${e=>`${qr.pageTitle.style(e.windowSize)}`};
-  margin-top: ${e=>D.pageTitleMarginTop.valuePx(e.windowSize)};
-  margin-bottom: ${e=>D.pageTitleMarginBottom.valuePx(e.windowSize)};
-  margin-left: ${e=>D.pageTitleMarginLeft.valuePx(e.windowSize)};
-  margin-right: ${e=>D.pageTitleMarginRight.valuePx(e.windowSize)};
+  ${e=>`${Zr.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 E,X as j,V as o,a_ as Ie,gr as A,i as _e,j as s,O as y,o as r,a5 as
   &:last-child {
     padding-bottom: ${r.sp0};
   }
-`,ci={referralButtonRightPosition:new h(-4,28,28,-4)},{rewardsPage:{referButton:F},common:{texts:O}}=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: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":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 E,X as j,V as o,a_ as Ie,gr as A,i as _e,j as s,O as y,o as r,a5 as
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,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:W,onClickRefer:Pe,onClickMenuIcon:Re}=e,[Le,U]=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:U})]}):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:U,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=N(),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,X]=w.useState(!0);let Z=null;return Le||(Z=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:Z}),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:X})]}):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:X,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;

package/dist/assets/InvitePeoplePage-VTM6kM1u-DEUyoj-n.js

@@ -0,0 +1,12 @@
+import{e as ee,fl as ne,y as le,T as te,m as g,V as c,gd as oe,A as ie,b 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-BngCC-zG.js";import{a as R}from"./sentry-CHlUi953.js";import{n as G}from"./mui-DyGc7Pg8.js";import{G0 as ue,bt as me}from"./zeni-epic-state-D8D2Skiq.js";import{f as pe}from"./AllUserItems-BJf6WPDo-D0H1tMjG.js";import"./pdf-BxqSCr4b.js";import"./core-CVVdXRky.js";import"./lottie-D68Xb3aQ.js";import"./liveblocks-CHs9GmLG.js";import"./recharts-CMjB5mmq.js";import"./dnd-CcRW__D6.js";import"./analytics-CZ3wLx3P.js";import"./plaid-xWfKHEqu.js";import"./utils-BpkJZQMI.js";import"./LabeledEmailInputField-BppuWRbl-BqM5ToGw.js";import"./LabeledZeniRolesDropDownField-BZtreVpj-BQKcvtGQ.js";import"./RoleWithToolTip-Ct3_VuDM-zYFjvA-a.js";import"./LabeledUserSingleSelectWithSubtitlesField-C8JxAcOT-eV0BTiQT.js";import"./avatar-Dz7aEm3d-B1h__iIh.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]="1b7ac7b7-7e20-4cf8-9de8-4ea08d5d7569",e._sentryDebugIdIdentifier="sentry-dbid-1b7ac7b7-7e20-4cf8-9de8-4ea08d5d7569")}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:$,mode:l,isZeniTenant:x,onPeopleLocalDataUpdated:C,onCloseClick:O,onSaveClick:r,isReimbursementDisabled:w,isZeniAccountsDisabled:t,isChargeCardDisabled:j,isTreasuryDisabled:B,isBankingOnlyTenant:v,isCardsOnlyTenant:y,isLiteRoleDisabled:k})=>{const u=ee(),[J,H]=R.useState(-1),[q,T]=R.useState(""),E=R.useRef(null),z=R.useMemo(()=>ne(w,t,j,v,y,k,B),[w,t,j,v,y,k,B]),K=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:b,department:D,manager:d}=L;if(l==="zeni_only")S?.selectedOptions==null&&(a.setError(`${I}.${P}.role`,{type:"required"}),i=!1);else{const m=b?.userRole.selectedRole;(m!=null&&b!=null?b.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 b=[],{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 h=[];s==="admin"||s==="investor_or_banker"?h.push(s):h=s!=null?(d.nonZeniRole?.productsByUserRole[s]??[]).map(U=>ue(U.selectedOption?.value)).filter(U=>U!=null):[],s==="employee"&&h.length===0&&(h=["reimbursements_user"]);const A=me(h);m={email:d.email,role:h,departmentId:A?void 0:d.department?.selectedOption?.value,managerId:A?void 0:d.manager?.selectedUser}}b.push(m)}),C(b)})(0,i)});return()=>{o.unsubscribe()}}),R.useEffect(()=>{const o=E.current,i=()=>{u!=="small"&&(o&&o?.scrollTop>g[9]?T(l==="zeni_only"?p.invitePage.zeniTitle:p.invitePage.title):T(""))};return u==="small"?T(l==="zeni_only"?p.invitePage.zeniTitle:p.invitePage.title):o&&o?.scrollTop<=g[9]&&T(""),o&&o.addEventListener("scroll",i),()=>{o&&o.removeEventListener("scroll",i)}},[l,q,u]),c.jsxs(c.Fragment,{children:[c.jsx(oe,{title:q,backgroundColor:K.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:J,updateDeleteConfirmationIndex:H,mode:l,isZeniTenant:x,classList:f,managersList:n,controllersList:$,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,$,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:$,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};

package/dist/assets/{InvoiceUploadSection-Dg1-uunA-CdV_lYCj.js → InvoiceUploadSection-it-ZYl1N-gndqObmu.js}

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