@zeniai/web-cockpit-ui 1.14.0-qa → 1.14.1-dev

package/dist/assets/{PaymentAccountSetupBillingAddressSection-C078sYd8-2YgIo820.js → PaymentAccountSetupBillingAddressSection-B2ZBSiCT-BcCn0Sg1.js}

@@ -1,4 +1,4 @@
-import{eM as K,M as Z,h2 as de,a1 as le,v as B,o as a,g as z,X as q,j as t,bz as pe,h3 as me,u as re,cg 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,n as xe,gf as be,f as Ce,Q as ve}from"./index-B6_cg6uw.js";import{b as p,n as o}from"./vendor-CnQcJ2Lu.js";import{O as we}from"./SetUpAccountSection-Dq7XPkje-1H6JZJ2A.js";const Pe={containerHeight:new F(656,720)},$e=o.div`
+import{eM as Q,M as Z,h2 as de,a1 as le,p as B,o as a,g as z,X as J,j as t,bz as pe,h3 as me,u as re,cg as ge,a7 as W,C as F,aQ as he,eW as ue,s as ie,h4 as fe,h5 as Se,h6 as q,h7 as G,h8 as X,a3 as ye,i as Y,m as xe,gf as be,e as Ce,Q as ve}from"./index-CWmqNC4C.js";import{b as p,n as o}from"./vendor-CnQcJ2Lu.js";import{O as we}from"./SetUpAccountSection-B9L-2aHz-CS276oDL.js";const Pe={containerHeight:new F(656,720)},$e=o.div`
   display: flex;
   flex-direction: column;
   gap: 20px;
@@ -85,10 +85,10 @@ import{eM as K,M as Z,h2 as de,a1 as le,v as B,o as a,g as z,X as q,j as t,bz as
   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,v]=p.useState(!1),j=q(),_=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 w=n.getElement(Q),E=n.getElement(G),A=n.getElement(X);(!w||!E||!A)&&f(!0),v(!0),g(!0),w!=null&&E!=null&&A!=null&&x.confirmCardSetup(r,{payment_method:{card:w}}).then(L=>{v(!1),i(L),L.setupIntent?.id!=null&&d("card","payment_intent",L.setupIntent?.id)}).catch(()=>{v(!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}}},v={clientSecret:h,appearance:u},j=q();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:v,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}=Z.getLocalizedStrings().cardPayment,N={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 ve("standardSemiBold","largeSemiBold")},oe=e=>e?N[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:`${K(N[i.cardsList[0]?.brand]?.name??"")} ${r}`,subtitle:`${K(N[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,v]=p.useState(!1),j=J(),_=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 w=n.getElement(q),E=n.getElement(G),A=n.getElement(X);(!w||!E||!A)&&f(!0),v(!0),g(!0),w!=null&&E!=null&&A!=null&&x.confirmCardSetup(r,{payment_method:{card:w}}).then(L=>{v(!1),i(L),L.setupIntent?.id!=null&&d("card","payment_intent",L.setupIntent?.id)}).catch(()=>{v(!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}}},v={clientSecret:h,appearance:u},j=J();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:v,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}=Z.getLocalizedStrings().cardPayment,N={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 ve("standardSemiBold","largeSemiBold")},oe=e=>e?N[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(N[i.cardsList[0]?.brand]?.name??"")} ${r}`,subtitle:`${Q(N[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:v,cardSetupInProgress:j=!1,googleAPIKey:_,subscriptionBillingAddress:T,subscriptionBillingAddressSectionId:M})=>{const I=re(),f=q(),{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:w}}}=Z.getLocalizedStrings(),E=u.cardsList.length>0,A=u.cardsList[0]?.brand??"other",L=u.addCardPaymentSourceStatus.fetchState,O=Be(w.header,w.titleText,w.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(we,{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:v,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(Ze,{children:[t.jsx(Ne,{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`
+`,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:v,cardSetupInProgress:j=!1,googleAPIKey:_,subscriptionBillingAddress:T,subscriptionBillingAddressSectionId:M})=>{const I=re(),f=J(),{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:w}}}=Z.getLocalizedStrings(),E=u.cardsList.length>0,A=u.cardsList[0]?.brand??"other",L=u.addCardPaymentSourceStatus.fetchState,O=Be(w.header,w.titleText,w.protectedCardNo,u);let K;return E&&(K={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(we,{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:v,cardPaymentSectionValues:K,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(Ze,{children:[t.jsx(Ne,{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`
   display: flex;
   flex-direction: column;
   width: ${e=>k.sectionWidth.valuePx(e.windowSize)};
@@ -103,4 +103,4 @@ import{eM as K,M as Z,h2 as de,a1 as le,v as B,o as a,g as z,X as q,j as t,bz as
 `,Ze=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,qe as e,oe as r,Ge as t};

package/dist/assets/{PeoplePage-CW_L4QmC-CQ6F3obN.js → PeoplePage-CzQXmGVU-3wd2TE5z.js}

@@ -1,4 +1,4 @@
-import{u as $e,X as I,M as y,j as t,Y as a,aV as le,be as Ne,o as s,bK as De,bL as Oe,c as U,a5 as J,bM as we,K as Le,v as be,bN as _e,a1 as Ae,bO as Ve,bP as Me,bQ as We,bR as Be,ai as He,H,bS as Ke,C as $,bT as Ue,bU as je,n as b,l as A,bV as ee,bD as N,a as Ee,F as Fe,bW as Ze,bX as qe,S as Xe,w as D,bY as Ge,q as O,f as te,g as V,bZ as Qe,bH as Se,ao as ie,b_ as ke,bc as Ye,b$ as Je}from"./index-B6_cg6uw.js";import{f as ce,b as v,n as i}from"./vendor-CnQcJ2Lu.js";import{R as Ie}from"./Menu-BzQoNjkh-cD4Fdts5.js";import{T as Ce}from"./RoleWithToolTip-B2SfhDfC-B2LT4PHT.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.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(Ge,{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,aV as le,be as Ne,o as s,bK as De,bL as Oe,c as U,a5 as J,bM as we,K as Le,p as be,bN as _e,a1 as Ae,bO as Ve,bP as Me,bQ as We,bR as Be,ai as He,H,bS as Ke,C as $,bT as Ue,bU as je,m as b,l as A,bV as ee,bD as N,a as Ee,F as Fe,bW as Ze,bX as qe,S as Xe,v as D,bY as Ge,s as O,e as te,g as V,bZ as Qe,bH as Se,ao as ie,b_ as ke,bc as Ye,b$ as Je}from"./index-CWmqNC4C.js";import{f as ce,b as v,n as i}from"./vendor-CnQcJ2Lu.js";import{R as Ie}from"./Menu-DlBP5CCV-y1Vf24E1.js";import{T as Ce}from"./RoleWithToolTip-4WCTaiOg-BCe2sjxQ.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.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(Ge,{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)"};

package/dist/assets/PortfolioAllocationFormPage-B1Xa0wKV-C9f5vgAD.js

@@ -0,0 +1,207 @@
+import{X as H,H as S,j as i,bs as Y,M as Q,Y as q,C as u,a3 as K,o as n,a2 as V,Q as X,h as J,s as Z,m as l,p as _,al as ee,e as W,g as v,v as ie,bH as te}from"./index-CWmqNC4C.js";import{b as k,n as t}from"./vendor-CnQcJ2Lu.js";import{U as ne}from"./PortfolioDetails-BY-IK4yO-BaoJWjzR.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./treasuryColorHelper-k2phUKLw-Bv7jwBAj.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:D,isReadOnly:c,isEditMode:p,isOnSetup:$=!1})=>{const r=H(),[E,M]=k.useState(!1),{fundsData:N,fundAllocationOptions:s,fundAllocationLocalData:d,currentAllocation:w,portfolioAllocationUpdateStatus:U}=D;k.useEffect(()=>{if(p&&w!==null){const o=!S(d.allocation,w);M(o)}},[p,w,d]);const y=o=>{const f=s.find(G=>G.optionIndex===o);f&&h(f)},b=()=>{y(s.findIndex(o=>o.riskScore===0||o.riskLevel==="Conservative"))},F=()=>{let o;w!=null&&(o=s.find(f=>S(f.allocation,w))),o!=null?h(o):b()},j=()=>{p&&F(),e()};return i.jsxs(se,{children:[i.jsxs(de,{windowSize:r,children:[i.jsx(ae,{windowSize:r,children:i.jsx(Y,{title:m.navBar.back,enterTouchDelay:600,placement:"bottom",children:i.jsx(ce,{"data-testid":q("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(T,{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(T,{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&&U.fetchState==="In-Progress",isDisabled:p&&!E}})]})};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%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,de=t.div`
+  height: auto;
+  padding-left: ${e=>`${a.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${e=>`${a.containerPaddingRight.valuePx(e.windowSize)}`};
+  flex: 1;
+  overflow-y: auto;
+`,ae=t.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  width: 100%;
+  top: ${n.sp0};
+  padding: ${e=>`${a.navBarContainerPaddingYaxis.valuePx(e.windowSize)} ${n.sp0}`};
+  z-index: 2;
+`,ce=t(V)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${n.sp4};
+  height: ${n.sp4};
+  min-height: ${n.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,pe=t.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: ${n.sp3};
+  flex: 1;
+  overflow-y: auto;
+  ${e=>e.windowSize==="small"&&`
+    margin-bottom: ${n.sp5};
+  `}
+`,xe=t.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${n.sp3};
+  width: 100%;
+`,he=t(J)`
+  ${e=>`${oe.stepTitle.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  text-align: left;
+`,ue=t.div`
+  display: flex;
+  align-items: center;
+`,me=t.div`
+  display: flex;
+  width: 100%;
+  gap: ${n.sp3};
+`,ge=t.div`
+  width: 50%;
+  height: 2px;
+  background-color: ${e=>e.theme.colors.primary};
+  border-radius: ${n.sp2};
+`,we=t.div`
+  width: 50%;
+  height: 2px;
+  background-color: ${e=>e.theme.colors.grey2};
+  border-radius: ${n.sp2};
+`,fe=t(Z)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: left;
+  max-width: ${a.titleWidth.valuePx("medium-regular")}px;
+  width: 100%;
+  margin-top: ${e=>e.isReadOnly===!0?"-8px":"0"};
+`,$e=t.div`
+  background: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${a.cardBorderRadius}px;
+  box-shadow: ${e=>e.theme.colors.elevation1};
+  width: 100%;
+  max-width: ${a.titleWidth.valuePx("medium-regular")}px;
+  display: flex;
+  flex-direction: column;
+`,ye=t.div`
+  padding: ${e=>a.cardPadding.valuePx(e.windowSize)};
+  display: flex;
+  flex-direction: column;
+`,ve=t.div`
+  display: flex;
+  flex-direction: column;
+`,be=t.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  ${e=>e.windowSize==="small"&&`
+    flex-direction: column;
+    gap: ${n.sp3};
+    align-items: stretch;
+  `}
+`,je=t.div`
+  display: flex;
+  flex-direction: column;
+  width: 245px;
+`,Se=t.button`
+  background: none;
+  border: none;
+  cursor: ${e=>e.isRecommended?"default":"pointer"};
+  color: ${e=>e.isRecommended?e.theme.colors.grey2:e.theme.colors.hero};
+  ${_.smallRegular.css};
+  text-align: left;
+  padding: ${n.sp0};
+  text-decoration: underline;
+  pointer-events: ${e=>e.isRecommended?"none":"auto"};
+
+  &:hover {
+    color: ${e=>e.isRecommended?e.theme.colors.grey2:e.theme.colors.primary};
+  }
+`,R=t.div`
+  display: flex;
+  align-items: center;
+  gap: ${e=>a.sliderContainerGap.valuePx(e.windowSize)};
+  position: relative;
+  width: 240px;
+`,z=t.div`
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+  display: flex;
+  align-items: baseline;
+  justify-content: center;
+  width: ${n.sp7};
+
+  ${e=>e.windowSize==="small"&&`
+      width: auto;
+    `}
+`,P=t(ee)`
+  color: ${e=>e.theme.colors.primary};
+`,O=t(W)`
+  color: ${e=>e.theme.colors.primary};
+`,C=t(W)`
+  color: ${e=>e.theme.colors.primary};
+`,L=t.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  position: relative;
+`,B=t.input`
+  width: ${({windowSize:e})=>a.sliderWidth.valuePx(e)};
+  &[type="range"]::-webkit-slider-runnable-track {
+    height: 2px;
+    background-color: ${e=>e.theme.colors.grey3};
+  }
+
+  &[type="range"] {
+    -webkit-appearance: none;
+    appearance: none;
+  }
+
+  &[type="range"]::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    width: ${e=>e.isReadOnly===!0?n.sp0:n.sp3};
+    height: ${e=>e.isReadOnly===!0?n.sp0:n.sp3};
+    border-radius: 50%;
+    background: ${e=>e.theme.colors.grey5};
+    border: ${e=>e.isReadOnly===!0?"none":`2px solid ${v.success}`};
+    margin-top: -7px;
+    cursor: ${e=>e.isReadOnly===!0?"default":"pointer"};
+    opacity: ${e=>e.isReadOnly===!0?"0":"1"};
+  }
+
+  &::-moz-range-thumb {
+    width: ${e=>e.isReadOnly===!0?n.sp0:n.sp3};
+    height: ${e=>e.isReadOnly===!0?n.sp0:n.sp3};
+    border-radius: 50%;
+    background: ${e=>e.theme.colors.grey5};
+    border: ${e=>e.isReadOnly===!0?"none":`2px solid ${v.success}`};
+    margin-top: -7px;
+    cursor: ${e=>e.isReadOnly===!0?"default":"pointer"};
+    opacity: ${e=>e.isReadOnly===!0?"0":"1"};
+  }
+`,I=t.div`
+  position: absolute;
+  height: 2px;
+  background-color: ${v.success};
+`,ke=t.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  gap: ${n.sp3};
+`,Re=t.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  width: auto;
+  padding-right: ${n.sp0};
+  box-sizing: border-box;
+`,ze=t.div`
+  display: flex;
+  flex-direction: column;
+  align-items: ${e=>e.windowSize==="small"?"flex-start":"flex-end"};
+  width: 129px;
+  padding-right: ${e=>a.riskLevelInfoPaddingRight.valuePx(e.windowSize)};
+  box-sizing: border-box;
+`,A=t(ie)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: right;
+`,T=t(te)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: right;
+`;export{Me as default};

package/dist/assets/{PortfolioDetails-BO6oRP5r-D0WEIBgj.js → PortfolioDetails-BY-IK4yO-BaoJWjzR.js}

@@ -1,7 +1,7 @@
-import{j as e,M as J,o as n,iB as X,q as E,d2 as G,u as K,X as Q,_ as L,C as O,bs as f,g as A,bH as H,w as N,dp as Z,ae as ee,al as ie,b4 as se,bc as ne,f as le,d4 as oe,n as te}from"./index-B6_cg6uw.js";import{n as s,b as re}from"./vendor-CnQcJ2Lu.js";import{l as ae}from"./treasuryColorHelper-BExq29Np-Bdd5DDhE.js";const{common:r,spendManagement:{treasury:o},dateFormat:de}=J.getLocalizedStrings(),w={portfolioYieldMarginTop:new O(-4,te[0]),sliderWidth:new O(143,177)},Oe=({isInReview:i,isSetup:l,fundDetails:m,allocation:d,amount:g,fundAllocations:v,page:j})=>{const a=ce(m);return e.jsxs(ge,{children:[!l&&e.jsx(me,{style:{alignSelf:"flex-start",padding:`${n.sp2} ${n.sp0}`},children:`${o.portfolioAllocation.title}`}),a.map(($,x)=>{const I=v?.find(h=>h.fundCode===m[x].fundCode)?.amount;return e.jsx(pe,{portfolio:$,fund:m[x],fundIndex:x,allocationPercentage:d.allocation?.[m[x].fundCode]||0,isInReview:i,isSetup:l,isLast:x===a.length-1,amount:g,currentAllocationAmount:I,page:j},m[x]?.fundCode||x)})]})},ce=i=>i.map(l=>[{label:o.promoPage.liquidity,value:l.liquidityTimeline||r.strings.hyphen},{label:o.promoPage.fundSize,value:X(l.fundSize,l.currencyCode)},{label:o.promoPage.maturity,value:`${l.maturity} ${r.timeStrings.days}`},{label:o.promoPage.expenseRatio,value:`${l.expenseRatio}${o.promoPage.expenseRatioSuffix}`},{label:o.promoPage.riskRating,value:l.riskRating||r.strings.hyphen},{label:o.promoPage.composition,value:Array.isArray(l.compositions)&&l.compositions.length>0?`${l.compositions[0].investedIn} ${l.compositions[0].percentage}${r.strings.percentage}`:r.strings.hyphen,tag:Array.isArray(l.compositions)&&l.compositions.length>1?`+${l.compositions.length-1}`:void 0,compositions:l.compositions??[]}]),pe=({portfolio:i,fund:l,fundIndex:m,allocationPercentage:d,isInReview:g,isSetup:v,isLast:j,amount:a,currentAllocationAmount:$,page:x})=>{const I=G().analytics,h=K(),t=Q(),b=$?$.amount:a!=null&&a.amount>0&&d>0?a.amount*d/100:void 0,[p,V]=re.useState(!1),u=ae(m,h),S=()=>{p||I.trackTreasuryProspectusClick(l.fundName,l.fundCode,x),V(c=>!c)};return e.jsxs(e.Fragment,{children:[e.jsx(xe,{children:e.jsxs(ue,{windowSize:t,children:[e.jsxs(he,{windowSize:t,children:[e.jsxs(fe,{windowSize:t,children:[e.jsxs(ye,{isInReview:g,windowSize:t,children:[e.jsx(we,{children:l.fundCode}),e.jsx(ve,{color:u.fundNameColor,children:`${l.fundCompanyName} ${l.fundName}`})]}),t!=="small"&&e.jsxs(z,{onClick:S,children:[p?o.transferDrawer.calculator.footerText.hide:o.overviewPage.fundTile.viewDetails,p?e.jsx(T,{}):e.jsx(P,{})]})]}),t!=="small"&&e.jsx(e.Fragment,{children:g?e.jsxs(U,{style:{alignItems:"flex-start"},children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsx(q,{children:b!=null?L("0,0.[00]",{amount:b,currencyCode:a?.currencyCode!=null&&a.currencyCode!==""?a.currencyCode:"USD",currencySymbol:a?.currencySymbol!=null&&a.currencySymbol!==""?a.currencySymbol:"$"}):r.strings.empty})]}):e.jsxs($e,{children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsxs(R,{children:[e.jsx(M,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(W,{color:u.fundNameColor,style:{width:`calc(${w.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]})]})}),t!=="small"&&e.jsxs(U,{children:[e.jsxs(D,{children:[o.overviewPage.sevenDayYield,e.jsx(f,{data:o.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{minWidth:"496px",padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(Y,{})})]}),e.jsxs(C,{windowSize:t,style:{marginRight:n.sp3},children:[l.yield,r.strings.percentage]})]})]}),t==="small"&&e.jsx(Te,{children:v?e.jsxs(Ie,{children:[e.jsxs(Re,{children:[e.jsxs(We,{children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsxs(R,{children:[e.jsx(M,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(W,{color:u.fundNameColor,style:{width:`calc(${w.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]})]}),e.jsxs(Me,{children:[e.jsxs(D,{children:[o.overviewPage.sevenDayYield,e.jsx(f,{data:o.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(Y,{})})]}),e.jsxs(C,{windowSize:t,children:[l.yield,r.strings.percentage]})]})]}),e.jsxs(z,{onClick:S,style:{marginBottom:n.sp2},children:[p?o.transferDrawer.calculator.footerText.hide:o.overviewPage.fundTile.viewDetails,p?e.jsx(T,{}):e.jsx(P,{})]})]}):g?e.jsxs(Ye,{children:[e.jsxs(F,{children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsx(q,{children:b!=null?L("0,0.[00]",{amount:b,currencyCode:a?.currencyCode!=null&&a.currencyCode!==""?a.currencyCode:"USD",currencySymbol:a?.currencySymbol!=null&&a.currencySymbol!==""?a.currencySymbol:"$"}):r.strings.empty}),e.jsxs(z,{onClick:S,style:{margin:`${n.sp2} ${n.sp0}`,...j?{marginBottom:n.sp0}:{}},children:[p?o.transferDrawer.calculator.footerText.hide:o.overviewPage.fundTile.viewDetails,p?e.jsx(T,{}):e.jsx(P,{})]})]}),e.jsxs(_,{children:[e.jsxs(D,{children:[o.overviewPage.sevenDayYield,e.jsx(f,{data:o.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(Y,{})})]}),e.jsxs(C,{windowSize:t,children:[l.yield,r.strings.percentage]})]})]}):e.jsxs(Ae,{children:[e.jsxs(F,{children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsxs(R,{children:[e.jsx(M,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(W,{color:u.fundNameColor,style:{width:`calc(${w.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]}),e.jsxs(z,{onClick:S,children:[p?o.transferDrawer.calculator.footerText.hide:o.overviewPage.fundTile.viewDetails,p?e.jsx(T,{}):e.jsx(P,{})]})]}),e.jsxs(_,{children:[e.jsxs(D,{children:[o.overviewPage.sevenDayYield,e.jsx(f,{data:o.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(Y,{})})]}),e.jsxs(C,{windowSize:t,children:[l.yield,r.strings.percentage]})]})]})})]},i[0].label)}),p&&e.jsxs(Se,{children:[e.jsx(k,{children:l.description}),e.jsx(be,{style:{marginLeft:n.sp3},children:i.map(c=>e.jsxs(Ce,{windowSize:t,children:[e.jsx(k,{children:r.strings.dividerDot}),e.jsx(k,{style:{minWidth:"140px"},children:c.label}),e.jsxs(k,{style:{color:c.label===o.promoPage.fundSize?u.fundNameColor:h.colors.primary,borderBottom:`1px solid ${h.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===o.promoPage.composition&&e.jsx(f,{variant:"list-description",data:{title:r.strings.empty,items:Array.isArray(c.compositions)&&c.compositions.length>0?c.compositions.map(B=>({text:`${r.strings.dividerDot}  ${B.investedIn}`,amount:`${B.percentage}${r.strings.percentage}`})):[]},placement:"bottom-end",style:{minWidth:"312px",padding:`12px ${n.sp3}`},children:e.jsx(De,{children:c.tag})})]})]},c.label))}),e.jsxs(Pe,{onClick:()=>window.open(l.url,"_blank"),children:[e.jsx(je,{children:`${o.promoPage.asOf} ${l.asOfDate.format(de.visual.MMMDCommaYYYYformat)}`}),e.jsx(ze,{})]})]}),(!j||v)&&e.jsx(ke,{style:{width:"100%",marginBottom:n.sp3}})]})},xe=s.div`
+import{j as e,M as J,o as l,iB as X,s as E,d2 as G,u as K,X as Q,_ as L,C as O,bs as f,g as A,bH as H,v as N,dp as Z,ae as ee,al as ie,b4 as se,bc as le,e as ne,d4 as oe,m as te}from"./index-CWmqNC4C.js";import{n as s,b as re}from"./vendor-CnQcJ2Lu.js";import{l as ae}from"./treasuryColorHelper-k2phUKLw-Bv7jwBAj.js";const{common:r,spendManagement:{treasury:o},dateFormat:de}=J.getLocalizedStrings(),w={portfolioYieldMarginTop:new O(-4,te[0]),sliderWidth:new O(143,177)},Oe=({isInReview:i,isSetup:n,fundDetails:m,allocation:d,amount:g,fundAllocations:v,page:j})=>{const a=ce(m);return e.jsxs(ge,{children:[!n&&e.jsx(me,{style:{alignSelf:"flex-start",padding:`${l.sp2} ${l.sp0}`},children:`${o.portfolioAllocation.title}`}),a.map(($,x)=>{const I=v?.find(h=>h.fundCode===m[x].fundCode)?.amount;return e.jsx(pe,{portfolio:$,fund:m[x],fundIndex:x,allocationPercentage:d.allocation?.[m[x].fundCode]||0,isInReview:i,isSetup:n,isLast:x===a.length-1,amount:g,currentAllocationAmount:I,page:j},m[x]?.fundCode||x)})]})},ce=i=>i.map(n=>[{label:o.promoPage.liquidity,value:n.liquidityTimeline||r.strings.hyphen},{label:o.promoPage.fundSize,value:X(n.fundSize,n.currencyCode)},{label:o.promoPage.maturity,value:`${n.maturity} ${r.timeStrings.days}`},{label:o.promoPage.expenseRatio,value:`${n.expenseRatio}${o.promoPage.expenseRatioSuffix}`},{label:o.promoPage.riskRating,value:n.riskRating||r.strings.hyphen},{label:o.promoPage.composition,value:Array.isArray(n.compositions)&&n.compositions.length>0?`${n.compositions[0].investedIn} ${n.compositions[0].percentage}${r.strings.percentage}`:r.strings.hyphen,tag:Array.isArray(n.compositions)&&n.compositions.length>1?`+${n.compositions.length-1}`:void 0,compositions:n.compositions??[]}]),pe=({portfolio:i,fund:n,fundIndex:m,allocationPercentage:d,isInReview:g,isSetup:v,isLast:j,amount:a,currentAllocationAmount:$,page:x})=>{const I=G().analytics,h=K(),t=Q(),b=$?$.amount:a!=null&&a.amount>0&&d>0?a.amount*d/100:void 0,[p,V]=re.useState(!1),u=ae(m,h),S=()=>{p||I.trackTreasuryProspectusClick(n.fundName,n.fundCode,x),V(c=>!c)};return e.jsxs(e.Fragment,{children:[e.jsx(xe,{children:e.jsxs(ue,{windowSize:t,children:[e.jsxs(he,{windowSize:t,children:[e.jsxs(fe,{windowSize:t,children:[e.jsxs(ye,{isInReview:g,windowSize:t,children:[e.jsx(we,{children:n.fundCode}),e.jsx(ve,{color:u.fundNameColor,children:`${n.fundCompanyName} ${n.fundName}`})]}),t!=="small"&&e.jsxs(z,{onClick:S,children:[p?o.transferDrawer.calculator.footerText.hide:o.overviewPage.fundTile.viewDetails,p?e.jsx(T,{}):e.jsx(P,{})]})]}),t!=="small"&&e.jsx(e.Fragment,{children:g?e.jsxs(U,{style:{alignItems:"flex-start"},children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsx(q,{children:b!=null?L("0,0.[00]",{amount:b,currencyCode:a?.currencyCode!=null&&a.currencyCode!==""?a.currencyCode:"USD",currencySymbol:a?.currencySymbol!=null&&a.currencySymbol!==""?a.currencySymbol:"$"}):r.strings.empty})]}):e.jsxs($e,{children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsxs(R,{children:[e.jsx(M,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(W,{color:u.fundNameColor,style:{width:`calc(${w.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]})]})}),t!=="small"&&e.jsxs(U,{children:[e.jsxs(D,{children:[o.overviewPage.sevenDayYield,e.jsx(f,{data:o.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{minWidth:"496px",padding:`12px ${l.sp3}`},enterDelay:300,children:e.jsx(Y,{})})]}),e.jsxs(C,{windowSize:t,style:{marginRight:l.sp3},children:[n.yield,r.strings.percentage]})]})]}),t==="small"&&e.jsx(Te,{children:v?e.jsxs(Ie,{children:[e.jsxs(Re,{children:[e.jsxs(We,{children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsxs(R,{children:[e.jsx(M,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(W,{color:u.fundNameColor,style:{width:`calc(${w.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]})]}),e.jsxs(Me,{children:[e.jsxs(D,{children:[o.overviewPage.sevenDayYield,e.jsx(f,{data:o.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${l.sp3}`},enterDelay:300,children:e.jsx(Y,{})})]}),e.jsxs(C,{windowSize:t,children:[n.yield,r.strings.percentage]})]})]}),e.jsxs(z,{onClick:S,style:{marginBottom:l.sp2},children:[p?o.transferDrawer.calculator.footerText.hide:o.overviewPage.fundTile.viewDetails,p?e.jsx(T,{}):e.jsx(P,{})]})]}):g?e.jsxs(Ye,{children:[e.jsxs(F,{children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsx(q,{children:b!=null?L("0,0.[00]",{amount:b,currencyCode:a?.currencyCode!=null&&a.currencyCode!==""?a.currencyCode:"USD",currencySymbol:a?.currencySymbol!=null&&a.currencySymbol!==""?a.currencySymbol:"$"}):r.strings.empty}),e.jsxs(z,{onClick:S,style:{margin:`${l.sp2} ${l.sp0}`,...j?{marginBottom:l.sp0}:{}},children:[p?o.transferDrawer.calculator.footerText.hide:o.overviewPage.fundTile.viewDetails,p?e.jsx(T,{}):e.jsx(P,{})]})]}),e.jsxs(_,{children:[e.jsxs(D,{children:[o.overviewPage.sevenDayYield,e.jsx(f,{data:o.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${l.sp3}`},enterDelay:300,children:e.jsx(Y,{})})]}),e.jsxs(C,{windowSize:t,children:[n.yield,r.strings.percentage]})]})]}):e.jsxs(Ae,{children:[e.jsxs(F,{children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsxs(R,{children:[e.jsx(M,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(W,{color:u.fundNameColor,style:{width:`calc(${w.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]}),e.jsxs(z,{onClick:S,children:[p?o.transferDrawer.calculator.footerText.hide:o.overviewPage.fundTile.viewDetails,p?e.jsx(T,{}):e.jsx(P,{})]})]}),e.jsxs(_,{children:[e.jsxs(D,{children:[o.overviewPage.sevenDayYield,e.jsx(f,{data:o.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${l.sp3}`},enterDelay:300,children:e.jsx(Y,{})})]}),e.jsxs(C,{windowSize:t,children:[n.yield,r.strings.percentage]})]})]})})]},i[0].label)}),p&&e.jsxs(Se,{children:[e.jsx(k,{children:n.description}),e.jsx(be,{style:{marginLeft:l.sp3},children:i.map(c=>e.jsxs(Ce,{windowSize:t,children:[e.jsx(k,{children:r.strings.dividerDot}),e.jsx(k,{style:{minWidth:"140px"},children:c.label}),e.jsxs(k,{style:{color:c.label===o.promoPage.fundSize?u.fundNameColor:h.colors.primary,borderBottom:`1px solid ${h.colors.grey3}`,width:"100%",padding:`${l.sp1} ${l.sp0}`,display:"flex",flexDirection:"row",alignItems:"center",gap:l.sp2},children:[c.value,!!c.tag&&c.label===o.promoPage.composition&&e.jsx(f,{variant:"list-description",data:{title:r.strings.empty,items:Array.isArray(c.compositions)&&c.compositions.length>0?c.compositions.map(B=>({text:`${r.strings.dividerDot}  ${B.investedIn}`,amount:`${B.percentage}${r.strings.percentage}`})):[]},placement:"bottom-end",style:{minWidth:"312px",padding:`12px ${l.sp3}`},children:e.jsx(De,{children:c.tag})})]})]},c.label))}),e.jsxs(Pe,{onClick:()=>window.open(n.url,"_blank"),children:[e.jsx(je,{children:`${o.promoPage.asOf} ${n.asOfDate.format(de.visual.MMMDCommaYYYYformat)}`}),e.jsx(ze,{})]})]}),(!j||v)&&e.jsx(ke,{style:{width:"100%",marginBottom:l.sp3}})]})},xe=s.div`
   display: flex;
   flex-direction: row;
-  gap: ${n.sp2};
+  gap: ${l.sp2};
   width: 100%;
 `,me=s(E)`
   color: ${i=>i.theme.colors.hero};
@@ -21,7 +21,7 @@ import{j as e,M as J,o as n,iB as X,q as E,d2 as G,u as K,X as Q,_ as L,C as O,b
   display: flex;
   flex-direction: ${i=>i.windowSize==="small"?"column":"row"};
   width: 100%;
-  margin-bottom: ${n.sp2};
+  margin-bottom: ${l.sp2};
 `,fe=s.div`
   display: flex;
   flex-direction: column;
@@ -32,7 +32,7 @@ import{j as e,M as J,o as n,iB as X,q as E,d2 as G,u as K,X as Q,_ as L,C as O,b
   max-width: 280px;
 `,we=s.span`
   color: ${i=>i.theme.colors.primary};
-  margin-right: ${n.sp1};
+  margin-right: ${l.sp1};
 `,ve=s.span`
   color: ${i=>i.color??A.graphColor34Dark};
 `,U=s.div`
@@ -42,7 +42,7 @@ import{j as e,M as J,o as n,iB as X,q as E,d2 as G,u as K,X as Q,_ as L,C as O,b
   width: 129px;
 `,y=s(ie)`
   color: ${i=>i.theme.colors.primary};
-  min-width: ${n.sp7};
+  min-width: ${l.sp7};
   text-align: left;
 `,C=s(H)`
   color: ${A.success};
@@ -51,24 +51,24 @@ import{j as e,M as J,o as n,iB as X,q as E,d2 as G,u as K,X as Q,_ as L,C as O,b
   display: flex;
   flex-direction: row;
   align-items: flex-start;
-  gap: ${n.sp1};
+  gap: ${l.sp1};
   color: ${i=>i.theme.colors.hero};
-`,je=s(le)`
+`,je=s(ne)`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
-  gap: ${n.sp1};
+  gap: ${l.sp1};
 `,q=s(N)`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
-  gap: ${n.sp1};
+  gap: ${l.sp1};
   color: ${i=>i.theme.colors.primary};
 `,$e=s.div`
   display: flex;
   flex-direction: row;
   align-items: center;
-  gap: ${n.sp2};
+  gap: ${l.sp2};
   width: 240px;
 `,R=s.div`
   display: flex;
@@ -104,7 +104,7 @@ import{j as e,M as J,o as n,iB as X,q as E,d2 as G,u as K,X as Q,_ as L,C as O,b
   display: flex;
   flex-direction: row;
   align-items: center;
-  gap: ${n.sp1};
+  gap: ${l.sp1};
   cursor: pointer;
 `,P=s(ee)`
   width: 12px;
@@ -115,20 +115,20 @@ import{j as e,M as J,o as n,iB as X,q as E,d2 as G,u as K,X as Q,_ as L,C as O,b
   flex-direction: column;
   width: 100%;
   justify-self: flex-start;
-  gap: ${n.sp2};
-  margin-bottom: ${n.sp3};
+  gap: ${l.sp2};
+  margin-bottom: ${l.sp3};
 `,k=s(E)`
   color: ${i=>i.theme.colors.hero};
 `,Ce=s.div`
   display: flex;
   flex-direction: row;
   align-items: center;
-  gap: ${i=>i.windowSize==="small"?n.sp1:n.sp2};
-`,De=s(ne)`
+  gap: ${i=>i.windowSize==="small"?l.sp1:l.sp2};
+`,De=s(le)`
   color: ${i=>i.theme.colors.hero};
   padding: 1px 6px;
   border: 1px solid ${i=>i.theme.colors.grey2};
-  border-radius: ${n.sp1};
+  border-radius: ${l.sp1};
 `,ze=s(oe)`
   width: 12px;
   height: 12px;
@@ -136,7 +136,7 @@ import{j as e,M as J,o as n,iB as X,q as E,d2 as G,u as K,X as Q,_ as L,C as O,b
   display: flex;
   flex-direction: row;
   align-items: baseline;
-  gap: ${n.sp2};
+  gap: ${l.sp2};
   width: fit-content;
   cursor: pointer;
   color: ${i=>i.theme.colors.hero};
@@ -159,8 +159,8 @@ import{j as e,M as J,o as n,iB as X,q as E,d2 as G,u as K,X as Q,_ as L,C as O,b
   min-height: 1px;
   max-height: 1px;
 `,Y=s(se)`
-  width: ${n.sp3};
-  height: ${n.sp3};
+  width: ${l.sp3};
+  height: ${l.sp3};
   color: ${i=>i.theme.colors.hero};
   margin-bottom: -3px;
   cursor: pointer;
@@ -173,7 +173,7 @@ import{j as e,M as J,o as n,iB as X,q as E,d2 as G,u as K,X as Q,_ as L,C as O,b
   justify-content: space-between;
   align-items: flex-start;
   width: 100%;
-  margin-top: ${n.sp2};
+  margin-top: ${l.sp2};
 `,Ye=s.div`
   display: flex;
   flex-direction: row;
@@ -199,12 +199,12 @@ import{j as e,M as J,o as n,iB as X,q as E,d2 as G,u as K,X as Q,_ as L,C as O,b
   display: flex;
   flex-direction: column;
   width: 100%;
-  gap: ${n.sp2};
+  gap: ${l.sp2};
 `,Re=s.div`
   display: flex;
   flex-direction: row;
   width: 100%;
-  gap: ${n.sp2};
+  gap: ${l.sp2};
   justify-content: space-between;
 `,Me=s.div`
   display: flex;
@@ -214,5 +214,5 @@ import{j as e,M as J,o as n,iB as X,q as E,d2 as G,u as K,X as Q,_ as L,C as O,b
   display: flex;
   flex-direction: row;
   align-items: center;
-  gap: ${n.sp3};
+  gap: ${l.sp3};
 `;export{Oe as U};

package/dist/assets/{ProductsCarousel-D-AotGP3-D_E8Rtsf.js → ProductsCarousel-B7h_gH-R-XoeszqUs.js}

@@ -1,4 +1,4 @@
-import{M as X,j as t,d2 as I,o as l,bo as O,ae as P,d3 as D,Z as F,q as L,d4 as R,g as v}from"./index-B6_cg6uw.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}},B={large:{width:496,height:512,padding:32,svgSize:12,svgContainerHeight:24,gap:8,imageGap:16,borderRadius:16}},o=B.large,U=i.div`
+import{M as X,j as t,d2 as I,o as l,bo as O,ae as P,d3 as D,Z as F,s as L,d4 as R,g as v}from"./index-CWmqNC4C.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}},B={large:{width:496,height:512,padding:32,svgSize:12,svgContainerHeight:24,gap:8,imageGap:16,borderRadius:16}},o=B.large,U=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,d2 as I,o as l,bo as O,ae as P,d3 as D,Z as F,q as L,d4 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,15 +43,15 @@ import{M as X,j as t,d2 as I,o as l,bo as O,ae as P,d3 as D,Z as F,q as L,d4 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`
+`,V=i.div`
   display: flex;
   flex-direction: column;
   flex: 1;
   overflow: hidden;
-`,V=i.div`
+`,q=i.div`
   flex-shrink: 0;
 `,K=i.div`
   display: flex;
@@ -76,7 +76,7 @@ import{M as X,j as t,d2 as I,o as l,bo as O,ae as P,d3 as D,Z as F,q as L,d4 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(V,{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(K,{scale:e,children:[t.jsx(N,{children:u.customerOnboardingPage.productSuite.productCard.seeMore}),t.jsx(Q,{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(U,{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(V,{children:[t.jsxs(q,{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(K,{scale:e,children:[t.jsx(N,{children:u.customerOnboardingPage.productSuite.productCard.seeMore}),t.jsx(Q,{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(U,{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;

package/dist/assets/{PromoBaseCards-BaRq2gW7-Dnv2udfr.js → PromoBaseCards-CuJXuijt-Cwtg1Msq.js}

@@ -1,4 +1,4 @@
-import{X as c,j as r,d8 as b,d9 as v,da as L,aR as z,C as a,o as e,g as d,Q as f,n as l}from"./index-B6_cg6uw.js";import{j as i,n as p,k as m}from"./vendor-CnQcJ2Lu.js";const t={plasticCardMarginLeft:new a(l[6],120),plasticCardMarginTop:new a(12,-9),businessTextRight:new a(l[2],13),businessTextBottom:new a(l[8],81),chargeCardWidth:new a(240,384),chargeCardHeight:new a(153,243),styledLogoWidth:new a(47,76),styledLogoHeight:new a(46,74),styledFullLogoTop:new a(12,28),styledFullLogoRight:new a(l[2],13),styledFullLogoHeight:new a(20,34),styledFullLogoWidth:new a(88,142),chipLogoWidth:new a(31,50),chipLogoHeight:new a(l[4],39),visaLogoWidth:new a(52,84),visaLogoHeight:new a(17,27),visaLogoRight:new a(l[2],13),visaLogoBottom:new a(l[2],13)},u={businessText:new f("extraSmallRegular","largeRegular"),promoBusinessText:new f("tinyLight","tinyLight")},F=({cardText:o,shouldAnimate:g,showChip:w,forDashboard:s,forListPage:h,cardPromoType:$,style:x})=>{const n=c();return r.jsxs(k,{cardPromoType:$,windowSize:n,shouldAnimate:g,forListPage:h,forDashboard:s,style:x,children:[w&&r.jsx(S,{windowSize:n,forDashboard:s,children:r.jsx(b,{})}),r.jsx(D,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(z,{})}),r.jsx(P,{windowSize:n,forDashboard:s,forListPage:h,children:o}),r.jsx(y,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(L,{})})]})},A=({cardText:o,shouldAnimate:g,showChip:w,forDashboard:s,forListPage:h,cardPromoType:$,style:x})=>{const n=c();return r.jsxs(W,{cardPromoType:$,windowSize:n,shouldAnimate:g,forListPage:h,forDashboard:s,style:x,children:[w&&r.jsx(S,{windowSize:n,forDashboard:s,children:r.jsx(b,{})}),r.jsx(B,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(v,{})}),r.jsx(P,{windowSize:n,forDashboard:s,forListPage:h,children:o}),r.jsx(y,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(L,{})})]})},C=m`
+import{X as c,j as r,d8 as b,d9 as v,da as L,aR as z,C as a,o as e,g as d,Q as f,m as l}from"./index-CWmqNC4C.js";import{j as i,n as p,k as m}from"./vendor-CnQcJ2Lu.js";const t={plasticCardMarginLeft:new a(l[6],120),plasticCardMarginTop:new a(12,-9),businessTextRight:new a(l[2],13),businessTextBottom:new a(l[8],81),chargeCardWidth:new a(240,384),chargeCardHeight:new a(153,243),styledLogoWidth:new a(47,76),styledLogoHeight:new a(46,74),styledFullLogoTop:new a(12,28),styledFullLogoRight:new a(l[2],13),styledFullLogoHeight:new a(20,34),styledFullLogoWidth:new a(88,142),chipLogoWidth:new a(31,50),chipLogoHeight:new a(l[4],39),visaLogoWidth:new a(52,84),visaLogoHeight:new a(17,27),visaLogoRight:new a(l[2],13),visaLogoBottom:new a(l[2],13)},u={businessText:new f("extraSmallRegular","largeRegular"),promoBusinessText:new f("tinyLight","tinyLight")},F=({cardText:o,shouldAnimate:g,showChip:w,forDashboard:s,forListPage:h,cardPromoType:$,style:x})=>{const n=c();return r.jsxs(k,{cardPromoType:$,windowSize:n,shouldAnimate:g,forListPage:h,forDashboard:s,style:x,children:[w&&r.jsx(S,{windowSize:n,forDashboard:s,children:r.jsx(b,{})}),r.jsx(D,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(z,{})}),r.jsx(P,{windowSize:n,forDashboard:s,forListPage:h,children:o}),r.jsx(y,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(L,{})})]})},A=({cardText:o,shouldAnimate:g,showChip:w,forDashboard:s,forListPage:h,cardPromoType:$,style:x})=>{const n=c();return r.jsxs(W,{cardPromoType:$,windowSize:n,shouldAnimate:g,forListPage:h,forDashboard:s,style:x,children:[w&&r.jsx(S,{windowSize:n,forDashboard:s,children:r.jsx(b,{})}),r.jsx(B,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(v,{})}),r.jsx(P,{windowSize:n,forDashboard:s,forListPage:h,children:o}),r.jsx(y,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(L,{})})]})},C=m`
    0%{
     transform: rotate(12.4deg);
     translate: ${e.sp0} ${e.sp0};

package/dist/assets/{QBOConnectionDialog-TWp9ojWE-CJN340b5.js → QBOConnectionDialog-DsNkkj_j-C8IchF8A.js}

@@ -1,4 +1,4 @@
-import{X as j,M as t,j as n,bz as w,K as l,C as s,o as i,Z as P,q as y,$ as b,aP as f,eF as v,n as a}from"./index-B6_cg6uw.js";import{n as o}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const r={containerPaddingTop:new s(a[5],a[7]),containerPaddingBottom:new s(a[5],a[5]),containerPaddingLeftRight:new s(a[6],a[11])},z=o.div`
+import{X as j,M as t,j as n,bz as w,K as l,C as s,o as i,Z as P,s as y,$ as b,aP as f,eF as v,m as a}from"./index-CWmqNC4C.js";import{n as o}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const r={containerPaddingTop:new s(a[5],a[7]),containerPaddingBottom:new s(a[5],a[5]),containerPaddingLeftRight:new s(a[6],a[11])},z=o.div`
   border-radius: inherit;
   max-width: 520px;
   text-align: center;
@@ -48,4 +48,4 @@ import{X as j,M as t,j as n,bz as w,K as l,C as s,o as i,Z as P,q as y,$ as b,aP
 `,O=o(v)`
   height: ${i.sp4};
   color: ${e=>e.theme.colors.primary};
-`;function U({companyName:e="",isGoBackAllowed:c,isAdmin:d,saveConnectionState:p,isQBOPopupOpen:g=!0,handleOnConnectClick:m,handleGoBack:h}){const x=j(),$=t.getLocalizedStrings().dashboardAccountingPage.adminInfoText.replace(e?"_company-name_":"‘_company-name_’",e),u=t.getLocalizedStrings().dashboardAccountingPage.nonAdminInfoText.replace(e?"_company-name_":"‘_company-name_’",e);return n.jsx(w,{open:g,children:n.jsxs(z,{windowSize:x,children:[n.jsxs(S,{children:[n.jsx(k,{children:t.getLocalizedStrings().dashboardAccountingPage.title}),n.jsx(A,{children:d?$:u}),n.jsxs(R,{children:[n.jsx(T,{}),n.jsx(I,{}),n.jsx(O,{})]})]}),d||c?n.jsxs(n.Fragment,{children:[n.jsx(C,{}),n.jsxs(B,{children:[c===!0?n.jsx(_,{children:n.jsx(l,{variant:"secondary",label:t.getLocalizedStrings().dashboardAccountingPage.goBack,onClick:h})}):null,d?n.jsx(L,{children:n.jsx(l,{variant:"primary",label:t.getLocalizedStrings().dashboardAccountingPage.connect,onClick:m,loading:p==="In-Progress"})}):null]})]}):null]})})}export{U as default};
+`;function X({companyName:e="",isGoBackAllowed:c,isAdmin:d,saveConnectionState:p,isQBOPopupOpen:g=!0,handleOnConnectClick:m,handleGoBack:h}){const x=j(),$=t.getLocalizedStrings().dashboardAccountingPage.adminInfoText.replace(e?"_company-name_":"‘_company-name_’",e),u=t.getLocalizedStrings().dashboardAccountingPage.nonAdminInfoText.replace(e?"_company-name_":"‘_company-name_’",e);return n.jsx(w,{open:g,children:n.jsxs(z,{windowSize:x,children:[n.jsxs(S,{children:[n.jsx(k,{children:t.getLocalizedStrings().dashboardAccountingPage.title}),n.jsx(A,{children:d?$:u}),n.jsxs(R,{children:[n.jsx(T,{}),n.jsx(I,{}),n.jsx(O,{})]})]}),d||c?n.jsxs(n.Fragment,{children:[n.jsx(C,{}),n.jsxs(B,{children:[c===!0?n.jsx(_,{children:n.jsx(l,{variant:"secondary",label:t.getLocalizedStrings().dashboardAccountingPage.goBack,onClick:h})}):null,d?n.jsx(L,{children:n.jsx(l,{variant:"primary",label:t.getLocalizedStrings().dashboardAccountingPage.connect,onClick:m,loading:p==="In-Progress"})}):null]})]}):null]})})}export{X as default};

package/dist/assets/{QBOSetupSection-CAEVos7R-D3-6Pj8J.js → QBOSetupSection-DkoopYHr-B4YL_CMi.js}

@@ -1,4 +1,4 @@
-import{X as O,M as $,j as i,K as k,o,C as a,g as d,e_ as Q,Q as T,$ as W,aP as B,eF as E,eY as M,a7 as w,w as u,n as r}from"./index-B6_cg6uw.js";import{n as s}from"./vendor-CnQcJ2Lu.js";import A from"./QBOConnectionDialog-TWp9ojWE-CJN340b5.js";const t={containerPadding:new a(r[3],r[4]),sectionWidth:new a(343,580,726),topElementsRowGap:new a(r[3],r[0]),arrowIconWidthHeight:new a(r[3],r[4])},G={title:new T("standardMedium","largeMedium")},ee=({isAdmin:e,hasError:c=!1,isValid:l,saveConnectionState:p,isQBOPopupOpen:j,companyName:y,updateQBOPopupState:h,handleOnConnectClick:f})=>{const n=O(),{qbo_connection:S}=$.getLocalizedStrings().customerOnboardingPage.sections,{title:z,sucessText:b,button:v,errorText:P,requiredText:C}=S;return i.jsxs(H,{windowSize:n,children:[i.jsxs(I,{windowSize:n,children:[n==="small"?i.jsx(L,{children:l?i.jsx(U,{}):i.jsx(V,{})}):null,i.jsx(N,{windowSize:n,children:z})]}),i.jsxs(q,{windowSize:n,children:[i.jsxs(D,{windowSize:n,children:[i.jsxs(K,{children:[i.jsx(R,{}),i.jsx(Z,{windowSize:n}),i.jsx(_,{})]}),l?n!=="small"?i.jsx(m,{}):null:i.jsx(k,{variant:"primary",size:n!=="small"?"standard":"xs-small",label:v.connect,style:{width:"fit-content"},onClick:()=>h(!0),loading:p==="In-Progress"})]}),l?i.jsxs(i.Fragment,{children:[i.jsx(F,{children:b}),n==="small"?i.jsx(m,{}):null]}):null,p==="Error"?i.jsx(x,{children:i.jsx(g,{windowSize:n,children:P})}):null,c&&!l?i.jsx(x,{children:i.jsx(g,{windowSize:n,children:C})}):null]}),i.jsx(A,{isAdmin:e,isGoBackAllowed:!0,isQBOPopupOpen:j,companyName:y,saveConnectionState:p,handleOnConnectClick:f,handleGoBack:()=>h(!1)})]})},m=()=>{const{tags:e}=$.getLocalizedStrings().customerOnboardingPage,{connected:c}=e;return i.jsx(M,{style:{width:"max-content",padding:0,marginTop:o.sp2},tagTitle:c,textColor:{color:new w(d.successDark),borderColor:new w(d.successDark)}})},H=s.div`
+import{X as O,M as $,j as i,K as k,o,C as a,g as d,e_ as Q,Q as T,$ as W,aP as B,eF as E,eY as M,a7 as m,v as u,m as r}from"./index-CWmqNC4C.js";import{n as s}from"./vendor-CnQcJ2Lu.js";import A from"./QBOConnectionDialog-DsNkkj_j-C8IchF8A.js";const t={containerPadding:new a(r[3],r[4]),sectionWidth:new a(343,580,726),topElementsRowGap:new a(r[3],r[0]),arrowIconWidthHeight:new a(r[3],r[4])},G={title:new T("standardMedium","largeMedium")},ee=({isAdmin:e,hasError:c=!1,isValid:l,saveConnectionState:p,isQBOPopupOpen:j,companyName:y,updateQBOPopupState:h,handleOnConnectClick:f})=>{const n=O(),{qbo_connection:S}=$.getLocalizedStrings().customerOnboardingPage.sections,{title:v,sucessText:z,button:b,errorText:P,requiredText:C}=S;return i.jsxs(H,{windowSize:n,children:[i.jsxs(I,{windowSize:n,children:[n==="small"?i.jsx(L,{children:l?i.jsx(U,{}):i.jsx(V,{})}):null,i.jsx(N,{windowSize:n,children:v})]}),i.jsxs(q,{windowSize:n,children:[i.jsxs(D,{windowSize:n,children:[i.jsxs(K,{children:[i.jsx(R,{}),i.jsx(Z,{windowSize:n}),i.jsx(_,{})]}),l?n!=="small"?i.jsx(w,{}):null:i.jsx(k,{variant:"primary",size:n!=="small"?"standard":"xs-small",label:b.connect,style:{width:"fit-content"},onClick:()=>h(!0),loading:p==="In-Progress"})]}),l?i.jsxs(i.Fragment,{children:[i.jsx(F,{children:z}),n==="small"?i.jsx(w,{}):null]}):null,p==="Error"?i.jsx(x,{children:i.jsx(g,{windowSize:n,children:P})}):null,c&&!l?i.jsx(x,{children:i.jsx(g,{windowSize:n,children:C})}):null]}),i.jsx(A,{isAdmin:e,isGoBackAllowed:!0,isQBOPopupOpen:j,companyName:y,saveConnectionState:p,handleOnConnectClick:f,handleGoBack:()=>h(!1)})]})},w=()=>{const{tags:e}=$.getLocalizedStrings().customerOnboardingPage,{connected:c}=e;return i.jsx(M,{style:{width:"max-content",padding:0,marginTop:o.sp2},tagTitle:c,textColor:{color:new m(d.successDark),borderColor:new m(d.successDark)}})},H=s.div`
   display: flex;
   flex-direction: column;
   align-items: center;

package/dist/assets/{ReimbursementApprovalRuleDetailPage-DNvNDsYb-B8zX_LUg.js → ReimbursementApprovalRuleDetailPage-BAapaJEJ-DsiatGsD.js}

@@ -1,4 +1,4 @@
-import{C as q,n as U,u as M,X as W,M as D,a as G,a1 as X,j as s,S as H,c3 as J,aV as K,F as Q,a3 as Y,o as f}from"./index-B6_cg6uw.js";import{b as L,n as h}from"./vendor-CnQcJ2Lu.js";import{b as Z,f as ee,l as j,o as B}from"./FollowStepsSection-Bx8_JsRm-B-UHAfgu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const $="reimbursementApprovalRuleDetailPage",T="lowerBound",k="upperBound",y="steps",te={footerPadding:new q(U[2],U[3])};function ye({localData:e,approvalUpdateActionType:l,isLowerBoundDisabled:t=!1,isUpperBoundDisabled:r=!0,hideUpperBoundField:o=!1,onBackClick:d,onApprovalRuleDataUpdated:b,onResetClick:E,onSaveRuleClick:N,onSaveRuleSuccess:A}){const _=M(),S=W(),a=D.getLocalizedStrings().commonSetUp.approval,I=D.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=ae(e,l==="approval_create"&&!t),g=G({mode:"all",reValidateMode:"onChange",defaultValues:x}),u=e.remiSetupApproverViewUpdateData?.updateStatus,w=X(u?.fetchState),{upperBound:P}=x,{allApprovalRules:n,allAccountingClasses:F,remiSetupApproverViewUpdateData:c}=e;let m=n.length>1?n.length-1:0,v=n.length>0?n[m].criteria[0].range.min.amount:0;if(c!=null&&c.type==="approval_update"&&c.data!=null){const{approvalRuleId:i}=c.data;m=n.findIndex(p=>p.approvalRuleId===i),v=m>0?n[m-1].criteria[0].range.min.amount:0}const O=g.handleSubmit(()=>{N()}),V=async(i,p)=>{b(p)};return L.useEffect(()=>{const i=g.watch((p,{name:R})=>{if(R!=null&&p!=null){const z=H(p);J(()=>V(R,z))}});return()=>{i.unsubscribe()}}),L.useEffect(()=>{w==="In-Progress"&&u?.fetchState==="Completed"&&A()},[w,u?.fetchState,A]),s.jsxs(se,{children:[s.jsx(K,{title:l==="approval_create"?a.newApproval:a.editApproval,backgroundColor:_.colors.grey4,style:{zIndex:4},onBackClick:()=>{d()},source:"ReimbursementApprovalRuleDetailPage"}),s.jsx(ne,{children:s.jsx(Q,{...g,children:s.jsx("form",{id:C($),onSubmit:O,children:s.jsxs(ie,{children:[s.jsx(Z,{label:{label:o?I.amountPerRemiGreaterLabel:I.amountPerRemiLabel},firstText:{type:"number",name:T,placeholder:"$0",options:{required:!0,max:P===1/0?Number.MAX_SAFE_INTEGER-1:P-1,min:v,validate:i=>t?!0:i!=null&&i>v},isDisabled:t,additionalInfoLabel:a.firstRuleLowerBoundInfoLabel,additionalErrorLabel:a.firstRuleErrorInfoLabel},secondText:{type:"number",name:k,placeholder:"Infinity",isDisabled:r,hideField:o,additionalInfoLabel:a.upperBoundInfoLabel}}),s.jsx(pe,{}),s.jsx(ee,{sectionId:y,label:{label:a.followStepsLabel},approversPlaceholder:a.approversPlaceholder,notifiersPlaceholder:a.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(i=>i.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:F,stepsInfo:x[y],userSelectPlaceholder:a.userSelectPlaceholder,approveNotifyPlaceholder:a.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})})}),s.jsx(Y,{formId:C($),primaryBtn:{label:a.saveBtnText,isLoading:u?.fetchState==="In-Progress",isDisabled:u?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},showCancel:!0,cancelBtn:{label:a.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:E},containerStyle:{justifyContent:S==="small"?"space-between":"center"},style:{padding:te.footerPadding.valuePx(S)},separatorStyle:{marginRight:f.sp4}})]})}const ae=(e,l)=>{const{criteria:t,steps:r}=e.remiSetupApproverViewUpdateData?.data??{};return{[y]:le(e.allApprovers.map(o=>o.user),e.filteredApprovers.map(o=>o.user),B(e.allAttributes),B(e.filteredAttributes),r??[])??[],[T]:l?void 0:t!=null?t.range.min.amount??0:0,[k]:t!=null?t.range.max==null?1/0:t.range.max.amount:1/0}},le=(e,l,t,r,o)=>o&&o.length>0?o.map((d,b)=>({stepIndex:b,stepType:{selectedOption:d.action,allOptions:j},actors:{allUsers:l,selectedUsers:re(e,d.actors),allNonUsers:r,selectedNonUsers:oe(t,d.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:j},actors:{allUsers:l,selectedUsers:[],allNonUsers:r,selectedNonUsers:[]}}],re=(e,l)=>e.filter(t=>t.userId!=null&&l.findIndex(r=>r.userId===t.userId)>-1),oe=(e,l)=>e.filter(t=>l.findIndex(r=>r.subType===t.value)>-1),C=e=>`${e}_form`,Ae=e=>`${e}`,se=h.div`
+import{C as q,m as U,u as M,X as W,M as D,a as G,a1 as X,j as s,S as H,c3 as J,aV as K,F as Q,a3 as Y,o as f}from"./index-CWmqNC4C.js";import{b as L,n as h}from"./vendor-CnQcJ2Lu.js";import{b as Z,f as ee,l as j,o as B}from"./FollowStepsSection-CO5MsYe6-DJwkRNbY.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const $="reimbursementApprovalRuleDetailPage",T="lowerBound",k="upperBound",y="steps",te={footerPadding:new q(U[2],U[3])};function ye({localData:e,approvalUpdateActionType:r,isLowerBoundDisabled:t=!1,isUpperBoundDisabled:l=!0,hideUpperBoundField:o=!1,onBackClick:d,onApprovalRuleDataUpdated:b,onResetClick:E,onSaveRuleClick:N,onSaveRuleSuccess:A}){const _=M(),S=W(),a=D.getLocalizedStrings().commonSetUp.approval,I=D.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=ae(e,r==="approval_create"&&!t),g=G({mode:"all",reValidateMode:"onChange",defaultValues:x}),u=e.remiSetupApproverViewUpdateData?.updateStatus,w=X(u?.fetchState),{upperBound:P}=x,{allApprovalRules:n,allAccountingClasses:F,remiSetupApproverViewUpdateData:c}=e;let m=n.length>1?n.length-1:0,v=n.length>0?n[m].criteria[0].range.min.amount:0;if(c!=null&&c.type==="approval_update"&&c.data!=null){const{approvalRuleId:i}=c.data;m=n.findIndex(p=>p.approvalRuleId===i),v=m>0?n[m-1].criteria[0].range.min.amount:0}const O=g.handleSubmit(()=>{N()}),V=async(i,p)=>{b(p)};return L.useEffect(()=>{const i=g.watch((p,{name:R})=>{if(R!=null&&p!=null){const z=H(p);J(()=>V(R,z))}});return()=>{i.unsubscribe()}}),L.useEffect(()=>{w==="In-Progress"&&u?.fetchState==="Completed"&&A()},[w,u?.fetchState,A]),s.jsxs(se,{children:[s.jsx(K,{title:r==="approval_create"?a.newApproval:a.editApproval,backgroundColor:_.colors.grey4,style:{zIndex:4},onBackClick:()=>{d()},source:"ReimbursementApprovalRuleDetailPage"}),s.jsx(ne,{children:s.jsx(Q,{...g,children:s.jsx("form",{id:C($),onSubmit:O,children:s.jsxs(ie,{children:[s.jsx(Z,{label:{label:o?I.amountPerRemiGreaterLabel:I.amountPerRemiLabel},firstText:{type:"number",name:T,placeholder:"$0",options:{required:!0,max:P===1/0?Number.MAX_SAFE_INTEGER-1:P-1,min:v,validate:i=>t?!0:i!=null&&i>v},isDisabled:t,additionalInfoLabel:a.firstRuleLowerBoundInfoLabel,additionalErrorLabel:a.firstRuleErrorInfoLabel},secondText:{type:"number",name:k,placeholder:"Infinity",isDisabled:l,hideField:o,additionalInfoLabel:a.upperBoundInfoLabel}}),s.jsx(pe,{}),s.jsx(ee,{sectionId:y,label:{label:a.followStepsLabel},approversPlaceholder:a.approversPlaceholder,notifiersPlaceholder:a.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(i=>i.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:F,stepsInfo:x[y],userSelectPlaceholder:a.userSelectPlaceholder,approveNotifyPlaceholder:a.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})})}),s.jsx(Y,{formId:C($),primaryBtn:{label:a.saveBtnText,isLoading:u?.fetchState==="In-Progress",isDisabled:u?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},showCancel:!0,cancelBtn:{label:a.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:E},containerStyle:{justifyContent:S==="small"?"space-between":"center"},style:{padding:te.footerPadding.valuePx(S)},separatorStyle:{marginRight:f.sp4}})]})}const ae=(e,r)=>{const{criteria:t,steps:l}=e.remiSetupApproverViewUpdateData?.data??{};return{[y]:re(e.allApprovers.map(o=>o.user),e.filteredApprovers.map(o=>o.user),B(e.allAttributes),B(e.filteredAttributes),l??[])??[],[T]:r?void 0:t!=null?t.range.min.amount??0:0,[k]:t!=null?t.range.max==null?1/0:t.range.max.amount:1/0}},re=(e,r,t,l,o)=>o&&o.length>0?o.map((d,b)=>({stepIndex:b,stepType:{selectedOption:d.action,allOptions:j},actors:{allUsers:r,selectedUsers:le(e,d.actors),allNonUsers:l,selectedNonUsers:oe(t,d.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:j},actors:{allUsers:r,selectedUsers:[],allNonUsers:l,selectedNonUsers:[]}}],le=(e,r)=>e.filter(t=>t.userId!=null&&r.findIndex(l=>l.userId===t.userId)>-1),oe=(e,r)=>e.filter(t=>r.findIndex(l=>l.subType===t.value)>-1),C=e=>`${e}_form`,Ae=e=>`${e}`,se=h.div`
   display: flex;
   height: 100%;
   flex-direction: column;