@zeniai/web-cockpit-ui 1.14.20-qa → 1.14.21-dev

package/dist/assets/CustomerOnboardingProductSuitePage-DGMmLmq8-Ba1Ge8Ql.js

@@ -1,202 +0,0 @@
-import{e as M,d5 as U,Y as W,u as D,M as A,j as e,aW as _,o as t,_ as k,aJ as H,l as I,n as J,O as R,c as l,v as y,$ as V,L as N,c6 as Y,s as Z,af as q}from"./index-b-ZazAq5.js";import{b as n,n as i}from"./vendor-rkTZJa59.js";import X from"./ConfettiBurst-D4ga9TRN-DNqfOt_I.js";import{D as G}from"./HelpButton-D9ONg6cm-Be59SjbC.js";import{k as K}from"./ProductsCarousel-WDd37Mjn-BH0jA9xy.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./MeetingCalenderPopup-B_KRQLwc-Dk4sRI3u.js";const Q=o=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o},n.createElement("path",{d:"M9.88423 20.4894C8.54548 20.3068 6.19267 19.6022 4.33971 17.8674C2.48676 16.1326 1.39881 13.7328 1.31521 11.1959C1.23161 8.65899 2.15921 6.19276 3.89394 4.33977C5.62866 2.48678 8.02843 1.39882 10.5653 1.31522C13.1022 1.23161 15.5684 2.15923 17.4213 3.89399C19.2743 5.62875 20.1176 7.48634 20.4166 9.67794",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M12.5596 7.50903H10.7439C10.39 7.50916 10.0465 7.62876 9.76901 7.84845C9.49152 8.06815 9.29632 8.37508 9.21501 8.71955C9.1337 9.06401 9.17105 9.42584 9.321 9.74644C9.47096 10.067 9.72474 10.3276 10.0412 10.486L11.6941 11.3133C12.0107 11.4717 12.2644 11.7323 12.4144 12.0529C12.5643 12.3735 12.6017 12.7353 12.5204 13.0798C12.4391 13.4242 12.2439 13.7312 11.9664 13.9509C11.6889 14.1706 11.3454 14.2902 10.9915 14.2903H9.16902",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.4437 14.2906V15.5621",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M11.2918 6.23773V7.50922",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M15.5285 21.8743L12 22.8825L13.0081 19.3539L20.2143 12.1476C20.3088 12.0531 20.437 12 20.5707 12C20.7044 12 20.8325 12.0531 20.9271 12.1476L22.7347 13.9542C22.7816 14.001 22.8189 14.0567 22.8443 14.1179C22.8697 14.1791 22.8828 14.2448 22.8828 14.3111C22.8828 14.3774 22.8697 14.4431 22.8443 14.5043C22.8189 14.5655 22.7816 14.6212 22.7347 14.668L15.5285 21.8743Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M18.5536 13.8079L21.074 16.3283",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.6133 18.7533L16.1337 21.2737",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),ee=A.getLocalizedStrings(),We=({hasVerifiedBankAccount:o,meetingUrl:$,showUpdatePaymentDetailButton:m=!1,isVisitingFirstTime:b=!1,handleUpdatePaymentAddressDetailClick:v,...L})=>{const d=M(),x=U().analytics,f=W(),S=f.loggedInUser,a=f.currentTenant,[w,P]=n.useState(!1),{handleLogOutClick:z,onZeniLogoClick:T,handleCockpitClick:E}=L,O=D(),{customerOnboardingPage:c}=ee,p=s=>{const r=c.productSuite.messageBox;if(!s)return[r.withTaxAndPayroll,r.withCFO];const{productSettings:B}=s,{isPayrollEnabled:h,isCfoEnabled:g,isTaxEnabled:u}=B;return h&&g&&u?[r.withTaxAndPayroll,r.withCFO]:h&&g?[r.withPayroll,r.withCFO]:h&&u?[r.taxAndPayroll]:g&&u?[r.withTax,r.withCFO]:h?[r.onlyPayroll]:g?[r.onlyCFO]:u?[r.onlyTax]:[r.default]},F=s=>{if(v(),!s)return;let r="";o?r="bank_account":r="credit_card",x.trackOnboardingClickUpdatePaymentDetails(r,I.getProductSettingsString(s.productSettings))};return e.jsxs(e.Fragment,{children:[e.jsx(te,{children:e.jsxs(ie,{windowSize:d,children:[e.jsx(oe,{windowSize:d,children:e.jsx(_,{title:c.productSuite.navTitle,showBackButton:!1,backgroundColor:O.colors.grey4,style:{zIndex:5},source:"CustomerOnboardingProductSuitePage",showLeftSection:d!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:t.sp0,paddingBottom:t.sp0},leftSideComponent:e.jsx(we,{children:e.jsx(ke,{"data-testid":k("zeni-logo-customer-onboarding-product-suite"),onClick:T})}),rightSideComponent:m?e.jsxs(Ce,{"data-testid":k("update-to-payment-address-details"),onClick:()=>F(a),children:[e.jsx(ye,{}),e.jsx(je,{className:"btnText",children:c.productSuite.updatePaymentDetails})]}):e.jsx($e,{})})}),e.jsxs(re,{windowSize:d,children:[e.jsx(ne,{style:{gap:p(a).length>1?t.sp2:t.sp1,padding:p(a).length>1?`12px ${t.sp4} 12px ${t.sp4}`:`12px ${t.sp3} 12px ${t.sp3}`},children:e.jsxs(se,{children:[e.jsxs(C,{children:[e.jsx(ae,{children:e.jsx(le,{})}),e.jsx(j,{children:p(a)[0]})]}),e.jsx(C,{children:p(a).slice(1).map(s=>e.jsx(j,{children:s},s))})]})}),e.jsx(de,{children:e.jsx(ce,{children:c.productSuite.sectionTitle})}),e.jsx(pe,{children:e.jsx(K,{scale:1,showUpdatePaymentDetailButton:m,stopCarousel:w,useFixedArrowPosition:!0})}),e.jsxs(he,{href:"https://www.zeni.ai",target:"_blank",rel:"noopener noreferrer",children:[e.jsx(ge,{className:"discover-class",children:c.productSuite.sectionFooter}),e.jsx(ue,{className:"discover-class"})]})]}),e.jsx(me,{children:e.jsxs(xe,{children:[e.jsx(fe,{windowSize:d,children:e.jsx(H,{signedInUser:S,currentTenant:a,onLogOutClick:z,onCockpitClick:E})}),e.jsx(G,{isFooterRendered:!1,meetingUrl:$,analytics:x,productType:"onboarding_interim",showPopup:w,setShowPopup:P})]})})]})}),e.jsx(X,{showConfetti:b})]})},te=i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  min-width: 100%;
-  overflow: visible;
-`,ie=i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  flex: 1;
-  width: 100%;
-  height: 100%;
-  min-height: 100vh;
-  background-image: ${o=>`url(https://storage.googleapis.com/zeni-apis.appspot.com/images/signin-background-${o.windowSize==="small"?"m":"w"}-${o.theme.mode==="dark"?"d":"l"}.svg)`};
-  background-color: ${o=>o.theme.colors.grey4};
-  background-size: inherit;
-  background-attachment: fixed;
-  background-position: ${o=>o.windowSize==="small"?"center center":"right center"};
-  background-repeat: no-repeat;
-
-  ${o=>o.theme.breakpoints.down("lg")} {
-    background-size: cover;
-  }
-`,oe=i.div`
-  position: fixed;
-  width: 100%;
-  top: ${t.sp0};
-  left: 0;
-  right: 0;
-  height: 62px;
-  padding: 0 ${t.sp2};
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  z-index: 3;
-`,re=i.div`
-  display: flex;
-  position: relative;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  margin: 86px 0 0 0;
-`,ne=i.div`
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: fit-content;
-  border-radius: 50px;
-  margin-bottom: ${t.sp7};
-  cursor: default;
-  overflow: hidden;
-
-  &::before {
-    content: "";
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    background-color: ${l.brandColorJadeLight};
-    opacity: 0.5;
-    z-index: 0;
-  }
-
-  > * {
-    position: relative;
-    z-index: 1;
-  }
-`,se=i.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-`,C=i.div`
-  display: flex;
-  align-items: flex-start;
-  justify-content: center;
-`,ae=i.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: ${y.largeRegular.lineHeight};
-  height: ${y.largeRegular.lineHeight};
-  border-radius: 50%;
-  outline: 1px solid ${l.brandColorJadeDark};
-  background-color: ${l.brandColorPearl};
-`,le=i(V)`
-  width: ${t.sp3};
-  height: ${t.sp3};
-  color: ${l.brandColorSapphire};
-`,j=i(N)`
-  color: ${l.brandColorSapphire};
-  text-align: center;
-  margin-left: ${t.sp2};
-`,de=i.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  margin-bottom: ${t.sp4};
-  cursor: default;
-`,ce=i(Y)`
-  color: ${o=>o.theme.colors.primary};
-  text-align: center;
-  margin-left: ${t.sp2};
-  margin-right: ${t.sp2};
-`,pe=i.div`
-  width: 1328px;
-  height: 512px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: visible;
-  margin-bottom: ${t.sp4};
-`,he=i.a`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  text-decoration: none;
-  width: 100%;
-  cursor: pointer;
-  color: ${l.brandColorSapphire};
-  &:hover {
-    .discover-class {
-      color: ${o=>o.theme.colors.primary};
-    }
-  }
-`,ge=i(Z)`
-  color: inherit;
-  text-align: center;
-`,ue=i(q)`
-  width: ${t.sp3};
-  height: ${t.sp3};
-  color: inherit;
-  margin-left: 6px;
-  margin-top: ${t.sp1};
-`,me=i.div`
-  width: 100%;
-  padding: 10px ${t.sp3};
-  position: sticky;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: 3;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  flex-direction: column;
-`,xe=i.div`
-  display: flex;
-  position: relative;
-  justify-content: space-between;
-  width: 100%;
-  align-items: center;
-`,fe=i.div`
-  display: flex;
-  left: ${t.sp4};
-  bottom: ${t.sp3};
-  position: fixed;
-  justify-content: center;
-  align-items: center;
-  cursor: default;
-`,we=i.div`
-  display: flex;
-`,ke=i(R)`
-  height: ${t.sp4};
-  width: 102px;
-  color: ${o=>o.theme.colors.primary};
-  cursor: pointer;
-  flex-shrink: 0;
-  margin-left: -${t.sp5};
-`,ye=i(Q)`
-  width: ${t.sp4};
-  min-width: ${t.sp4};
-  height: ${t.sp4};
-`,Ce=i.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  width: fit-content;
-  white-space: nowrap;
-  cursor: pointer;
-  color: ${o=>o.theme.colors.hero};
-  &:hover {
-    .btnText {
-      color: ${o=>o.theme.colors.primary};
-    }
-    svg {
-      color: ${o=>o.theme.colors.primary};
-    }
-  }
-  margin-right: ${t.sp2};
-`,je=i(J)`
-  margin-left: ${t.sp2};
-`,$e=i.div`
-  width: 200px;
-  height: ${t.sp4};
-`;export{We as CustomerOnboardingProductSuitePage,We as default};

package/dist/assets/DepositAccTransactionListPage-CfwhQ7mC-BpwI3LPz.js

@@ -1,66 +0,0 @@
-import{u as S,e as z,h4 as C,j as e,aW as D,M as Y,aj as F,o as r,c as g,bZ as B,l as L,C as R,d as A,n as I,q as b,de as T,df as E,d9 as N,dg as P}from"./index-b-ZazAq5.js";import{b as f,n as a}from"./vendor-rkTZJa59.js";import{$ as V}from"./BoxItem-DCsIK5bA-DmT1xtf2.js";import{o as q}from"./commonDimensions-D0ovCC4N-CNPc1P_A.js";import{H}from"./DepositAccTransactionItem-C1-JGWD1-PimeTN3F.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const n=Y.getLocalizedStrings(),O={listItemMargin:new R(b[3],b[8])};function Z(t){const d=T(t,o=>o.transactionDate.format(n.dateFormat.visual.MMMDCommaYYYYformat)),h=E(d,o=>o.length>0);return N(h,o=>({date:o[0].transactionDate,transactions:P(o,m=>m.transactionDate,"desc")}))}const G=C(Z),ht=({transactionListView:t,onBackClick:d})=>{const h=S(),o=z(),m=f.createRef(),p=f.useRef(null),l=G(t.transactions),j=t.depositAccountName,x=l.length===0,k=i=>x===!1?l[i].transactions.length*q.transactionItemHeightResponsive.value(o)+45:24,v=({index:i,style:c})=>{if(x===!1){const s=l[i];return e.jsx(w,{style:{...c},children:e.jsx($,{windowSize:o,children:e.jsxs(y,{children:[e.jsx(U,{children:L.dateNow().year()===s.date.year()?s.date.format(n.dateFormat.visual.MMMDFormat):s.date.format(n.dateFormat.visual.MMMDCommaYYYYformat)}),e.jsx(W,{children:s.transactions.map((M,u)=>e.jsx(H,{data:M,boxType:V(u,s.transactions.length)},u))})]})})})}else return e.jsx(w,{style:{...c},children:e.jsx(J,{children:e.jsx($,{windowSize:o,children:e.jsx(Q,{children:n.transactionList.noTransactionsFoundForPrefix})})})})};return e.jsxs(K,{children:[e.jsx(D,{title:`${j} ${n.spendManagement.zeniAccounts.transactionList.title}`,backgroundColor:h.colors.grey4,style:{zIndex:3},onBackClick:d,scrollableContent:p.current!=null?p:void 0,source:"DepositAccTransactionListPage"}),e.jsx(y,{children:e.jsx(F,{children:({height:i,width:c})=>e.jsx(X,{ref:m,height:i,width:c,outerRef:p,itemKey:s=>s,itemCount:l.length,itemSize:k,initialScrollOffset:0,children:v})})})]})},w=a.div``,$=a.div`
-  margin: ${t=>`${r.sp0} ${O.listItemMargin.valuePx(t.windowSize)}`};
-`,J=a.div`
-  display: flex;
-  height: 100%;
-  flex: 1 1 auto;
-  flex-direction: row;
-  justify-content: center;
-  align-items: flex-end;
-`,K=a.div`
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  padding-bottom: ${r.sp7};
-`,Q=a(I)`
-  display: flex;
-  color: ${t=>t.theme.colors.grey2};
-`,U=a(A)`
-  display: flex;
-  height: 21px;
-  margin-bottom: ${r.sp2};
-  margin-top: ${r.sp3};
-  color: ${t=>t.theme.colors.grey1};
-`,y=a.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-`,W=a.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  box-shadow: ${t=>`${r.sp0} 2px ${r.sp1} ${t.theme.colors.dropShadowNormal}`};
-  border-radius: ${r.sp2};
-  background-color: ${t=>t.theme.colors.grey5};
-`,X=a(B)`
-  scrollbar-width: thin;
-  scrollbar-color: transparent transparent;
-  &::-webkit-scrollbar {
-    width: ${r.sp2};
-    height: ${r.sp0};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 2px ${g.scrollbarBoxShadow};
-    -webkit-box-shadow: inset 0 0 2px ${g.scrollbarBoxShadow};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-thumb {
-    background-color: transparent;
-  }
-
-  &:hover {
-    scrollbar-color: ${t=>t.theme.colors.grey1} transparent;
-    &::-webkit-scrollbar {
-      width: ${r.sp2};
-      height: ${r.sp0};
-      background-color: transparent;
-    }
-    &::-webkit-scrollbar-thumb {
-      background-color: ${t=>t.theme.colors.grey1};
-      border-radius: 2px;
-    }
-  }
-`;export{ht as default};

package/dist/assets/EditPeoplePage-9SmQtrJz-CpjsvZ5X.js

@@ -1,55 +0,0 @@
-import{e as ae,M as de,fo as pe,u as ce,a as ue,a2 as me,j as t,bU as ge,bV as he,bW as fe,bX as ye,gg as xe,_ as z,b$ as ve,o as r,bA as be,F as $e,a4 as we,C as _,fr as Re,fs as Ce,ft as je,c4 as Oe,l as W,ao as ke,c as Q,ct as Pe,q as c}from"./index-b-ZazAq5.js";import{b as $,n}from"./vendor-rkTZJa59.js";import{x as Ie}from"./AllUserItems-CTSy4oBh-aCjvc204.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./LabeledUserSingleSelectWithSubtitlesField-BlVebvR7-Jqg6BKYy.js";import"./RoleWithToolTip-Dm4yIm31-B7MerbZ_.js";import"./LabeledZeniRolesDropDownField-Bm7Emr_n-glZ8PCSO.js";const j={containerPaddingTop:new _(c[3],c[3]),containerPaddingLeft:new _(c[3],c[6],c[6]),containerPaddingRight:new _(c[3],c[6],c[8]),buttonWidth:new _(85,85)},J="editPeoplePage",w="userItems",a=de.getLocalizedStrings().peoplePage,Ye=({peopleDetails:e,managersList:u,classList:R,controllersList:O,mode:d,isZeniTenant:E,onCloseClick:k,onResetClick:P,onSaveClick:m,onDeleteUser:G,onPeopleLocalDataUpdated:H,analytics:B,isReimbursementDisabled:D,isZeniAccountsDisabled:N,isChargeCardDisabled:Z,isTreasuryDisabled:q,isBankingOnlyTenant:y,isCardsOnlyTenant:x,isLiteRoleDisabled:F})=>{const C=ae(),[K,S]=$.useState(!1),[Y,ee]=$.useState(-1),te=d==="zeni_only"?a.invitePage.editZeniTitle:a.invitePage.editTitle,se=$.useRef(null),T=$.useMemo(()=>pe(D,N,Z,y,x,F,q),[D,N,Z,y,x,F,q]),A=ce(),l=ue({mode:"onBlur",reValidateMode:"onChange",defaultValues:X(e.people,u,R,d,T,y,x),values:X(e.people,u,R,d,T,y,x)}),re=l.handleSubmit(()=>{V()&&m()},()=>{V(),console.warn("Edit Profile form error")}),V=()=>{const g=l.getValues();let o=!0;return g.userItems.forEach((h,v)=>{const{role:L,department:i,nonZeniRole:f,manager:p}=h;if(d==="zeni_only"){const s=L.selectedOptions;(!s?.length||s?.length===1&&s?.includes("company_officer"))&&(l.setError(`${w}.${v}.role`,{type:"required"}),o=!1)}else{const s=f?.userRole.selectedRole;(s!=null&&f!=null?f.productsByUserRole[s].map(b=>b.selectedOption).filter(b=>b!=null):[]).length<1&&(l.setError(`${w}.${v}.nonZeniRole.userRole.selectedRole`,{type:"required"}),o=!1),s!=="investor_or_banker"&&i?.selectedOption==null&&(y||x||(l.setError(`${w}.${v}.department`,{type:"required"}),o=!1)),p?.selectedUser==null&&s!=="investor_or_banker"&&(l.setError(`${w}.${v}.manager`,{type:"required"}),o=!1)}}),o},oe=async(g,o)=>{const h=[],{userItems:v}=o,L=e.person?.userRole?.userRoleId;v.forEach(i=>{let f={};if(L!=null){if(d==="zeni_only")f={email:i.email,role:i.role.selectedOptions};else{const p=i.nonZeniRole?.userRole.selectedRole;let s=[];p==="admin"||p==="investor_or_banker"?s.push(p):s=p!=null?(i.nonZeniRole?.productsByUserRole[p]??[]).map(U=>W.toUserRoleTypeStrict(U.selectedOption?.value)).filter(U=>U!=null):[],p==="employee"&&s.length===0&&s.push("reimbursements_user");const b=W.hasInvestorBankerLevelAccess(s);f={email:i.email,role:s,departmentId:b?void 0:i.department?.selectedOption?.value,managerId:b?void 0:i.manager?.selectedUser}}h.push(f)}}),H(h)};$.useEffect(()=>{const g=l.watch((o,{name:h})=>{h!=null&&o!=null&&oe(h,o)});return()=>{g.unsubscribe()}});const ne=()=>{S(!0)},le={onOkClick:()=>{const g=e.person;B?.trackRemoveUserAccess(g.userRole.userRoles,g.userRole.userEmail),G?.(e.person)},onCancelClick:()=>{S(!1)}},M=me(e.person?.update),I=e.person?.update,ie=a.deleteOverlay.description.replace("‘_user-name_’",`"${e.person?.user?.firstName} ${e.person?.user?.lastName}"`);return $.useEffect(()=>{I==null&&M==="removeUsers"&&(S(!1),P?.())},[I,M]),t.jsxs(t.Fragment,{children:[K===!0?t.jsx(ge,{titleComponent:t.jsx(ye,{children:a.deleteOverlay.title}),descriptionComponent:t.jsx(fe,{children:ie}),primaryButtonText:a.deleteOverlay.remove,secondaryButtonText:a.deleteOverlay.cancel,action:le,proceedButtonVariant:"danger",isLoading:I==="removeUsers",isDisabled:I==="removeUsers",style:{background:A.colors.overlayColor},children:e.person?.user!=null?t.jsxs(t.Fragment,{children:[t.jsx(Be,{}),t.jsx(Ue,{children:t.jsx(ze,{src:e.person?.user.photo?.toString()??he,alt:e.person?.user.userId,loading:"lazy"})})]}):null}):null,t.jsx(xe,{title:te,backgroundColor:A.colors.grey4,style:{zIndex:4},onCloseClick:k,isTitleAlignLeft:C==="small"}),t.jsxs(_e,{"data-testid":z("edit-people-page-container"),windowSize:C,ref:se,children:[t.jsxs(Le,{children:[t.jsx(ve,{personBasic:e.person?.user,styles:{height:r.sp6,width:r.sp6}}),t.jsxs(Ee,{children:[t.jsx(Se,{children:e.person?.user?.firstName?t.jsxs(Te,{children:[e.person?.user?.firstName??""," ",e.person?.user?.lastName??""]}):null}),t.jsx(Ne,{className:"delete-icon-wrapper","data-testid":z("edit-people-page-delete-icon-wrapper"),onClick:ne,children:t.jsx(be,{style:{padding:"2px 5px"},enterDelay:600,title:a.deleteOverlay.title,placement:"top",children:t.jsx(De,{windowsize:C})})})]})]}),t.jsx($e,{...l,children:t.jsx("form",{id:`${J}_form`,onSubmit:re,children:t.jsx(Ie,{control:l.control,sectionId:w,deleteConfirmationIndex:Y,updateDeleteConfirmationIndex:ee,mode:d,isZeniTenant:E,classList:R,managersList:u,controllersList:O,customerRoleOptions:T,isBankingOnlyTenant:y,isCardsOnlyTenant:x,isEdit:!0,person:e.person,analytics:B})})})]}),t.jsx(we,{formId:`${J}_form`,"data-testid":z("edit-people-page-footer"),primaryBtn:{label:a.invitePage.update,style:{width:j.buttonWidth.value(C)},isLoading:e.updatePersonState.fetchState==="In-Progress",isDisabled:e.updatePersonState.fetchState==="In-Progress"},showCancel:!0,cancelBtn:{label:a.invitePage.cancel,style:{width:j.buttonWidth.value(C)},shouldResetOnCancel:!1,onClick:k},separatorStyle:{marginRight:r.sp4}})]})},X=(e,u,R,O,d,E,k)=>{const P=R.map(m=>({label:m.fullyQualifiedAccountingClassName??"",value:m.classId,hoverText:m.accountingClassNumber}));return{[w]:[{userIndex:0,email:e[0].email,role:O==="zeni_only"?{allOptions:Oe.roles,selectedOptions:e[0]?.role}:void 0,nonZeniRole:O!=="zeni_only"?{userRole:{selectedRole:je(e[0]?.role),allRootRole:Ce(E,k)},productsByUserRole:Re(e[0]?.role,d)}:void 0,manager:{allUsers:u,selectedUser:e[0]?.managerId?e[0]?.managerId:"no_manager"},department:{allOptions:P,selectedOption:P.find(m=>m.value===e[0]?.departmentId)}}]}},et=(e,u)=>`${e}.${u}`,_e=n.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  padding-left: ${e=>`${j.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${j.containerPaddingRight.valuePx(e.windowSize)}`};
-  overflow-x: hidden;
-  height: 100%;
-  padding-top: ${e=>`${j.containerPaddingTop.valuePx(e.windowSize)}`};
-  gap: ${r.sp2};
-`,Ee=n.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  gap: 5px;
-  flex: 1;
-`,Se=n.div``,Te=n(ke)`
-  color: ${e=>e.theme.colors.primary};
-`,Le=n.div`
-  display: flex;
-  gap: ${r.sp2};
-  align-items: center;
-  margin: ${r.sp0} ${r.sp1};
-`,Ue=n.div`
-  position: absolute;
-  top: -26px;
-`,ze=n.img`
-  height: 60px;
-  width: 60px;
-  border-radius: 50%;
-  color: ${e=>e.theme.colors.hero};
-`,Be=n.div`
-  position: absolute;
-  top: 1%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  height: 62px;
-  width: ${r.sp9};
-  border-radius: 50% 50% 0 0;
-  background-color: ${e=>e.theme.colors.grey5};
-`,De=n(Pe)`
-  width: ${r.sp3};
-  height: ${r.sp3};
-  cursor: pointer;
-  color: ${e=>e.windowsize==="small"?Q.important:e.theme.colors.hero};
-  &:hover {
-    color: ${Q.important};
-  }
-`,Ne=n.div`
-  width: ${r.sp3};
-  height: ${r.sp3};
-  cursor: pointer;
-  position: relative;
-`;export{Ye as default,et as uniqueName};

package/dist/assets/InvitePeoplePage-C3vECRns-C0xQ6TWc.js

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

package/dist/assets/LabeledAddressValueField-_35LG3OI-D_e5OIiQ.js

@@ -1,45 +0,0 @@
-import{e as f,cm as w,cu as v,M as y,j as r,_ as $,cs as z,C as l,eX as M,c as g,q as i,b as B}from"./index-b-ZazAq5.js";import{n}from"./vendor-rkTZJa59.js";const t={width:new l(343,580,726),height:new l(i[6],i[6]),controlMinHeight:new l(i[4],i[4]),paddingTopBottom:new l(i[2],i[2]),marginRight:new l(i[2],i[2]),labelMarginLeft:new l(i[3],i[4]),labelMarginRight:new l(i[3],i[4]),labelMarginTop:new l(i[2],i[2])},T={infoLabel:new B("extraSmallRegular","smallRegular")},j=y.getLocalizedStrings();function E({isDisabled:e,label:d,addressValueField:o,additionalInfoLabel:h,showAdditionalInfoLabel:m=!1,style:p,hasHoverBorder:u,isOptional:b}){const a=f(),{formState:{errors:c}}=w(),s=v(c,o.name),x=s?h:j.commonSetUp.businessVerification.addressAdditionInfo;return r.jsxs(L,{size:a,style:p,isDisabled:e!=null,isError:s,hasHoverBorder:u??!0,"data-testid":$("labeled-address-value-field",o.name),children:[r.jsx(z,{isDisabled:e,isOptional:b,label:d.label,htmlFor:o.name,style:{marginLeft:t.labelMarginLeft.value(a),marginRight:t.labelMarginRight.value(a),marginTop:t.labelMarginTop.value(a),width:d.width??"auto"}}),r.jsxs(R,{labelWidth:d.width,children:[r.jsx(M,{...o,isDisabled:e,style:{minHeight:t.controlMinHeight.value(a),paddingTop:t.paddingTopBottom.valuePx(a),paddingBottom:t.paddingTopBottom.valuePx(a),width:"-webkit-fill-available",display:"flex",flexGrow:1,...o.style}}),(m||s)&&r.jsx(P,{size:a,isError:s,children:x})]})]})}const L=n.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  background-color: ${e=>e.theme.colors.grey5};
-  width: ${e=>t.width.valuePx(e.size)};
-  min-height: ${e=>t.height.valuePx(e.size)};
-  padding-right: ${e=>t.marginRight.valuePx(e.size)};
-  padding-top: ${e=>t.paddingTopBottom.valuePx(e.size)};
-  padding-bottom: ${e=>t.paddingTopBottom.valuePx(e.size)};
-
-  &:focus-within {
-    z-index: 1;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-  }
-
-  :first-of-type {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-  }
-
-  :last-of-type {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-  &:hover {
-    z-index: 1;
-    outline: ${e=>e.hasHoverBorder?`1px solid ${e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.primary}`:"none"};
-    .address-value {
-      background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?g.importantLight:e.theme.colors.background};
-    }
-  }
-`,R=n.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
-  align-items: flex-end;
-  flex-grow: 1;
-`,P=n.label`
-  display: flex;
-  color: ${e=>e.isError?g.important:e.theme.colors.grey1};
-  ${e=>`${T.infoLabel.style(e.size)}`};
-  padding-right: 12px;
-  text-align: right;
-`;export{E as W};

package/dist/assets/MyPendingActivationChargeCardListPage-DJeYzaPj-shBILIuz.js

@@ -1,6 +0,0 @@
-import{u as L,Y as M,l as j,M as w,fk as t,j as r,aW as F,fD as O,o as B}from"./index-b-ZazAq5.js";import{n as P}from"./vendor-rkTZJa59.js";import{E as U}from"./ChargeCardListTable-Kx-_ZAZu-BIEC6Lus.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./Menu-Czq7AdhP-DuOfxCaz.js";import"./RoleWithToolTip-Dm4yIm31-B7MerbZ_.js";import"./CardNumberSubText-B_ZdgYVm-ChY45Xav.js";import"./ChargeCardUtils-BcwLwgz7-DtCcFgNi.js";const{spendManagement:{chargeCard:u}}=w.getLocalizedStrings(),_=({myPendingActivationChargeCardListView:e,isChargeCardFeatureEnabled:o,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:s,isChargeCardSetupEnabled:l,chargeCardCashbackDetailState:i,creditAccount:c,creditAccountRepayment:C,depositAccountListWithDebitCardIssued:d,controllerEmails:h,signedInUser:p,onChargeCardRowClick:g,onBackClick:A,onReloadCards:k,onColumnSortConfigChanged:f})=>{const S=L(),y=M(),m=j.hasChargeCardAdminLevelAccess(y.loggedInUserRoleMap),E=e.cards.some(a=>a.type.code.includes("credit")),b=e.cards.some(a=>a.type.code.includes("debit")),v=E&&b?u.cardList.title.cards:b?u.cardList.title.debit:u.cardList.title.credit,I=m===!0?{creditCardCashbackOffer:`${i.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${i.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:t(i.cashbackSummary.cashbackEarned.amount),redeemedCashback:t(i.cashbackSummary.cashbackRedeemed.amount),availableCashback:t(i.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:i.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:i.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,R=o&&l&&m===!0?{creditAccountId:c.id,creditAccountLimit:t(c.limit.amount),creditAccountAvailableAmount:t(c.available.amount),creditAccountSpentAmount:t(c.balance.amount+c.hold.amount),creditAccountStatus:c.status,outstandingBalance:t(C.remainingAmountDue.amount)}:void 0,x=n&&s?{debitAccountId:d.depositAccounts.map(a=>a.id),debitAccountName:d.depositAccounts.map(a=>a.accountName),debitAccountBalance:d.depositAccounts.map(a=>t(a.accountBalance.available.amount)),debitCardsSpend:0,debitAccountStatus:d.depositAccounts.map(a=>a.accountStatus)}:void 0,D={isCreditCardOffered:o,isDebitCardOffered:n,isDebitCardEnabled:s,isCreditCardEnabled:l};return r.jsxs($,{children:[r.jsx(F,{title:v,backgroundColor:S.colors.grey4,style:{zIndex:3},onBackClick:A,source:"MyPendingActivationChargeCardListPage"}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?r.jsx(O,{fetchState:e.fetchState,styles:{margin:"auto"}}):r.jsx(U,{controllerEmails:h,isChargeCardFeatureEnabled:o,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:s,isChargeCardSetupEnabled:l,creditAccount:c,creditAccountRepayment:C,productInformation:D,cashbackInformation:I,creditAccountInformation:R,debitAccountInformation:x,depositAccountListWithDebitCardIssued:d,cardList:e.cards,showViewForCardUser:!0,signedInUser:p,fetchState:e.fetchState,onReloadCards:k,onChargeCardRowClick:g,uiState:e.uiState,onColumnSortConfigChanged:f,onChargeCardResendInviteClick:()=>{},onChargeCardRevokeInviteClick:()=>{}})]})},$=P.div`
-  display: flex;
-  min-height: ${`calc(100vh - ${B.sp9})`};
-  flex-direction: column;
-  width: 100%;
-`;export{_ as default};

package/dist/assets/NavBarWithPicker-DUaSGf4d-CMjrmt-1.js

@@ -1,30 +0,0 @@
-import{u as m,e as p,j as o,_ as u,bA as g,M as x,o as t,a_ as b,eP as k,bw as y,bm as C,v}from"./index-b-ZazAq5.js";import{n as l}from"./vendor-rkTZJa59.js";const w=l.div`
-  display: flex;
-  flex-direction: row;
-  flex: 1 1 auto;
-  justify-content: center;
-  max-width: calc(100% - 36px);
-  margin-left: ${t.sp3};
-`,j=({backgroundColor:e,pickerValues:n,valueToLabel:a,selectedValue:i,onPickerSelectionChanged:s,isPickerDisabled:c,titleTextStyle:d,styles:h})=>{const r=m();return o.jsx(w,{style:h,children:o.jsx(C,{pickerValues:n,valueToLabel:a,selectedValue:i,onPickerSelectionChanged:s,backgroundColor:e,titleTextStyle:d??v.largeRegular,titleColor:r.colors.primary,selectedOptionColor:r.colors.primary,isDisabled:c})})},{common:{navBar:{back:$}}}=x.getLocalizedStrings(),S={navBarHeight:b},f=l.div`
-  display: flex;
-  align-items: center;
-  min-height: ${e=>S.navBarHeight.valuePx(e.windowSize)};
-  background-color: ${e=>e.bgColor};
-`,T=l.div``,P=l(y)`
-  cursor: pointer;
-  width: ${t.sp4};
-  height: ${t.sp4};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,B=l(k)`
-  cursor: pointer;
-  width: 20px;
-  min-width: 20px;
-  height: 20px;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`;function z({picker:e,backgroundColor:n,showMenuIcon:a,rightSideComponent:i,onBackClick:s,onClickMenuIcon:c}){const d=m(),h=p(),r=n??d.colors.grey5;return o.jsxs(f,{bgColor:r,windowSize:h,children:[a?o.jsx(B,{onClick:c,"data-testid":u("nav-bar-menu-button")}):o.jsx(g,{style:{marginTop:t.sp1,height:t.sp4},title:$,enterDelay:600,placement:"bottom",children:o.jsx(P,{"data-testid":u("nav-bar-back-button"),onClick:s})}),o.jsx(j,{...e,backgroundColor:r}),i!=null?o.jsx(T,{children:i}):null]})}export{z as R};

package/dist/assets/NotificationsListConfig-hyqVBWDA-ChVmChxH.js

@@ -1 +0,0 @@
-import{v as e,q as a}from"./index-b-ZazAq5.js";const r=a[5],o=59,i=a[5],l=e.standardRegular.lineHeightValue,n=1,s=1e3;export{l as A,i as E,n as I,s as L,o as a,r as t};

package/dist/assets/OpExByVendorPage-DD8tCc8E-CwNf3ShD.js

@@ -1,100 +0,0 @@
-import{e as H,hr as xe,M as B,u as q,y as be,j as t,_ as _e,bf as Se,hq as ke,aY as we,aW as ve,hs as Be,ht as je,o as u,a6 as Oe,m as $e,C as F,aj as le,E as ie,a8 as Pe,q as j,a$ as Te,bK as De,bL as Ne,bM as Ee,c as a,n as ce,bc as Ie,b7 as Me,aw as Ae,v as Z,av as Le,ab as Fe,b8 as Ve,ba as Re,l as ze}from"./index-b-ZazAq5.js";import{b as x,n as m,f as We}from"./vendor-rkTZJa59.js";import{p as Ke,d as Ye,y as G,b as de,u as ee}from"./chartTypes-Cknnnhq_-DeXPyHuq.js";import{V as Ge}from"./toChartData-C6ap15NT-C4C_iiHg.js";import{m as V}from"./analyticsHelper-C37dCyKv-CGyvCbtY.js";import{p as He}from"./TimeRangeSwitcher-CnoZ9Rqp-B5iNAfYV.js";import{M as qe}from"./TimeframeSwitcherWithToggle-yLA5y4zJ-4o4duI3A.js";import{C as Je}from"./NoDataChart-Bk9eWo52-DcgFDiHH.js";import{d as Ue}from"./NoDataTable-DCQbtvPN-DodiAtKz.js";import{H as Qe,k as oe}from"./detailCommon-CKa5_aP2-yoaB_aFJ.js";import{n as R}from"./getReferrerType-DjPOy76W-Cm31g4vJ.js";import{R as Xe,W as J}from"./CollapsableReportTable-ULd7PQST-zRaWsZKw.js";import{o as pe}from"./mapTimeframeBalancesToTreeNode-CElz2Cb0-yR23ijYO.js";import{d as re}from"./mapLoadingInProgressToTreeNode-DttwbPj7-ClOsgYHo.js";import{l as Ze}from"./mapSpacerToTreeNode-CeH4tptC-DDar-aaX.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./TimeframeSwitcher-W5kHnuHI-BadD6oo8.js";import"./graphic-no-data-l-DU4J8fDt-BBc6l6Au.js";import"./AccountRow-D01C0A0f-CckYNleY.js";const eo=m.div`
-  display: flex;
-`,oo=m.div`
-  flex: display;
-  opacity: 0.85;
-  width: 320px;
-  border-radius: ${u.sp1};
-  flex-direction: column;
-  padding: ${u.sp3};
-  background-color: ${e=>e.theme.colors.black};
-`,ae=m.div`
-  display: flex;
-  justify-content: space-between;
-`,te=m(ce)`
-  color: ${e=>e.color??a.neutralGrey2Light};
-  text-align: left;
-`,ne=m(ce)`
-  color: ${e=>e.color??a.neutralGrey2Light};
-  text-align: right;
-`,ro=m.div`
-  margin: ${u.sp2} ${u.sp0} ${u.sp2} ${u.sp0};
-  width: 100%;
-  height: 1px;
-  background-color: ${a.neutralGrey3Dark};
-`,ao=({active:e,payload:r,barName:o})=>{const s=[];if(r!==void 0&&e===!0){const l=r.filter(C=>C.name==o)[0],i=l.payload,h=l.color,n={amount:i.record[o].amount?.amount??0,currencyCode:i.record[o].amount?.currencyCode??"",currencySymbol:i.record[o].amount?.currencySymbol??""},p={amount:0,currencyCode:"",currencySymbol:""};let g=0,c;for(c in i.record)c.endsWith("_actual")&&(g+=i.record[c].amount?.amount??0);p.amount=g,p.currencyCode=n.currencyCode,p.currencySymbol=n.currencySymbol,s.push({barName:de(o),actual:n,color:h,total:p,timeframeTick:i.timeLabel})}return s},to=({barLabelsWithValues:e,getVendorName:r})=>t.jsx(eo,{children:t.jsxs(oo,{children:[t.jsxs(ae,{children:[t.jsx(te,{color:e[0].color,children:`${r(e[0].timeframeTick,e[0].barName)}`}),t.jsx(ne,{color:e[0].color,children:`${ee(e[0].actual)}`})]}),t.jsx(ro,{}),t.jsxs(ae,{children:[t.jsx(te,{color:a.primaryDark,children:`${B.getLocalizedStrings().chartCard.total}`}),t.jsx(ne,{children:`${ee(e[0].total)}`})]})]})}),no=e=>{const r=ao({...e});return r.length===0?null:t.jsx(to,{barLabelsWithValues:r,getVendorName:e.getVendorName})},so=We.memo(no),se=[a.graphColor34,a.graphColor05,a.graphColor08,a.graphColor11,a.graphColor13,a.graphColor19,a.graphColor29,a.graphColor28,a.graphColor20,a.graphColor21,a.graphColor22,a.graphColor14,a.graphColor35,a.graphColor31,a.graphColor33,a.graphColor32,a.graphColor36,a.graphColor02,a.graphColor06,a.graphColor04,a.graphColor10,a.graphColor12,a.graphColor15,a.graphColor18,a.graphColor17,a.graphColor07,a.graphColor34Dark,a.graphColor05Dark,a.graphColor08Dark,a.graphColor11Dark,a.graphColor13Dark,a.graphColor19Dark,a.graphColor29Dark,a.graphColor28Dark,a.graphColor20Dark,a.graphColor21Dark,a.graphColor22Dark,a.graphColor14Dark,a.graphColor35Dark,a.graphColor31Dark,a.graphColor33Dark,a.graphColor32Dark,a.graphColor36Dark,a.graphColor02Dark,a.graphColor06Dark,a.graphColor04Dark,a.graphColor10Dark,a.graphColor12Dark,a.graphColor15Dark,a.graphColor18Dark,a.graphColor17Dark,a.graphColor07Dark];class N{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=a.graphColor34,this._barColors=se.slice(),this._barColorsKeyWise=new Map}static#e=new N;getBarColor(r){const o=N.instance();return o._barColorsKeyWise.has(r)||(o._barColors.length===0&&(o._barColors=se.slice()),o._barColorsKeyWise.set(r,o._barColors.shift()??o._defaultColor)),o._barColorsKeyWise.get(r)}shouldUpdate(r){const o=N.instance(),s=Array.from(o._barColorsKeyWise.keys()).sort();return!ie(s,r)}static init(){return this.#e=new N,this.#e}static instance(){return this.#e}}const lo=N.instance(),io=(e,r)=>{const o=new Set,s={};let l;const i=r.top4VendorsAndOthers;return Object.keys(i).length>0&&Object.keys(i).forEach(h=>{i[h].forEach((n,p)=>{const g=`vendor_${p}`,c=Ke(g,"actual");o.add(c),l==null&&n.balance!=null&&(l=c),s[c]!=null?s[c].push({key:c,balance:n.balance}):s[c]=[{key:c,balance:n.balance}]})}),l!=null?Ge(e,[...o],l,s):void 0},co=m.div`
-  width: ${e=>e.width}px;
-  height: ${e=>e.height}px;
-`;function po({selectedRangeReport:e,width:r,height:o,showBarHoverBackground:s=!1,isDetailPage:l=!1}){const i=x.useRef(!1),h=lo,[n,p]=x.useState(void 0);x.useEffect(()=>{i.current=!0},[]);const g=io(e.firstMonthOfFY,e),c=()=>{const d=[];return g?.orderedKeys.forEach(b=>{const S=l===!0&&!i.current;d.push(C(b,S))}),d},C=(d,b)=>t.jsx(Re,{name:d,animationDuration:b?500:void 0,style:{cursor:"pointer"},dataKey:S=>{const v=S.record;return(v[d]?.amount!=null?v[d].amount:void 0)?.amount??0},stackId:"chartByTimeSeries",fill:h.getBarColor(de(d)),onMouseEnter:()=>{n!==d&&p(d)},onMouseLeave:()=>{n!=null&&p(void 0)}},d),_=({active:d,payload:b})=>b?.find(S=>S.name===n)!=null&&n!=null&&d===!0?t.jsx(so,{active:d,payload:b,barName:n,getVendorName:f}):null,f=(d,b)=>{const S=ze.getOpexVendorTimeframeKey(d);try{const v=b.split("_")[1];return e.top4VendorsAndOthers[S][parseInt(v)].vendor.name}catch(v){return console.warn("Was not able to parse vendor index for tooltip ",v),""}};return g==null?null:t.jsx(ho,{chartData:g,showBarHoverBackground:s,barElements:c(),customToolTipContent:t.jsx(_,{}),width:r,height:o,isDetailPage:l===!0})}const ho=({chartData:e,barElements:r,customToolTipContent:o,width:s,height:l,showBarHoverBackground:i=!1,isDetailPage:h})=>{const n=q(),p=Ye(e),g=i!==!1,c=h?(s-60)/G.operating_expenses_by_vendor*(G.operating_expenses_by_vendor-e.timeseries.length):20;return t.jsx(co,{width:s,height:l,children:t.jsx(le,{children:({height:C,width:_})=>t.jsxs(Ie,{width:_,height:C,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:h?j[5]:30,margin:{top:5,right:c,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(Me,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:n.colors.grey3}),t.jsx(Ae,{dataKey:f=>f.timeLabel.label,type:"category",axisLine:{stroke:n.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject}}),t.jsx(Le,{type:"number",axisLine:!1,tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject},tickFormatter:f=>Fe("0,0.[00]a",f,p)}),t.jsx(Ve,{wrapperStyle:{zIndex:2},cursor:g?{stroke:n.colors.background,strokeWidth:(_-120)/G.operating_expenses_by_vendor,fill:n.colors.background}:!1,content:o,allowEscapeViewBox:{x:!1,y:!0}}),r]})})})};function mo(e){return{locale_id:e.localeId,show_negative_amount_in_parenthesis:e.showNegativeAmountInParenthesis,filter_accounts_with_nil_balances:e.filterAccountsWithNilBalances,filter_account_groups_with_nil_balances:e.filterAccountGroupsWithNilBalances,company_name:e.companyName,statement_file_type:e.statementFileType,timeframe:e.timeframe,timezone:e.timezone,additional_balances:e.additionalBalances,format:e.format,sort_key:e.sortKey,sort_order:e.sortOrder,is_compare_mode_on:e.isCompareModeOn,search_string:e.searchString}}function go(e){const{isCompareModeOn:r,report:o,currentTenantCompanyName:s}=e,l=[];if(r&&(l.push("this_period_vs_last_period_percent"),l.push("this_period_vs_last_period")),o.dataAvailable!=null)return{localeId:B.getAppLocaleID(),showNegativeAmountInParenthesis:!0,filterAccountsWithNilBalances:"filter_actual_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",companyName:s,statementFileType:"excel",timeframe:e.timeframe,timezone:e.timezone,additionalBalances:l,format:e.reportType,sortKey:e.sortKey,sortOrder:e.sortOrder,isCompareModeOn:e.isCompareModeOn,searchString:e.searchString}}function uo(e){const r=go(e);if(r!=null)return fo(e.statementEndPoint,e.authParams,r)}async function fo(e,r,o){const s=B.getLocalizedStrings().downloadReport,l=`${e}?query=${encodeURIComponent(JSON.stringify(mo(o)))}`;try{const i=await De({urlEndPoint:l,authParams:r,fileType:o.statementFileType});if(i.ok){const h=Ne(i.headers,s.defaultFileName),n=await i.arrayBuffer();Ee(n,h)}else console.error(`${s.reportErrorMessage} ${i.statusText}`)}catch(i){console.error(`${s.reportErrorMessage} ${JSON.stringify(i)}`)}}function Co({title:e,balances:r,config:o,nodeId:s}){return{children:[],id:s??J("title_string_only",[]),isLastNode:!1,reportElementData:{element:{kind:"title_string_only",title:e,data:r,numOfBalances:r.length},config:o}}}function yo({opExByVendor:e,numOfBalances:r,title:o,isLastNode:s,config:l}){const i=e.account?.accountName??"-",h=e.classBase?.className??"-",n=J("vendor_row",[],o+i+h);return{children:[],id:n,isLastNode:s,reportElementData:{element:{kind:"vendor_row",title:o,data:e,numOfBalances:r},config:l}}}function xo({title:e,balances:r,config:o,numOfBalances:s,nodeId:l}){return{children:[],id:l??J("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:r,numOfBalances:s},config:o}}}const bo=(e,r,o,s=!0)=>{const l=o.mode==="this_period_vs_period_before"?e.filter.balancesRange.numberOfPeriods+1:e.filter.balancesRange.numberOfPeriods,i=e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[];e.totalBalances?.totalBalance!=null&&i.push(e.totalBalances.totalBalance);const h=pe({balances:i,config:o}),n=[];n.push(h);const p=B.getLocalizedStrings().vendors.opExByVendor,g=o.opexByVendorConfig?.sortOrSearchInProgress??!1,c=o.opexByVendorConfig?.pageFetchInProgress??!1;if(g===!0)[...Array(10)].forEach((C,_)=>{n.push(re({title:`${_}+${p.loading}`,balances:i,config:o}))});else if(e.opexBalances.length>0){if(!r.searchString){const f=xo({title:B.getLocalizedStrings().chartCard.total,balances:e.totalBalances,config:o,numOfBalances:l});n.push(f)}const C=r.pageToken[r.timeframe],_=e.opexBalances.map((f,d)=>yo({opExByVendor:f,title:f.vendor.name,numOfBalances:l,isLastNode:d===e.opexBalances.length-1&&C==null,config:o}));n.push(..._),c===!0&&[...Array(1)].forEach((f,d)=>{n.push(re({title:`${d}+${p.loading}`,balances:i,config:o}))}),[...Array(1)].forEach((f,d)=>{n.push(Ze({title:`${d}+${p.loading}`,balances:[],config:o}))})}return e.opexBalances.length===0&&g!==!0&&n.push(Co({title:B.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:i,config:o})),{config:o,headerNodes:s?[h]:[],contentNodes:n}};function _o(e,r,o,s=!0){Object.assign(e.config,r);const l=So(o),i=pe({balances:l,config:r});return{config:r,headerNodes:s?[i]:[],contentNodes:[i,...e.contentNodes.slice(1)]}}const So=e=>e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[],E={chartHeight:new F(288,360),wrapperPadding:new F(j[3],j[3],j[8]),contentPaddingLeft:new F(j[0],j[0],j[0]),contentPaddingRight:new F(j[3],j[3],j[8])},ko=m.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey5};
-  padding: ${u.sp0};
-  gap: 2px;
-`,wo=m.div`
-  position: relative;
-  box-shadow: ${e=>`2px 2px ${u.sp1} ${e.theme.colors.dropShadowNormal}`};
-  background-color: ${e=>e.theme.colors.grey5};
-  padding-left: ${e=>E.wrapperPadding.valuePx(e.windowSize)};
-  padding-right: ${e=>E.wrapperPadding.valuePx(e.windowSize)};
-`,vo=m.div`
-  display: flex;
-  width: 100%;
-  height: 100vh;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey5};
-`,Bo=m.div`
-  display: flex;
-  width: 100%;
-  height: 100vh;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-`,jo=m.div`
-  height: 96px;
-  width: 96px;
-  background: ${e=>e.theme.colors.background};
-  border-radius: 50%;
-  cursor: pointer;
-  & svg {
-    margin: ${u.sp5};
-    color: ${e=>e.theme.colors.grey1};
-  }
-  &:hover {
-    & svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,Oo=m(Oe)`
-  margin-top: ${u.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,$o=m.div`
-  display: flex;
-  padding: ${u.sp2} ${u.sp0} ${u.sp4} ${u.sp0};
-`,Po=m.div``,To=m.div``,Do=m.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  height: ${e=>E.chartHeight.valuePx(e.windowSize)};
-  padding-bottom: ${u.sp6};
-`,No=m.div`
-  display: flex;
-`,Eo=m.div`
-  margin-top: ${u.sp5};
-  margin-bottom: ${u.sp6};
-`,Io=m.div`
-  display: flex;
-  position: sticky;
-  justify-content: center;
-  padding-top: ${u.sp8};
-  padding-left: ${e=>E.wrapperPadding.valuePx(e.windowSize)};
-  background-color: ${e=>e.theme.colors.grey4};
-`,Mo=m.div`
-  width: 100%;
-  height: calc(100vh - ${u.sp11});
-`,Ao=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsx(vo,{children:t.jsx($e,{size:"ExtraLarge",start:!0})}):null,mr=({report:e,vendorTabsToShow:r,uiState:o,downloadParams:s,onVendorTabSelectionChanged:l,onReloadReport:i,onBackClick:h,onFetchOpExByVendors:n,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,onSortOrderChanged:c,onSortOrSearchStarted:C,onVendorNameAndBalanceClicked:_,onPageFetchStarted:f,previousTabPosition:d,setPreviousTabPosition:b,updateDownloadStateHandler:S,onClearSearch:v,analytics:O,onClickMenuIcon:z})=>{const[P,I]=x.useState(o.searchString[o.timeframe]),[M,A]=x.useState(!1),k=H(),T=x.useRef(null),W=xe(r),he=W.length>1,me=B.getLocalizedStrings().reports.common,U=B.getLocalizedStrings().vendors,Q=q(),ge=["month","quarter"],ue=e.availableNumberOfPeriods!=null&&e.availableNumberOfPeriods<2,L=o.mode==="compare_mode"&&!ue,K=e.allTimeframeTicks.length===0,{timeframe:$}=o,D=o.searchString[$],fe=x.useCallback(w=>{n($,D,w)},[$,D,n]),Ce=x.useCallback((w,y)=>{window.scrollTo({top:T.current?.offsetTop,behavior:"smooth"}),w.length>0?(C(!0),n(y,w,!1)):(C(!1),v(y))},[v,n,C]),X=x.useRef(be((w,y)=>Ce(w,y),500,{trailing:!0})).current,ye=(w,y)=>{c(w,y,$),C(!0),n($,D,!1)};if(x.useEffect(()=>{async function w(){await uo({report:e,isCompareModeOn:L,downloadState:o.downloadState,reportType:"more_detailed",timeframe:o.timeframe,sortKey:o.sortKey[o.timeframe],sortOrder:o.sortOrder[o.timeframe],searchString:o.searchString[$],...s}),O?.trackDownload(R("operating_expenses_by_vendor"),V(o.timeframe),"excel",L),S("Completed")}M&&o.downloadState!=="In-Progress"&&(A(!1),S("In-Progress"),w())},[e,o,L,s,o.downloadState,M]),x.useEffect(()=>{I(D)},[D]),e.fetchState==="Error")return t.jsxs(Bo,{children:[t.jsx(jo,{"data-testid":_e("op-ex-by-vendor-reload-page"),onClick:i,children:t.jsx(Se,{})}),t.jsx(Oo,{children:me.failed})]});const Y=e.totalBalances?.totalBalance;if(o.sortOrSearchInProgress===!1&&o.pageFetchInProgress===!1&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"))return t.jsx(Ao,{fetchState:e.fetchState});if((e.fetchState==="Completed"||o.sortOrSearchInProgress===!0||o.pageFetchInProgress===!0)&&e.isReportGenerated===!0){const w=t.jsxs(t.Fragment,{children:[t.jsx(ke,{isSearchOpen:(D?.length??0)>0,searchPlaceHolder:U.common.searchPlaceholder,searchText:P??"",onSearchTextChanged:y=>{I(y),y.trim().length>=2?X(y,$):y.trim().length==0&&X("",$)},downloadPresent:!0}),t.jsx(we,{downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:K,isDownloading:o.downloadState==="In-Progress"}],onDownloadClick:async y=>{if(y==="excel")if(o.downloadState==="In-Progress"){console.log("Download is already in progress!");return}else A(!0)}}}})]});return t.jsxs(ko,{windowSize:k,children:[t.jsx(ve,{title:U.common.navBarTitle,subTitle:e.lastRefreshSuccessTime!=null?e.lastRefreshSuccessTime.utc(!0).fromNow():"",backgroundColor:Q.colors.grey5,onBackClick:h,rightSideComponent:w,showMenuIcon:k==="medium-compact"||k==="small",downloadPresent:!0,onClickMenuIcon:z,source:"OpExByVendorPage"}),t.jsxs(wo,{windowSize:k,children:[he?t.jsx(Be,{allTabs:W,selectedTab:W[1].id,containerStyle:{borderBottom:`2px solid ${Q.colors.grey3}`},onTabChange:y=>l(je(y.id)),previousTabPosition:d,setPreviousTabPosition:b}):null,t.jsx(Lo,{timeframes:ge,isCompareModeOn:L,firstMonthOfFY:e.firstMonthOfFY,allTimeframeTicks:e.allTimeframeTicks,selectedTimeframe:o.timeframe,selectedCOABalancesRange:e.filter.balancesRange,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,mode:o.mode,analytics:O}),Y!=null?t.jsx(Eo,{children:t.jsx(Qe,{balance:Y,dateText:Ro(Y)})}):null,t.jsx(Fo,{report:e,isEmptyPeriod:K})]}),t.jsx(Vo,{reference:T,report:e,uiState:o,isEmptyPeriod:K,onAdditionalBalanceSelectionChanged:p,onVendorNameAndBalanceClicked:_,onSortOrderChanged:ye,handleFetchOpExByVendor:fe,onPageFetchStarted:f,analytics:O})]})}return t.jsx(t.Fragment,{})},Lo=({timeframes:e,firstMonthOfFY:r,allTimeframeTicks:o,selectedCOABalancesRange:s,selectedTimeframe:l,onTimeframeSelectionChanged:i,onAdditionalBalanceSelectionChanged:h,mode:n,isCompareModeOn:p,analytics:g})=>t.jsx(To,{children:t.jsxs(Po,{children:[t.jsx($o,{children:t.jsx(qe,{timeframe:{allowedTimeframes:e,selectedTimeframe:l,onTimeframeSelectionChanged:c=>{g?.trackTimeframeSwitch(V(c),R("operating_expenses_by_vendor")),(c==="month"||c==="quarter")&&i(c),n==="compare_mode"&&!p&&h(p,p?["this_period_vs_last_period_percent"]:[])}},toggle:{label:B.getLocalizedStrings().compareSwitchLabel,isOn:p,isToggleDisabled:!1,onValueChanged:c=>{g?.trackCompareMode(c,R("operating_expenses_by_vendor"),V(l)),h(c,c?["this_period_vs_last_period_percent"]:[])}}})}),t.jsx(He,{firstMonthOfFY:r,timeframe:l,timeframeTicks:o,selection:{selectedTicks:oe(o,s),highlightedOfSelectedTicks:oe(o,s)}})]})}),Fo=({isEmptyPeriod:e,report:r})=>{const o=H();return e?t.jsx(No,{children:t.jsx(Je,{title:B.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(Do,{windowSize:o,children:t.jsx(le,{children:({height:s,width:l})=>t.jsx(po,{selectedRangeReport:r,width:l,height:s,isDetailPage:!0,showBarHoverBackground:!1})})})},Vo=({report:e,uiState:r,isEmptyPeriod:o,reference:s,onAdditionalBalanceSelectionChanged:l,onTableScroll:i,onSortOrderChanged:h,onVendorNameAndBalanceClicked:n,handleFetchOpExByVendor:p,onPageFetchStarted:g,analytics:c})=>{const C=r.mode==="compare_mode",_=k=>{c?.trackCompareFilterChange(k==="compare_mode_percent"?"percentage":"amount",R("operating_expenses_by_vendor"),V(r.timeframe),"dropdown"),l(C,[k==="compare_mode_percent"?"this_period_vs_last_period_percent":"this_period_vs_last_period"])},f=r.selectedAdditionalBalances.includes("this_period_vs_last_period_percent")?"compare_mode_percent":"compare_mode_amount",[d,b]=x.useState(void 0),[S,v]=x.useState(void 0),O=H(),z=q(),P=!(O==="small"||O==="medium-compact");x.useEffect(()=>{const k={reportId:e.reportId,mode:r.mode==="compare_mode"?"this_period_vs_period_before":"none",displayOrder:"ascending_date",reportFormat:"more_detailed",bookCloseDate:e.bookCloseDate,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:Te(),dataAvailable:e.dataAvailable,opexByVendorConfig:{sortKey:r.sortKey[r.timeframe],sortOrder:r.sortOrder[r.timeframe],isCompareModeOn:r.mode==="compare_mode",isAccountColumnShown:!0,isClassColumnShown:!0,onSortOrderChanged:h,sortOrSearchInProgress:r.sortOrSearchInProgress,pageFetchInProgress:r.pageFetchInProgress,onVendorNameAndBalanceClicked:n}};if(d==null||!ie(S,e)){const T=bo(e,r,k,P);v(e),b(T)}else{const T=_o(d,k,e,P);b(T)}},[r.mode,e]);const I=k=>k<e.opexBalances.length,M=()=>{r.pageToken[r.timeframe]!=null&&e.fetchState==="Completed"&&(g(),p(!0))},A=e.opexBalances.length;return t.jsx(Io,{windowSize:O,ref:s,children:o?t.jsx(Ue,{}):d!=null?t.jsx(Mo,{children:t.jsx(Xe,{backgroundColor:new Pe(z.colors.grey4),rootNodes:d,type:"name+balances_actual",compareMode:f,isSticky:{isStickyHeader:P,isStickyName:P},treeNodePadding:{left:E.contentPaddingLeft.value(O),right:E.contentPaddingRight.value(O)},nodeOpenStatus:{},scrollPosition:r.scrollPosition,onCompareModeChanged:_,onScroll:i,infiniteLoadingProps:{isItemLoaded:I,itemCount:A,loadMoreItems:M}})}):null})},Ro=e=>{const r=e.startDate,o=e.endDate,{vendors:s,dateFormat:l}=B.getLocalizedStrings();return`${s.opExByVendor.in} ${r.format(l.visual.MMMYYFormat)} - ${o.format(l.visual.MMMYYFormat)}`};export{mr as default};