@zeniai/web-cockpit-ui 1.14.41-qa → 1.14.42-dev

package/dist/assets/{InvitePageListView-DhpXrg6S-iVD2f3Qa.js → InvitePageListView-0_dBCqFt-HjR3qPdd.js}

@@ -1,32 +1,32 @@
-import{u as E,e as j,j as o,aX as Te,B as v,fj as V,p as Ie,gs as _e,q as s,o as r,a0 as C,K as Y,v as M,b_ as Me,C as p,J as _,y as B,t as N,g as k,af as Be,f as q,az as Q,fl as U,w as z,r as We,j6 as Ae,bn as Oe,l as x,bg as De,a6 as Ee,T as xe,n as W,aD as Ve,c7 as we,ao as Ne,j7 as X,id as Ke,c3 as He,j8 as fe,m as $e,bK as ye,f$ as b,ip as Fe,j9 as ve,bO as be,fF as Ye}from"./index-IgYBqF_x.js";import{b as $,n as t}from"./vendor-rkTZJa59.js";import{C as je}from"./gift-box-Cmt9OgIZ-BqWjP_Ex.js";import"./mui-C42whWwM.js";import"./analytics-Dr_Q0qi5.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-Ccg-ICil.js";const Se=(e,i)=>{$.useEffect(()=>{const n=e.current;if(window.IntersectionObserver==null)return;const c=new IntersectionObserver(([a])=>{i&&i(a.isIntersecting)},{root:null,rootMargin:r.sp0,threshold:.1});return n&&c.observe(n),()=>{n&&c.unobserve(n)}})},Je={pageTitleMarginLeft:new p(s[4],s[6])},Ge=t.div`
+import{u as E,e as j,j as o,aX as Te,R as v,fj as N,p as Ie,gs as _e,q as s,o as r,a0 as C,Q as Y,v as M,b_ as Me,C as p,X as _,g as B,y as V,f as k,af as Be,h as J,az as X,fl as q,w as z,r as We,j6 as Ae,bn as Oe,l as x,bg as De,a6 as Ee,T as xe,n as W,aD as Ne,c7 as we,ao as Ve,j7 as U,id as Ke,c3 as He,j8 as fe,m as $e,bK as ye,f$ as b,ip as Fe,j9 as ve,bO as be,fF as Ye}from"./index-DESjn-8d.js";import{b as $,n as t}from"./vendor-rkTZJa59.js";import{C as je}from"./gift-box-Cmt9OgIZ-BqWjP_Ex.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";const Se=(e,i)=>{$.useEffect(()=>{const n=e.current;if(window.IntersectionObserver==null)return;const c=new IntersectionObserver(([a])=>{i&&i(a.isIntersecting)},{root:null,rootMargin:r.sp0,threshold:.1});return n&&c.observe(n),()=>{n&&c.unobserve(n)}})},Ge={pageTitleMarginLeft:new p(s[4],s[6])},Qe=t.div`
   position: relative;
   width: 100%;
   display: flex;
   flex-wrap: wrap;
-  gap: ${e=>Je.pageTitleMarginLeft.valuePx(e.windowSize)};
+  gap: ${e=>Ge.pageTitleMarginLeft.valuePx(e.windowSize)};
   margin-top: ${r.sp4};
-`,qe=t.div`
+`,Je=t.div`
   display: flex;
   justify-content: center;
   align-items: center;
   flex: 1 1 auto;
   min-width: 154px;
-`,Qe=t(q)`
+`,Xe=t(J)`
   height: ${r.sp3};
   width: ${r.sp3};
   color: ${e=>e.theme.colors.hero};
-`,Ue=t(U)`
+`,qe=t(q)`
   width: ${r.sp3};
   height: ${r.sp3};
-`,Xe=t(Q)`
+`,Ue=t(X)`
   width: ${r.sp3};
   height: ${r.sp3};
   color: ${k.success};
-`;function Ce({referralLink:e,onInviteClick:i,onCopyReferral:n,setShowNavButton:c}){const[,a]=V(),[l,d]=$.useState(!1),h=j(),g=E(),w=()=>{n(),l||(a(e.toString()),d(!0))};$.useEffect(()=>{l===!0&&setTimeout(()=>{d(!1)},2e3)},[l]);const u=$.useRef(null);Se(u,c);const f=v.getLocalizedStrings().rewardsPage.rewardsCard;return o.jsxs(Ge,{windowSize:h,children:[o.jsx(qe,{ref:u,children:o.jsx(Y,{variant:"secondary",label:f.inviteViaEmail,onClick:i,prefixIcon:o.jsx(Qe,{}),textStyle:{...M.smallRegular.cssObject,color:`${g.colors.hero}`},style:{borderRadius:`${r.sp1}`,border:`1px solid ${g.colors.grey1}`,backgroundColor:"transparent",padding:`${r.sp2} 12px`,minWidth:"154px",flex:"1 1 auto",display:"flex",justifyContent:"center",alignItems:"center"}})}),o.jsx(Y,{variant:"secondary",label:l?f.copied:f.copyReferralLink,onClick:w,prefixIcon:l?o.jsx(Xe,{}):o.jsx(Ue,{}),textStyle:{...M.smallRegular.cssObject,color:`${g.colors.hero}`},style:{borderRadius:`${r.sp1}`,border:`1px solid ${g.colors.grey1}`,backgroundColor:"transparent",padding:`${r.sp2} ${l?"47px":"12px"}`,minWidth:"154px",flex:"1 1 auto",display:"flex",justifyContent:"center",alignItems:"center"}})]})}const J={logoWidth:new p(95,135),minWidth:new p(256,360),maxWidth:new p(270,380)},ke={title:new _("smallRegular","largeRegular"),cardDetail:new _("h5Regular","h2Regular")};function ze({planAmount:e}){const i=j(),{rewardsPage:{rewardsCard:n}}=v.getLocalizedStrings();return o.jsxs(Ze,{windowSize:i,children:[o.jsxs(eo,{children:[o.jsx(to,{windowSize:i,children:n.bonus}),o.jsx(io,{windowSize:i,children:C("0,0",e)})]}),o.jsx(oo,{windowSize:i,children:o.jsx(ro,{})})]})}const Ze=t.div`
+`;function Ce({referralLink:e,onInviteClick:i,onCopyReferral:n,setShowNavButton:c}){const[,a]=N(),[l,d]=$.useState(!1),h=j(),g=E(),w=()=>{n(),l||(a(e.toString()),d(!0))};$.useEffect(()=>{l===!0&&setTimeout(()=>{d(!1)},2e3)},[l]);const u=$.useRef(null);Se(u,c);const f=v.getLocalizedStrings().rewardsPage.rewardsCard;return o.jsxs(Qe,{windowSize:h,children:[o.jsx(Je,{ref:u,children:o.jsx(Y,{variant:"secondary",label:f.inviteViaEmail,onClick:i,prefixIcon:o.jsx(Xe,{}),textStyle:{...M.smallRegular.cssObject,color:`${g.colors.hero}`},style:{borderRadius:`${r.sp1}`,border:`1px solid ${g.colors.grey1}`,backgroundColor:"transparent",padding:`${r.sp2} 12px`,minWidth:"154px",flex:"1 1 auto",display:"flex",justifyContent:"center",alignItems:"center"}})}),o.jsx(Y,{variant:"secondary",label:l?f.copied:f.copyReferralLink,onClick:w,prefixIcon:l?o.jsx(Ue,{}):o.jsx(qe,{}),textStyle:{...M.smallRegular.cssObject,color:`${g.colors.hero}`},style:{borderRadius:`${r.sp1}`,border:`1px solid ${g.colors.grey1}`,backgroundColor:"transparent",padding:`${r.sp2} ${l?"47px":"12px"}`,minWidth:"154px",flex:"1 1 auto",display:"flex",justifyContent:"center",alignItems:"center"}})]})}const G={logoWidth:new p(95,135),minWidth:new p(256,360),maxWidth:new p(270,380)},ke={title:new _("smallRegular","largeRegular"),cardDetail:new _("h5Regular","h2Regular")};function ze({planAmount:e}){const i=j(),{rewardsPage:{rewardsCard:n}}=v.getLocalizedStrings();return o.jsxs(Ze,{windowSize:i,children:[o.jsxs(eo,{children:[o.jsx(to,{windowSize:i,children:n.bonus}),o.jsx(io,{windowSize:i,children:C("0,0",e)})]}),o.jsx(oo,{windowSize:i,children:o.jsx(ro,{})})]})}const Ze=t.div`
   display: flex;
   height: 100%;
-  min-width: ${e=>J.minWidth.valuePx(e.windowSize)};
-  max-width: ${e=>J.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,7 +46,7 @@ import{u as E,e as j,j as o,aX as Te,B as v,fj as V,p as Ie,gs as _e,q as s,o as
   justify-content: flex-end;
   margin-right: 12px;
   position: relative;
-  width: ${e=>J.logoWidth.valuePx(e.windowSize)};
+  width: ${e=>G.logoWidth.valuePx(e.windowSize)};
 `,ro=t(je)`
   position: absolute;
   bottom: 0;
@@ -57,7 +57,7 @@ import{u as E,e as j,j as o,aX as Te,B as v,fj as V,p as Ie,gs as _e,q as s,o as
 `,io=t(B)`
   color: ${e=>e.theme.colors.brandColorGold};
   ${e=>`${ke.cardDetail.style(e.windowSize)}`};
-`;function no({rewardsPlan:e,onInviteClick:i,onHowItWorksClick:n,onCopyReferral:c}){const a=j(),[,l]=V(),[d,h]=$.useState(!1),g=()=>{c(),d||(l(e.referralLink.toString()),h(!0))};$.useEffect(()=>{d===!0&&setTimeout(()=>{h(!1)},2e3)},[d]);const{rewardsPage:{referAndEarn:w,rewardsCard:u,statisticsCard:{knowMore:f}}}=v.getLocalizedStrings();return o.jsxs(so,{children:[o.jsxs(ao,{children:[o.jsxs(xo,{children:[o.jsx(po,{children:w}),o.jsx(ho,{children:u.rewardsSummary[e.planName].replace("__reward-amount__",C("0,0",e.referrerAmount))}),o.jsx(go,{onClick:n,children:f})]}),o.jsxs(lo,{children:[o.jsxs(mo,{onClick:i,children:[o.jsx(uo,{}),u.inviteViaEmail]}),o.jsx(wo,{onClick:g,isCopied:d,children:d?o.jsxs(o.Fragment,{children:[o.jsx($o,{}),u.copied]}):o.jsxs(o.Fragment,{children:[o.jsx(fo,{}),u.copyReferralLink]})})]})]}),a==="medium-compact"||a==="medium-regular"?null:o.jsx(co,{children:o.jsx(ze,{planAmount:e.referrerAmount})})]})}const so=t.div`
+`;function no({rewardsPlan:e,onInviteClick:i,onHowItWorksClick:n,onCopyReferral:c}){const a=j(),[,l]=N(),[d,h]=$.useState(!1),g=()=>{c(),d||(l(e.referralLink.toString()),h(!0))};$.useEffect(()=>{d===!0&&setTimeout(()=>{h(!1)},2e3)},[d]);const{rewardsPage:{referAndEarn:w,rewardsCard:u,statisticsCard:{knowMore:f}}}=v.getLocalizedStrings();return o.jsxs(so,{children:[o.jsxs(ao,{children:[o.jsxs(xo,{children:[o.jsx(po,{children:w}),o.jsx(ho,{children:u.rewardsSummary[e.planName].replace("__reward-amount__",C("0,0",e.referrerAmount))}),o.jsx(go,{onClick:n,children:f})]}),o.jsxs(lo,{children:[o.jsxs(mo,{onClick:i,children:[o.jsx(uo,{}),u.inviteViaEmail]}),o.jsx(wo,{onClick:g,isCopied:d,children:d?o.jsxs(o.Fragment,{children:[o.jsx($o,{}),u.copied]}):o.jsxs(o.Fragment,{children:[o.jsx(fo,{}),u.copyReferralLink]})})]})]}),a==="medium-compact"||a==="medium-regular"?null:o.jsx(co,{children:o.jsx(ze,{planAmount:e.referrerAmount})})]})}const so=t.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -96,14 +96,14 @@ import{u as E,e as j,j as o,aX as Te,B as v,fj as V,p as Ie,gs as _e,q as s,o as
   color: ${e=>e.theme.mode==="light"?e.theme.colors.brandColorSapphire:e.theme.colors.brandColorJade};
   margin-bottom: ${r.sp3};
   max-width: 450px;
-`,go=t(Ne)`
+`,go=t(Ve)`
   margin-bottom: ${r.sp5};
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
   &:hover {
     color: ${e=>e.theme.colors.champion};
   }
-`,mo=t(X)`
+`,mo=t(U)`
   border: 1px solid ${e=>e.theme.colors.primary};
   border-radius: ${r.sp2};
   background-color: ${e=>e.theme.colors.primary};
@@ -118,7 +118,7 @@ import{u as E,e as j,j as o,aX as Te,B as v,fj as V,p as Ie,gs as _e,q as s,o as
     background-color: ${e=>e.theme.colors.champion};
     border: 1px solid ${e=>e.theme.colors.champion};
   }
-`,uo=t(q)`
+`,uo=t(J)`
   height: ${r.sp3};
   width: ${r.sp3};
   margin-right: ${r.sp2};
@@ -128,7 +128,7 @@ import{u as E,e as j,j as o,aX as Te,B as v,fj as V,p as Ie,gs as _e,q as s,o as
   flex: 0 1 auto;
   flex-direction: column;
   align-items: flex-start;
-`,wo=t(X)`
+`,wo=t(U)`
   border: 1px solid ${e=>e.theme.colors.primary};
   border-radius: ${r.sp2};
   background-color: ${e=>e.isCopied?e.theme.colors.champion:e.theme.colors.primary};
@@ -143,11 +143,11 @@ import{u as E,e as j,j as o,aX as Te,B as v,fj as V,p as Ie,gs as _e,q as s,o as
     background-color: ${e=>e.theme.colors.champion};
     border: 1px solid ${e=>e.theme.colors.champion};
   }
-`,fo=t(U)`
+`,fo=t(q)`
   width: ${r.sp3};
   height: ${r.sp3};
   margin-right: ${r.sp2};
-`,$o=t(Q)`
+`,$o=t(X)`
   width: ${r.sp3};
   height: ${r.sp3};
   color: ${k.success};
@@ -186,7 +186,7 @@ import{u as E,e as j,j as o,aX as Te,B as v,fj as V,p as Ie,gs as _e,q as s,o as
 `,Co=t(W)`
   color: ${e=>e.theme.colors.champion};
   margin-bottom: ${r.sp3};
-`,ko=t(Ve)`
+`,ko=t(Ne)`
   margin-bottom: ${r.sp3};
   color: ${e=>e.theme.mode==="light"?e.theme.colors.brandColorSapphire:e.theme.colors.brandColorJade};
   cursor: pointer;
@@ -222,7 +222,7 @@ import{u as E,e as j,j as o,aX as Te,B as v,fj as V,p as Ie,gs as _e,q as s,o as
 `,Mo=t(we)`
   color: ${e=>e.theme.colors.brandColorGold};
   margin-bottom: ${r.sp2};
-`,Bo={backgroundSize:new p(75,100,75)};function Wo({rewardsPlan:e,onInviteClick:i,setShowNavButton:n,onCopyReferral:c}){const a=E(),l=j(),[,d]=V(),[h,g]=$.useState(!1),[w,u]=$.useState(!1),f=()=>{c(),h||(d(e.referralLink.toString()),g(!0))},S=()=>{u(!0)},m=()=>{u(!1)};$.useEffect(()=>{h===!0&&setTimeout(()=>{g(!1)},2e3)},[h]);const{rewardsCard:y,referAndEarn:T}=v.getLocalizedStrings().rewardsPage,P=$.useRef(null);Se(P,n);const H=w?o.jsx(re,{showCopyText:w,isCopied:h,children:y.copyReferralLink}):null;return o.jsxs(Ao,{windowSize:l,children:[o.jsxs(Oo,{children:[o.jsx(Vo,{children:T}),o.jsx(No,{children:y.rewardsSummary[e.planName].replace("__reward-amount__",C("0,0",e.referrerAmount))}),o.jsxs(Do,{ref:P,children:[o.jsx(Y,{variant:"secondary",label:y.inviteViaEmail,onClick:i,prefixIcon:o.jsx(Ko,{}),textStyle:{...M.standardRegular.cssObject},buttonColors:{borderColor:{default:a.colors.primary,hover:a.colors.champion,disabled:a.colors.primary},backgroundColor:{default:a.colors.primary,hover:a.colors.champion,disabled:a.colors.primary},textColor:{default:a.colors.grey5,hover:a.colors.grey5,disabled:a.colors.grey5}},style:{borderRadius:r.sp1,padding:`${r.sp1} 12px`,flex:"1 1 auto",display:"flex",justifyContent:"center",alignItems:"center",marginRight:r.sp3}}),o.jsx(Ho,{onClick:f,onMouseOver:S,onMouseLeave:m,showCopyText:w,isCopied:h,children:o.jsx(Yo,{showCopyText:w,isCopied:h,children:o.jsx(Fo,{})})}),o.jsx(Go,{children:h?o.jsxs(o.Fragment,{children:[o.jsx(Jo,{}),o.jsx(re,{showCopyText:w,isCopied:h,children:y.copied})]}):H})]})]}),l==="medium-compact"||l==="medium-regular"?null:o.jsx(Eo,{children:o.jsx(Po,{planAmount:e.referrerAmount})})]})}const Ao=t.div`
+`,Bo={backgroundSize:new p(75,100,75)};function Wo({rewardsPlan:e,onInviteClick:i,setShowNavButton:n,onCopyReferral:c}){const a=E(),l=j(),[,d]=N(),[h,g]=$.useState(!1),[w,u]=$.useState(!1),f=()=>{c(),h||(d(e.referralLink.toString()),g(!0))},S=()=>{u(!0)},m=()=>{u(!1)};$.useEffect(()=>{h===!0&&setTimeout(()=>{g(!1)},2e3)},[h]);const{rewardsCard:y,referAndEarn:T}=v.getLocalizedStrings().rewardsPage,P=$.useRef(null);Se(P,n);const H=w?o.jsx(re,{showCopyText:w,isCopied:h,children:y.copyReferralLink}):null;return o.jsxs(Ao,{windowSize:l,children:[o.jsxs(Oo,{children:[o.jsx(No,{children:T}),o.jsx(Vo,{children:y.rewardsSummary[e.planName].replace("__reward-amount__",C("0,0",e.referrerAmount))}),o.jsxs(Do,{ref:P,children:[o.jsx(Y,{variant:"secondary",label:y.inviteViaEmail,onClick:i,prefixIcon:o.jsx(Ko,{}),textStyle:{...M.standardRegular.cssObject},buttonColors:{borderColor:{default:a.colors.primary,hover:a.colors.champion,disabled:a.colors.primary},backgroundColor:{default:a.colors.primary,hover:a.colors.champion,disabled:a.colors.primary},textColor:{default:a.colors.grey5,hover:a.colors.grey5,disabled:a.colors.grey5}},style:{borderRadius:r.sp1,padding:`${r.sp1} 12px`,flex:"1 1 auto",display:"flex",justifyContent:"center",alignItems:"center",marginRight:r.sp3}}),o.jsx(Ho,{onClick:f,onMouseOver:S,onMouseLeave:m,showCopyText:w,isCopied:h,children:o.jsx(Yo,{showCopyText:w,isCopied:h,children:o.jsx(Fo,{})})}),o.jsx(Qo,{children:h?o.jsxs(o.Fragment,{children:[o.jsx(Go,{}),o.jsx(re,{showCopyText:w,isCopied:h,children:y.copied})]}):H})]})]}),l==="medium-compact"||l==="medium-regular"?null:o.jsx(Eo,{children:o.jsx(Po,{planAmount:e.referrerAmount})})]})}const Ao=t.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -257,14 +257,14 @@ import{u as E,e as j,j as o,aX as Te,B as v,fj as V,p as Ie,gs as _e,q as s,o as
   min-width: 240px;
   height: 160px;
   flex: 1 1 auto;
-`,Vo=t(We)`
+`,No=t(We)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${r.sp2};
-`,No=t(z)`
+`,Vo=t(z)`
   color: ${e=>e.theme.mode==="light"?e.theme.colors.brandColorSapphire:e.theme.colors.brandColorJade};
   max-width: 210px;
   margin-bottom: ${r.sp5};
-`,Ko=t(q)`
+`,Ko=t(J)`
   height: ${r.sp3};
   width: ${r.sp3};
   flex-shrink: 0;
@@ -279,7 +279,7 @@ import{u as E,e as j,j as o,aX as Te,B as v,fj as V,p as Ie,gs as _e,q as s,o as
   cursor: pointer;
   background-color: ${e=>e.showCopyText||e.isCopied?e.theme.colors.champion:"transparent"};
   border: 1px solid ${e=>e.theme.colors.primary};
-`,Fo=t(U)`
+`,Fo=t(q)`
   width: ${r.sp3};
   height: ${r.sp3};
   cursor: pointer;
@@ -287,12 +287,12 @@ import{u as E,e as j,j as o,aX as Te,B as v,fj as V,p as Ie,gs as _e,q as s,o as
   display: flex;
   align-items: center;
   color: ${e=>e.showCopyText||e.isCopied?e.theme.colors.grey3:e.theme.colors.primary};
-`,Jo=t(Q)`
+`,Go=t(X)`
   width: ${r.sp4};
   height: ${r.sp4};
   color: ${k.success};
   margin-right: ${r.sp1};
-`,Go=t.div`
+`,Qo=t.div`
   position: absolute;
   bottom: -35px;
   right: -55px;
@@ -305,13 +305,13 @@ import{u as E,e as j,j as o,aX as Te,B as v,fj as V,p as Ie,gs as _e,q as s,o 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 p(200,280)},K={earningValue:new _("h6Regular","h5Regular"),cardTitle:new _("extraSmallRegular","smallRegular"),buttonText:new _("extraSmallRegular","smallRegular")};function te({pendingBonus:e,earnedBonus:i,pendingReferrals:n,onHowItWorksClick:c}){const{rewardsPage:{statisticsCard:a},common:{strings:l}}=v.getLocalizedStrings(),d=j();return o.jsxs(Qo,{windowSize:d,children:[o.jsx(Uo,{children:o.jsx(Xo,{windowSize:d,children:a.title})}),o.jsxs(Zo,{windowSize:d,children:[o.jsxs(ie,{children:[o.jsx(ne,{children:a.earned}),o.jsx(se,{windowSize:d,type:"earned",children:C("0,0",i)})]}),d==="medium-compact"?o.jsx(or,{}):o.jsx(er,{}),o.jsxs(ie,{children:[o.jsx(ne,{children:a.pending}),o.jsx(se,{windowSize:d,type:"pending",children:C("0,0",e)})]})]}),o.jsxs(rr,{children:[o.jsxs(tr,{windowSize:d,children:[a.pendingReferrals," ",l.colon," ",n]}),o.jsxs(nr,{windowSize:d,onClick:c,children:[a.knowMore," ",o.jsx(ir,{})]})]})]})}const Qo=t.div`
+`,Jo={height:new p(200,280)},K={earningValue:new _("h6Regular","h5Regular"),cardTitle:new _("extraSmallRegular","smallRegular"),buttonText:new _("extraSmallRegular","smallRegular")};function te({pendingBonus:e,earnedBonus:i,pendingReferrals:n,onHowItWorksClick:c}){const{rewardsPage:{statisticsCard:a},common:{strings:l}}=v.getLocalizedStrings(),d=j();return o.jsxs(Xo,{windowSize:d,children:[o.jsx(qo,{children:o.jsx(Uo,{windowSize:d,children:a.title})}),o.jsxs(Zo,{windowSize:d,children:[o.jsxs(ie,{children:[o.jsx(ne,{children:a.earned}),o.jsx(se,{windowSize:d,type:"earned",children:C("0,0",i)})]}),d==="medium-compact"?o.jsx(or,{}):o.jsx(er,{}),o.jsxs(ie,{children:[o.jsx(ne,{children:a.pending}),o.jsx(se,{windowSize:d,type:"pending",children:C("0,0",e)})]})]}),o.jsxs(rr,{children:[o.jsxs(tr,{windowSize:d,children:[a.pendingReferrals," ",l.colon," ",n]}),o.jsxs(nr,{windowSize:d,onClick:c,children:[a.knowMore," ",o.jsx(ir,{})]})]})]})}const Xo=t.div`
   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=>Jo.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,14 +319,14 @@ import{u as E,e as j,j as o,aX as Te,B as v,fj as V,p as Ie,gs as _e,q as s,o 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};
-`,Uo=t.div`
+`,qo=t.div`
   display: flex;
   flex: 0 1 auto;
   width: 100%;
   align-items: center;
   justify-content: center;
   padding-top: ${r.sp4};
-`,Xo=t(B)`
+`,Uo=t(B)`
   ${e=>`${K.cardTitle.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.champion};
   margin-bottom: ${r.sp1};
@@ -352,7 +352,7 @@ import{u as E,e as j,j as o,aX as Te,B as v,fj as V,p as Ie,gs as _e,q as s,o as
   margin: ${r.sp2} 0;
   width: ${r.sp5};
   border-top: 1px solid ${k.neutralGrey1Light};
-`,ne=t(N)`
+`,ne=t(V)`
   color: ${e=>e.theme.colors.primary};
 `,se=t(B)`
   ${e=>`${K.earningValue.style(e.windowSize)}`};
@@ -384,7 +384,7 @@ import{u as E,e as j,j as o,aX as Te,B as v,fj as V,p as Ie,gs as _e,q as s,o as
   padding-right: 12px;
   color: ${e=>e.theme.colors.primary};
   ${e=>`${K.buttonText.style(e.windowSize)}`};
-`,sr=90,G=114,Pe=160,ar=1,lr=58,dr=45,ae=(e,i)=>i!=="small"?sr:Ae(e,{...M.standardRegular.cssPartialObject(["fontSize","fontFamily","fontWeight"])}).width<Pe?G:G+24,{rewardsPage:{header:Z},common:{strings:le}}=v.getLocalizedStrings(),cr={key:"invitee_email",value:Z.invitee_email,sortOrder:"ascending",width:new p(s[7],s[8],s[8],s[9])},pr={key:"amount",value:Z.amount,sortOrder:"ascending",width:new p(s[4],20,20,s[3])},hr={key:"status",value:Z.status,sortOrder:"ascending",width:new p(s[3],s[4],s[4],20)},D=[cr,hr,pr],gr=e=>{const i=e.toLowerCase().split(le.space).join(le.underscore);switch(e){case x.StatusTypes.invite_processing:return{value:e,color:b.invite_processing.color,borderColor:b.invite_processing.borderColor,code:i};case x.StatusTypes.invite_sent:return{value:e,color:b.invite_sent.color,borderColor:b.invite_sent.borderColor,code:i};case x.StatusTypes.onboarding:return{value:e,color:b.onboarding.color,borderColor:b.onboarding.borderColor,code:i};case x.StatusTypes.active:case x.StatusTypes.reward_sent:return{value:e,color:b.active.color,borderColor:b.active.borderColor,code:i};case x.StatusTypes.declined:return{value:e,color:b.declined.color,borderColor:b.declined.borderColor,code:i};case x.StatusTypes.resend_invite:return{value:e,color:b.resend_invite.color,borderColor:b.resend_invite.borderColor,code:i};default:return{value:e,color:b.in_progress.color,borderColor:"",code:i}}},I={headerLastColumnTopPadding:new p(s[0],s[4]),headerLastColumnRightPadding:new p(s[3],s[11]),headerLastColumnBottomPadding:new p(s[0],s[4]),headerLastColumnLeftPadding:new p(s[3],s[11]),headerHeight:new p(dr,lr)};function mr({companyNameSticky:e,sortConfig:i,onColumnSortConfigChanged:n}){const c=E(),a=j(),[l,d]=$.useState(D);$.useEffect(()=>{const m=[...l];for(const y of m)y.key===i.sortKey?y.sortOrder=i.sortOrder:y.sortOrder="ascending";d(m)},[i.sortKey,i.sortOrder]);const h=(m,y)=>{let T=y;i.sortKey===m&&(T=y==="ascending"?"descending":"ascending"),n(m,T)},g=l.find(m=>m.key===i.sortKey)??l[0],w=m=>l.find(y=>y.key===m)?.value??S.strings.empty,u=l.map(m=>m.key),{rewardsPage:{inviteList:f},common:S}=v.getLocalizedStrings();return a==="small"?o.jsxs(de,{windowSize:a,companyNameSticky:!1,children:[o.jsxs(xr,{children:[o.jsx(fr,{children:o.jsx(wr,{})}),o.jsx(Oe,{title:f.sortBy,placeholder:f.sortBy,pickerValues:u,valueToLabel:w,selectedValue:i.sortKey,onPickerSelectionChanged:m=>{m&&h(x.toReferralListViewSortKeyType(m),"ascending")},optionTextStyle:M.smallRegular,selectedOptionColor:c.colors.hero,optionBackgroundColor:c.colors.grey5,downChevronVisible:!1,backgroundColor:c.colors.grey4,titleTextStyle:M.smallRegular,titleColor:c.colors.hero})]}),o.jsxs(yr,{onClick:()=>{h(g.key,g.sortOrder)},children:[o.jsx(z,{children:g.value}),o.jsx(ce,{sortDataValue:i.sortKey,headerdata:g,children:o.jsx(pe,{})})]})]}):o.jsx(de,{companyNameSticky:e,windowSize:a,children:l.map(m=>o.jsx(ur,{companyNameSticky:e&&m.key==="invitee_email",sortDataValue:i.sortKey,actualDataValue:m.key,wrapperWidth:m.width,windowSize:a,shouldRightAlign:m.value==="Amount",children:o.jsxs($r,{onClick:()=>{h(x.toReferralListViewSortKeyType(m.key),m.sortOrder)},children:[o.jsx(z,{children:m.value}),o.jsx(ce,{sortDataValue:i.sortKey,headerdata:m,children:o.jsx(pe,{})})]})},m.key))})}const de=t(z)`
+`,sr=90,Q=114,Pe=160,ar=1,lr=58,dr=45,ae=(e,i)=>i!=="small"?sr:Ae(e,{...M.standardRegular.cssPartialObject(["fontSize","fontFamily","fontWeight"])}).width<Pe?Q:Q+24,{rewardsPage:{header:Z},common:{strings:le}}=v.getLocalizedStrings(),cr={key:"invitee_email",value:Z.invitee_email,sortOrder:"ascending",width:new p(s[7],s[8],s[8],s[9])},pr={key:"amount",value:Z.amount,sortOrder:"ascending",width:new p(s[4],20,20,s[3])},hr={key:"status",value:Z.status,sortOrder:"ascending",width:new p(s[3],s[4],s[4],20)},D=[cr,hr,pr],gr=e=>{const i=e.toLowerCase().split(le.space).join(le.underscore);switch(e){case x.StatusTypes.invite_processing:return{value:e,color:b.invite_processing.color,borderColor:b.invite_processing.borderColor,code:i};case x.StatusTypes.invite_sent:return{value:e,color:b.invite_sent.color,borderColor:b.invite_sent.borderColor,code:i};case x.StatusTypes.onboarding:return{value:e,color:b.onboarding.color,borderColor:b.onboarding.borderColor,code:i};case x.StatusTypes.active:case x.StatusTypes.reward_sent:return{value:e,color:b.active.color,borderColor:b.active.borderColor,code:i};case x.StatusTypes.declined:return{value:e,color:b.declined.color,borderColor:b.declined.borderColor,code:i};case x.StatusTypes.resend_invite:return{value:e,color:b.resend_invite.color,borderColor:b.resend_invite.borderColor,code:i};default:return{value:e,color:b.in_progress.color,borderColor:"",code:i}}},I={headerLastColumnTopPadding:new p(s[0],s[4]),headerLastColumnRightPadding:new p(s[3],s[11]),headerLastColumnBottomPadding:new p(s[0],s[4]),headerLastColumnLeftPadding:new p(s[3],s[11]),headerHeight:new p(dr,lr)};function mr({companyNameSticky:e,sortConfig:i,onColumnSortConfigChanged:n}){const c=E(),a=j(),[l,d]=$.useState(D);$.useEffect(()=>{const m=[...l];for(const y of m)y.key===i.sortKey?y.sortOrder=i.sortOrder:y.sortOrder="ascending";d(m)},[i.sortKey,i.sortOrder]);const h=(m,y)=>{let T=y;i.sortKey===m&&(T=y==="ascending"?"descending":"ascending"),n(m,T)},g=l.find(m=>m.key===i.sortKey)??l[0],w=m=>l.find(y=>y.key===m)?.value??S.strings.empty,u=l.map(m=>m.key),{rewardsPage:{inviteList:f},common:S}=v.getLocalizedStrings();return a==="small"?o.jsxs(de,{windowSize:a,companyNameSticky:!1,children:[o.jsxs(xr,{children:[o.jsx(fr,{children:o.jsx(wr,{})}),o.jsx(Oe,{title:f.sortBy,placeholder:f.sortBy,pickerValues:u,valueToLabel:w,selectedValue:i.sortKey,onPickerSelectionChanged:m=>{m&&h(x.toReferralListViewSortKeyType(m),"ascending")},optionTextStyle:M.smallRegular,selectedOptionColor:c.colors.hero,optionBackgroundColor:c.colors.grey5,downChevronVisible:!1,backgroundColor:c.colors.grey4,titleTextStyle:M.smallRegular,titleColor:c.colors.hero})]}),o.jsxs(yr,{onClick:()=>{h(g.key,g.sortOrder)},children:[o.jsx(z,{children:g.value}),o.jsx(ce,{sortDataValue:i.sortKey,headerdata:g,children:o.jsx(pe,{})})]})]}):o.jsx(de,{companyNameSticky:e,windowSize:a,children:l.map(m=>o.jsx(ur,{companyNameSticky:e&&m.key==="invitee_email",sortDataValue:i.sortKey,actualDataValue:m.key,wrapperWidth:m.width,windowSize:a,shouldRightAlign:m.value==="Amount",children:o.jsxs($r,{onClick:()=>{h(x.toReferralListViewSortKeyType(m.key),m.sortOrder)},children:[o.jsx(z,{children:m.value}),o.jsx(ce,{sortDataValue:i.sortKey,headerdata:m,children:o.jsx(pe,{})})]})},m.key))})}const de=t(z)`
   top: ${r.sp0};
   left: ${r.sp0};
   min-height: ${e=>I.headerHeight.valuePx(e.windowSize)};
@@ -477,7 +477,7 @@ import{u as E,e as j,j as o,aX as Te,B as v,fj as V,p as Ie,gs as _e,q as s,o as
   display: flex;
   align-items: flex-start;
   height: 100%;
-`,Rr=t(N)`
+`,Rr=t(V)`
   flex: 1 1 auto;
   word-break: break-word;
   display: -webkit-box;
@@ -486,7 +486,7 @@ import{u as E,e as j,j as o,aX as Te,B as v,fj as V,p as Ie,gs as _e,q as s,o as
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: initial;
-`,Lr=t(N)`
+`,Lr=t(V)`
   flex-direction: column;
   align-items: center;
   justify-content: center;
@@ -511,7 +511,7 @@ import{u as E,e as j,j as o,aX as Te,B as v,fj as V,p as Ie,gs as _e,q as s,o as
   white-space: nowrap;
   border: ${e=>`1px solid ${e.borderColor}`};
   border-radius: ${r.sp1};
-`,Mr=t(X)`
+`,Mr=t(U)`
   display: flex;
   color: ${e=>e.color};
   height: 20px;
@@ -548,7 +548,7 @@ import{u as E,e as j,j as o,aX as Te,B as v,fj as V,p as Ie,gs as _e,q as s,o as
   margin-right: ${r.sp1};
 `,Or=t.div`
   display: flex;
-`,L={containerPaddingLeft:new p(s[3],s[4]),containerPaddingRight:new p(s[3],s[4]),containerPaddingTop:new p(s[3],s[3]),containerPaddingBottom:new p(s[3],s[3]),containerMarginLeft:new p(s[3],s[8]),containerMarginRight:new p(s[3],s[8]),webkitLineClamp:new p(2,2,1,1,1)},{dateFormat:Dr,rewardsPage:{inviteList:Er},common:ge}=v.getLocalizedStrings(),Vr=({email:e,amount:i,status:n,resendInviteStatus:c,inviteSendDate:a,onResendInviteClick:l})=>{const d=j();let h=!1;if(a){const u=new Date(a.format(Dr.visual.YYYYDashMMDashDFormat));h=fe(72,u)}const g=n.value===x.StatusTypes.active?x.AmountStatusTypes.received:x.AmountStatusTypes.to_be_received,w=c.fetchState==="In-Progress"?o.jsx($e,{size:"Small",start:!0}):o.jsxs(o.Fragment,{children:[o.jsx(Xr,{color:n.color,onClick:()=>{l(e)},children:Er.status.resend_invite}),o.jsx(Zr,{children:`${ge.sent} ${ye(a)}`})]});return o.jsx(Nr,{windowSize:d,children:o.jsxs(Kr,{children:[o.jsxs(ot,{children:[o.jsxs(Hr,{children:[o.jsx(Fr,{children:o.jsx(et,{})}),o.jsx(Yr,{windowSize:d,children:e})]}),o.jsx(Jr,{amountStatus:g,children:n.value===x.StatusTypes.declined?o.jsx(Gr,{children:ge.strings.hyphen}):o.jsxs(o.Fragment,{children:[C("0,0.[00]",i),o.jsx(qr,{amountStatus:g,children:g})]})})]}),o.jsx(rt,{children:o.jsx(Ur,{children:n.value===x.StatusTypes.invite_sent&&h?w:o.jsx(tt,{children:o.jsx(Qr,{color:n.color,borderColor:n.borderColor,children:n.value})})})})]})})},Nr=t.div`
+`,L={containerPaddingLeft:new p(s[3],s[4]),containerPaddingRight:new p(s[3],s[4]),containerPaddingTop:new p(s[3],s[3]),containerPaddingBottom:new p(s[3],s[3]),containerMarginLeft:new p(s[3],s[8]),containerMarginRight:new p(s[3],s[8]),webkitLineClamp:new p(2,2,1,1,1)},{dateFormat:Dr,rewardsPage:{inviteList:Er},common:ge}=v.getLocalizedStrings(),Nr=({email:e,amount:i,status:n,resendInviteStatus:c,inviteSendDate:a,onResendInviteClick:l})=>{const d=j();let h=!1;if(a){const u=new Date(a.format(Dr.visual.YYYYDashMMDashDFormat));h=fe(72,u)}const g=n.value===x.StatusTypes.active?x.AmountStatusTypes.received:x.AmountStatusTypes.to_be_received,w=c.fetchState==="In-Progress"?o.jsx($e,{size:"Small",start:!0}):o.jsxs(o.Fragment,{children:[o.jsx(Ur,{color:n.color,onClick:()=>{l(e)},children:Er.status.resend_invite}),o.jsx(Zr,{children:`${ge.sent} ${ye(a)}`})]});return o.jsx(Vr,{windowSize:d,children:o.jsxs(Kr,{children:[o.jsxs(ot,{children:[o.jsxs(Hr,{children:[o.jsx(Fr,{children:o.jsx(et,{})}),o.jsx(Yr,{windowSize:d,children:e})]}),o.jsx(Gr,{amountStatus:g,children:n.value===x.StatusTypes.declined?o.jsx(Qr,{children:ge.strings.hyphen}):o.jsxs(o.Fragment,{children:[C("0,0.[00]",i),o.jsx(Jr,{amountStatus:g,children:g})]})})]}),o.jsx(rt,{children:o.jsx(qr,{children:n.value===x.StatusTypes.invite_sent&&h?w:o.jsx(tt,{children:o.jsx(Xr,{color:n.color,borderColor:n.borderColor,children:n.value})})})})]})})},Vr=t.div`
   display: flex;
   margin-bottom: ${r.sp3};
   background-color: ${e=>e.theme.colors.grey5};
@@ -576,7 +576,7 @@ import{u as E,e as j,j as o,aX as Te,B as v,fj as V,p as Ie,gs as _e,q as s,o as
   display: flex;
   align-items: flex-start;
   height: 100%;
-`,Yr=t(N)`
+`,Yr=t(V)`
   color: ${e=>e.theme.colors.hero};
   flex-grow: 1;
   word-break: break-word;
@@ -586,7 +586,7 @@ import{u as E,e as j,j as o,aX as Te,B as v,fj as V,p as Ie,gs as _e,q as s,o as
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: ${Pe}px;
-`,Jr=t(z)`
+`,Gr=t(z)`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -594,11 +594,11 @@ import{u as E,e as j,j as o,aX as Te,B as v,fj as V,p as Ie,gs as _e,q as s,o as
   color: ${e=>e.amountStatus===x.AmountStatusTypes.to_be_received?e.theme.colors.grey2:e.theme.colors.primary};
   width: 100%;
   margin-left: ${r.sp5};
-`,Gr=t(be)`
+`,Qr=t(be)`
   color: ${e=>e.theme.colors.hero};
-`,qr=t(W)`
+`,Jr=t(W)`
   color: ${e=>e.amountStatus===x.AmountStatusTypes.to_be_received?e.theme.colors.grey2:e.theme.colors.success};
-`,Qr=t(W)`
+`,Xr=t(W)`
   color: ${e=>e.color};
   height: 20px;
   align-items: center;
@@ -611,7 +611,7 @@ import{u as E,e as j,j as o,aX as Te,B as v,fj as V,p as Ie,gs as _e,q as s,o as
   display: inline-flex;
   border: ${e=>`1px solid ${e.borderColor}`};
   border-radius: ${r.sp1};
-`,Ur=t.div`
+`,qr=t.div`
   width: 100%;
   color: ${e=>e.theme.colors.hero};
   box-sizing: border-box;
@@ -619,7 +619,7 @@ import{u as E,e as j,j as o,aX as Te,B as v,fj as V,p as Ie,gs as _e,q as s,o as
   flex-direction: column;
   align-items: flex-end;
   justify-content: center;
-`,Xr=t(Fe)`
+`,Ur=t(Fe)`
   display: flex;
   color: ${e=>e.color};
   height: 20px;
@@ -658,7 +658,7 @@ import{u as E,e as j,j as o,aX as Te,B as v,fj as V,p as Ie,gs as _e,q as s,o as
   display: flex;
   flex-direction: column;
   align-items: flex-end;
-`,A={pageTitleMarginLeft:new p(s[3],s[8]),pageTitleMarginRight:new p(s[3],s[8]),pageTitleMarginTop:new p(s[4],s[5]),pageTitleMarginBottom:new p(s[3],s[3])},it={pageTitle:new _("standardSemiBold","largeSemiBold")},me=v.getLocalizedStrings(),nt=({index:e,style:i,inviteList:n,onResendInviteClick:c})=>{const a=j(),l=n[e],d=a==="small"?Vr:jr;return o.jsx(mt,{style:{...i,width:"100%"},children:o.jsx(d,{email:l.refereeEmailId,amount:l.amount,status:gr(l.statusCode),resendInviteStatus:l.resendInviteStatus,onResendInviteClick:c,inviteSendDate:l.lastInviteTimestamp})})},st=({inviteList:e,uiState:i,fetchState:n,onResendInviteClick:c,onReloadInvitees:a,onColumnSortConfigChanged:l})=>{const d=j(),h=f=>{const S=e[f].refereeEmailId;return ae(S,d)},g=e.reduce((f,S)=>f+ae(S.refereeEmailId,d),0),w=$.useRef(null);$.useEffect(()=>{w.current?.resetAfterIndex(0)},[d,w]);let u=null;switch(n){case"Not-Started":case"In-Progress":u=o.jsx(Ye,{fetchState:n});break;case"Error":u=o.jsxs(lt,{children:[o.jsx(dt,{onClick:a,children:o.jsx(ct,{})}),o.jsx(pt,{children:me.peoplePage.reloadPage.label})]});break;case"Completed":e.length!==0&&(u=o.jsxs(gt,{windowSize:d,children:[o.jsx(ht,{windowSize:d,children:me.rewardsPage.inviteList.pageTitle}),o.jsx(mr,{companyNameSticky:!1,onColumnSortConfigChanged:l,sortConfig:{sortKey:i.sortKey,sortOrder:i.sortOrder}}),o.jsx(Me,{ref:w,height:g,width:"100%",itemCount:e.length,itemSize:h,estimatedItemSize:G,itemKey:f=>e[f].refereeEmailId,overscanCount:ar,initialScrollOffset:0,children:f=>o.jsx(nt,{...f,inviteList:e,onResendInviteClick:c})})]}))}return o.jsx(at,{children:u})},at=t.div`
+`,A={pageTitleMarginLeft:new p(s[3],s[8]),pageTitleMarginRight:new p(s[3],s[8]),pageTitleMarginTop:new p(s[4],s[5]),pageTitleMarginBottom:new p(s[3],s[3])},it={pageTitle:new _("standardSemiBold","largeSemiBold")},me=v.getLocalizedStrings(),nt=({index:e,style:i,inviteList:n,onResendInviteClick:c})=>{const a=j(),l=n[e],d=a==="small"?Nr:jr;return o.jsx(mt,{style:{...i,width:"100%"},children:o.jsx(d,{email:l.refereeEmailId,amount:l.amount,status:gr(l.statusCode),resendInviteStatus:l.resendInviteStatus,onResendInviteClick:c,inviteSendDate:l.lastInviteTimestamp})})},st=({inviteList:e,uiState:i,fetchState:n,onResendInviteClick:c,onReloadInvitees:a,onColumnSortConfigChanged:l})=>{const d=j(),h=f=>{const S=e[f].refereeEmailId;return ae(S,d)},g=e.reduce((f,S)=>f+ae(S.refereeEmailId,d),0),w=$.useRef(null);$.useEffect(()=>{w.current?.resetAfterIndex(0)},[d,w]);let u=null;switch(n){case"Not-Started":case"In-Progress":u=o.jsx(Ye,{fetchState:n});break;case"Error":u=o.jsxs(lt,{children:[o.jsx(dt,{onClick:a,children:o.jsx(ct,{})}),o.jsx(pt,{children:me.peoplePage.reloadPage.label})]});break;case"Completed":e.length!==0&&(u=o.jsxs(gt,{windowSize:d,children:[o.jsx(ht,{windowSize:d,children:me.rewardsPage.inviteList.pageTitle}),o.jsx(mr,{companyNameSticky:!1,onColumnSortConfigChanged:l,sortConfig:{sortKey:i.sortKey,sortOrder:i.sortOrder}}),o.jsx(Me,{ref:w,height:g,width:"100%",itemCount:e.length,itemSize:h,estimatedItemSize:Q,itemKey:f=>e[f].refereeEmailId,overscanCount:ar,initialScrollOffset:0,children:f=>o.jsx(nt,{...f,inviteList:e,onResendInviteClick:c})})]}))}return o.jsx(at,{children:u})},at=t.div`
   display: block;
   height: 100%;
 `,lt=t.div`
@@ -705,7 +705,7 @@ import{u as E,e as j,j as o,aX as Te,B as v,fj as V,p as Ie,gs as _e,q as s,o as
   &:last-child {
     padding-bottom: ${r.sp0};
   }
-`,ut={referralButtonRightPosition:new p(-4,28,28,-4)},{rewardsPage:{referButton:F},common:{texts:O}}=v.getLocalizedStrings();function xt(e){const i=j(),[n,c]=$.useState(!1),[,a]=V(),[l,d]=$.useState(!1),h=()=>{e.onCopyReferralLink(),l||(a(e.referralLink.toString()),d(!0))};return $.useEffect(()=>{l===!0&&setTimeout(()=>{d(!1),c(!1)},2e3)},[l]),o.jsx(wt,{windowSize:i,children:o.jsx(Ie,{onClickAway:()=>{c(!1)},children:o.jsx(ft,{onClick:()=>{n||e.onClickRefer(),c(!0)},onTouchEnd:()=>{n||e.onClickRefer(),c(!0)},children:o.jsx(_e,{entity:"rewards",isMoreOption:!1,closeMenuOnSelect:!1,isMenuOpen:n,title:O.refer,options:[{label:F.inviteViaEmail,value:O.invite},{label:l?F.urlCopied:F.copyReferralUrl,value:l?O.copied:O.copy}],customStyleConfig:{control:()=>({backgroundColor:"inherit",cursor:"pointer",border:"none",":hover":{backgroundColor:"inherit"}}),container:()=>({marginLeft:s[0]}),valueContainer:()=>({display:"flex"})},onOptionSelection:g=>{switch(g){case"invite":e.onInviteClick();break;case"copy":h();break}}})})})})}const wt=t.div`
+`,ut={referralButtonRightPosition:new p(-4,28,28,-4)},{rewardsPage:{referButton:F},common:{texts:O}}=v.getLocalizedStrings();function xt(e){const i=j(),[n,c]=$.useState(!1),[,a]=N(),[l,d]=$.useState(!1),h=()=>{e.onCopyReferralLink(),l||(a(e.referralLink.toString()),d(!0))};return $.useEffect(()=>{l===!0&&setTimeout(()=>{d(!1),c(!1)},2e3)},[l]),o.jsx(wt,{windowSize:i,children:o.jsx(Ie,{onClickAway:()=>{c(!1)},children:o.jsx(ft,{onClick:()=>{n||e.onClickRefer(),c(!0)},onTouchEnd:()=>{n||e.onClickRefer(),c(!0)},children:o.jsx(_e,{entity:"rewards",isMoreOption:!1,closeMenuOnSelect:!1,isMenuOpen:n,title:O.refer,options:[{label:F.inviteViaEmail,value:O.invite},{label:l?F.urlCopied:F.copyReferralUrl,value:l?O.copied:O.copy}],customStyleConfig:{control:()=>({backgroundColor:"inherit",cursor:"pointer",border:"none",":hover":{backgroundColor:"inherit"}}),container:()=>({marginLeft:s[0]}),valueContainer:()=>({display:"flex"})},onOptionSelection:g=>{switch(g){case"invite":e.onInviteClick();break;case"copy":h();break}}})})})})}const wt=t.div`
   position: absolute;
   right: ${e=>ut.referralButtonRightPosition.valuePx(e.windowSize)};
 `,ft=t.div`

package/dist/assets/{InvitePeoplePage-DrHGaYn6-cG76tknZ.js → InvitePeoplePage-C4d-Ov5z-CPj8BOmp.js}

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

package/dist/assets/InvoiceUploadSection-MEPQPiCt-C4G2s06g.js

@@ -0,0 +1,140 @@
+import{u as s1,e as d1,R as q,j as l,m as Q,o,f as d,W as K,C as $,g4 as v1,g5 as k1,bV as b1,bX as L1,bY as $1,aD as j1,ao as c1,q as C,v as i1,g as E1,T as B1,w as p1}from"./index-DESjn-8d.js";import{b as t,n as i}from"./vendor-rkTZJa59.js";import z1 from"./AttachmentView-C8CksG-9-RpLYPFoP.js";import{l as T1}from"./uploadReceipts-dxsKhm9I-Bda3Op9y.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";const A1=e=>t.createElement("svg",{viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("mask",{id:"mask0_623_1439",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:0,y:-16,width:72,height:88},t.createElement("rect",{y:-16,width:72,height:88,fill:"url(#paint0_linear_623_1439)"})),t.createElement("g",{mask:"url(#mask0_623_1439)"},t.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"}),t.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"}),t.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"}),t.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"}),t.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"})),t.createElement("rect",{x:40.75,y:40.75,width:30.5,height:30.5,rx:15.25,stroke:"#A6B0B1",strokeWidth:1.5}),t.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"}),t.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"}),t.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"}),t.createElement("defs",null,t.createElement("linearGradient",{id:"paint0_linear_623_1439",x1:36,y1:-16,x2:36,y2:72,gradientUnits:"userSpaceOnUse"},t.createElement("stop",{stopColor:"#C9ABC7",stopOpacity:0}),t.createElement("stop",{offset:1e-4,stopColor:"#C9ABC7"})))),H1=e=>t.createElement("svg",{viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("mask",{id:"mask0_836_6609",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:0,y:-16,width:72,height:88},t.createElement("rect",{y:-16,width:72,height:88,fill:"url(#paint0_linear_836_6609)"})),t.createElement("g",{mask:"url(#mask0_836_6609)"},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 18.25C5.41421 18.25 5.75 18.5858 5.75 19V61C5.75 63.8995 8.10051 66.25 11 66.25H35C35.4142 66.25 35.75 66.5858 35.75 67C35.75 67.4142 35.4142 67.75 35 67.75H11C7.27208 67.75 4.25 64.7279 4.25 61V19C4.25 18.5858 4.58579 18.25 5 18.25Z",fill:"#A6B0B1"}),t.createElement("path",{d:"M24.4561 10.7549C24.8703 10.7549 25.2061 11.0907 25.2061 11.5049V13.6938L28.3843 13.6938C28.7985 13.6938 29.1343 14.0296 29.1343 14.4438C29.1343 14.8581 28.7985 15.1938 28.3843 15.1938H22.4218C21.6804 15.1944 20.9623 15.4529 20.3906 15.925C19.8189 16.3972 19.4292 17.0536 19.2885 17.7816C19.1478 18.5096 19.2648 19.264 19.6194 19.9152C19.974 20.5662 20.5439 21.0736 21.2316 21.3505L27.2978 23.7781C28.3087 24.1849 29.1467 24.9308 29.6679 25.8878C30.1891 26.8448 30.361 27.9534 30.1542 29.0234C29.9474 30.0933 29.3748 31.058 28.5345 31.7519C27.6942 32.4458 26.6387 32.8257 25.5489 32.8265H25.2061V35.0149C25.2061 35.4292 24.8703 35.7649 24.4561 35.7649C24.0418 35.7649 23.7061 35.4292 23.7061 35.0149V32.8265H19.568C19.1538 32.8265 18.818 32.4907 18.818 32.0765C18.818 31.6623 19.1538 31.3265 19.568 31.3265H24.4337C24.4411 31.3263 24.4486 31.3262 24.4561 31.3262C24.4635 31.3262 24.471 31.3263 24.4785 31.3265H25.5479C26.2894 31.326 27.0076 31.0675 27.5794 30.5953C28.1511 30.1232 28.5408 29.4668 28.6815 28.7387C28.8222 28.0107 28.7052 27.2564 28.3506 26.6052C27.9961 25.9543 27.4263 25.4469 26.7388 25.1701L26.7378 25.1697L20.6722 22.7422C19.6612 22.3355 18.8233 21.5896 18.3021 20.6325C17.7809 19.6755 17.609 18.5669 17.8158 17.497C18.0226 16.427 18.5952 15.4624 19.4355 14.7684C20.2757 14.0745 21.3318 13.6946 22.4216 13.6938H23.7061V11.5049C23.7061 11.0907 24.0418 10.7549 24.4561 10.7549Z",fill:"#A6B0B1"}),t.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"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.7305 42.2959C17.7305 41.8817 18.0663 41.5459 18.4805 41.5459H42.5631C42.9773 41.5459 43.3131 41.8817 43.3131 42.2959C43.3131 42.7101 42.9773 43.0459 42.5631 43.0459H18.4805C18.0663 43.0459 17.7305 42.7101 17.7305 42.2959Z",fill:"#A6B0B1"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.7305 52.2962C17.7305 51.882 18.0663 51.5462 18.4805 51.5462L40.7116 51.5461C41.1258 51.5461 41.4616 51.8819 41.4616 52.2961C41.4616 52.7104 41.1258 53.0461 40.7116 53.0461L18.4805 53.0462C18.0663 53.0462 17.7305 52.7104 17.7305 52.2962Z",fill:"#A6B0B1"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M37.7305 31.9541C37.7305 31.5399 38.0663 31.2041 38.4805 31.2041H48.1273C48.5415 31.2041 48.8773 31.5399 48.8773 31.9541C48.8773 32.3683 48.5415 32.7041 48.1273 32.7041H38.4805C38.0663 32.7041 37.7305 32.3683 37.7305 31.9541Z",fill:"#A6B0B1"})),t.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"}),t.createElement("path",{d:"M55.5512 49.191C55.6649 49.0732 55.8244 49 56.001 49C56.001 49 56.001 49 56.001 49C56.0081 49 56.0153 49.0001 56.0224 49.0004C56.1752 49.0055 56.3264 49.0664 56.4431 49.1831L61.0145 53.7545C61.2586 53.9986 61.2586 54.3943 61.0145 54.6384C60.7704 54.8824 60.3747 54.8824 60.1306 54.6384L56.626 51.1337V60.7976C56.626 61.1427 56.3462 61.4226 56.001 61.4226C55.6558 61.4226 55.376 61.1427 55.376 60.7976V51.134L51.8716 54.6384C51.6276 54.8824 51.2318 54.8824 50.9877 54.6384C50.7437 54.3943 50.7437 53.9986 50.9877 53.7545L55.5512 49.191Z",fill:"#A6B0B1"}),t.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"}),t.createElement("rect",{x:40.75,y:40.75,width:30.5,height:30.5,rx:15.25,stroke:"#A6B0B1",strokeWidth:1.5}),t.createElement("defs",null,t.createElement("linearGradient",{id:"paint0_linear_836_6609",x1:36,y1:-16,x2:36,y2:72,gradientUnits:"userSpaceOnUse"},t.createElement("stop",{stopColor:"#C9ABC7",stopOpacity:0}),t.createElement("stop",{offset:1e-4,stopColor:"#C9ABC7"})))),P1=e=>t.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.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"}),t.createElement("path",{d:"M11.2829 19.7908V22.6001",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),t.createElement("path",{d:"M13.1558 1V3.87113",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),g={memoPaddingTopBottomRight:new $(12,C[3]),billReceiptSize:new $(60,C[10]),rootContainerPaddingTop:new $(C[3],62),rootContainerPaddingRight:new $(C[3],C[6]),rootContainerPaddingBottom:new $(C[5],C[9]),rootContainerPaddingLeft:new $(C[3],C[8])},r1=i(E1)`
+  color: ${e=>e.isPlaceholderText===!0?e.theme.colors.grey1:e.theme.colors.hero};
+  white-space: pre-wrap;
+  text-align: center;
+  ${e=>e.isPlaceholderText===!0?i1.largeRegular.css:i1.extraSmallRegular.css};
+  display: flex;
+  align-items: baseline;
+`,n1=i(B1)`
+  color: ${e=>e.theme.colors.hero};
+  white-space: pre-wrap;
+  text-align: center;
+  display: flex;
+  align-items: baseline;
+`,a1=i(c1)`
+  color: ${e=>e.theme.colors.champion};
+`,j=i.div`
+  padding: 0 2px;
+`,R1=i.div`
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  flex: 1 1 auto;
+  border: 1px dashed ${e=>e.theme.colors.primary};
+  box-sizing: border-box;
+  border-radius: ${o.sp2};
+  padding: ${e=>g.memoPaddingTopBottomRight.valuePx(e.windowSize)};
+  align-items: center;
+  width: 100%;
+  cursor: pointer;
+  background-color: ${e=>e.theme.colors.grey4};
+  .uploadIconStyled {
+    fill: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    .uploadIconStyled {
+      fill: ${e=>e.theme.colors.primary};
+    }
+    .textContent {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,m1=i.div`
+  border: 1px dashed ${e=>e.theme.colors.primary};
+  border-radius: ${o.sp2};
+  display: flex;
+  flex: 1 1 auto;
+  width: 100%;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+`,M1=i.div`
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  border-radius: ${o.sp2};
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey3};
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  padding: ${e=>e.type==="w9"?o.sp0:e.showTitlebar===!0&&e.windowSize!=="small"?o.sp3:o.sp0};
+  img {
+    width: inherit;
+    height: inherit;
+  }
+`,V1=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-top: ${e=>g.rootContainerPaddingTop.valuePx(e.windowSize)};
+  padding-right: ${e=>g.rootContainerPaddingRight.valuePx(e.windowSize)};
+  padding-bottom: ${e=>g.rootContainerPaddingBottom.valuePx(e.windowSize)};
+  padding-left: ${e=>g.rootContainerPaddingLeft.valuePx(e.windowSize)};
+  height: ${e=>e.windowSize==="small"&&e.showAutofill?"100%":e.windowSize==="small"?"490px":"auto"};
+  overflow: ${e=>e.windowSize==="small"?"unset":"hidden"};
+  width: ${e=>e.windowSize=="small"?"100%":"42%"};
+  background-color: ${e=>e.showAutofill&&e.windowSize!=="small"?d.overlayDark:e.windowSize==="small"?e.theme.colors.grey4:e.theme.colors.background};
+  margin-top: ${e=>e.windowSize==="small"&&(e.type==="bill"||e.type==="w9")?"76px":"unset"};
+`,_1=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  flex-grow: 1;
+`,I1=i.div`
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+`,D1=i.div`
+  display: flex;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-content: center;
+  align-items: center;
+  margin-top: ${o.sp3};
+`,U1=i(p1)`
+  color: ${e=>e.windowSize==="small"&&e.themeContext.mode==="light"?e.theme.colors.primary:d.primaryDark};
+  margin-right: ${o.sp3};
+`,Z1=i.div`
+  color: ${e=>e.windowSize==="small"&&e.themeContext.mode==="light"?e.theme.colors.primary:d.primaryDark};
+  padding: ${o.sp1} ${o.sp2};
+  border: 1px solid ${e=>e.theme.colors.grey2};
+  &:hover {
+    border-color: ${e=>e.windowSize==="small"&&e.themeContext.mode==="light"?e.theme.colors.primary:d.primaryDark};
+  }
+  border-radius: ${o.sp1};
+  cursor: pointer;
+`,G=i.div`
+  background: ${d.importantLight};
+  padding: ${o.sp2};
+  border-radius: ${o.sp1};
+  margin: ${o.sp3} 0;
+  max-width: 330px;
+  text-align: center;
+`,F1=i(H1)`
+  color: ${e=>e.theme.colors.grey1};
+  margin-bottom: ${o.sp3};
+`,W1=i(A1)`
+  color: ${e=>e.theme.colors.grey1};
+  margin-bottom: ${o.sp3};
+`,O1=i(P1)`
+  width: ${o.sp7};
+  height: ${o.sp7};
+  color: ${e=>e.theme.colors.hero};
+`,N=i(p1)`
+  color: ${d.important};
+`,G1=({type:e="bill",attachmentIdBeingUploaded:z,uploadError:x,uploadErrorMsg:w,showAutofill:h,allowMultiFiles:E=!1,customError:B,dropFilePlaceholder:n,showInfoText:R,showTitlebar:T,pdfTitle:M,openSizeLimitPopup:V,onUploadAttachment:k,uploadStatus:A})=>{const f=s1(),[_,y]=t.useState(!1),b=function(r){r.preventDefault(),r.stopPropagation(),r.type==="dragenter"||r.type==="dragover"?y(!0):r.type==="dragleave"&&_&&y(!1)},I=function(r){if(r.preventDefault(),r.stopPropagation(),y(!1),r.dataTransfer.files.length>0){const s=r.dataTransfer.files;if(E){const a=[],m=[];for(let c=0;c<s.length;c++)a.push(s[c].name),m.push(s[c]);k?.(m,a,"dragdrop")}else{const a=s[0];k?.([a],[a.name],"dragdrop")}}},p=d1(),H=t.useRef(null),S=q.getLocalizedStrings().spendManagement.billPay.billDetails,L=()=>{H.current?.click()},D=r=>{if(r.target.files!=null){const s=r.target.files;if(E){const a=[],m=[];for(let c=0;c<s.length;c++)a.push(s[c].name),m.push(s[c]);k?.(m,a,"dragdrop")}else{const a=s[0];k?.([a],[a.name],"upload")}}},U=A!=null?A.fetchState=="In-Progress":z;return l.jsxs(M1,{showTitlebar:T,windowSize:p,type:e,children:[T===!0?l.jsx(q1,{windowSize:p,type:e,children:M}):null,U==!0?l.jsx(m1,{children:e==="receipt"?l.jsx(Q,{size:"Large",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",padding:"1.5rem",borderRadius:"100%",backgroundColor:`${f.mode==="light"?d.backgroundThemeLight:d.backgroundThemeDark}`,border:`2px solid ${f.mode==="light"?d.neutralGrey3Light:d.neutralGrey3Dark}`,boxShadow:`${o.sp0} 2px ${o.sp1} ${f.mode==="light"?d.dropShadowNormalLight:d.dropShadowNormalDark}`}}):l.jsx(Q,{size:"ExtraLarge",start:!0})}):l.jsx(N1,{windowSize:p,showAutofill:h,type:e,children:l.jsxs(R1,{windowSize:p,onClick:()=>L(),onDragEnter:b,onDragLeave:b,onDragOver:b,onDrop:I,"data-testid":K("upload-tag",e),children:[l.jsxs(_1,{onDragEnter:b,children:[e==="receipt"?l.jsx(F1,{width:g.billReceiptSize.valuePx(p),height:g.billReceiptSize.valuePx(p)}):l.jsx(W1,{width:g.billReceiptSize.valuePx(p),height:g.billReceiptSize.valuePx(p)}),e==="receipt"?l.jsxs(r1,{isPlaceholderText:!0,children:[n?.upload!=null?l.jsx(j,{children:n?.upload}):null,n?.single!=null?l.jsx(j,{children:l.jsx(a1,{themeContext:f,children:n?.single})}):null,n?.or!=null?l.jsx(j,{children:n?.or}):null,n?.multiple!=null?l.jsx(j,{children:l.jsx(a1,{themeContext:f,children:n?.multiple})}):null,n?.receipts!=null?l.jsx(j,{children:n?.receipts}):null,n?.receipt!=null?l.jsx(j,{children:n?.receipt}):null]}):e==="w9"?l.jsx(n1,{children:S.dropW9}):l.jsx(n1,{children:S.dropInvoice}),B!=null&&l.jsx(G,{children:l.jsx(N,{children:B})}),x&&w==="File size is too large"&&l.jsx(G,{children:l.jsx(N,{children:S.uploadFileSizeExceedError})}),x&&w!=="File size is too large"&&l.jsx(G,{children:l.jsx(N,{children:S.uploadError.replace("__type__",e)})})]}),l.jsx(v1,{fileRef:H,name:"invoice",onFileChange:D,multiple:E,sizeLimit:k1,onFileSizeError:V}),R===!0?l.jsxs(I1,{children:[l.jsx(O1,{}),l.jsx(r1,{isPlaceholderText:!1,style:{marginLeft:o.sp1},children:S.currencyInfo})]}):null]})})]})},N1=i.div`
+  padding: ${e=>e.type==="w9"?o.sp0:e.windowSize==="small"&&e.showAutofill===!1?o.sp3:o.sp0};
+  background-color: ${e=>e.windowSize==="small"?e.theme.colors.grey3:e.theme.colors.grey4};
+  height: 100%;
+  width: 100%;
+  border-radius: ${o.sp2};
+`,q1=i(c1)`
+  padding-bottom: ${e=>e.type==="w9"?o.sp0:e.windowSize==="small"?"12px":o.sp3};
+  background-color: ${e=>e.windowSize==="small"?e.theme.colors.grey4:e.theme.colors.grey3};
+  width: 100%;
+  color: ${e=>e.theme.colors.primary};
+`,ne=({uploadInvoiceEndPoint:e,authParams:z,showAutofill:x,allowMultiFiles:w,type:h="bill",customError:E,pdfTitle:B,entityId:n,shouldNotShowAttachment:R,analytics:T,style:M,noAttachmentText:V,dropFilePlaceholder:k,showInfoText:A,showTitlebar:f,showTitlebarIcon:_,file:y,attachmentTitle:b,vendorLegalName:I,onInvoiceUpload:p,onSkipAutofill:H,setFileUploaded:S,updateInvoiceUploadFetchState:L,onReplaceClick:D,onDeleteClick:U,uploadStatus:r,isLoading:s=!1})=>{const a=s1(),m=d1(),[c,X]=t.useState(!1),Y=q.getLocalizedStrings().spendManagement.billPay.billDetails,[h1,Z]=t.useState(!1),[u1,J]=t.useState(!1),[C1,g1]=t.useState(""),[f1,F]=t.useState(!1),[W,x1]=t.useState({title:"",description:"",primaryButtonText:""});t.useEffect(()=>{y!=null?Z(!0):Z(!1)},[y]);async function e1(v,u,P,o1,y1){X(!0),J(!1),await T1(`${v}/1.0/processors/${h}`,u,w===!0?P:[P[0]],w===!0?o1:[o1[0]],g1).then(S1=>{p?.(S1),Z(!0),S?.()}).catch(()=>{J(!0),y1?.("Error")}),X(!1)}const t1=v=>{const u=q.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail;v?(x1({title:u.uploadLimitTitle,description:u.uploadLimitDescription,primaryButtonText:u.buttons.okay}),F(!0)):F(!1)},w1={onOkClick:()=>{F(!1)}};let l1=n!=null||(r!=null?r?.fetchState=="Completed":h1);h==="bill"&&R===!0&&(l1=!1);const O=h==="bill"?"bill_pay":h==="receipt"?"reimbursement":"w9";return l.jsx(V1,{showAutofill:x,windowSize:m,style:M,type:h,"data-testid":K("upload-section",O),children:s?l.jsx(m1,{children:l.jsx(Q,{size:"ExtraLarge",start:!0})}):l.jsxs(l.Fragment,{children:[f1?l.jsx(b1,{titleComponent:l.jsx($1,{children:W.title}),descriptionComponent:l.jsx(L1,{children:W.description}),primaryButtonText:W.primaryButtonText,action:w1}):null,!s&&r?.fetchState!=="In-Progress"&&l1?l.jsx(z1,{title:b,type:h,file:y,noAttachmentText:V,showTitlebar:f,showTitlebarIcon:_,pdfTitle:B,onReplaceClick:D,onDeleteClick:U,allowMultiFiles:w,openSizeLimitPopup:t1,onUploadAttachment:(v,u)=>{L?.("In-Progress"),e1(e,z,v,u,L)}}):l.jsx(G1,{type:h,uploadError:u1,uploadErrorMsg:C1,attachmentIdBeingUploaded:c,dropFilePlaceholder:k,showInfoText:A,allowMultiFiles:w,customError:E,showTitlebar:f,pdfTitle:B,showAutofill:x,openSizeLimitPopup:t1,uploadStatus:r,onUploadAttachment:(v,u,P)=>{T?.trackUploadInvoice(P,O,I),L?.("In-Progress"),e1(e,z,v,u,L)}}),x?l.jsxs(D1,{windowSize:m,children:[l.jsx(U1,{windowSize:m,themeContext:a,children:Y.skipAutofillInfo}),l.jsx(Z1,{windowSize:m,themeContext:a,"data-testid":K("skip-autofill",O),onClick:()=>H?.(!x),children:l.jsx(j1,{children:Y.skipAutofill})})]}):null]})})};export{G1 as AttachmentElement,ne as default};