@zeniai/web-cockpit-ui 1.13.87-qa → 1.13.88-dev

package/dist/assets/{PaymentAccountSetupBillingAddressSection-CnCCn9XQ-B8AttqeR.js → PaymentAccountSetupBillingAddressSection-BaNMRbqw-CIIlY3kM.js}

@@ -1,4 +1,4 @@
-import{eM as Q,M as N,h2 as de,a1 as le,v as B,o as a,g as z,X as Z,j as t,bz as pe,h3 as me,u as re,cf as ge,a7 as W,C as F,aQ as he,eW as ue,q as ie,h4 as fe,h5 as Se,h6 as q,h7 as G,h8 as X,a3 as ye,i as Y,p as xe,gf as be,f as Ce,Q as we}from"./index-BPBiFjSz.js";import{b as p,n as o}from"./vendor-CnQcJ2Lu.js";import{O as ve}from"./SetUpAccountSection-CuOJZCNp-pnGbYCVV.js";const Pe={containerHeight:new F(656,720)},$e=o.div`
+import{eO as Z,M as K,h4 as de,a5 as le,v as B,o as a,g as z,X as N,j as t,bA as pe,h5 as me,u as re,cg as ge,ab as F,C as W,aQ as he,eY as ue,s as ie,h6 as fe,h7 as Se,h8 as G,h9 as Y,ha as q,a7 as ye,i as X,p as xe,gh as be,m as Ce,Q as we}from"./index-CvH632ro.js";import{b as p,n as o}from"./vendor-CnQcJ2Lu.js";import{O as ve}from"./SetUpAccountSection-pi1sH7b5-Cq5TVamg.js";const Pe={containerHeight:new W(656,720)},$e=o.div`
   display: flex;
   flex-direction: column;
   gap: 20px;
@@ -81,26 +81,26 @@ import{eM as Q,M as N,h2 as de,a1 as le,v as B,o as a,g as z,X as Z,j as t,bz as
   color: ${z.important};
   width: 434px;
   text-align: center;
-`,{cardPayment:c,common:{footer:te}}=N.getLocalizedStrings(),Me=o(Ce)`
+`,{cardPayment:c,common:{footer:te}}=K.getLocalizedStrings(),Me=o(Ce)`
   color: ${e=>e.theme.colors.hero};
   text-align: center;
   margin-top: ${a.sp2};
-`,ae=e=>`${e}_form`,se="CardPaymentPaymentForm",De=({cardPaymentView:e,clientSecret:r,cardSetupInProgress:m,handleConfirmCardSetupIntent:i,updateCardPaymentModalState:y,handleAddCardPaymentSource:d,setCardSetupInProgress:g})=>{const x=fe(),n=Se(),[l,h]=p.useState(!1),[P,$]=p.useState(!1),[b,C]=p.useState(!1),[u,w]=p.useState(!1),j=Z(),_=e.cardSetupConfirmStatus.fetchState,T=e.addCardPaymentSourceStatus.fetchState,M=e.cardSetupIntentStatus.fetchState,[I,f]=p.useState(!1),V=async S=>{if(S.preventDefault(),!x||!n)return;const v=n.getElement(q),E=n.getElement(G),A=n.getElement(X);(!v||!E||!A)&&f(!0),w(!0),g(!0),v!=null&&E!=null&&A!=null&&x.confirmCardSetup(r,{payment_method:{card:v}}).then(L=>{w(!1),i(L),L.setupIntent?.id!=null&&d("card","payment_intent",L.setupIntent?.id)}).catch(()=>{w(!1),setTimeout(()=>{g(!1)},2e3)})},R=re(),U={showIcon:!0,style:{base:{...B.standardRegular.cssObject,color:R.colors.primary,"::placeholder":{color:R.colors.grey2}},invalid:{color:z.important,iconColor:z.important}}},D=_==="In-Progress"||T==="In-Progress"||M==="In-Progress"||u===!0||m===!0,H=l||P||b||_==="In-Progress"||T==="In-Progress"||M==="In-Progress"||u===!0||m===!0;return t.jsx(Ie,{windowSize:j,children:t.jsxs(je,{onSubmit:V,id:ae(se),children:[t.jsxs(Ee,{children:[t.jsx(Ae,{children:t.jsx(ke,{children:t.jsx(q,{options:U,onChange:S=>h(!!S.error)})})}),t.jsx(_e,{children:t.jsxs(Re,{children:[t.jsx(ee,{children:c.cardNumber}),t.jsx(G,{options:U,onChange:S=>$(!!S.error)})]})}),t.jsx(Te,{children:t.jsxs(Ue,{children:[t.jsx(ee,{children:c.CVC}),t.jsx(X,{options:U,onChange:S=>C(!!S.error)})]})})]}),e.cardSetupConfirmStatus.error||I?t.jsx(ne,{children:c.errorMsg}):null,t.jsx(ye,{style:{width:"100%",padding:`${a.sp3} 0 0 0`,borderTop:"none",position:"inherit"},formId:ae(se),primaryBtn:{label:te.linkCard,style:{width:"104px",height:a.sp6},isLoading:D,isDisabled:H,type:"submit"},cancelBtn:{label:te.cancel,style:{width:"104px",height:a.sp6},onClick:()=>{y(!1)}}}),t.jsxs(Me,{windowSize:j,children:[c.terms.term1,t.jsx(Y,{href:c.terms.term2Link,linkText:c.terms.term2}),c.terms.term3,t.jsx(Y,{href:c.terms.term4Link,linkText:c.terms.term4})]})]})})},qe=({isCardPaymentOpen:e,cardPaymentView:r,stripeKey:m,cardSetupInProgress:i,handleConfirmCardSetupIntent:y,updateCardPaymentModalState:d,handleCreateCardSetupIntent:g,handleAddCardPaymentSource:x,handleResetCardPaymentErrorStatuses:n,setCardSetupInProgress:l})=>{const[h,P]=p.useState(""),$=de(m),b=le(r.addCardPaymentSourceStatus.fetchState),C=r.addCardPaymentSourceStatus.fetchState;p.useEffect(()=>(g(["card"]),()=>{d(!1),P(""),n()}),[]),p.useEffect(()=>{n()},[e]),p.useEffect(()=>{b==="In-Progress"&&C==="Error"?(l(!1),setTimeout(()=>{d(!1)},2e3)):b==="In-Progress"&&C==="Completed"&&(g(["card"]),setTimeout(()=>{d(!1),l(!1)},2e3))},[b,C]),p.useEffect(()=>{(r.cardSetupConfirmStatus.error||r.addCardPaymentSourceStatus.error)&&(g(["card"]),setTimeout(()=>{l(!1)},2e3))},[r.cardSetupConfirmStatus.error,r.addCardPaymentSourceStatus.error]),p.useEffect(()=>{r.clientSecret!=null&&P(r.clientSecret)},[r.clientSecret]);const u={theme:"stripe",variables:{borderRadius:a.sp1,fontSizeBase:B.standardRegular.fontSize,fontFamily:B.standardRegular.fontFamily},rules:{".Input":{border:`1px solid ${z.neutralGrey3Light}`,borderRadius:a.sp1,padding:"10px",fontSize:B.standardRegular.fontSize}}},w={clientSecret:h,appearance:u},j=Z();return t.jsx(pe,{open:e,children:t.jsxs($e,{windowSize:j,isError:!!r.cardSetupConfirmStatus.error,children:[t.jsx(Le,{children:c.title}),t.jsx(ze,{children:c.subtitle}),h&&$!=null?t.jsx(me,{options:w,stripe:$,children:t.jsx(De,{clientSecret:h,handleConfirmCardSetupIntent:y,updateCardPaymentModalState:d,handleAddCardPaymentSource:x,cardPaymentView:r,cardSetupInProgress:i,setCardSetupInProgress:l})}):t.jsx(ne,{children:c.errorMsg})]})})},{cardBrands:s}=N.getLocalizedStrings().cardPayment,K={visa:{name:s.visa,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/visa.svg"},mastercard:{name:s.mastercard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/mastercard.svg"},american_express:{name:s.american_express,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/amex.svg"},discover:{name:s.discover,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/discover-global.svg"},jcb:{name:s.jcb,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/jcb-card.svg"},diners_club:{name:s.diners_club,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/dinersclub.svg"},unionpay:{name:s.unionpay,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},rupay:{name:s.rupay,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/rupay-card.svg"},bancontact:{name:s.bancontact,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cmr_falabella:{name:s.cmr_falabella,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},tarjeta_naranja:{name:s.tarjeta_naranja,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},nativa:{name:s.nativa,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cencosud:{name:s.cencosud,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cabal:{name:s.cabal,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},argencard:{name:s.argencard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},elo:{name:s.elo,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/elo-card.svg"},hipercard:{name:s.hipercard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/hipercard.svg"},carnet:{name:s.carnet,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/carnet.svg"},maestro:{name:s.maestro,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/maestro.svg"},not_applicable:{name:s.not_applicable,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},eftpos_australia:{name:s.eftpos_australia,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},girocard:{name:s.girocard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},other:{name:s.other,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},unknown:{name:s.unknown,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"}},k={sectionWidth:new F(343,580,726),iconWidthHeight:new F(20,xe[4])},Oe={title:new we("standardSemiBold","largeSemiBold")},oe=e=>e?K[e]??{name:"Other",iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"}:{name:"Other",iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},Be=(e,r,m,i)=>({header:e,title:`${Q(K[i.cardsList[0]?.brand]?.name??"")} ${r}`,subtitle:`${Q(K[i.cardsList[0]?.brand]?.name??"")} ${m} ${i.cardsList[0]?.last4}`,status:i.cardsList[0]?.status}),Ve=o.img`
+`,ae=e=>`${e}_form`,se="CardPaymentPaymentForm",De=({cardPaymentView:e,clientSecret:r,cardSetupInProgress:m,handleConfirmCardSetupIntent:i,updateCardPaymentModalState:y,handleAddCardPaymentSource:d,setCardSetupInProgress:g})=>{const x=fe(),n=Se(),[l,h]=p.useState(!1),[P,$]=p.useState(!1),[b,C]=p.useState(!1),[u,w]=p.useState(!1),j=N(),_=e.cardSetupConfirmStatus.fetchState,T=e.addCardPaymentSourceStatus.fetchState,M=e.cardSetupIntentStatus.fetchState,[I,f]=p.useState(!1),V=async S=>{if(S.preventDefault(),!x||!n)return;const v=n.getElement(G),E=n.getElement(Y),A=n.getElement(q);(!v||!E||!A)&&f(!0),w(!0),g(!0),v!=null&&E!=null&&A!=null&&x.confirmCardSetup(r,{payment_method:{card:v}}).then(L=>{w(!1),i(L),L.setupIntent?.id!=null&&d("card","payment_intent",L.setupIntent?.id)}).catch(()=>{w(!1),setTimeout(()=>{g(!1)},2e3)})},R=re(),U={showIcon:!0,style:{base:{...B.standardRegular.cssObject,color:R.colors.primary,"::placeholder":{color:R.colors.grey2}},invalid:{color:z.important,iconColor:z.important}}},D=_==="In-Progress"||T==="In-Progress"||M==="In-Progress"||u===!0||m===!0,H=l||P||b||_==="In-Progress"||T==="In-Progress"||M==="In-Progress"||u===!0||m===!0;return t.jsx(Ie,{windowSize:j,children:t.jsxs(je,{onSubmit:V,id:ae(se),children:[t.jsxs(Ee,{children:[t.jsx(Ae,{children:t.jsx(ke,{children:t.jsx(G,{options:U,onChange:S=>h(!!S.error)})})}),t.jsx(_e,{children:t.jsxs(Re,{children:[t.jsx(ee,{children:c.cardNumber}),t.jsx(Y,{options:U,onChange:S=>$(!!S.error)})]})}),t.jsx(Te,{children:t.jsxs(Ue,{children:[t.jsx(ee,{children:c.CVC}),t.jsx(q,{options:U,onChange:S=>C(!!S.error)})]})})]}),e.cardSetupConfirmStatus.error||I?t.jsx(ne,{children:c.errorMsg}):null,t.jsx(ye,{style:{width:"100%",padding:`${a.sp3} 0 0 0`,borderTop:"none",position:"inherit"},formId:ae(se),primaryBtn:{label:te.linkCard,style:{width:"104px",height:a.sp6},isLoading:D,isDisabled:H,type:"submit"},cancelBtn:{label:te.cancel,style:{width:"104px",height:a.sp6},onClick:()=>{y(!1)}}}),t.jsxs(Me,{windowSize:j,children:[c.terms.term1,t.jsx(X,{href:c.terms.term2Link,linkText:c.terms.term2}),c.terms.term3,t.jsx(X,{href:c.terms.term4Link,linkText:c.terms.term4})]})]})})},Ge=({isCardPaymentOpen:e,cardPaymentView:r,stripeKey:m,cardSetupInProgress:i,handleConfirmCardSetupIntent:y,updateCardPaymentModalState:d,handleCreateCardSetupIntent:g,handleAddCardPaymentSource:x,handleResetCardPaymentErrorStatuses:n,setCardSetupInProgress:l})=>{const[h,P]=p.useState(""),$=de(m),b=le(r.addCardPaymentSourceStatus.fetchState),C=r.addCardPaymentSourceStatus.fetchState;p.useEffect(()=>(g(["card"]),()=>{d(!1),P(""),n()}),[]),p.useEffect(()=>{n()},[e]),p.useEffect(()=>{b==="In-Progress"&&C==="Error"?(l(!1),setTimeout(()=>{d(!1)},2e3)):b==="In-Progress"&&C==="Completed"&&(g(["card"]),setTimeout(()=>{d(!1),l(!1)},2e3))},[b,C]),p.useEffect(()=>{(r.cardSetupConfirmStatus.error||r.addCardPaymentSourceStatus.error)&&(g(["card"]),setTimeout(()=>{l(!1)},2e3))},[r.cardSetupConfirmStatus.error,r.addCardPaymentSourceStatus.error]),p.useEffect(()=>{r.clientSecret!=null&&P(r.clientSecret)},[r.clientSecret]);const u={theme:"stripe",variables:{borderRadius:a.sp1,fontSizeBase:B.standardRegular.fontSize,fontFamily:B.standardRegular.fontFamily},rules:{".Input":{border:`1px solid ${z.neutralGrey3Light}`,borderRadius:a.sp1,padding:"10px",fontSize:B.standardRegular.fontSize}}},w={clientSecret:h,appearance:u},j=N();return t.jsx(pe,{open:e,children:t.jsxs($e,{windowSize:j,isError:!!r.cardSetupConfirmStatus.error,children:[t.jsx(Le,{children:c.title}),t.jsx(ze,{children:c.subtitle}),h&&$!=null?t.jsx(me,{options:w,stripe:$,children:t.jsx(De,{clientSecret:h,handleConfirmCardSetupIntent:y,updateCardPaymentModalState:d,handleAddCardPaymentSource:x,cardPaymentView:r,cardSetupInProgress:i,setCardSetupInProgress:l})}):t.jsx(ne,{children:c.errorMsg})]})})},{cardBrands:s}=K.getLocalizedStrings().cardPayment,J={visa:{name:s.visa,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/visa.svg"},mastercard:{name:s.mastercard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/mastercard.svg"},american_express:{name:s.american_express,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/amex.svg"},discover:{name:s.discover,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/discover-global.svg"},jcb:{name:s.jcb,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/jcb-card.svg"},diners_club:{name:s.diners_club,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/dinersclub.svg"},unionpay:{name:s.unionpay,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},rupay:{name:s.rupay,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/rupay-card.svg"},bancontact:{name:s.bancontact,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cmr_falabella:{name:s.cmr_falabella,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},tarjeta_naranja:{name:s.tarjeta_naranja,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},nativa:{name:s.nativa,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cencosud:{name:s.cencosud,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cabal:{name:s.cabal,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},argencard:{name:s.argencard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},elo:{name:s.elo,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/elo-card.svg"},hipercard:{name:s.hipercard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/hipercard.svg"},carnet:{name:s.carnet,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/carnet.svg"},maestro:{name:s.maestro,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/maestro.svg"},not_applicable:{name:s.not_applicable,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},eftpos_australia:{name:s.eftpos_australia,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},girocard:{name:s.girocard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},other:{name:s.other,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},unknown:{name:s.unknown,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"}},k={sectionWidth:new W(343,580,726),iconWidthHeight:new W(20,xe[4])},Oe={title:new we("standardSemiBold","largeSemiBold")},oe=e=>e?J[e]??{name:"Other",iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"}:{name:"Other",iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},Be=(e,r,m,i)=>({header:e,title:`${Z(J[i.cardsList[0]?.brand]?.name??"")} ${r}`,subtitle:`${Z(J[i.cardsList[0]?.brand]?.name??"")} ${m} ${i.cardsList[0]?.last4}`,status:i.cardsList[0]?.status}),Ve=o.img`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
-`,Ge=({paymentAccount:e,plaidConnectionDetails:r,connectedAccountProvider:m,sectionId:i,isDisabled:y,hasError:d=!1,isValid:g,style:x,analytics:n,onFetchLinkTokenClick:l,onEstablishConnectionClick:h,onUpdatePaymentAccountStatus:P,onUpdatePaymentAccountLoginStatus:$,onEstablishConnectionSuccess:b,updateCardPaymentModalState:C,cardPaymentView:u,resetCardPaymentViewState:w,cardSetupInProgress:j=!1,googleAPIKey:_,subscriptionBillingAddress:T,subscriptionBillingAddressSectionId:M})=>{const I=re(),f=Z(),{register:V}=ge(),R=I.mode==="light"?new W(I.colors.brandColorJadeLight):new W(I.colors.brandColorJadeDark),{common:U,customerOnboardingPage:{sections:{link_payment_account:{title:D,text:H,subText:S},card_payment_method:v}}}=N.getLocalizedStrings(),E=u.cardsList.length>0,A=u.cardsList[0]?.brand??"other",L=u.addCardPaymentSourceStatus.fetchState,O=Be(v.header,v.titleText,v.protectedCardNo,u);let J;return E&&(J={header:O.header,title:O.title,subtitle:O.subtitle,status:O.status==="valid"?{name:"Verified",code:"verified"}:{name:"Pending",code:"pending"},showAddPaymentMethodDropDown:E===!0,icon:{element:t.jsx(Ve,{src:oe(A).iconURL,width:k.iconWidthHeight.valuePx(f),height:k.iconWidthHeight.valuePx(f),alt:oe(A).name,loading:"lazy"}),color:new W(R)},showCompletedIcon:!1,isError:L==="Error",isLoading:L==="In-Progress",isCompleted:!0,showRightArrow:!1}),t.jsxs(We,{windowSize:f,children:[t.jsx(Fe,{type:"hidden",...V(`${i}.connected`,{validate:ce=>d?ce==="true":!0}),value:g?"true":"false"}),t.jsx(ve,{connectedAccountProvider:m,paymentAccount:e,plaidConnectionDetails:r,allBankAccounts:[],header:D,sectionTitle:D,defaultSectionTitle:H,defaultSectionSubTitle:S,sectionId:i,isDisabled:y,hasError:d,showZeniAccountSection:!1,isCompleted:e?.providerVerificationStatus?.code?.includes("verified")===!0&&e?.isLoginRequired===!1,showCompletedIcon:f==="small",onFetchLinkTokenClick:l,onEstablishConnectionClick:h,onUpdatePaymentAccountStatus:P,onUpdatePaymentAccountLoginStatus:$,onEstablishConnectionSuccess:b,style:x,icon:{element:t.jsx(he,{width:k.iconWidthHeight.valuePx(f),height:k.iconWidthHeight.valuePx(f)}),color:R},analytics:n,productType:"onboarding",resetCardPaymentViewState:w,cardPaymentSectionValues:J,cardPaymentView:u,updateCardPaymentModalState:C,referrer:"Onboarding",cardSetupInProgress:j}),He(f,U.headers.billingAddress,M,n,T,_,y)]})},He=(e,r,m,i,y,d,g)=>{const x={"Add street address":"street_address","Add suite":"suite","Add city":"city","Add state":"state","Select country":"country","Add ZIP code":"zip_code","Add secondary info":"secondary_info"};return t.jsxs(Ne,{children:[t.jsx(Ke,{windowSize:e,isDisabled:g==="disabled",children:r}),t.jsx(be,{googleAPIKey:d??"",addressToEdit:y,sectionId:`${m}`,style:{marginLeft:"0px"},elementsStyle:{paddingRight:"0px"},onFormFieldClick:n=>{if(n.target instanceof HTMLInputElement){const{placeholder:l}=n.target;if(l){const h=x[l];h&&i.trackOnboardingBillingAddress(h)}}}})]})},We=o.div`
+`,Ye=({paymentAccount:e,plaidConnectionDetails:r,connectedAccountProvider:m,sectionId:i,isDisabled:y,hasError:d=!1,isValid:g,style:x,analytics:n,onFetchLinkTokenClick:l,onEstablishConnectionClick:h,onUpdatePaymentAccountStatus:P,onUpdatePaymentAccountLoginStatus:$,onEstablishConnectionSuccess:b,updateCardPaymentModalState:C,cardPaymentView:u,resetCardPaymentViewState:w,cardSetupInProgress:j=!1,googleAPIKey:_,subscriptionBillingAddress:T,subscriptionBillingAddressSectionId:M})=>{const I=re(),f=N(),{register:V}=ge(),R=I.mode==="light"?new F(I.colors.brandColorJadeLight):new F(I.colors.brandColorJadeDark),{common:U,customerOnboardingPage:{sections:{link_payment_account:{title:D,text:H,subText:S},card_payment_method:v}}}=K.getLocalizedStrings(),E=u.cardsList.length>0,A=u.cardsList[0]?.brand??"other",L=u.addCardPaymentSourceStatus.fetchState,O=Be(v.header,v.titleText,v.protectedCardNo,u);let Q;return E&&(Q={header:O.header,title:O.title,subtitle:O.subtitle,status:O.status==="valid"?{name:"Verified",code:"verified"}:{name:"Pending",code:"pending"},showAddPaymentMethodDropDown:E===!0,icon:{element:t.jsx(Ve,{src:oe(A).iconURL,width:k.iconWidthHeight.valuePx(f),height:k.iconWidthHeight.valuePx(f),alt:oe(A).name,loading:"lazy"}),color:new F(R)},showCompletedIcon:!1,isError:L==="Error",isLoading:L==="In-Progress",isCompleted:!0,showRightArrow:!1}),t.jsxs(Fe,{windowSize:f,children:[t.jsx(We,{type:"hidden",...V(`${i}.connected`,{validate:ce=>d?ce==="true":!0}),value:g?"true":"false"}),t.jsx(ve,{connectedAccountProvider:m,paymentAccount:e,plaidConnectionDetails:r,allBankAccounts:[],header:D,sectionTitle:D,defaultSectionTitle:H,defaultSectionSubTitle:S,sectionId:i,isDisabled:y,hasError:d,showZeniAccountSection:!1,isCompleted:e?.providerVerificationStatus?.code?.includes("verified")===!0&&e?.isLoginRequired===!1,showCompletedIcon:f==="small",onFetchLinkTokenClick:l,onEstablishConnectionClick:h,onUpdatePaymentAccountStatus:P,onUpdatePaymentAccountLoginStatus:$,onEstablishConnectionSuccess:b,style:x,icon:{element:t.jsx(he,{width:k.iconWidthHeight.valuePx(f),height:k.iconWidthHeight.valuePx(f)}),color:R},analytics:n,productType:"onboarding",resetCardPaymentViewState:w,cardPaymentSectionValues:Q,cardPaymentView:u,updateCardPaymentModalState:C,referrer:"Onboarding",cardSetupInProgress:j}),He(f,U.headers.billingAddress,M,n,T,_,y)]})},He=(e,r,m,i,y,d,g)=>{const x={"Add street address":"street_address","Add suite":"suite","Add city":"city","Add state":"state","Select country":"country","Add ZIP code":"zip_code","Add secondary info":"secondary_info"};return t.jsxs(Ke,{children:[t.jsx(Je,{windowSize:e,isDisabled:g==="disabled",children:r}),t.jsx(be,{googleAPIKey:d??"",addressToEdit:y,sectionId:`${m}`,style:{marginLeft:"0px"},elementsStyle:{paddingRight:"0px"},onFormFieldClick:n=>{if(n.target instanceof HTMLInputElement){const{placeholder:l}=n.target;if(l){const h=x[l];h&&i.trackOnboardingBillingAddress(h)}}}})]})},Fe=o.div`
   display: flex;
   flex-direction: column;
   width: ${e=>k.sectionWidth.valuePx(e.windowSize)};
   padding-bottom: ${a.sp3};
-`,Fe=o.input`
+`,We=o.input`
   display: none;
-`,Ke=o.div`
+`,Je=o.div`
   ${e=>`${Oe.title.style(e.windowSize)}`};
   margin-bottom: ${a.sp3};
   margin-top: ${a.sp3};
   color: ${e=>e.isError===!0?z.important:e.isDisabled===!0?e.theme.colors.grey1:e.theme.colors.primary};
-`,Ne=o.div`
+`,Ke=o.div`
   margin-top: ${a.sp5};
   margin-bottom: ${a.sp4};
-`;export{Be as M,qe as e,oe as r,Ge as t};
+`;export{Be as M,Ge as e,oe as r,Ye as t};

package/dist/assets/{PeoplePage-D89yZGJn-SKC3xcjg.js → PeoplePage-BRnDI6mc-CLBN4-_q.js}

@@ -1,4 +1,4 @@
-import{u as be,X as I,M as y,j as t,Y as a,aW as le,be as Ne,o as s,bI as De,bJ as Oe,d as F,a5 as G,bK as we,K as Le,v as $e,bL as _e,a1 as Ae,bM as Ve,bN as Me,bO as We,bP as Be,ai as He,H,bQ as Ke,C as b,bR as Fe,bS as je,p as $,l as A,bT as ee,bU as N,a as Ue,F as Ee,bV as Ze,bW as qe,S as Xe,w as D,bX as Je,q as O,f as te,g as V,bY as Qe,bF as Se,ao as ie,bZ as ke,bc as Ye,b_ as Ge}from"./index-BPBiFjSz.js";import{f as ce,b as v,n as i}from"./vendor-CnQcJ2Lu.js";import{R as Ie}from"./Menu-Dhi3mAAc-oy5nVsxE.js";import{T as Ce}from"./RoleWithToolTip-w2s9tX9j-BuSHjydh.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const P=y.getLocalizedStrings().peoplePage.header,S=[{key:"name",value:P.name,sortOrder:"ascending",width:new b(32,26,26,30,32)},{key:"role",value:P.role,sortOrder:"ascending",width:new b(18,17,17,21,19)},{key:"manager",value:P.manager,sortOrder:"ascending",width:new b(20,20,20,19,20)},{key:"department",value:P.department,sortOrder:"ascending",width:new b(20,20,20,19,20)},{key:"lastSeen",value:P.lastSeen,sortOrder:"ascending",width:new b(10,17,17,11,9)}],K=[{key:"name",value:P.name,sortOrder:"ascending",width:new b(32,26,26,32,33)},{key:"role",value:P.role,sortOrder:"ascending",width:new b(58,57,57,57,58)},{key:"lastSeen",value:P.lastSeen,sortOrder:"ascending",width:new b(10,17,17,11,9)}],et=58;function tt({userNameSticky:e,sortConfig:r,onColumnSortConfigChanged:l,mode:d}){const m=I(),[p,x]=v.useState(Xe(d==="off"?S:K));v.useEffect(()=>{const n=[...p];for(const o of n)o.key===r.sortKey?o.sortOrder=r.sortOrder:o.sortOrder="ascending";x(n)},[r.sortKey,r.sortOrder]);const h=(n,o)=>{let u=o;r.sortKey===n&&(u=o==="ascending"?"descending":"ascending"),l?.(n,u)};return t.jsx(ot,{height:et,"data-testid":a("people-list-header-row"),children:p.map(n=>t.jsxs(rt,{userNameSticky:!!e&&n.key==="name",sortDataValue:r.sortKey,actualDataValue:n.key,wrapperWidth:n.width,windowSize:m,children:[t.jsxs(at,{"data-testid":a("people-list-header",n.key),onClick:()=>h(n.key,n.sortOrder),children:[t.jsx(D,{children:n.value}),t.jsx(st,{sortDataValue:r.sortKey,headerdata:n,children:t.jsx(Je,{width:12,height:12})})]}),t.jsx(nt,{isVisible:r.sortKey===n.key&&n.key!=="name",children:t.jsx(lt,{"data-testid":a("people-list-header-sort-cancel",n.key),onClick:()=>h("name","ascending")})})]},n.key))})}const it=ce.memo(tt),st=i.div`
+import{u as $e,X as I,M as y,j as t,Y as a,aW as le,bf as Ne,o as s,bK as De,bL as Oe,e as U,a9 as J,bM as we,K as Le,v as be,bN as _e,a5 as Ae,bO as Ve,bP as Me,bQ as We,bR as Be,ao as He,H,bS as Ke,C as $,bT as Ue,bU as je,p as b,l as A,bV as ee,bD as N,a as Ee,F as Fe,bW as Ze,bX as qe,R as Xe,w as D,bY as Qe,s as O,m as te,g as V,bZ as Ye,ah as Se,av as ie,b_ as ke,bd as Ge,b$ as Je}from"./index-CvH632ro.js";import{f as ce,b as v,n as i}from"./vendor-CnQcJ2Lu.js";import{A as Ie}from"./Menu-DgxJQlbW-DIVRGIXR.js";import{T as Ce}from"./RoleWithToolTip-B-ODIDAN-8uYeRtpZ.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const P=y.getLocalizedStrings().peoplePage.header,S=[{key:"name",value:P.name,sortOrder:"ascending",width:new $(32,26,26,30,32)},{key:"role",value:P.role,sortOrder:"ascending",width:new $(18,17,17,21,19)},{key:"manager",value:P.manager,sortOrder:"ascending",width:new $(20,20,20,19,20)},{key:"department",value:P.department,sortOrder:"ascending",width:new $(20,20,20,19,20)},{key:"lastSeen",value:P.lastSeen,sortOrder:"ascending",width:new $(10,17,17,11,9)}],K=[{key:"name",value:P.name,sortOrder:"ascending",width:new $(32,26,26,32,33)},{key:"role",value:P.role,sortOrder:"ascending",width:new $(58,57,57,57,58)},{key:"lastSeen",value:P.lastSeen,sortOrder:"ascending",width:new $(10,17,17,11,9)}],et=58;function tt({userNameSticky:e,sortConfig:r,onColumnSortConfigChanged:l,mode:d}){const m=I(),[p,x]=v.useState(Xe(d==="off"?S:K));v.useEffect(()=>{const n=[...p];for(const o of n)o.key===r.sortKey?o.sortOrder=r.sortOrder:o.sortOrder="ascending";x(n)},[r.sortKey,r.sortOrder]);const h=(n,o)=>{let u=o;r.sortKey===n&&(u=o==="ascending"?"descending":"ascending"),l?.(n,u)};return t.jsx(ot,{height:et,"data-testid":a("people-list-header-row"),children:p.map(n=>t.jsxs(rt,{userNameSticky:!!e&&n.key==="name",sortDataValue:r.sortKey,actualDataValue:n.key,wrapperWidth:n.width,windowSize:m,children:[t.jsxs(at,{"data-testid":a("people-list-header",n.key),onClick:()=>h(n.key,n.sortOrder),children:[t.jsx(D,{children:n.value}),t.jsx(st,{sortDataValue:r.sortKey,headerdata:n,children:t.jsx(Qe,{width:12,height:12})})]}),t.jsx(nt,{isVisible:r.sortKey===n.key&&n.key!=="name",children:t.jsx(lt,{"data-testid":a("people-list-header-sort-cancel",n.key),onClick:()=>h("name","ascending")})})]},n.key))})}const it=ce.memo(tt),st=i.div`
   display: flex;
   align-items: center;
   transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
@@ -29,7 +29,7 @@ import{u as be,X as I,M as y,j as t,Y as a,aW as le,be as Ne,o as s,bI as De,bJ
   box-sizing: border-box;
   ${e=>e.userNameSticky?"position: sticky; z-index: 1;":"position: static; z-index: 0;"};
   ${e=>e.actualDataValue==="name"||e.actualDataValue==="role"?`padding-left: ${s.sp0}; flex: 1 1 auto`:`padding-left: ${s.sp0};`}
-`,lt=i(Ge)`
+`,lt=i(Je)`
   cursor: pointer;
   color: inherit;
   width: 12px;
@@ -46,7 +46,7 @@ import{u as be,X as I,M as y,j as t,Y as a,aW as le,be as Ne,o as s,bI as De,bJ
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,dt=58;function ct({sortConfig:e,onColumnSortConfigChanged:r,mode:l}){const d=y.getLocalizedStrings().peoplePage,m=Ue({mode:"all"}),p=v.useMemo(()=>l==="zeni_only"?K:S,[l]),x=v.useMemo(()=>p.map(o=>({label:o.value,value:o.key})),[p]),h=p.find(o=>o.key===e.sortKey);h!=null&&(h.sortOrder=e.sortOrder);const n=(o,u)=>{let w=u;e.sortKey===o&&(w=u==="ascending"?"descending":"ascending"),r?.(o,w)};return v.useEffect(()=>{const o=m.watch((u,{name:w})=>{if(w!=null&&u!=null){const{people_sort_by:f}=u;r?.(f.selectedOption.value,"ascending")}});return()=>{o.unsubscribe()}}),t.jsxs(mt,{height:dt,"data-testid":a("people-list-header-row-small"),children:[t.jsx(ut,{children:t.jsx(Ee,{...m,children:t.jsx("form",{children:t.jsx(Ze,{defaultValue:{allOptions:x,selectedOption:x.find(o=>o.value===e.sortKey)},placeholder:`${d.sortBy}:`,style:{width:"200px"},isSearchable:!1,isOptionsSortable:!1,constantSelectedValue:`${d.sortBy}:`,name:"people_sort_by"})})})}),t.jsxs(xt,{"data-testid":a("people-list-header",e.sortKey),onClick:()=>n(e.sortKey,e.sortOrder),children:[t.jsx(gt,{children:h?.value}),t.jsx(ht,{sortDataValue:e.sortKey,headerdata:h,children:t.jsx(qe,{width:s.sp3,height:s.sp3})})]})]})}const pt=ce.memo(ct),ht=i.div`
+`,dt=58;function ct({sortConfig:e,onColumnSortConfigChanged:r,mode:l}){const d=y.getLocalizedStrings().peoplePage,m=Ee({mode:"all"}),p=v.useMemo(()=>l==="zeni_only"?K:S,[l]),x=v.useMemo(()=>p.map(o=>({label:o.value,value:o.key})),[p]),h=p.find(o=>o.key===e.sortKey);h!=null&&(h.sortOrder=e.sortOrder);const n=(o,u)=>{let w=u;e.sortKey===o&&(w=u==="ascending"?"descending":"ascending"),r?.(o,w)};return v.useEffect(()=>{const o=m.watch((u,{name:w})=>{if(w!=null&&u!=null){const{people_sort_by:f}=u;r?.(f.selectedOption.value,"ascending")}});return()=>{o.unsubscribe()}}),t.jsxs(mt,{height:dt,"data-testid":a("people-list-header-row-small"),children:[t.jsx(ut,{children:t.jsx(Fe,{...m,children:t.jsx("form",{children:t.jsx(Ze,{defaultValue:{allOptions:x,selectedOption:x.find(o=>o.value===e.sortKey)},placeholder:`${d.sortBy}:`,style:{width:"200px"},isSearchable:!1,isOptionsSortable:!1,constantSelectedValue:`${d.sortBy}:`,name:"people_sort_by"})})})}),t.jsxs(xt,{"data-testid":a("people-list-header",e.sortKey),onClick:()=>n(e.sortKey,e.sortOrder),children:[t.jsx(gt,{children:h?.value}),t.jsx(ht,{sortDataValue:e.sortKey,headerdata:h,children:t.jsx(qe,{width:s.sp3,height:s.sp3})})]})]})}const pt=ce.memo(ct),ht=i.div`
   display: flex;
   align-items: center;
   transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
@@ -81,7 +81,7 @@ import{u as be,X as I,M as y,j as t,Y as a,aW as le,be as Ne,o as s,bI as De,bJ
     justify-content: flex-start;
     .single-select-field__single-value {
       color: ${e=>e.theme.colors.hero};
-      ${$e.smallRegular.css};
+      ${be.smallRegular.css};
     }
   }
 
@@ -103,7 +103,7 @@ import{u as be,X as I,M as y,j as t,Y as a,aW as le,be as Ne,o as s,bI as De,bJ
   }
 `,gt=i(D)`
   color: ${e=>e.theme.colors.hero};
-`,{peoplePage:T}=y.getLocalizedStrings(),wt=({peopleData:e,userNameSticky:r,allClasses:l,allManagers:d,onResendInvite:m,onDeleteUser:p,onRowClick:x})=>{const[h,n]=v.useState(!1),o=I(),u=vt(e,d,l),w=e.userRole.userRoles.filter(g=>!A.hasZeniRoleOrCompanyOfficerAccess(g)),f=()=>{p?.(e)},j=()=>{x?.(e.userId)};return t.jsxs(ft,{windowSize:o,isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:j,"data-testid":a("people-list-row",e.userId),children:[t.jsx(yt,{wrapperWidth:S[0].width,windowSize:o,userNameSticky:r,children:t.jsxs($t,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsxs(jt,{children:[e.user?.firstName?t.jsxs(St,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}):null,t.jsx(It,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})]})}),t.jsx(kt,{wrapperWidth:S[1].width,windowSize:o,children:t.jsx(Ce,{roles:w})}),t.jsxs(t.Fragment,{children:[A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(q,{wrapperWidth:S[2].width,windowSize:o,children:t.jsx(_,{children:T.notApplicable})}):t.jsx(t.Fragment,{children:u.manager?t.jsx(ve,{wrapperWidth:S[2].width,windowSize:o,children:t.jsx(_,{children:u.manager})}):t.jsx(q,{wrapperWidth:S[2].width,windowSize:o,children:t.jsx(_,{children:T.noManager})})}),A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(q,{wrapperWidth:S[3].width,windowSize:o,children:t.jsx(_,{children:T.notApplicable})}):t.jsx(t.Fragment,{children:u.department?t.jsx(ve,{wrapperWidth:S[3].width,windowSize:o,children:t.jsx(_,{children:u.department})}):t.jsx(q,{wrapperWidth:S[3].width,windowSize:o,children:t.jsx(_,{children:T.emptyDepartmentPlaceholderText})})})]}),t.jsxs(Ct,{"data-testid":a("last-seen-container",e.userId),wrapperWidth:S[4].width,windowSize:o,children:[e.userRole.invitationStatus==="accepted"?t.jsx(bt,{children:u.lastSeen}):t.jsx(zt,{children:e.update==="resendInvite"?t.jsx(F,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(Tt,{"data-testid":a("resend-invite-text",e.userId),onClick:g=>{g.stopPropagation(),m?.(e.userId)},children:T.resendInvite.label}),t.jsx(Pt,{children:t.jsx(Nt,{children:`${T.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})}),t.jsx(Rt,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"menu-icon",children:t.jsx(Ie,{menuItems:t.jsxs(Dt,{"data-testid":a("menu-items-container",e.userId),children:[t.jsx(fe,{"data-testid":a("edit-people-list-row"),onClick:()=>{n(!1),j()},children:T.invitePage.editTitle}),t.jsx(fe,{"data-testid":a("delete-people-list-row",e.userId),isDelete:!0,onClick:g=>{g.stopPropagation(),n(!1),f()},children:T.deleteOverlay.title})]}),setIsMenuOpen:n,isMenuOpen:h})})]})]})};function vt(e,r,l){const d=l.find(p=>e.userRole.accountingClassIDs[0]===p.classId),m=r.find(p=>p.userId===e.userRole.managerUserId);return{name:`${e.user?.firstName??""} ${e.user?.lastName??""}`,role:{selectedOptions:e.userRole.userRoles,allOptions:Qe},manager:m?.user?`${m?.user?.firstName} ${m?.user?.lastName}`:void 0,department:d?d?.className:void 0,lastSeen:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}}const ft=i.div`
+`,{peoplePage:T}=y.getLocalizedStrings(),wt=({peopleData:e,userNameSticky:r,allClasses:l,allManagers:d,onResendInvite:m,onDeleteUser:p,onRowClick:x})=>{const[h,n]=v.useState(!1),o=I(),u=vt(e,d,l),w=e.userRole.userRoles.filter(g=>!A.hasZeniRoleOrCompanyOfficerAccess(g)),f=()=>{p?.(e)},j=()=>{x?.(e.userId)};return t.jsxs(ft,{windowSize:o,isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:j,"data-testid":a("people-list-row",e.userId),children:[t.jsx(yt,{wrapperWidth:S[0].width,windowSize:o,userNameSticky:r,children:t.jsxs(bt,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsxs(jt,{children:[e.user?.firstName?t.jsxs(St,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}):null,t.jsx(It,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})]})}),t.jsx(kt,{wrapperWidth:S[1].width,windowSize:o,children:t.jsx(Ce,{roles:w})}),t.jsxs(t.Fragment,{children:[A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(q,{wrapperWidth:S[2].width,windowSize:o,children:t.jsx(_,{children:T.notApplicable})}):t.jsx(t.Fragment,{children:u.manager?t.jsx(ve,{wrapperWidth:S[2].width,windowSize:o,children:t.jsx(_,{children:u.manager})}):t.jsx(q,{wrapperWidth:S[2].width,windowSize:o,children:t.jsx(_,{children:T.noManager})})}),A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(q,{wrapperWidth:S[3].width,windowSize:o,children:t.jsx(_,{children:T.notApplicable})}):t.jsx(t.Fragment,{children:u.department?t.jsx(ve,{wrapperWidth:S[3].width,windowSize:o,children:t.jsx(_,{children:u.department})}):t.jsx(q,{wrapperWidth:S[3].width,windowSize:o,children:t.jsx(_,{children:T.emptyDepartmentPlaceholderText})})})]}),t.jsxs(Ct,{"data-testid":a("last-seen-container",e.userId),wrapperWidth:S[4].width,windowSize:o,children:[e.userRole.invitationStatus==="accepted"?t.jsx($t,{children:u.lastSeen}):t.jsx(zt,{children:e.update==="resendInvite"?t.jsx(U,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(Tt,{"data-testid":a("resend-invite-text",e.userId),onClick:g=>{g.stopPropagation(),m?.(e.userId)},children:T.resendInvite.label}),t.jsx(Pt,{children:t.jsx(Nt,{children:`${T.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})}),t.jsx(Rt,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"menu-icon",children:t.jsx(Ie,{menuItems:t.jsxs(Dt,{"data-testid":a("menu-items-container",e.userId),children:[t.jsx(fe,{"data-testid":a("edit-people-list-row"),onClick:()=>{n(!1),j()},children:T.invitePage.editTitle}),t.jsx(fe,{"data-testid":a("delete-people-list-row",e.userId),isDelete:!0,onClick:g=>{g.stopPropagation(),n(!1),f()},children:T.deleteOverlay.title})]}),setIsMenuOpen:n,isMenuOpen:h})})]})]})};function vt(e,r,l){const d=l.find(p=>e.userRole.accountingClassIDs[0]===p.classId),m=r.find(p=>p.userId===e.userRole.managerUserId);return{name:`${e.user?.firstName??""} ${e.user?.lastName??""}`,role:{selectedOptions:e.userRole.userRoles,allOptions:Ye},manager:m?.user?`${m?.user?.firstName} ${m?.user?.lastName}`:void 0,department:d?d?.className:void 0,lastSeen:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}}const ft=i.div`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${s.sp2};
   display: flex;
@@ -177,7 +177,7 @@ import{u as be,X as I,M as y,j as t,Y as a,aW as le,be as Ne,o as s,bI as De,bJ
   -webkit-box-orient: vertical;
   text-overflow: ellipsis;
   overflow: hidden;
-`,bt=i(O)`
+`,$t=i(O)`
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 1;
@@ -193,7 +193,7 @@ import{u as be,X as I,M as y,j as t,Y as a,aW as le,be as Ne,o as s,bI as De,bJ
   overflow: hidden;
 `,_=i.div`
   width: 96%;
-`,$t=i.div`
+`,bt=i.div`
   display: flex;
   align-items: center;
 `,jt=i.div`
@@ -222,7 +222,7 @@ import{u as be,X as I,M as y,j as t,Y as a,aW as le,be as Ne,o as s,bI as De,bJ
   -webkit-box-orient: vertical;
   text-overflow: ellipsis;
   overflow: hidden;
-`,It=i(G)`
+`,It=i(J)`
   color: ${e=>e.theme.colors.grey1};
   display: -webkit-box;
   -webkit-line-clamp: 1;
@@ -253,7 +253,7 @@ import{u as be,X as I,M as y,j as t,Y as a,aW as le,be as Ne,o as s,bI as De,bJ
   flex-direction: row;
   -webkit-box-pack: end;
   justify-content: flex-end;
-`,Nt=i(G)`
+`,Nt=i(J)`
   color: ${e=>e.theme.colors.grey1};
   display: -webkit-box;
   -webkit-line-clamp: 1;
@@ -272,7 +272,7 @@ import{u as be,X as I,M as y,j as t,Y as a,aW as le,be as Ne,o as s,bI as De,bJ
   :hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Ot={width:new b(343,580,726)},{peoplePage:k}=y.getLocalizedStrings(),Lt=({peopleData:e,allClasses:r,allManagers:l,onRowClick:d,onResendInvite:m})=>{const p=I(),x=e.userRole.userRoles.filter(o=>!A.hasZeniRoleOrCompanyOfficerAccess(o)),h=ii(l,e.userRole.managerUserId),n=si(r,e.userRole.accountingClassIDs);return t.jsxs(_t,{windowSize:p,isInviteAccepted:e.userRole.invitationStatus==="accepted","data-testid":a("people-list-row-small",e.userId),onClick:()=>{d?.(e.userId)},children:[t.jsxs(At,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsx(Mt,{children:t.jsxs(Wt,{children:[t.jsxs(Bt,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}),t.jsx(Ht,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})}),e.userRole.invitationStatus==="accepted"?t.jsxs(Kt,{className:"lastSeen",children:[t.jsx(Ft,{className:"lastSeenDateTxt",children:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}),t.jsx(Ut,{children:k.header.lastSeen})]}):t.jsx(Et,{"data-testid":a("resend-invite-wrapper",e.userId),children:e.update==="resendInvite"?t.jsx(F,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(Zt,{"data-testid":a("resend-invite-text",e.userId),onClick:o=>{o.stopPropagation(),m?.(e.userId)},children:k.resendInvite.label}),t.jsx(qt,{children:t.jsx(Xt,{children:`${k.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})})]}),t.jsx(Vt,{children:t.jsxs(se,{className:"personDetails",children:[t.jsxs(pe,{children:[t.jsxs(he,{children:[k.header.role,":"]}),t.jsx(oe,{children:t.jsx(Ce,{roles:x})})]}),t.jsxs(Jt,{children:[t.jsxs(Yt,{children:[k.header.manager,":"]}),A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(X,{children:k.notApplicable}):t.jsx(t.Fragment,{children:h?t.jsx(ei,{children:h}):t.jsx(X,{children:k.noManager})})]}),t.jsxs(Qt,{children:[t.jsxs(Gt,{children:[k.header.department,":"]}),A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(X,{children:k.notApplicable}):t.jsx(t.Fragment,{children:n?t.jsx(ti,{children:n}):t.jsx(X,{children:k.emptyDepartmentPlaceholderText})})]})]})})]})},_t=i.div`
+`,Ot={width:new $(343,580,726)},{peoplePage:k}=y.getLocalizedStrings(),Lt=({peopleData:e,allClasses:r,allManagers:l,onRowClick:d,onResendInvite:m})=>{const p=I(),x=e.userRole.userRoles.filter(o=>!A.hasZeniRoleOrCompanyOfficerAccess(o)),h=ii(l,e.userRole.managerUserId),n=si(r,e.userRole.accountingClassIDs);return t.jsxs(_t,{windowSize:p,isInviteAccepted:e.userRole.invitationStatus==="accepted","data-testid":a("people-list-row-small",e.userId),onClick:()=>{d?.(e.userId)},children:[t.jsxs(At,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsx(Mt,{children:t.jsxs(Wt,{children:[t.jsxs(Bt,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}),t.jsx(Ht,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})}),e.userRole.invitationStatus==="accepted"?t.jsxs(Kt,{className:"lastSeen",children:[t.jsx(Ut,{className:"lastSeenDateTxt",children:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}),t.jsx(Et,{children:k.header.lastSeen})]}):t.jsx(Ft,{"data-testid":a("resend-invite-wrapper",e.userId),children:e.update==="resendInvite"?t.jsx(U,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(Zt,{"data-testid":a("resend-invite-text",e.userId),onClick:o=>{o.stopPropagation(),m?.(e.userId)},children:k.resendInvite.label}),t.jsx(qt,{children:t.jsx(Xt,{children:`${k.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})})]}),t.jsx(Vt,{children:t.jsxs(se,{className:"personDetails",children:[t.jsxs(pe,{children:[t.jsxs(he,{children:[k.header.role,":"]}),t.jsx(oe,{children:t.jsx(Ce,{roles:x})})]}),t.jsxs(Qt,{children:[t.jsxs(Gt,{children:[k.header.manager,":"]}),A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(X,{children:k.notApplicable}):t.jsx(t.Fragment,{children:h?t.jsx(ei,{children:h}):t.jsx(X,{children:k.noManager})})]}),t.jsxs(Yt,{children:[t.jsxs(Jt,{children:[k.header.department,":"]}),A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(X,{children:k.notApplicable}):t.jsx(t.Fragment,{children:n?t.jsx(ti,{children:n}):t.jsx(X,{children:k.emptyDepartmentPlaceholderText})})]})]})})]})},_t=i.div`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${s.sp2};
   display: flex;
@@ -334,9 +334,9 @@ import{u as be,X as I,M as y,j as t,Y as a,aW as le,be as Ne,o as s,bI as De,bJ
   display: flex;
   flex-direction: column;
   align-items: flex-end;
-`,Ft=i.div`
+`,Ut=i.div`
   color: ${e=>e.theme.colors.hero};
-`,Ut=i.div``,Et=i.div`
+`,Et=i.div``,Ft=i.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
@@ -352,13 +352,13 @@ import{u as be,X as I,M as y,j as t,Y as a,aW as le,be as Ne,o as s,bI as De,bJ
   color: ${e=>e.theme.colors.grey1};
 `,pe=i.div`
   display: flex;
-`,Jt=i(pe)``,Qt=i(pe)``,he=i.div`
+`,Qt=i(pe)``,Yt=i(pe)``,he=i.div`
   width: 30%;
-`,Yt=i(he)``,Gt=i(he)``,oe=i.div`
+`,Gt=i(he)``,Jt=i(he)``,oe=i.div`
   width: 70%;
 `,ei=i(oe)``,ti=i(oe)``,X=i(oe)`
   color: ${e=>e.theme.colors.grey1};
-`,ii=(e,r)=>{const l=e.find(d=>d.userId===r);return l?.user?`${l?.user?.firstName} ${l?.user?.lastName}`:void 0},si=(e,r)=>{const l=e.find(d=>r[0]===d.classId);return l?l.className:void 0},oi=e=>I()==="small"?t.jsx(Lt,{...e}):t.jsx(wt,{...e}),J=y.getLocalizedStrings().peoplePage,ri=({peopleData:e,userNameSticky:r,onResendInvite:l,onDeleteUser:d,onRowClick:m})=>{const[p,x]=v.useState(!1),h=I(),n=li(e),o=f=>{const j=[];return f.map(g=>{const R=ke.roles.find(M=>M.value===g);return R!=null&&j.push(R?.label??""),j}),j.length>0?j.join(", "):"-"},u=()=>{d?.(e)},w=()=>{m?.(e.userId)};return t.jsxs(ni,{"data-testid":a("zeni-people-list-row-medium",e.userId),windowSize:h,isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:w,children:[t.jsx(ai,{wrapperWidth:K[0].width,windowSize:h,userNameSticky:r,children:t.jsxs(ci,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsxs(pi,{children:[e.user?.firstName?t.jsxs(hi,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"personNameTxt",children:[e.user?.firstName??""," ",e.user?.lastName??""]}):null,t.jsx(ui,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})]})}),t.jsx(mi,{widthNumber:K[1].width,windowSize:h,children:t.jsx(di,{wrapperWidth:new b(100,100),windowSize:h,children:o(e.userRole.userRoles)})}),t.jsxs(fi,{"data-testid":a("people-list-row-medium-last-seen",e.userId),wrapperWidth:K[2].width,windowSize:h,children:[e.userRole.invitationStatus==="accepted"?t.jsx(yi,{children:n.lastSeen}):t.jsx(xi,{"data-testid":a("people-list-row-medium-resend-invite",e.userId),children:e.update==="resendInvite"?t.jsx(F,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(gi,{"data-testid":a("people-list-row-medium-resend-invite-text",e.userId),onClick:f=>{f.stopPropagation(),l?.(e.userId)},children:J.resendInvite.label}),t.jsx(wi,{children:t.jsx(vi,{children:`${J.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})}),t.jsx(bi,{"data-testid":a("people-list-row-medium-menu",e.userId),isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"menu-icon",children:t.jsx(Ie,{menuItems:t.jsxs($i,{children:[t.jsx(ye,{"data-testid":a("people-list-row-medium-menu-edit",e.userId),onClick:()=>{x(!1),w()},children:J.invitePage.editTitle}),t.jsx(ye,{"data-testid":a("people-list-row-menu-delete",e.userId),isDelete:!0,onClick:f=>{f.stopPropagation(),x(!1),u()},children:J.deleteOverlay.title})]}),setIsMenuOpen:x,isMenuOpen:p})})]})]})};function li(e){return{name:`${e.user?.firstName??""} ${e.user?.lastName??""}`,role:{selectedOptions:e.userRole.userRoles,allOptions:ke.roles},lastSeen:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}}const ni=i.div`
+`,ii=(e,r)=>{const l=e.find(d=>d.userId===r);return l?.user?`${l?.user?.firstName} ${l?.user?.lastName}`:void 0},si=(e,r)=>{const l=e.find(d=>r[0]===d.classId);return l?l.className:void 0},oi=e=>I()==="small"?t.jsx(Lt,{...e}):t.jsx(wt,{...e}),Q=y.getLocalizedStrings().peoplePage,ri=({peopleData:e,userNameSticky:r,onResendInvite:l,onDeleteUser:d,onRowClick:m})=>{const[p,x]=v.useState(!1),h=I(),n=li(e),o=f=>{const j=[];return f.map(g=>{const R=ke.roles.find(M=>M.value===g);return R!=null&&j.push(R?.label??""),j}),j.length>0?j.join(", "):"-"},u=()=>{d?.(e)},w=()=>{m?.(e.userId)};return t.jsxs(ni,{"data-testid":a("zeni-people-list-row-medium",e.userId),windowSize:h,isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:w,children:[t.jsx(ai,{wrapperWidth:K[0].width,windowSize:h,userNameSticky:r,children:t.jsxs(ci,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsxs(pi,{children:[e.user?.firstName?t.jsxs(hi,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"personNameTxt",children:[e.user?.firstName??""," ",e.user?.lastName??""]}):null,t.jsx(ui,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})]})}),t.jsx(mi,{widthNumber:K[1].width,windowSize:h,children:t.jsx(di,{wrapperWidth:new $(100,100),windowSize:h,children:o(e.userRole.userRoles)})}),t.jsxs(fi,{"data-testid":a("people-list-row-medium-last-seen",e.userId),wrapperWidth:K[2].width,windowSize:h,children:[e.userRole.invitationStatus==="accepted"?t.jsx(yi,{children:n.lastSeen}):t.jsx(xi,{"data-testid":a("people-list-row-medium-resend-invite",e.userId),children:e.update==="resendInvite"?t.jsx(U,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(gi,{"data-testid":a("people-list-row-medium-resend-invite-text",e.userId),onClick:f=>{f.stopPropagation(),l?.(e.userId)},children:Q.resendInvite.label}),t.jsx(wi,{children:t.jsx(vi,{children:`${Q.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})}),t.jsx($i,{"data-testid":a("people-list-row-medium-menu",e.userId),isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"menu-icon",children:t.jsx(Ie,{menuItems:t.jsxs(bi,{children:[t.jsx(ye,{"data-testid":a("people-list-row-medium-menu-edit",e.userId),onClick:()=>{x(!1),w()},children:Q.invitePage.editTitle}),t.jsx(ye,{"data-testid":a("people-list-row-menu-delete",e.userId),isDelete:!0,onClick:f=>{f.stopPropagation(),x(!1),u()},children:Q.deleteOverlay.title})]}),setIsMenuOpen:x,isMenuOpen:p})})]})]})};function li(e){return{name:`${e.user?.firstName??""} ${e.user?.lastName??""}`,role:{selectedOptions:e.userRole.userRoles,allOptions:ke.roles},lastSeen:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}}const ni=i.div`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${s.sp2};
   display: flex;
@@ -453,7 +453,7 @@ import{u as be,X as I,M as y,j as t,Y as a,aW as le,be as Ne,o as s,bI as De,bJ
   display: flex;
   align-items: flex-start;
   box-sizing: border-box;
-`,ui=i(G)`
+`,ui=i(J)`
   color: ${e=>e.theme.colors.grey1};
   display: -webkit-box;
   -webkit-line-clamp: 1;
@@ -477,7 +477,7 @@ import{u as be,X as I,M as y,j as t,Y as a,aW as le,be as Ne,o as s,bI as De,bJ
   flex-direction: row;
   -webkit-box-pack: end;
   justify-content: flex-end;
-`,vi=i(Ye)`
+`,vi=i(Ge)`
   color: ${e=>e.theme.colors.grey1};
   display: -webkit-box;
   -webkit-line-clamp: 1;
@@ -493,11 +493,11 @@ import{u as be,X as I,M as y,j as t,Y as a,aW as le,be as Ne,o as s,bI as De,bJ
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   text-overflow: ellipsis;
-`,bi=i.div`
+`,$i=i.div`
   position: absolute;
   right: ${`-${s.sp2}`};
   top: ${e=>e.isInviteAccepted?"6%":"30%"};
-`,$i=i.div`
+`,bi=i.div`
   margin: 5px ${s.sp0};
 `,ye=i(D)`
   height: ${s.sp6};
@@ -509,7 +509,7 @@ import{u as be,X as I,M as y,j as t,Y as a,aW as le,be as Ne,o as s,bI as De,bJ
   :hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,ji={width:new b(343,580,726)},Q=y.getLocalizedStrings().peoplePage,Si=({peopleData:e,onRowClick:r,onResendInvite:l})=>{const d=I();return t.jsxs(ki,{windowSize:d,"data-testid":a("zeni-people-list-row-small",e.userId),isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:()=>{r?.(e.userId)},children:[t.jsxs(Ii,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsx(Ri,{children:t.jsxs(zi,{children:[t.jsxs(Ti,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}),t.jsx(Pi,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})}),e.userRole.invitationStatus==="accepted"?t.jsxs(Li,{className:"lastSeen","data-testid":a("people-list-row-small-last-seen",e.userId),children:[t.jsx(_i,{className:"lastSeenDateTxt","data-testid":a("people-list-row-small-last-seen-content",e.userId),children:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}),t.jsx(Ai,{children:Q.header.lastSeen})]}):t.jsx(Vi,{"data-testid":a("people-list-row-small-resend-invite",e.userId),children:e.update==="resendInvite"?t.jsx(F,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(Mi,{"data-testid":a("people-list-row-small-resend-invite-text",e.userId),onClick:m=>{m.stopPropagation(),l?.(e.userId)},children:Q.resendInvite.label}),t.jsx(Wi,{children:t.jsx(Bi,{children:`${Q.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})})]}),t.jsx(Ci,{children:t.jsx(re,{className:"personDetails",children:t.jsxs(Ni,{style:{display:"flex"},children:[t.jsxs(Di,{style:{},children:[Q.header.role,":"]}),t.jsx(Oi,{children:je(e.userRole.userRoles,"zeni_only")})]})})})]})},ki=i.div`
+`,ji={width:new $(343,580,726)},Y=y.getLocalizedStrings().peoplePage,Si=({peopleData:e,onRowClick:r,onResendInvite:l})=>{const d=I();return t.jsxs(ki,{windowSize:d,"data-testid":a("zeni-people-list-row-small",e.userId),isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:()=>{r?.(e.userId)},children:[t.jsxs(Ii,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsx(Ri,{children:t.jsxs(zi,{children:[t.jsxs(Ti,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}),t.jsx(Pi,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})}),e.userRole.invitationStatus==="accepted"?t.jsxs(Li,{className:"lastSeen","data-testid":a("people-list-row-small-last-seen",e.userId),children:[t.jsx(_i,{className:"lastSeenDateTxt","data-testid":a("people-list-row-small-last-seen-content",e.userId),children:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}),t.jsx(Ai,{children:Y.header.lastSeen})]}):t.jsx(Vi,{"data-testid":a("people-list-row-small-resend-invite",e.userId),children:e.update==="resendInvite"?t.jsx(U,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(Mi,{"data-testid":a("people-list-row-small-resend-invite-text",e.userId),onClick:m=>{m.stopPropagation(),l?.(e.userId)},children:Y.resendInvite.label}),t.jsx(Wi,{children:t.jsx(Bi,{children:`${Y.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})})]}),t.jsx(Ci,{children:t.jsx(re,{className:"personDetails",children:t.jsxs(Ni,{style:{display:"flex"},children:[t.jsxs(Di,{style:{},children:[Y.header.role,":"]}),t.jsx(Oi,{children:je(e.userRole.userRoles,"zeni_only")})]})})})]})},ki=i.div`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${s.sp2};
   display: flex;
@@ -587,18 +587,18 @@ import{u as be,X as I,M as y,j as t,Y as a,aW as le,be as Ne,o as s,bI as De,bJ
   justify-content: flex-end;
 `,Bi=i(re)`
   color: ${e=>e.theme.colors.grey1};
-`,Hi=e=>I()==="small"?t.jsx(Si,{...e}):t.jsx(ri,{...e}),W={overscanCount:1,rowNameLimit:55,listItemHeight:88},ne={peopleListItemHeight:138,zeniPeopleListItemHeight:106,zeniPeopleExtendedListItemHeight:130},Y={listItemPaddingRight:new b($[3],$[8]),listItemPaddingLeft:new b($[3],$[8]),zeniLastRowHeight:new b(154,136),nonZeniLastRowHeight:new b(200,136)},B=y.getLocalizedStrings().peoplePage,Ki=({peopleView:e,allManagers:r,allClasses:l,analytics:d,onColumnSortConfigChanged:m,onDeleteClick:p,onResendInvite:x,onRowClick:h,isZeniTenant:n})=>{const o=I(),u=v.useRef(null),w=!(o==="small"||o==="medium-compact"),[f,j]=v.useState(!1),[g,R]=v.useState(),M=be(),z=e.people.findIndex(c=>c.userRole.invitationStatus==="invited"),me=c=>{j(!0),R(c)},ue=v.memo(({index:c,style:C})=>t.jsx(t.Fragment,{children:t.jsxs(Ei,{"data-testid":a("people-list-item",e.people[c].user?.userId),style:{...C,width:"fit-content",minWidth:"100%"},windowSize:o,isFirstResendInviteUser:z===c,className:"people-list-item",children:[z===c?t.jsx(Qi,{}):null,e.uiState.mode==="off"?t.jsx(oi,{allManagers:r,allClasses:l,userNameSticky:w,peopleData:e.people[c],onDeleteUser:me,onResendInvite:x,onRowClick:h,isZeniTenant:n}):t.jsx(Hi,{userNameSticky:w,peopleData:e.people[c],onDeleteUser:me,onResendInvite:x,onRowClick:h,isZeniTenant:n})]})}),_e);ue.displayName="ListItem";const xe=v.forwardRef((c,C)=>{const{children:L,style:E,...Z}=c;return t.jsxs("div",{ref:C,style:{...E,width:"auto"},...Z,children:[o==="small"?t.jsx(pt,{userNameSticky:w,onColumnSortConfigChanged:m,sortConfig:{sortKey:e.uiState.sortKey,sortOrder:e.uiState.sortOrder},mode:e.uiState.mode}):t.jsx(it,{userNameSticky:w,onColumnSortConfigChanged:m,sortConfig:{sortKey:e.uiState.sortKey,sortOrder:e.uiState.sortOrder},mode:e.uiState.mode}),t.jsx(Zi,{children:L})]})});xe.displayName="People list view inner element type";const Re=c=>{const C=`${e.people[c].user?.firstName} ${e.people[c].user?.lastName}`.length,L=z===c;return C>W.rowNameLimit?W.listItemHeight+$[5]+(L?$[3]:$[0]):W.listItemHeight+(L?$[3]:$[0])},ze=c=>{const C=`${e.people[c].user?.firstName} ${e.people[c].user?.lastName}`.length,L=je(e.people[c].userRole.userRoles,e.uiState.mode).length,E=z===c,Z=e.uiState.mode==="zeni_only"?L>33?ne.zeniPeopleExtendedListItemHeight:ne.zeniPeopleListItemHeight:ne.peopleListItemHeight;return C>W.rowNameLimit?Z+$[5]+(E?$[3]:$[0]):Z+(E?$[3]:$[0])},Te={onOkClick:()=>{const c=g;d?.trackRemoveUserAccess(c.userRole.userRoles,c.userRole.userEmail),p?.(c.userId,c.userRole.userRoleId)},onCancelClick:()=>{j(!1),R(void 0)}},ge=Ae(e.people.find(c=>c.userId===g?.userId)?.update),U=e.people.find(c=>c.userId===g?.userId)?.update,Pe=g!=null?B.deleteOverlay.description.replace("‘_user-name_’",`"${Fi(g)}"`):B.deleteOverlay.description;return v.useEffect(()=>{u.current&&u.current.resetAfterIndex(0)},[e,o]),v.useEffect(()=>{U==null&&ge==="removeUsers"&&(j(!1),R(void 0))},[U,ge]),t.jsxs(Ui,{"data-testid":a("people-list-view-container"),windowSize:o,mode:e.uiState.mode,children:[f===!0?t.jsx(Ve,{titleComponent:t.jsx(Be,{children:B.deleteOverlay.title}),descriptionComponent:t.jsx(We,{children:Pe}),primaryButtonText:B.deleteOverlay.remove,secondaryButtonText:B.deleteOverlay.cancel,action:Te,proceedButtonVariant:"danger",isLoading:U==="removeUsers",isDisabled:U==="removeUsers",style:{background:M.colors.overlayColor},children:g?.user!=null?t.jsxs(t.Fragment,{children:[t.jsx(Ji,{}),t.jsx(qi,{children:t.jsx(Xi,{src:g?.user.photo?.toString()??Me,alt:g?.user.userId,loading:"lazy"})})]}):null}):null,t.jsx(He,{children:({height:c,width:C})=>t.jsx(Yi,{height:c,innerElementType:xe,itemCount:e.people.length,itemSize:o==="small"?ze:Re,width:C,ref:u,overscanCount:W.overscanCount,children:ue})})]})},Fi=e=>e.user?.firstName?`${e.user?.firstName} ${e.user?.lastName}`:e.user?.email??"",Ui=i.div`
+`,Hi=e=>I()==="small"?t.jsx(Si,{...e}):t.jsx(ri,{...e}),W={overscanCount:1,rowNameLimit:55,listItemHeight:88},ne={peopleListItemHeight:138,zeniPeopleListItemHeight:106,zeniPeopleExtendedListItemHeight:130},G={listItemPaddingRight:new $(b[3],b[8]),listItemPaddingLeft:new $(b[3],b[8]),zeniLastRowHeight:new $(154,136),nonZeniLastRowHeight:new $(200,136)},B=y.getLocalizedStrings().peoplePage,Ki=({peopleView:e,allManagers:r,allClasses:l,analytics:d,onColumnSortConfigChanged:m,onDeleteClick:p,onResendInvite:x,onRowClick:h,isZeniTenant:n})=>{const o=I(),u=v.useRef(null),w=!(o==="small"||o==="medium-compact"),[f,j]=v.useState(!1),[g,R]=v.useState(),M=$e(),z=e.people.findIndex(c=>c.userRole.invitationStatus==="invited"),me=c=>{j(!0),R(c)},ue=v.memo(({index:c,style:C})=>t.jsx(t.Fragment,{children:t.jsxs(Fi,{"data-testid":a("people-list-item",e.people[c].user?.userId),style:{...C,width:"fit-content",minWidth:"100%"},windowSize:o,isFirstResendInviteUser:z===c,className:"people-list-item",children:[z===c?t.jsx(Yi,{}):null,e.uiState.mode==="off"?t.jsx(oi,{allManagers:r,allClasses:l,userNameSticky:w,peopleData:e.people[c],onDeleteUser:me,onResendInvite:x,onRowClick:h,isZeniTenant:n}):t.jsx(Hi,{userNameSticky:w,peopleData:e.people[c],onDeleteUser:me,onResendInvite:x,onRowClick:h,isZeniTenant:n})]})}),_e);ue.displayName="ListItem";const xe=v.forwardRef((c,C)=>{const{children:L,style:F,...Z}=c;return t.jsxs("div",{ref:C,style:{...F,width:"auto"},...Z,children:[o==="small"?t.jsx(pt,{userNameSticky:w,onColumnSortConfigChanged:m,sortConfig:{sortKey:e.uiState.sortKey,sortOrder:e.uiState.sortOrder},mode:e.uiState.mode}):t.jsx(it,{userNameSticky:w,onColumnSortConfigChanged:m,sortConfig:{sortKey:e.uiState.sortKey,sortOrder:e.uiState.sortOrder},mode:e.uiState.mode}),t.jsx(Zi,{children:L})]})});xe.displayName="People list view inner element type";const Re=c=>{const C=`${e.people[c].user?.firstName} ${e.people[c].user?.lastName}`.length,L=z===c;return C>W.rowNameLimit?W.listItemHeight+b[5]+(L?b[3]:b[0]):W.listItemHeight+(L?b[3]:b[0])},ze=c=>{const C=`${e.people[c].user?.firstName} ${e.people[c].user?.lastName}`.length,L=je(e.people[c].userRole.userRoles,e.uiState.mode).length,F=z===c,Z=e.uiState.mode==="zeni_only"?L>33?ne.zeniPeopleExtendedListItemHeight:ne.zeniPeopleListItemHeight:ne.peopleListItemHeight;return C>W.rowNameLimit?Z+b[5]+(F?b[3]:b[0]):Z+(F?b[3]:b[0])},Te={onOkClick:()=>{const c=g;d?.trackRemoveUserAccess(c.userRole.userRoles,c.userRole.userEmail),p?.(c.userId,c.userRole.userRoleId)},onCancelClick:()=>{j(!1),R(void 0)}},ge=Ae(e.people.find(c=>c.userId===g?.userId)?.update),E=e.people.find(c=>c.userId===g?.userId)?.update,Pe=g!=null?B.deleteOverlay.description.replace("‘_user-name_’",`"${Ui(g)}"`):B.deleteOverlay.description;return v.useEffect(()=>{u.current&&u.current.resetAfterIndex(0)},[e,o]),v.useEffect(()=>{E==null&&ge==="removeUsers"&&(j(!1),R(void 0))},[E,ge]),t.jsxs(Ei,{"data-testid":a("people-list-view-container"),windowSize:o,mode:e.uiState.mode,children:[f===!0?t.jsx(Ve,{titleComponent:t.jsx(Be,{children:B.deleteOverlay.title}),descriptionComponent:t.jsx(We,{children:Pe}),primaryButtonText:B.deleteOverlay.remove,secondaryButtonText:B.deleteOverlay.cancel,action:Te,proceedButtonVariant:"danger",isLoading:E==="removeUsers",isDisabled:E==="removeUsers",style:{background:M.colors.overlayColor},children:g?.user!=null?t.jsxs(t.Fragment,{children:[t.jsx(Qi,{}),t.jsx(qi,{children:t.jsx(Xi,{src:g?.user.photo?.toString()??Me,alt:g?.user.userId,loading:"lazy"})})]}):null}):null,t.jsx(He,{children:({height:c,width:C})=>t.jsx(Gi,{height:c,innerElementType:xe,itemCount:e.people.length,itemSize:o==="small"?ze:Re,width:C,ref:u,overscanCount:W.overscanCount,children:ue})})]})},Ui=e=>e.user?.firstName?`${e.user?.firstName} ${e.user?.lastName}`:e.user?.email??"",Ei=i.div`
   /** Subtract top so list can occupy remaining available height */
   min-height: ${`calc(100vh - ${s.sp9})`};
   max-width: 99.9%;
   .people-list-item:last-of-type {
-    height: ${e=>e.mode==="zeni_only"?Y.zeniLastRowHeight.valuePx(e.windowSize):Y.nonZeniLastRowHeight.valuePx(e.windowSize)} !important;
+    height: ${e=>e.mode==="zeni_only"?G.zeniLastRowHeight.valuePx(e.windowSize):G.nonZeniLastRowHeight.valuePx(e.windowSize)} !important;
     padding-bottom: ${s.sp9};
   }
-`,Ei=i.div`
+`,Fi=i.div`
   top: ${s.sp0};
   left: ${s.sp0};
-  padding: ${e=>`${s.sp0} ${Y.listItemPaddingRight.valuePx(e.windowSize)} ${e.isFirstResendInviteUser?s.sp5:s.sp3} ${Y.listItemPaddingLeft.valuePx(e.windowSize)} `};
+  padding: ${e=>`${s.sp0} ${G.listItemPaddingRight.valuePx(e.windowSize)} ${e.isFirstResendInviteUser?s.sp5:s.sp3} ${G.listItemPaddingLeft.valuePx(e.windowSize)} `};
   box-sizing: border-box;
 `,Zi=i.div`
   position: relative;
@@ -612,7 +612,7 @@ import{u as be,X as I,M as y,j as t,Y as a,aW as le,be as Ne,o as s,bI as De,bJ
   width: 60px;
   border-radius: 50%;
   color: ${e=>e.theme.colors.hero};
-`,Ji=i.div`
+`,Qi=i.div`
   position: absolute;
   top: 1%;
   left: 50%;
@@ -621,10 +621,10 @@ import{u as be,X as I,M as y,j as t,Y as a,aW as le,be as Ne,o as s,bI as De,bJ
   width: ${s.sp9};
   border-radius: 50% 50% 0 0;
   background-color: ${e=>e.theme.colors.grey5};
-`,Qi=i.div`
+`,Yi=i.div`
   padding-top: ${s.sp3};
   border-top: 1px solid ${e=>e.theme.colors.grey3};
-`,Yi=i(Fe)``,Gi=(e,r)=>{const{user:l,userId:d,userRole:m,update:p}=e,{user:x,userId:h,userRole:n,update:o}=r;return H(l,x)&&H(d,h)&&H(m,n)&&H(p,o)},es=(e,r)=>{if(e.peopleView.people.length!=r.peopleView.people.length||e.allManagers.length!=r.allManagers.length)return!1;let l=!0;for(let d=0;d<e.peopleView.people.length;++d){const m=e.peopleView.people[d],p=r.peopleView.people[d];if(l=Gi(m,p),!l)break}return l=l&&H(e.peopleView.invitePeopleState,r.peopleView.invitePeopleState),l=l&&e.peopleView.uiState.sortKey===r.peopleView.uiState.sortKey&&e.peopleView.uiState.sortOrder===r.peopleView.uiState.sortOrder,l},ts=v.memo(Ki,es);function is({peopleInviteSectionProps:e}){const r=I();return t.jsx(ss,{isSearchOpen:e.isSearchOpen&&r==="small",windowsize:r,children:r!=="small"?t.jsxs(t.Fragment,{children:[e.hideSearchBtn?null:t.jsx(we,{style:{position:"absolute",left:"unset",right:"120px"},placeholder:e.searchPlaceHolder,searchText:e.searchText,onSearchTextChanged:l=>{e.onSearchTextChanged?.(l)},onSearchOpen:e.onSearchOpen}),t.jsx(Le,{variant:"primary",size:"small","data-testid":a("invite-people-button"),style:{height:"29px",...$e.smallRegular.cssObject,whiteSpace:"nowrap",display:"flex",alignItems:"center"},label:e.invitePeopleLabel,onClick:e.onInvitePeopleClick})]}):t.jsxs(t.Fragment,{children:[e.hideInviteBtn?null:t.jsx(os,{"data-testid":a("invite-people-button"),onClick:e.onInvitePeopleClick}),e.hideSearchBtn?null:t.jsx(we,{style:{position:"absolute",left:"5px",right:r!=="small"?"120px":"unset",top:"44px",width:"98%"},placeholder:e.searchPlaceHolder,searchText:e.searchText,"data-testid":a("people-invite-search"),onSearchTextChanged:l=>{e.onSearchTextChanged?.(l)},onSearchOpen:e.onSearchOpen,keepSearchBoxOpen:!0})]})})}const ss=i.div`
+`,Gi=i(Ue)``,Ji=(e,r)=>{const{user:l,userId:d,userRole:m,update:p}=e,{user:x,userId:h,userRole:n,update:o}=r;return H(l,x)&&H(d,h)&&H(m,n)&&H(p,o)},es=(e,r)=>{if(e.peopleView.people.length!=r.peopleView.people.length||e.allManagers.length!=r.allManagers.length)return!1;let l=!0;for(let d=0;d<e.peopleView.people.length;++d){const m=e.peopleView.people[d],p=r.peopleView.people[d];if(l=Ji(m,p),!l)break}return l=l&&H(e.peopleView.invitePeopleState,r.peopleView.invitePeopleState),l=l&&e.peopleView.uiState.sortKey===r.peopleView.uiState.sortKey&&e.peopleView.uiState.sortOrder===r.peopleView.uiState.sortOrder,l},ts=v.memo(Ki,es);function is({peopleInviteSectionProps:e}){const r=I();return t.jsx(ss,{isSearchOpen:e.isSearchOpen&&r==="small",windowsize:r,children:r!=="small"?t.jsxs(t.Fragment,{children:[e.hideSearchBtn?null:t.jsx(we,{style:{position:"absolute",left:"unset",right:"120px"},placeholder:e.searchPlaceHolder,searchText:e.searchText,onSearchTextChanged:l=>{e.onSearchTextChanged?.(l)},onSearchOpen:e.onSearchOpen}),t.jsx(Le,{variant:"primary",size:"small","data-testid":a("invite-people-button"),style:{height:"29px",...be.smallRegular.cssObject,whiteSpace:"nowrap",display:"flex",alignItems:"center"},label:e.invitePeopleLabel,onClick:e.onInvitePeopleClick})]}):t.jsxs(t.Fragment,{children:[e.hideInviteBtn?null:t.jsx(os,{"data-testid":a("invite-people-button"),onClick:e.onInvitePeopleClick}),e.hideSearchBtn?null:t.jsx(we,{style:{position:"absolute",left:"5px",right:r!=="small"?"120px":"unset",top:"44px",width:"98%"},placeholder:e.searchPlaceHolder,searchText:e.searchText,"data-testid":a("people-invite-search"),onSearchTextChanged:l=>{e.onSearchTextChanged?.(l)},onSearchOpen:e.onSearchOpen,keepSearchBoxOpen:!0})]})})}const ss=i.div`
   display: flex;
   flex-direction: column;
   justify-content: ${e=>e.windowsize==="small"?"unset":"center"};
@@ -669,7 +669,7 @@ import{u as be,X as I,M as y,j as t,Y as a,aW as le,be as Ne,o as s,bI as De,bJ
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,ds=i(G)`
+`,ds=i(J)`
   margin-top: ${s.sp3};
   color: ${e=>e.theme.colors.hero};
-`,cs=()=>t.jsx(ls,{children:t.jsx(F,{size:"ExtraLarge",start:!0})});function ps(e){const r=be(),l=I(),{mode:d,searchText:m}=e.peopleView.uiState,{fetchState:p}=e.peopleView,{fetchState:x}=e.managersView,{fetchState:h}=e.classList,[n,o]=v.useState(!1),u={isSearchOpen:n,onSearchOpen:z=>{o(z)},onSearchTextChanged:e.personAction.onSearchTextChanged,searchPlaceHolder:y.getLocalizedStrings().peoplePage.searchPlaceHolder,searchText:m,invitePeopleLabel:y.getLocalizedStrings().peoplePage.invitePeopleText,onInvitePeopleClick:e.onInvitePeopleClick,onClickMenuIcon:e.onClickMenuIcon},w=e?.isZeniTenant!==!0&&e?.isZeniAdminUser===!0,f=()=>{const z=d==="off"?"zeni_only":"off";e.personAction.onModeChange?.(z)},j=p==="Completed"?`(${e.peopleView.people.length})`:"",g=`${d==="off"?y.getLocalizedStrings().peoplePage.peopleTitle:y.getLocalizedStrings().peoplePage.zeniPeopleTitle} ${j}`,R=v.useMemo(()=>p==="In-Progress"||p==="Not-Started"||x==="In-Progress"||x==="Not-Started"||e.shouldFetchClasses&&(h==="In-Progress"||h==="Not-Started"),[p,x,e.shouldFetchClasses,h]);function M(){return R?t.jsxs(ae,{"data-testid":a("people-page-loading"),children:[t.jsx(le,{title:g,onBackClick:e.personAction.onBackClick,rightSideComponent:t.jsx(de,{...u}),showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:e.onClickMenuIcon,onZeniLogoClick:f,showZeniLogo:w,zeniLogoVisiblity:d==="zeni_only"?"visible":"hidden",isSearchOpen:n,backgroundColor:r.colors.grey4,source:"PeoplePage"}),t.jsx(cs,{})]}):p==="Error"||h==="Error"||x==="Error"?t.jsxs(ae,{"data-testid":a("people-page-error"),children:[t.jsx(le,{title:g,onBackClick:e.personAction.onBackClick,rightSideComponent:t.jsx(de,{...u}),showMenuIcon:l==="medium-compact"||l==="small",onZeniLogoClick:f,showZeniLogo:w,onClickMenuIcon:e.onClickMenuIcon,backgroundColor:r.colors.grey4,source:"PeoplePage"}),t.jsxs(ns,{children:[t.jsx(as,{"data-testid":a("people-page-error-reload-icon"),onClick:e.personAction.onReloadPeople,children:t.jsx(Ne,{width:s.sp6,height:s.sp6})}),t.jsx(ds,{children:y.getLocalizedStrings().peoplePage.reloadPage.label})]})]}):t.jsxs(ae,{"data-testid":a("people-page-content-container"),children:[t.jsx(le,{title:g,onBackClick:e.personAction.onBackClick,rightSideComponent:t.jsx(de,{...u}),showMenuIcon:l==="medium-compact"||l==="small",onZeniLogoClick:f,showZeniLogo:w,onClickMenuIcon:e.onClickMenuIcon,source:"PeoplePage",backgroundColor:r.colors.grey4}),t.jsx(rs,{"data-testid":a("people-page-content"),windowSize:l,children:e.peopleView.people.length>0?t.jsx(ts,{peopleView:e.peopleView,allManagers:e.managersView.users,allClasses:e.classList.classes,onDeleteClick:e.personAction.onPersonDelete,analytics:e.analytics,onResendInvite:e.personAction.onResendInvite,onColumnSortConfigChanged:e.onColumnSortConfigChanged,onRowClick:e.onRowClick,isZeniTenant:e.isZeniTenant}):m!==""?t.jsx(De,{emptySearchTextFirstLine:y.getLocalizedStrings().peoplePage.emptySearchTextFirstLine,emptySearchTextSecondLine:y.getLocalizedStrings().peoplePage.emptySearchTextSecondLine}):t.jsx(Oe,{message:y.getLocalizedStrings().peoplePage.emptyResultsMessage})})]})}return t.jsx("div",{children:M()})}const de=e=>t.jsx(is,{peopleInviteSectionProps:e}),js=ce.memo(ps);export{js as MemoPeople,ps as default};
+`,cs=()=>t.jsx(ls,{children:t.jsx(U,{size:"ExtraLarge",start:!0})});function ps(e){const r=$e(),l=I(),{mode:d,searchText:m}=e.peopleView.uiState,{fetchState:p}=e.peopleView,{fetchState:x}=e.managersView,{fetchState:h}=e.classList,[n,o]=v.useState(!1),u={isSearchOpen:n,onSearchOpen:z=>{o(z)},onSearchTextChanged:e.personAction.onSearchTextChanged,searchPlaceHolder:y.getLocalizedStrings().peoplePage.searchPlaceHolder,searchText:m,invitePeopleLabel:y.getLocalizedStrings().peoplePage.invitePeopleText,onInvitePeopleClick:e.onInvitePeopleClick,onClickMenuIcon:e.onClickMenuIcon},w=e?.isZeniTenant!==!0&&e?.isZeniAdminUser===!0,f=()=>{const z=d==="off"?"zeni_only":"off";e.personAction.onModeChange?.(z)},j=p==="Completed"?`(${e.peopleView.people.length})`:"",g=`${d==="off"?y.getLocalizedStrings().peoplePage.peopleTitle:y.getLocalizedStrings().peoplePage.zeniPeopleTitle} ${j}`,R=v.useMemo(()=>p==="In-Progress"||p==="Not-Started"||x==="In-Progress"||x==="Not-Started"||e.shouldFetchClasses&&(h==="In-Progress"||h==="Not-Started"),[p,x,e.shouldFetchClasses,h]);function M(){return R?t.jsxs(ae,{"data-testid":a("people-page-loading"),children:[t.jsx(le,{title:g,onBackClick:e.personAction.onBackClick,rightSideComponent:t.jsx(de,{...u}),showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:e.onClickMenuIcon,onZeniLogoClick:f,showZeniLogo:w,zeniLogoVisiblity:d==="zeni_only"?"visible":"hidden",isSearchOpen:n,backgroundColor:r.colors.grey4,source:"PeoplePage"}),t.jsx(cs,{})]}):p==="Error"||h==="Error"||x==="Error"?t.jsxs(ae,{"data-testid":a("people-page-error"),children:[t.jsx(le,{title:g,onBackClick:e.personAction.onBackClick,rightSideComponent:t.jsx(de,{...u}),showMenuIcon:l==="medium-compact"||l==="small",onZeniLogoClick:f,showZeniLogo:w,onClickMenuIcon:e.onClickMenuIcon,backgroundColor:r.colors.grey4,source:"PeoplePage"}),t.jsxs(ns,{children:[t.jsx(as,{"data-testid":a("people-page-error-reload-icon"),onClick:e.personAction.onReloadPeople,children:t.jsx(Ne,{width:s.sp6,height:s.sp6})}),t.jsx(ds,{children:y.getLocalizedStrings().peoplePage.reloadPage.label})]})]}):t.jsxs(ae,{"data-testid":a("people-page-content-container"),children:[t.jsx(le,{title:g,onBackClick:e.personAction.onBackClick,rightSideComponent:t.jsx(de,{...u}),showMenuIcon:l==="medium-compact"||l==="small",onZeniLogoClick:f,showZeniLogo:w,onClickMenuIcon:e.onClickMenuIcon,source:"PeoplePage",backgroundColor:r.colors.grey4}),t.jsx(rs,{"data-testid":a("people-page-content"),windowSize:l,children:e.peopleView.people.length>0?t.jsx(ts,{peopleView:e.peopleView,allManagers:e.managersView.users,allClasses:e.classList.classes,onDeleteClick:e.personAction.onPersonDelete,analytics:e.analytics,onResendInvite:e.personAction.onResendInvite,onColumnSortConfigChanged:e.onColumnSortConfigChanged,onRowClick:e.onRowClick,isZeniTenant:e.isZeniTenant}):m!==""?t.jsx(De,{emptySearchTextFirstLine:y.getLocalizedStrings().peoplePage.emptySearchTextFirstLine,emptySearchTextSecondLine:y.getLocalizedStrings().peoplePage.emptySearchTextSecondLine}):t.jsx(Oe,{message:y.getLocalizedStrings().peoplePage.emptyResultsMessage})})]})}return t.jsx("div",{children:M()})}const de=e=>t.jsx(is,{peopleInviteSectionProps:e}),js=ce.memo(ps);export{js as MemoPeople,ps as default};

package/dist/assets/{PortfolioAllocationFormPage-Cit7ssiw-DRnypnlm.js → PortfolioAllocationFormPage-BG5sY-R6-BBFBmc8X.js}

@@ -1,4 +1,4 @@
-import{X as q,H as S,j as i,bs as H,M as Q,Y as U,C as u,a3 as K,o as n,a2 as V,Q as X,h as J,q as Z,p as l,v as _,al as ee,f as T,g as v,w as ie,bF as te}from"./index-BPBiFjSz.js";import{b as k,n as t}from"./vendor-CnQcJ2Lu.js";import{E as ne}from"./PortfolioDetails-B1HXVeH2-JS5mwQ6d.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./treasuryColorHelper-CNX5IuXX-D3P3dfsj.js";const{spendManagement:{treasury:{portfolioAllocation:x}},common:m}=Q.getLocalizedStrings(),a={titleWidth:new u(343,580,726,826),cardBorderRadius:l[2],cardPadding:new u(l[3],l[4]),sliderWidth:new u(143,177),sliderContainerGap:new u(l[5],l[3]),navBarContainerPaddingYaxis:new u(10,l[3]),containerPaddingLeft:new u(l[3],l[6],l[8]),containerPaddingRight:new u(l[3],l[6],l[8]),riskLevelInfoPaddingRight:new u(l[0],l[3])},oe={stepTitle:new X("h6Regular","h5Regular")},Me=({onBackClick:e,onNextClick:g,onUpdateFundAllocation:h,treasurySetupView:W,isReadOnly:c,isEditMode:p,isOnSetup:$=!1})=>{const r=q(),[D,M]=k.useState(!1),{fundsData:F,fundAllocationOptions:s,fundAllocationLocalData:d,currentAllocation:w,portfolioAllocationUpdateStatus:N}=W;k.useEffect(()=>{if(p&&w!==null){const o=!S(d.allocation,w);M(o)}},[p,w,d]);const y=o=>{const f=s.find(Y=>Y.optionIndex===o);f&&h(f)},b=()=>{y(s.findIndex(o=>o.riskScore===0||o.riskLevel==="Conservative"))},G=()=>{let o;w!=null&&(o=s.find(f=>S(f.allocation,w))),o!=null?h(o):b()},j=()=>{p&&G(),e()};return i.jsxs(se,{children:[i.jsxs(de,{windowSize:r,children:[i.jsx(ae,{windowSize:r,children:i.jsx(H,{title:m.navBar.back,enterTouchDelay:600,placement:"bottom",children:i.jsx(ce,{"data-testid":U("nav-bar-back-portfolio-allocation"),onClick:j})})}),i.jsxs(pe,{windowSize:r,children:[i.jsxs(xe,{windowSize:r,children:[i.jsx(he,{windowSize:r,children:re(c,$,p)}),!c&&!p&&i.jsx(ue,{children:i.jsxs(me,{children:[i.jsx(ge,{}),i.jsx(we,{})]})})]}),i.jsx(fe,{isReadOnly:c,children:le(c,$,p)}),i.jsx($e,{children:i.jsxs(ye,{windowSize:r,children:[i.jsx(ve,{children:i.jsx(ne,{isInReview:!1,isSetup:!0,fundDetails:F,allocation:d,page:$?"setup portfolio":"edit portfolio"})}),i.jsxs(be,{windowSize:r,children:[i.jsx(je,{children:i.jsx(Se,{onClick:b,isRecommended:c||d.riskScore===0||d.riskLevel==="Conservative",children:x.resetButton})}),r==="small"?i.jsxs(ke,{children:[i.jsxs(R,{windowSize:r,children:[i.jsxs(z,{windowSize:r,children:[i.jsx(P,{children:d.riskScore}),i.jsx(C,{children:m.strings.slash}),i.jsx(O,{children:s.length>0?Math.max(...s.map(o=>o.riskScore)):0})]}),i.jsxs(L,{children:[i.jsx(B,{type:"range",min:"0",max:s.length-1,step:"1",value:d.optionIndex,onChange:o=>y(Number(o.target.value)),disabled:c,isReadOnly:c,windowSize:r}),i.jsx(I,{style:{width:`${s.length>1?d.optionIndex/(s.length-1)*(a.sliderWidth.value(r)-12):0}px`}})]})]}),i.jsxs(Re,{children:[i.jsx(A,{children:x.riskLevelLabel}),i.jsx(E,{children:d.riskLevel})]})]}):i.jsxs(i.Fragment,{children:[i.jsxs(R,{windowSize:r,children:[i.jsxs(z,{windowSize:r,children:[i.jsx(P,{children:d.riskScore}),i.jsx(C,{children:m.strings.slash}),i.jsx(O,{children:s.length>0?Math.max(...s.map(o=>o.riskScore)):0})]}),i.jsxs(L,{children:[i.jsx(B,{type:"range",min:"0",max:s.length-1,step:"1",value:d.optionIndex,onChange:o=>y(Number(o.target.value)),disabled:c,isReadOnly:c,windowSize:r}),i.jsx(I,{style:{width:`${s.length>1?d.optionIndex/(s.length-1)*(a.sliderWidth.value(r)-12):0}px`}})]})]}),i.jsxs(ze,{windowSize:r,children:[i.jsx(A,{children:x.riskLevelLabel}),i.jsx(E,{children:d.riskLevel})]})]})]})]})})]})]}),c?null:i.jsx(K,{style:{zIndex:4,paddingTop:n.sp2,paddingBottom:n.sp2},showCancel:!0,cancelBtn:{label:p?m.cancel:m.navBar.back,onClick:j},primaryBtn:{label:p?m.confirm:m.next,onClick:g,isLoading:p&&N.fetchState==="In-Progress",isDisabled:p&&!D}})]})};function re(e,g,h){return e||g&&h?x.title:h?x.editTitle:x.stepTitle}function le(e,g,h){return e||g&&h?x.subtextReadOnly:h?x.subtextEdit:x.subtextSetup}const se=t.div`
+import{X as q,H as S,j as i,bt as H,M as Q,Y as U,C as u,a7 as K,o as n,a6 as V,Q as X,h as J,s as Z,p as l,v as _,aq as ee,m as T,g as v,w as ie,ah as te}from"./index-CvH632ro.js";import{b as k,n as t}from"./vendor-CnQcJ2Lu.js";import{E as ne}from"./PortfolioDetails-g9uKkfc0-2ntvLazE.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./treasuryColorHelper-BClHzQle-D6h04w-g.js";const{spendManagement:{treasury:{portfolioAllocation:x}},common:m}=Q.getLocalizedStrings(),a={titleWidth:new u(343,580,726,826),cardBorderRadius:l[2],cardPadding:new u(l[3],l[4]),sliderWidth:new u(143,177),sliderContainerGap:new u(l[5],l[3]),navBarContainerPaddingYaxis:new u(10,l[3]),containerPaddingLeft:new u(l[3],l[6],l[8]),containerPaddingRight:new u(l[3],l[6],l[8]),riskLevelInfoPaddingRight:new u(l[0],l[3])},oe={stepTitle:new X("h6Regular","h5Regular")},Me=({onBackClick:e,onNextClick:g,onUpdateFundAllocation:h,treasurySetupView:W,isReadOnly:c,isEditMode:p,isOnSetup:$=!1})=>{const r=q(),[D,M]=k.useState(!1),{fundsData:N,fundAllocationOptions:s,fundAllocationLocalData:d,currentAllocation:w,portfolioAllocationUpdateStatus:F}=W;k.useEffect(()=>{if(p&&w!==null){const o=!S(d.allocation,w);M(o)}},[p,w,d]);const y=o=>{const f=s.find(Y=>Y.optionIndex===o);f&&h(f)},b=()=>{y(s.findIndex(o=>o.riskScore===0||o.riskLevel==="Conservative"))},G=()=>{let o;w!=null&&(o=s.find(f=>S(f.allocation,w))),o!=null?h(o):b()},j=()=>{p&&G(),e()};return i.jsxs(se,{children:[i.jsxs(de,{windowSize:r,children:[i.jsx(ae,{windowSize:r,children:i.jsx(H,{title:m.navBar.back,enterTouchDelay:600,placement:"bottom",children:i.jsx(ce,{"data-testid":U("nav-bar-back-portfolio-allocation"),onClick:j})})}),i.jsxs(pe,{windowSize:r,children:[i.jsxs(xe,{windowSize:r,children:[i.jsx(he,{windowSize:r,children:re(c,$,p)}),!c&&!p&&i.jsx(ue,{children:i.jsxs(me,{children:[i.jsx(ge,{}),i.jsx(we,{})]})})]}),i.jsx(fe,{isReadOnly:c,children:le(c,$,p)}),i.jsx($e,{children:i.jsxs(ye,{windowSize:r,children:[i.jsx(ve,{children:i.jsx(ne,{isInReview:!1,isSetup:!0,fundDetails:N,allocation:d,page:$?"setup portfolio":"edit portfolio"})}),i.jsxs(be,{windowSize:r,children:[i.jsx(je,{children:i.jsx(Se,{onClick:b,isRecommended:c||d.riskScore===0||d.riskLevel==="Conservative",children:x.resetButton})}),r==="small"?i.jsxs(ke,{children:[i.jsxs(R,{windowSize:r,children:[i.jsxs(z,{windowSize:r,children:[i.jsx(P,{children:d.riskScore}),i.jsx(C,{children:m.strings.slash}),i.jsx(O,{children:s.length>0?Math.max(...s.map(o=>o.riskScore)):0})]}),i.jsxs(L,{children:[i.jsx(B,{type:"range",min:"0",max:s.length-1,step:"1",value:d.optionIndex,onChange:o=>y(Number(o.target.value)),disabled:c,isReadOnly:c,windowSize:r}),i.jsx(I,{style:{width:`${s.length>1?d.optionIndex/(s.length-1)*(a.sliderWidth.value(r)-12):0}px`}})]})]}),i.jsxs(Re,{children:[i.jsx(A,{children:x.riskLevelLabel}),i.jsx(E,{children:d.riskLevel})]})]}):i.jsxs(i.Fragment,{children:[i.jsxs(R,{windowSize:r,children:[i.jsxs(z,{windowSize:r,children:[i.jsx(P,{children:d.riskScore}),i.jsx(C,{children:m.strings.slash}),i.jsx(O,{children:s.length>0?Math.max(...s.map(o=>o.riskScore)):0})]}),i.jsxs(L,{children:[i.jsx(B,{type:"range",min:"0",max:s.length-1,step:"1",value:d.optionIndex,onChange:o=>y(Number(o.target.value)),disabled:c,isReadOnly:c,windowSize:r}),i.jsx(I,{style:{width:`${s.length>1?d.optionIndex/(s.length-1)*(a.sliderWidth.value(r)-12):0}px`}})]})]}),i.jsxs(ze,{windowSize:r,children:[i.jsx(A,{children:x.riskLevelLabel}),i.jsx(E,{children:d.riskLevel})]})]})]})]})})]})]}),c?null:i.jsx(K,{style:{zIndex:4,paddingTop:n.sp2,paddingBottom:n.sp2},showCancel:!0,cancelBtn:{label:p?m.cancel:m.navBar.back,onClick:j},primaryBtn:{label:p?m.confirm:m.next,onClick:g,isLoading:p&&F.fetchState==="In-Progress",isDisabled:p&&!D}})]})};function re(e,g,h){return e||g&&h?x.title:h?x.editTitle:x.stepTitle}function le(e,g,h){return e||g&&h?x.subtextReadOnly:h?x.subtextEdit:x.subtextSetup}const se=t.div`
   display: flex;
   flex-direction: column;
   height: 100%;

package/dist/assets/{PortfolioDetails-B1HXVeH2-JS5mwQ6d.js → PortfolioDetails-g9uKkfc0-2ntvLazE.js}

@@ -1,9 +1,9 @@
-import{j as e,M as J,o as n,iB as K,q as U,d1 as X,u as Z,X as G,_ as N,C as W,bs as f,g as k,bF as q,w as A,dn as Q,ae as V,al as ee,b4 as ie,bc as se,f as ne,d3 as re,p as le}from"./index-BPBiFjSz.js";import{n as s,b as te}from"./vendor-CnQcJ2Lu.js";import{l as oe}from"./treasuryColorHelper-CNX5IuXX-D3P3dfsj.js";const{common:o,spendManagement:{treasury:l},dateFormat:ae}=J.getLocalizedStrings(),y={portfolioYieldMarginTop:new W(-4,le[0]),sliderWidth:new W(143,177)},Oe=({isInReview:i,isSetup:r,fundDetails:m,allocation:d,amount:g,page:v})=>{const h=de(m);return e.jsxs(me,{children:[!r&&e.jsx(xe,{style:{alignSelf:"flex-start",padding:`${n.sp2} ${n.sp0}`},children:`${l.portfolioAllocation.title}`}),h.map((a,x)=>e.jsx(ce,{portfolio:a,fund:m[x],fundIndex:x,allocationPercentage:d.allocation?.[m[x].fundCode]||0,isInReview:i,isSetup:r,isLast:x===h.length-1,amount:g,page:v},m[x]?.fundCode||x))]})},de=i=>i.map(r=>[{label:l.overviewPage.fundTile.liquidity,value:r.liquidityTimeline||o.strings.hyphen},{label:l.overviewPage.fundTile.fundSizeLabel,value:K(r.fundSize,r.currencyCode)},{label:l.overviewPage.fundTile.maturityLabel,value:`${r.maturity} ${o.timeStrings.days}`},{label:l.overviewPage.fundTile.expenseRatioLabel,value:`${r.expenseRatio}${o.strings.percentage} ${l.overviewPage.fundTile.includedInTheYield}`},{label:l.overviewPage.fundTile.riskRatingLabel,value:r.riskRating||o.strings.hyphen},{label:l.overviewPage.fundTile.compositionLabel,value:Array.isArray(r.compositions)&&r.compositions.length>0?`${r.compositions[0].investedIn} ${r.compositions[0].percentage}${o.strings.percentage}`:o.strings.hyphen,tag:Array.isArray(r.compositions)&&r.compositions.length>1?`+${r.compositions.length-1}`:void 0,compositions:r.compositions??[]}]),ce=({portfolio:i,fund:r,fundIndex:m,allocationPercentage:d,isInReview:g,isSetup:v,isLast:h,amount:a,page:x})=>{const _=X().analytics,L=Z(),t=G(),j=a!=null&&a.amount>0&&d>0?a.amount*d/100:void 0,[p,H]=te.useState(!1),u=oe(m,L),$=()=>{p||_.trackTreasuryProspectusClick(r.fundName,r.fundCode,x),H(c=>!c)};return e.jsxs(e.Fragment,{children:[e.jsx(pe,{children:e.jsxs(he,{windowSize:t,children:[e.jsxs(ge,{windowSize:t,children:[e.jsxs(ue,{windowSize:t,children:[e.jsxs(fe,{isInReview:g,windowSize:t,children:[e.jsx(we,{children:r.fundCode}),e.jsx(ye,{color:u.fundNameColor,children:`${r.fundCompanyName} ${r.fundName}`})]}),t!=="small"&&e.jsxs(T,{onClick:$,children:[p?l.transferDrawer.calculator.footerText.hide:l.overviewPage.fundTile.viewDetails,p?e.jsx(z,{}):e.jsx(C,{})]})]}),t!=="small"&&e.jsx(e.Fragment,{children:g?e.jsxs(O,{style:{alignItems:"flex-start"},children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsx(B,{children:j!=null?N("0,0.[00]",{amount:j,currencyCode:a?.currencyCode!=null&&a.currencyCode!==""?a.currencyCode:"USD",currencySymbol:a?.currencySymbol!=null&&a.currencySymbol!==""?a.currencySymbol:"$"}):o.strings.empty})]}):e.jsxs(je,{children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsxs(Y,{children:[e.jsx(I,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(M,{color:u.fundNameColor,style:{width:`calc(${y.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]})]})}),t!=="small"&&e.jsxs(O,{children:[e.jsxs(S,{children:[l.overviewPage.fundTile.sevenDayYieldLabel,e.jsx(f,{data:l.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{minWidth:"496px",padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(P,{})})]}),e.jsxs(b,{windowSize:t,style:{marginRight:n.sp3},children:[r.yield,o.strings.percentage]})]})]}),t==="small"&&e.jsx(Pe,{children:v?e.jsxs(Ye,{children:[e.jsxs(Ie,{children:[e.jsxs(Ae,{children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsxs(Y,{children:[e.jsx(I,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(M,{color:u.fundNameColor,style:{width:`calc(${y.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]})]}),e.jsxs(Me,{children:[e.jsxs(S,{children:[l.overviewPage.fundTile.sevenDayYieldLabel,e.jsx(f,{data:l.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(P,{})})]}),e.jsxs(b,{windowSize:t,children:[r.yield,o.strings.percentage]})]})]}),e.jsxs(T,{onClick:$,style:{marginBottom:n.sp2},children:[p?l.transferDrawer.calculator.footerText.hide:l.overviewPage.fundTile.viewDetails,p?e.jsx(z,{}):e.jsx(C,{})]})]}):g?e.jsxs(ke,{children:[e.jsxs(E,{children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsx(B,{children:j!=null?N("0,0.[00]",{amount:j,currencyCode:a?.currencyCode!=null&&a.currencyCode!==""?a.currencyCode:"USD",currencySymbol:a?.currencySymbol!=null&&a.currencySymbol!==""?a.currencySymbol:"$"}):o.strings.empty}),e.jsxs(T,{onClick:$,style:{margin:`${n.sp2} ${n.sp0}`,...h?{marginBottom:n.sp0}:{}},children:[p?l.transferDrawer.calculator.footerText.hide:l.overviewPage.fundTile.viewDetails,p?e.jsx(z,{}):e.jsx(C,{})]})]}),e.jsxs(F,{children:[e.jsxs(S,{children:[l.overviewPage.fundTile.sevenDayYieldLabel,e.jsx(f,{data:l.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(P,{})})]}),e.jsxs(b,{windowSize:t,children:[r.yield,o.strings.percentage]})]})]}):e.jsxs(Le,{children:[e.jsxs(E,{children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsxs(Y,{children:[e.jsx(I,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(M,{color:u.fundNameColor,style:{width:`calc(${y.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]}),e.jsxs(T,{onClick:$,children:[p?l.transferDrawer.calculator.footerText.hide:l.overviewPage.fundTile.viewDetails,p?e.jsx(z,{}):e.jsx(C,{})]})]}),e.jsxs(F,{children:[e.jsxs(S,{children:[l.overviewPage.fundTile.sevenDayYieldLabel,e.jsx(f,{data:l.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(P,{})})]}),e.jsxs(b,{windowSize:t,children:[r.yield,o.strings.percentage]})]})]})})]},i[0].label)}),p&&e.jsxs(be,{children:[e.jsx(D,{children:r.description}),e.jsx($e,{style:{marginLeft:n.sp3},children:i.map(c=>e.jsxs(Se,{windowSize:t,children:[e.jsx(D,{children:o.strings.dividerDot}),e.jsx(D,{style:{minWidth:"140px"},children:c.label}),e.jsxs(D,{style:{color:c.label===l.overviewPage.fundTile.fundSizeLabel?u.fundNameColor:L.colors.primary,borderBottom:`1px solid ${L.colors.grey3}`,width:"100%",padding:`${n.sp1} ${n.sp0}`,display:"flex",flexDirection:"row",alignItems:"center",gap:n.sp2},children:[c.value,!!c.tag&&c.label===l.overviewPage.fundTile.compositionLabel&&e.jsx(f,{variant:"list-description",data:{title:o.strings.empty,items:Array.isArray(c.compositions)&&c.compositions.length>0?c.compositions.map(R=>({text:`${o.strings.dividerDot}  ${R.investedIn}`,amount:`${R.percentage}${o.strings.percentage}`})):[]},placement:"bottom-end",style:{minWidth:"312px",padding:`12px ${n.sp3}`},children:e.jsx(Te,{children:c.tag})})]})]},c.label))}),e.jsxs(De,{onClick:()=>window.open(r.url,"_blank"),children:[e.jsx(ve,{children:`${l.overviewPage.fundTile.asOfLabel} ${r.asOfDate.format(ae.visual.MMMDCommaYYYYformat)}`}),e.jsx(Ce,{})]})]}),(!h||v)&&e.jsx(ze,{style:{width:"100%",marginBottom:n.sp3}})]})},pe=s.div`
+import{j as e,M as H,o as n,iD as J,s as F,d3 as X,u as K,X as Q,_ as N,C as W,bt as f,g as k,ah as U,w as A,dq as V,ak as Z,aq as ee,b5 as ie,bd as se,m as ne,d5 as re,p as le}from"./index-CvH632ro.js";import{n as s,b as te}from"./vendor-CnQcJ2Lu.js";import{l as oe}from"./treasuryColorHelper-BClHzQle-D6h04w-g.js";const{common:o,spendManagement:{treasury:l},dateFormat:ae}=H.getLocalizedStrings(),y={portfolioYieldMarginTop:new W(-4,le[0]),sliderWidth:new W(143,177)},Oe=({isInReview:i,isSetup:r,fundDetails:m,allocation:d,amount:g,page:v})=>{const h=de(m);return e.jsxs(me,{children:[!r&&e.jsx(xe,{style:{alignSelf:"flex-start",padding:`${n.sp2} ${n.sp0}`},children:`${l.portfolioAllocation.title}`}),h.map((a,x)=>e.jsx(ce,{portfolio:a,fund:m[x],fundIndex:x,allocationPercentage:d.allocation?.[m[x].fundCode]||0,isInReview:i,isSetup:r,isLast:x===h.length-1,amount:g,page:v},m[x]?.fundCode||x))]})},de=i=>i.map(r=>[{label:l.overviewPage.fundTile.liquidity,value:r.liquidityTimeline||o.strings.hyphen},{label:l.overviewPage.fundTile.fundSizeLabel,value:J(r.fundSize,r.currencyCode)},{label:l.overviewPage.fundTile.maturityLabel,value:`${r.maturity} ${o.timeStrings.days}`},{label:l.overviewPage.fundTile.expenseRatioLabel,value:`${r.expenseRatio}${o.strings.percentage} ${l.overviewPage.fundTile.includedInTheYield}`},{label:l.overviewPage.fundTile.riskRatingLabel,value:r.riskRating||o.strings.hyphen},{label:l.overviewPage.fundTile.compositionLabel,value:Array.isArray(r.compositions)&&r.compositions.length>0?`${r.compositions[0].investedIn} ${r.compositions[0].percentage}${o.strings.percentage}`:o.strings.hyphen,tag:Array.isArray(r.compositions)&&r.compositions.length>1?`+${r.compositions.length-1}`:void 0,compositions:r.compositions??[]}]),ce=({portfolio:i,fund:r,fundIndex:m,allocationPercentage:d,isInReview:g,isSetup:v,isLast:h,amount:a,page:x})=>{const _=X().analytics,L=K(),t=Q(),j=a!=null&&a.amount>0&&d>0?a.amount*d/100:void 0,[p,G]=te.useState(!1),u=oe(m,L),$=()=>{p||_.trackTreasuryProspectusClick(r.fundName,r.fundCode,x),G(c=>!c)};return e.jsxs(e.Fragment,{children:[e.jsx(pe,{children:e.jsxs(he,{windowSize:t,children:[e.jsxs(ge,{windowSize:t,children:[e.jsxs(ue,{windowSize:t,children:[e.jsxs(fe,{isInReview:g,windowSize:t,children:[e.jsx(we,{children:r.fundCode}),e.jsx(ye,{color:u.fundNameColor,children:`${r.fundCompanyName} ${r.fundName}`})]}),t!=="small"&&e.jsxs(T,{onClick:$,children:[p?l.transferDrawer.calculator.footerText.hide:l.overviewPage.fundTile.viewDetails,p?e.jsx(z,{}):e.jsx(D,{})]})]}),t!=="small"&&e.jsx(e.Fragment,{children:g?e.jsxs(O,{style:{alignItems:"flex-start"},children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsx(E,{children:j!=null?N("0,0.[00]",{amount:j,currencyCode:a?.currencyCode!=null&&a.currencyCode!==""?a.currencyCode:"USD",currencySymbol:a?.currencySymbol!=null&&a.currencySymbol!==""?a.currencySymbol:"$"}):o.strings.empty})]}):e.jsxs(je,{children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsxs(Y,{children:[e.jsx(I,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(M,{color:u.fundNameColor,style:{width:`calc(${y.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]})]})}),t!=="small"&&e.jsxs(O,{children:[e.jsxs(S,{children:[l.overviewPage.fundTile.sevenDayYieldLabel,e.jsx(f,{data:l.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{minWidth:"496px",padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(P,{})})]}),e.jsxs(b,{windowSize:t,style:{marginRight:n.sp3},children:[r.yield,o.strings.percentage]})]})]}),t==="small"&&e.jsx(Pe,{children:v?e.jsxs(Ye,{children:[e.jsxs(Ie,{children:[e.jsxs(Ae,{children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsxs(Y,{children:[e.jsx(I,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(M,{color:u.fundNameColor,style:{width:`calc(${y.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]})]}),e.jsxs(Me,{children:[e.jsxs(S,{children:[l.overviewPage.fundTile.sevenDayYieldLabel,e.jsx(f,{data:l.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(P,{})})]}),e.jsxs(b,{windowSize:t,children:[r.yield,o.strings.percentage]})]})]}),e.jsxs(T,{onClick:$,style:{marginBottom:n.sp2},children:[p?l.transferDrawer.calculator.footerText.hide:l.overviewPage.fundTile.viewDetails,p?e.jsx(z,{}):e.jsx(D,{})]})]}):g?e.jsxs(ke,{children:[e.jsxs(q,{children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsx(E,{children:j!=null?N("0,0.[00]",{amount:j,currencyCode:a?.currencyCode!=null&&a.currencyCode!==""?a.currencyCode:"USD",currencySymbol:a?.currencySymbol!=null&&a.currencySymbol!==""?a.currencySymbol:"$"}):o.strings.empty}),e.jsxs(T,{onClick:$,style:{margin:`${n.sp2} ${n.sp0}`,...h?{marginBottom:n.sp0}:{}},children:[p?l.transferDrawer.calculator.footerText.hide:l.overviewPage.fundTile.viewDetails,p?e.jsx(z,{}):e.jsx(D,{})]})]}),e.jsxs(B,{children:[e.jsxs(S,{children:[l.overviewPage.fundTile.sevenDayYieldLabel,e.jsx(f,{data:l.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(P,{})})]}),e.jsxs(b,{windowSize:t,children:[r.yield,o.strings.percentage]})]})]}):e.jsxs(Le,{children:[e.jsxs(q,{children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsxs(Y,{children:[e.jsx(I,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(M,{color:u.fundNameColor,style:{width:`calc(${y.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]}),e.jsxs(T,{onClick:$,children:[p?l.transferDrawer.calculator.footerText.hide:l.overviewPage.fundTile.viewDetails,p?e.jsx(z,{}):e.jsx(D,{})]})]}),e.jsxs(B,{children:[e.jsxs(S,{children:[l.overviewPage.fundTile.sevenDayYieldLabel,e.jsx(f,{data:l.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(P,{})})]}),e.jsxs(b,{windowSize:t,children:[r.yield,o.strings.percentage]})]})]})})]},i[0].label)}),p&&e.jsxs(be,{children:[e.jsx(C,{children:r.description}),e.jsx($e,{style:{marginLeft:n.sp3},children:i.map(c=>e.jsxs(Se,{windowSize:t,children:[e.jsx(C,{children:o.strings.dividerDot}),e.jsx(C,{style:{minWidth:"140px"},children:c.label}),e.jsxs(C,{style:{color:c.label===l.overviewPage.fundTile.fundSizeLabel?u.fundNameColor:L.colors.primary,borderBottom:`1px solid ${L.colors.grey3}`,width:"100%",padding:`${n.sp1} ${n.sp0}`,display:"flex",flexDirection:"row",alignItems:"center",gap:n.sp2},children:[c.value,!!c.tag&&c.label===l.overviewPage.fundTile.compositionLabel&&e.jsx(f,{variant:"list-description",data:{title:o.strings.empty,items:Array.isArray(c.compositions)&&c.compositions.length>0?c.compositions.map(R=>({text:`${o.strings.dividerDot}  ${R.investedIn}`,amount:`${R.percentage}${o.strings.percentage}`})):[]},placement:"bottom-end",style:{minWidth:"312px",padding:`12px ${n.sp3}`},children:e.jsx(Te,{children:c.tag})})]})]},c.label))}),e.jsxs(Ce,{onClick:()=>window.open(r.url,"_blank"),children:[e.jsx(ve,{children:`${l.overviewPage.fundTile.asOfLabel} ${r.asOfDate.format(ae.visual.MMMDCommaYYYYformat)}`}),e.jsx(De,{})]})]}),(!h||v)&&e.jsx(ze,{style:{width:"100%",marginBottom:n.sp3}})]})},pe=s.div`
   display: flex;
   flex-direction: row;
   gap: ${n.sp2};
   width: 100%;
-`,xe=s(U)`
+`,xe=s(F)`
   color: ${i=>i.theme.colors.hero};
 `,me=s.div`
   display: flex;
@@ -27,7 +27,7 @@ import{j as e,M as J,o as n,iB as K,q as U,d1 as X,u as Z,X as G,_ as N,C as W,b
   flex-direction: column;
   align-items: flex-start;
   width: ${i=>i.windowSize==="small"?"auto":"245px"};
-`,fe=s(q)`
+`,fe=s(U)`
   color: ${k.graphColor34Dark};
   max-width: 280px;
 `,we=s.span`
@@ -44,7 +44,7 @@ import{j as e,M as J,o as n,iB as K,q as U,d1 as X,u as Z,X as G,_ as N,C as W,b
   color: ${i=>i.theme.colors.primary};
   min-width: ${n.sp7};
   text-align: left;
-`,b=s(q)`
+`,b=s(U)`
   color: ${k.success};
   margin-top: ${i=>y.portfolioYieldMarginTop.valuePx(i.windowSize)};
 `,S=s(A)`
@@ -58,7 +58,7 @@ import{j as e,M as J,o as n,iB as K,q as U,d1 as X,u as Z,X as G,_ as N,C as W,b
   flex-direction: row;
   align-items: flex-start;
   gap: ${n.sp1};
-`,B=s(A)`
+`,E=s(A)`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -106,7 +106,7 @@ import{j as e,M as J,o as n,iB as K,q as U,d1 as X,u as Z,X as G,_ as N,C as W,b
   align-items: center;
   gap: ${n.sp1};
   cursor: pointer;
-`,C=s(V)`
+`,D=s(Z)`
   width: 12px;
   height: 12px;
   color: ${i=>i.theme.colors.hero};
@@ -117,7 +117,7 @@ import{j as e,M as J,o as n,iB as K,q as U,d1 as X,u as Z,X as G,_ as N,C as W,b
   justify-self: flex-start;
   gap: ${n.sp2};
   margin-bottom: ${n.sp3};
-`,D=s(U)`
+`,C=s(F)`
   color: ${i=>i.theme.colors.hero};
 `,Se=s.div`
   display: flex;
@@ -129,10 +129,10 @@ import{j as e,M as J,o as n,iB as K,q as U,d1 as X,u as Z,X as G,_ as N,C as W,b
   padding: 1px 6px;
   border: 1px solid ${i=>i.theme.colors.grey2};
   border-radius: ${n.sp1};
-`,Ce=s(re)`
+`,De=s(re)`
   width: 12px;
   height: 12px;
-`,De=s.div`
+`,Ce=s.div`
   display: flex;
   flex-direction: row;
   align-items: baseline;
@@ -145,7 +145,7 @@ import{j as e,M as J,o as n,iB as K,q as U,d1 as X,u as Z,X as G,_ as N,C as W,b
     color: ${i=>i.theme.colors.primary};
     text-decoration: underline;
   }
-`,z=s(Q)`
+`,z=s(V)`
   cursor: pointer;
   width: 12px;
   height: 12px;
@@ -186,12 +186,12 @@ import{j as e,M as J,o as n,iB as K,q as U,d1 as X,u as Z,X as G,_ as N,C as W,b
   align-items: center;
   justify-content: space-between;
   width: 100%;
-`,E=s.div`
+`,q=s.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   flex: 1;
-`,F=s.div`
+`,B=s.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;

package/dist/assets/{ProductsCarousel-BeOYePu1-BLn0kA4L.js → ProductsCarousel-DZmAO-Ad-BvStEG-O.js}

@@ -1,4 +1,4 @@
-import{M as X,j as t,d1 as I,o as l,bo as O,ae as P,d2 as D,Z as F,q as L,d3 as R,g as v}from"./index-BPBiFjSz.js";import{b as $,n as i}from"./vendor-CnQcJ2Lu.js";const u=X.getLocalizedStrings(),y={large:{labelComp:D,title:F,subtitle:L,seeMoreLink:L}},U={large:{width:496,height:512,padding:32,svgSize:12,svgContainerHeight:24,gap:8,imageGap:16,borderRadius:16}},o=U.large,B=i.div`
+import{M as X,j as t,d3 as I,o as l,bp as O,ak as P,d4 as D,Z as F,s as L,d5 as R,g as v}from"./index-CvH632ro.js";import{b as $,n as i}from"./vendor-CnQcJ2Lu.js";const u=X.getLocalizedStrings(),y={large:{labelComp:D,title:F,subtitle:L,seeMoreLink:L}},U={large:{width:496,height:512,padding:32,svgSize:12,svgContainerHeight:24,gap:8,imageGap:16,borderRadius:16}},o=U.large,B=i.div`
   width: ${e=>e.scale*o.width}px;
   height: ${e=>e.scale*o.height}px;
   overflow: hidden;
@@ -33,7 +33,7 @@ import{M as X,j as t,d1 as I,o as l,bo as O,ae as P,d2 as D,Z as F,q as L,d3 as
   text-align: left;
 `,N=i(y.large.seeMoreLink)`
   color: ${e=>e.theme.colors.brandColorJadeDark};
-`,q=i.div`
+`,A=i.div`
   width: ${e=>e.scale*o.width}px;
   height: ${e=>e.scale*o.height}px;
   padding: ${e=>e.scale*e.padding}px;
@@ -43,10 +43,10 @@ import{M as X,j as t,d1 as I,o as l,bo as O,ae as P,d2 as D,Z as F,q as L,d3 as
   flex-direction: column;
   box-sizing: border-box;
   z-index: 20;
-`,A=i.a`
+`,H=i.a`
   text-decoration: none;
   display: inline-block;
-`,H=i.div`
+`,q=i.div`
   display: flex;
   flex-direction: column;
   flex: 1;
@@ -76,7 +76,7 @@ import{M as X,j as t,d1 as I,o as l,bo as O,ae as P,d2 as D,Z as F,q as L,d3 as
   height: 100%;
   object-fit: fill;
   object-position: center;
-`,ee=({scale:e=1,variant:s="large",label:a,title:d,subtitle:m,seeMoreLink:n,image:c})=>{const h=t.jsx(q,{scale:e,variant:s,padding:o.padding*e,children:t.jsxs(H,{children:[t.jsxs(K,{children:[a!=null&&a.trim()!==u.common.strings.empty?t.jsx(Z,{scale:e,children:a}):null,d!=null&&d.trim()!==u.common.strings.empty?t.jsx(G,{scale:e,children:d}):null,m!=null&&m.trim()!==u.common.strings.empty?t.jsx(J,{scale:e,children:m}):null,n!=null&&n.trim()!==u.common.strings.empty?t.jsxs(Q,{scale:e,children:[t.jsx(N,{children:u.customerOnboardingPage.productSuite.productCard.seeMore}),t.jsx(V,{scale:e})]}):null]}),c!=null&&c.trim()!==u.common.strings.empty?t.jsx(W,{children:t.jsx(Y,{src:c,loading:"lazy"})}):null]})});return t.jsx(B,{scale:e,variant:s,children:s==="large"&&n!=null&&n.trim()!==u.common.strings.empty?t.jsx(A,{href:n,target:"_blank",rel:"noopener noreferrer",children:h}):h})},x=2,S=5,te=i.div`
+`,ee=({scale:e=1,variant:s="large",label:a,title:d,subtitle:m,seeMoreLink:n,image:c})=>{const h=t.jsx(A,{scale:e,variant:s,padding:o.padding*e,children:t.jsxs(q,{children:[t.jsxs(K,{children:[a!=null&&a.trim()!==u.common.strings.empty?t.jsx(Z,{scale:e,children:a}):null,d!=null&&d.trim()!==u.common.strings.empty?t.jsx(G,{scale:e,children:d}):null,m!=null&&m.trim()!==u.common.strings.empty?t.jsx(J,{scale:e,children:m}):null,n!=null&&n.trim()!==u.common.strings.empty?t.jsxs(Q,{scale:e,children:[t.jsx(N,{children:u.customerOnboardingPage.productSuite.productCard.seeMore}),t.jsx(V,{scale:e})]}):null]}),c!=null&&c.trim()!==u.common.strings.empty?t.jsx(W,{children:t.jsx(Y,{src:c,loading:"lazy"})}):null]})});return t.jsx(B,{scale:e,variant:s,children:s==="large"&&n!=null&&n.trim()!==u.common.strings.empty?t.jsx(H,{href:n,target:"_blank",rel:"noopener noreferrer",children:h}):h})},x=2,S=5,te=i.div`
   width: 100%;
   height: 100%;
   position: relative;
@@ -135,4 +135,4 @@ import{M as X,j as t,d1 as I,o as l,bo as O,ae as P,d2 as D,Z as F,q as L,d3 as
       transform: translate(-50%, -50%) translateX(0px) translateZ(10px) scale(1.02)
     }
   `}
-`,ae=[{positionX:-480,scale:.67},{positionX:-226,scale:.83},{positionX:0,scale:1},{positionX:226,scale:.83},{positionX:480,scale:.67}],ne=({showUpdatePaymentDetailButton:e,stopCarousel:s,cards:a})=>{const[d,m]=$.useState(2),[n,c]=$.useState(!1),[h,k]=$.useState(!1),b=a.length,z=I().analytics,f=$.useCallback(r=>{h||(k(!0),m(p=>(p+r+b)%b),setTimeout(()=>k(!1),1e3))},[h,b]);$.useEffect(()=>{if(n||s||h)return;const r=setInterval(()=>{f(1)},3e3);return()=>clearInterval(r)},[n,s,h,f]);const C=r=>(d+r-x+b)%b,M=r=>{const p=Array.from({length:S},(g,w)=>C(w)).indexOf(r)-x;p!==0&&f(p),e?z.trackOnboardingLandingPageCardClick(a[r].cardTitle):z.trackOnboardingInterimCard(a[r].cardTitle)};return t.jsxs(te,{children:[t.jsx(_,{onClick:()=>f(-1),children:t.jsx(oe,{className:"btnsvg"})}),t.jsx(re,{children:a.map((r,p)=>{const g=Array.from({length:S},(pe,T)=>C(T)).indexOf(p);if(g===-1)return null;const{positionX:w,scale:E}=ae[g],j=g===x;return t.jsx(se,{isForeFront:j,positionX:w,scale:E,onClick:()=>M(p),onMouseEnter:()=>j&&c(!0),onMouseLeave:()=>j&&c(!1),style:{zIndex:g===x?5:5-Math.abs(g-x)},children:t.jsx(ee,{label:r.cardTitle,title:r.sectionTitle,subtitle:r.sectionSubTitle,seeMoreLink:r.redirectLink,image:r.imageLink,variant:g===x?"large":g===x-1?"medium":"small"})},p)})}),t.jsx(_,{onClick:()=>f(1),children:t.jsx(ie,{className:"btnsvg"})})]})},le=["https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-reimbursements.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-bill-payments.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-ai-bookkeeping.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-checking-accounts.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-credit-cards.png"],ce=["https://www.zeni.ai/product/employee-reimbursements?utm_source=onboarding_interim","https://www.zeni.ai/product/bill-pay?utm_source=onboarding_interim","https://www.zeni.ai/product/ai-bookkeeping?utm_source=onboarding_interim","https://www.zeni.ai/product/business-checking-accounts?utm_source=onboarding_interim","https://www.zeni.ai/product/business-credit-card?utm_source=onboarding_interim"],me=({stopCarousel:e=!1,showUpdatePaymentDetailButton:s=!1})=>{const{customerOnboardingPage:a}=X.getLocalizedStrings(),{productSuite:d}=a,m=d.productCard.cards.map((n,c)=>({...n,imageLink:le[c],redirectLink:ce[c]}));return t.jsx(ne,{cards:m,stopCarousel:e,showUpdatePaymentDetailButton:s})};export{me as f};
+`,ae=[{positionX:-480,scale:.67},{positionX:-226,scale:.83},{positionX:0,scale:1},{positionX:226,scale:.83},{positionX:480,scale:.67}],ne=({showUpdatePaymentDetailButton:e,stopCarousel:s,cards:a})=>{const[d,m]=$.useState(2),[n,c]=$.useState(!1),[h,j]=$.useState(!1),b=a.length,z=I().analytics,f=$.useCallback(r=>{h||(j(!0),m(p=>(p+r+b)%b),setTimeout(()=>j(!1),1e3))},[h,b]);$.useEffect(()=>{if(n||s||h)return;const r=setInterval(()=>{f(1)},3e3);return()=>clearInterval(r)},[n,s,h,f]);const C=r=>(d+r-x+b)%b,M=r=>{const p=Array.from({length:S},(g,w)=>C(w)).indexOf(r)-x;p!==0&&f(p),e?z.trackOnboardingLandingPageCardClick(a[r].cardTitle):z.trackOnboardingInterimCard(a[r].cardTitle)};return t.jsxs(te,{children:[t.jsx(_,{onClick:()=>f(-1),children:t.jsx(oe,{className:"btnsvg"})}),t.jsx(re,{children:a.map((r,p)=>{const g=Array.from({length:S},(pe,T)=>C(T)).indexOf(p);if(g===-1)return null;const{positionX:w,scale:E}=ae[g],k=g===x;return t.jsx(se,{isForeFront:k,positionX:w,scale:E,onClick:()=>M(p),onMouseEnter:()=>k&&c(!0),onMouseLeave:()=>k&&c(!1),style:{zIndex:g===x?5:5-Math.abs(g-x)},children:t.jsx(ee,{label:r.cardTitle,title:r.sectionTitle,subtitle:r.sectionSubTitle,seeMoreLink:r.redirectLink,image:r.imageLink,variant:g===x?"large":g===x-1?"medium":"small"})},p)})}),t.jsx(_,{onClick:()=>f(1),children:t.jsx(ie,{className:"btnsvg"})})]})},le=["https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-reimbursements.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-bill-payments.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-ai-bookkeeping.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-checking-accounts.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-credit-cards.png"],ce=["https://www.zeni.ai/product/employee-reimbursements?utm_source=onboarding_interim","https://www.zeni.ai/product/bill-pay?utm_source=onboarding_interim","https://www.zeni.ai/product/ai-bookkeeping?utm_source=onboarding_interim","https://www.zeni.ai/product/business-checking-accounts?utm_source=onboarding_interim","https://www.zeni.ai/product/business-credit-card?utm_source=onboarding_interim"],me=({stopCarousel:e=!1,showUpdatePaymentDetailButton:s=!1})=>{const{customerOnboardingPage:a}=X.getLocalizedStrings(),{productSuite:d}=a,m=d.productCard.cards.map((n,c)=>({...n,imageLink:le[c],redirectLink:ce[c]}));return t.jsx(ne,{cards:m,stopCarousel:e,showUpdatePaymentDetailButton:s})};export{me as f};