@zeniai/web-app-ui 4.14.27-qa → 4.14.28-dev

package/dist/assets/SpendManagementListViewPage-DkEZTojy-Bbryxib4.js

@@ -1,134 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/SpendManagementPerTabPage-CR9CphX3-DsEMuden.js","assets/index-onESlw0k.js","assets/sentry-CZ5rBRIL.js","assets/pdf-DEiLcZtJ.js","assets/zeni-epic-state-Cr-rO4HZ.js","assets/core-BROwB3xg.js","assets/mui-B0LS8eOU.js","assets/recharts-C5uMntUw.js","assets/lottie-CyO1eRs4.js","assets/liveblocks-Bdti0GEu.js","assets/dnd-M9ETCPCc.js","assets/analytics-CDaNvN8h.js","assets/plaid-CnBboaBy.js","assets/utils-0wrLfZK3.js","assets/index-D-vub4_t.css","assets/BusyIndication-BYTP8DO9-DM831bTM.js","assets/StatusSwitcher-Z7jo_R2B-BupHP9_H.js","assets/common-Dx_KVthm-CevE2N5L.js","assets/calculateSize-B4Atw2cK-BK5U-vIk.js","assets/useLongPress-GCK2COYQ-DX6C4FZu.js"])))=>i.map(i=>d[i]);
-import{G9 as ze,Ga as Ge,Gb as Ue,Gc as G,Gd as He,F2 as Ve,Ge as Je,Gf as Ke,Gg as We,FY as Ye,FX as Ze,G5 as qe,_ as Qe}from"./zeni-epic-state-Cr-rO4HZ.js";import{V as n,y as Xe,_ as U,K as H,fB as et,f_ as tt,a_ as ot,w as at,o as t,cQ as nt,gf as N,aD as it,O as V,gg as rt,gh as st,gi as lt,gj as ct,c as $,m as dt,gk as ut,fM as pt,x as S,fa as mt,gl as ht,a8 as bt,bk as yt,l as gt,bC as ft,gm as wt,aA as Ct,j as vt,u as k}from"./index-onESlw0k.js";import{a as h}from"./sentry-CZ5rBRIL.js";import{n as d,k as J}from"./mui-B0LS8eOU.js";import{_ as xt}from"./liveblocks-Bdti0GEu.js";import{t as Tt}from"./SpendManagementSection-DqDra2TJ-UYVOSI6A.js";import{K as St}from"./StatusSwitcher-Z7jo_R2B-BupHP9_H.js";import"./core-BROwB3xg.js";import"./pdf-DEiLcZtJ.js";import"./lottie-CyO1eRs4.js";import"./dnd-M9ETCPCc.js";import"./analytics-CDaNvN8h.js";import"./plaid-CnBboaBy.js";import"./recharts-C5uMntUw.js";import"./utils-0wrLfZK3.js";import"./MoreMenuButton-BCREj5dQ-BCylVRTR.js";import"./bank-letter-BOcVjN6J-Cei8xClC.js";import"./spend-limit-D6SyboD4-DcVPGNzj.js";import"./dollar-round-D18u7nlm-DzhQnUAS.js";import"./money-2cg1MuG4-Dkp2kPMU.js";import"./page-summary-D7_VQHwN-B_SO8YR9.js";import"./transaction-placeholder-CpOwZAMG-COfSIfub.js";import"./unlock-BPWn2I5L-dCTUzMJK.js";import"./filter-cZIFUNvj-CXOCablV.js";import"./ZeniDatePicker-BmNnzdVH-XUzgAQP_.js";import"./avatar-Dz7aEm3d-CWySFkWm.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="68e0f8da-293d-4a52-a9fa-db62ce8ac77f",e._sentryDebugIdIdentifier="sentry-dbid-68e0f8da-293d-4a52-a9fa-db62ce8ac77f")}catch{}})();const M=e=>h.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",...e},h.createElement("path",{d:"M22.781 11.8215C22.7883 14.6988 21.6612 17.4629 19.6441 19.5146C17.627 21.5664 14.8825 22.7404 12.0055 22.7822C10.6005 22.8033 9.20515 22.5453 7.90056 22.023C6.59596 21.5008 5.40804 20.7247 4.40567 19.7399C3.40331 18.755 2.60645 17.5809 2.06132 16.2857C1.51619 14.9905 1.23362 13.6 1.23002 12.1948C1.22199 9.31703 2.34875 6.55215 4.36593 4.49975C6.38312 2.44735 9.1281 1.27292 12.0055 1.23117C13.4108 1.21016 14.8063 1.46837 16.111 1.99085C17.4158 2.51332 18.6038 3.28965 19.6061 4.27481C20.6085 5.25996 21.4053 6.43433 21.9503 7.72981C22.4953 9.02529 22.7777 10.4161 22.781 11.8215Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),h.createElement("path",{d:"M17.1573 10.374H9.83934C9.05979 10.374 8.31216 10.6766 7.76093 11.2151C7.2097 11.7537 6.90002 12.4841 6.90002 13.2457C6.90002 14.0074 7.2097 14.7378 7.76093 15.2764C8.31216 15.8149 9.05979 16.1175 9.83934 16.1175H11.309",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),h.createElement("path",{d:"M14.2151 13.2434L17.1544 10.3717L14.2151 7.5",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),kt=d.div`
-  min-width: ${t.sp3};
-  width: ${t.sp3};
-  height: ${t.sp3};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,$t=d(st)`
-  min-width: inherit;
-  width: ${t.sp3};
-  height: ${t.sp3};
-`;function Bo(e){return e.repaymentType==="scheduled"||e.repaymentType==null&&e.paidByUser==null}function It(e,r,u){return e!=null&&e!==""?`${e}${r!=null&&r!==""?` •••• ${r}`:""}`:u}function jo(e){return e.iconType==="zeniChecking"&&e.iconColor!=null&&e.iconColor!==""?n.jsx(kt,{children:n.jsx($t,{color:e.iconColor})}):null}const v={width:new S(343,545,545),containerTop:new S(17,25,25),containerPaddingLeftRight:new S(k[4],k[7])},At=d.div`
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  z-index: 10;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  background: ${$.overlayDark};
-  .fade {
-    animation: ${e=>Bt(e)} 0.25s linear;
-  }
-`,Bt=({windowSize:e})=>J`
-0% {
-  top: ${v.containerTop.valuePercentage(e)};
-}
-100% {
-  top: 100%;
-}
-`,jt=d.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  align-items: center;
-  text-align: center;
-  background: ${e=>e.theme.colors.grey5};
-  border-radius: ${t.sp2};
-  position: relative;
-  top: ${e=>e.fade?"100%":v.containerTop.valuePercentage(e.windowSize)};
-  padding: ${e=>`${t.sp7}  ${v.containerPaddingLeftRight.valuePx(e.windowSize)}`};
-  width: ${e=>v.width.valuePx(e.windowSize)};
-  animation: ${e=>(({windowSize:r})=>J`
-0% {
-  top: 100%;
-}
-100% {
-  top: ${v.containerTop.valuePercentage(r)};
-}
-`)(e)} 0.25s linear;
-  box-shadow: ${$.Elevation2Dark};
-`,Lt=d(yt)`
-  margin-bottom: ${t.sp5};
-  color: ${e=>e.theme.colors.primary};
-  word-break: break-word;
-`,Dt=d.div`
-  margin-right: ${t.sp3};
-  height: ${t.sp7};
-  width: ${t.sp7};
-  background-color: ${e=>e.theme.mode==="dark"?e.theme.colors.brandColorJadeDark:e.theme.colors.brandColorJadeLight};
-  border-radius: ${t.sp4};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,Et=d(gt)`
-  width: calc(100% - ${t.sp7});
-  color: ${e=>e.theme.colors.primary};
-  text-align: start;
-`,Ot=d.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-bottom: ${t.sp5};
-`,Pt=d.div`
-  display: flex;
-  align-items: center;
-  padding: ${t.sp2} ${t.sp3};
-  border-radius: ${t.sp2};
-  cursor: ${e=>e.showCopyIcon?"pointer":"default"};
-  border: 1px solid
-    ${e=>e.showCopyText?e.theme.colors.champion:e.theme.colors.primary};
-`,_t=d(wt)`
-  width: ${t.sp3};
-  height: ${t.sp3};
-  cursor: pointer;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Rt=d.div`
-  display: flex;
-  align-items: center;
-  color: ${e=>e.showCopyText?e.theme.colors.primary:e.theme.colors.grey1};
-`,Nt=d(ft)`
-  margin-right: ${t.sp2};
-  color: ${e=>e.showCopyText?e.theme.colors.champion:e.theme.colors.primary};
-`,Mt=d(Ct)`
-  width: ${t.sp3};
-  height: ${t.sp3};
-  color: ${$.success};
-`,Ft=d(bt)`
-  width: ${t.sp4};
-  height: ${t.sp4};
-  color: ${e=>e.theme.colors.hero};
-  position: fixed;
-  top: ${t.sp3};
-  right: ${t.sp4};
-  cursor: pointer;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,zt=d.div`
-  width: 100%;
-`,Gt=d(vt)`
-  color: ${e=>e.theme.colors.primary};
-  position: absolute;
-  bottom: 22px;
-`,F=V.getLocalizedStrings().common.copyToClipBoard;function Ut(e){const r=H(),[,u]=lt(),[p,g]=h.useState(!0),[l,i]=h.useState(!1),[o,s]=h.useState(!1),{isMobileOrTabletScreen:a}=ct();return h.useEffect(()=>{p===!1&&setTimeout(()=>{g(!0)},2e3)},[p]),n.jsx(At,{windowSize:r,role:"presentation",style:{background:$.overlayDark,...e.style},children:n.jsx(dt,{onClickAway:()=>{s(!0),setTimeout(()=>e.onCancelClick?.(),250)},children:n.jsxs(jt,{windowSize:r,className:o?"fade":"",fade:o,children:[n.jsx(Ft,{onClick:()=>{s(!0),setTimeout(()=>e.onCancelClick?.(),250)}}),n.jsx(Lt,{children:e.title}),n.jsx(zt,{children:e.descriptionLines.map((b,C)=>n.jsxs(Ot,{children:[n.jsx(Dt,{children:b.icon}),n.jsx(Et,{windowSize:r,children:b.text})]},C))}),n.jsxs(Pt,{onClick:()=>{if(p){const b=e.botEmail;u(b),g(!1)}},onMouseOver:()=>{i(!0)},onMouseLeave:()=>{i(!1)},showCopyIcon:p,showCopyText:l,children:[n.jsx(Nt,{showCopyText:l,children:e.botEmail}),p?n.jsx(Rt,{windowSize:r,showCopyText:l&&!a,children:n.jsx(_t,{})}):n.jsx(Mt,{})]}),n.jsx(Gt,{children:p?l&&!a?F.copy:null:F.copied})]})})})}const K=V.getLocalizedStrings(),m=K.spendManagement,{common:{texts:{comments:Ht}},collaboration:{threads:{placeholder:{addANewComment:Vt,replyAComment:Jt},tooltip:{resolveComment:Kt,unResolveComment:Wt}}}}=K,Yt={drawerSectionPaddingLeftRight:new S(k[4],k[5])},Zt=({threadData:e,collaborationTab:r,isThreadsOpen:u,setIsThreadsOpen:p,handleThreadClick:g,windowSize:l,backgroundColor:i})=>{const o=U(),s=h.useMemo(()=>({application:"dashboard",companyId:o.currentTenant?.companyId,tab:r,entityId:e?.entityId,isGlobalComment:!1}),[o.currentTenant?.companyId,r,e?.entityId]),{threads:a,isLoading:b}=ut({filter:s});return n.jsx(pt,{isDrawerOpen:u,allowComposer:!1,drawerTitle:Ht,threads:a,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:o.currentTenant?.companyId,isGlobalComment:!1,tab:r},isLoading:b,textOverrides:{composerPlaceholder:Vt,replyComposerPlaceholder:Jt,threadResolve:Kt,threadUnResolve:Wt},onThreadClick:(C,f)=>g(C,f),onCloseAllThreadsDrawer:()=>p(!1),drawerSectionStyle:{width:l==="small"?"100%":"400px",boxSizing:l==="small"?"border-box":"content-box",padding:`${t.sp0} ${Yt.drawerSectionPaddingLeftRight.valuePx(l)}`,backgroundColor:i},collapsibleThreadStyle:{width:l==="small"?"100%":"360px"}})},qt=ht(()=>Qe(()=>import("./SpendManagementPerTabPage-CR9CphX3-DsEMuden.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19]))),Qt=e=>e.base64!==void 0?`${mt}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",z=(e,r,u,p,g)=>{const l=m.filters.filterOptions;return e==="bill_pay"?ze.reduce((i,o)=>{switch(o.value){case"amount":return{...i,[o.value]:l.billAmountOptions};case"paymentMethod":return{...i,[o.value]:l.paymentMethodOptions};case"status":return{...i,[o.value]:[...l.commonStatusOptions,...l.billStatusOptions]};case"paymentType":return{...i,[o.value]:l.billPaymentTypeOptions};default:return{...i,[o.value]:[]}}},{}):e==="reimbursement"?(G(u)?Ge:Ue).reduce((i,o)=>{switch(o.value){case"createdBy":{if(r?.length===0)return{...i,[o.value]:[]};const s=r.map(a=>({label:a?.firstName||a?.lastName?`${a?.firstName} ${a?.lastName}`:a?.email??"",value:a.userId,photo:a?.photo,email:a?.email}));return{...i,[o.value]:s}}case"paymentMethod":return{...i,[o.value]:l.paymentMethodOptions};case"status":return{...i,[o.value]:l.commonStatusOptions};case"amount":return{...i,[o.value]:l.reimbursementAmountOptions};default:return{...i,[o.value]:[]}}},{}):e==="charge_card_payment_history"?(He??[]).reduce((i,o)=>{switch(o.value){case"status":return{...i,[o.value]:l.paymentHistoryStatusOptions};case"initiatedBy":{if(r?.length===0)return{...i,[o.value]:[]};const s=r.map(a=>({label:a?.firstName||a?.lastName?`${a?.firstName} ${a?.lastName}`:a?.email??"",value:a.userId,photo:a?.photo,email:a?.email}));return{...i,[o.value]:[{label:"Autopay",value:"autopay"},...s]}}case"sourceAccount":{const s=g?Object.entries(g).map(([a,b])=>{const C=It(b.depositAccountName,b.depositAccountLast4,m.chargeCard.paymentHistory.sourceAccountUnknown),f=function(y,A){if(y.accountType==="depositAccount"&&y.depositAccountName!=null&&y.depositAccountName!=="")return{iconType:"zeniChecking",iconColor:rt(0)};if(y.accountType==="paymentAccount"&&y.accountLogo!=null&&(y.accountLogo.base64||y.accountLogo.url)){const T=A(y.accountLogo);if(T!=="")return{photo:T}}return{}}(b,Qt),x=f.iconType!=null&&f.iconColor!=null,c=f.photo,I=c!=null&&c!=="";return{label:C,value:a,...x&&{iconType:f.iconType,iconColor:f.iconColor},...I&&{photo:Ve(c)}}}):[];return{...i,[o.value]:s}}case"repaymentDate":return{...i,[o.value]:[]};default:return{...i,[o.value]:[]}}},{}):Je.reduce((i,o)=>{switch(o.value){case"assignee":{if(r?.length===0)return{...i,[o.value]:[]};const s=r.map(a=>({label:a?.firstName||a?.lastName?`${a?.firstName} ${a?.lastName}`:a?.email??"",value:a.userId,photo:a?.photo,email:a?.email}));return{...i,[o.value]:s}}case"status":return{...i,[o.value]:[...We.map(s=>({label:s.name,value:s.code}))]};case"priority":return{...i,[o.value]:[...Ke.map(s=>({label:s.name,value:s.code}))]};case"tag":return{...i,[o.value]:[...p.map(s=>({label:s.name,value:s.tagId}))]};default:return{...i,[o.value]:[]}}},{})},Xt=d.div`
-  display: flex;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-`,eo=d.div`
-  display: block;
-  flex-wrap: wrap;
-  justify-content: center;
-  height: calc(100vh - ${t.sp10});
-`,to=d.div`
-  display: flex;
-  margin-top: ${t.sp3};
-  justify-content: center;
-`,Lo=Object.freeze(Object.defineProperty({__proto__:null,default:e=>{const r=Xe(),u=U(),p=H(),{transactionList:g,allSubTabs:l,isAdmin:i,botEmail:o,isEmployee:s=!1,currentTab:a,currentSubTab:b,approvalCount:C,fetchState:f,analytics:x,entity:c,uiState:I,searchText:y,filters:A,vendorSearchAutoCompleteData:T,vendorSearchAutoCompleteActions:W,createdByUserList:Y,createdByUserListFetchState:j,downloadParams:Z,downloadState:q,isDownloadEnabled:Q,isShowDeletedBillsEnabled:X,isShowDeletedReimbursementEnabled:ee,billPayApprovalRulesAffectedEntityIds:te,remiApprovalRulesAffectedEntityIds:oe,isBillPayCommentingEnabled:L,isReimbursementCommentingEnabled:D,isDetectInsufficientFundsEnabled:ae=!1,updateTabToState:ne,onSubtabChange:E,onReloadTransactions:ie,onTransactionClick:O,onClickSetupIcon:P,onBackClick:re,onAddTransactionClick:se,onColumnSortConfigChanged:le,onSearchTextChanged:ce,onClickMenuIcon:de,onFiltersChange:ue,updateDownloadStateHandler:pe,bulkSubmissionLimit:me=10,isBulkActionAllowed:he=!1,isRecurringBillInBulkActionList:be=!1,transactionsSelectedForBulkAction:ye=[],allowedBulkActions:ge=[],bulkSubmissionFetchState:fe,updateBulkActionList:we,removeAllTransactionsFromBulkActionList:Ce,onProceedForBulkActionClick:ve}=e,xe=n.jsx(qt,{botEmail:o,transactionList:g,allSubTabs:l,isAdmin:i,selectedTab:a,selectedSubTab:b,fetchState:f,onSubtabChange:E,onTransactionRowClick:w=>{O(w,a)},onReloadTransactions:ie,onColumnSortConfigChanged:le,analytics:x,entity:c,uiState:I,searchText:y,isShowDeletedBillsEnabled:X,isShowDeletedReimbursementEnabled:ee,billPayApprovalRulesAffectedEntityIds:te,remiApprovalRulesAffectedEntityIds:oe,isBillPayCommentingEnabled:L,isReimbursementCommentingEnabled:D,bulkSubmissionLimit:me,isBulkActionAllowed:he,isRecurringBillInBulkActionList:be,transactionsSelectedForBulkAction:ye,isDetectInsufficientFundsEnabled:ae,allowedBulkActions:ge,bulkSubmissionFetchState:fe,updateBulkActionList:we,removeAllTransactionsFromBulkActionList:Ce,onProceedForBulkActionClick:ve}),Te=Ye(u.loggedInUserRoleMap),[_,Se]=h.useState(!1),[ke,R]=h.useState(!1),$e=c==="bill_pay"?Ze(u.loggedInUserRoleMap):qe(u.loggedInUserRoleMap),Ie={entity:c,showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!0,newButtonLabel:"New",isSearchOpen:_,searchPlaceHolder:c==="bill_pay"?m.billPay.billsByTabs.searchPlaceHolder:m.reimbursement.reimbursementByTabs.searchPlaceHolder,searchText:y,searchTextBoxStyle:{right:"204px"},showSettingsIconOnNavbar:$e,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!0,disableDownloadButton:Q===!1,downloadParams:Z,downloadState:q,filters:A,vendorSearchAutoCompleteData:T,vendorSearchAutoCompleteActions:W,createdByUserListLoaded:!(c!=="bill_pay"&&!G(u.loggedInUserRole??[]))||j==="Completed"||j==="Error",analytics:x,onNewButtonClick:se,onSearchOpen:w=>{Se(w)},onSearchTextChanged:ce,onClickSetupIcon:P,onClickEmailInfoIcon:()=>R(!0),onFiltersChange:ue,getFilterOptions:c==="bill_pay"||c==="reimbursement"?()=>z(c,Y??[],u.loggedInUserRole??[],[]):void 0,updateDownloadStateHandler:pe},Ae=n.jsx(Tt,{spendManagementSectionProps:Ie}),[Be,je]=h.useState(null),[Le,B]=h.useState(!1),{setRequestToOpenThread:De}=h.useContext(et),Ee=`dashboard_${u.currentTenant?.companyId}`,Oe=c==="bill_pay"?"bill":"reimbursement",Pe=c==="bill_pay"&&L||c==="reimbursement"&&D,_e={openAllThreadsDrawer:w=>{je({...w}),B(!0)}};return n.jsx(tt,{sharedItems:{sharedFunctions:{subtreeFunctions:_e},sharedRef:void 0},children:n.jsxs(Xt,{children:[n.jsx(ot,{source:"SpendManagementListViewPage",title:c==="bill_pay"?m.billPay.billsByTabs.pageTitle:m.reimbursement.reimbursementByTabs.pageTitle,showBackButton:!s&&!Te,showMenuIcon:p==="medium-compact"||p==="small",backgroundColor:r.colors.grey4,style:{zIndex:3,...at.largeSemiBold.cssObject},onBackClick:re,rightSideComponent:Ae,onClickMenuIcon:de,isSearchOpen:_}),n.jsxs(eo,{children:[n.jsx(to,{children:n.jsx(St,{tabIds:["draft","pending_approval","scheduled","paid"],approvalCount:C,selectedTab:a,entity:c,enablePerformanceTracking:!1,onTabSelectedChange:w=>{ne(w),E("all")},onClickSetupIcon:P})}),xe]}),ke?n.jsx(Ut,{botEmail:o,onCancelClick:()=>R(!1),title:c==="bill_pay"?m.billPay.billsByTabs.emailInfoTitle:m.reimbursement.reimbursementByTabs.emailInfoTitle,descriptionLines:c==="bill_pay"?[{icon:n.jsx(M,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription1},{icon:n.jsx(nt,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription2},{icon:n.jsx(N,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription3}]:[{icon:n.jsx(M,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription1},{icon:n.jsx(it,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription2},{icon:n.jsx(N,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription3}]}):null,Pe?n.jsx(xt,{id:Ee,children:n.jsx(Zt,{threadData:Be,collaborationTab:Oe,isThreadsOpen:Le,setIsThreadsOpen:B,handleThreadClick:(w,Re)=>{const{companyId:Ne,entityId:Me,entityType:Fe}=w;B(!1),De({threadId:Re,companyId:Ne,entityType:Fe}),O(Me,a)},windowSize:p,backgroundColor:r.colors.background})}):null]})})},getDashboardFilterCategoryValues:z},Symbol.toStringTag,{value:"Module"}));export{Lo as S,z as a,It as g,Bo as i,jo as r};

package/dist/assets/SpendManagementSection-DqDra2TJ-UYVOSI6A.js

@@ -1,375 +0,0 @@
-import{V as r,gn as ye,o,P as I,go as be,k as fe,y as _,gp as ve,au as W,b3 as G,w as z,O,b4 as F,f as U,K as B,bz as $e,b2 as Y,l as V,bK as K,L as pe,u as N,a as Ce,x as he,bs as we,gq as je,cj as ue,_ as ke,at as Se,gr as Oe,C as Le,c as De,ci as Ie,ba as Ae,M as J,a8 as Me,fo as ze,ab as Fe}from"./index-onESlw0k.js";import{a as l}from"./sentry-CZ5rBRIL.js";import{n as s,k as _e}from"./mui-B0LS8eOU.js";import{y as Re}from"./MoreMenuButton-BCREj5dQ-BCylVRTR.js";import{t as Be}from"./filter-cZIFUNvj-CXOCablV.js";import{g as X}from"./ZeniDatePicker-BmNnzdVH-XUzgAQP_.js";import{r as Ee}from"./avatar-Dz7aEm3d-CWySFkWm.js";import{Gd as Pe,Ge as He,Ga as Te,Gb as Ve,Gc as Ne,G9 as We}from"./zeni-epic-state-Cr-rO4HZ.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="2226fd28-6785-4be5-9644-fa4188da5529",e._sentryDebugIdIdentifier="sentry-dbid-2226fd28-6785-4be5-9644-fa4188da5529")}catch{}})();const Ge=s.div`
-  display: flex;
-  align-items: center;
-  height: ${o.sp6};
-  background: transparent;
-  position: relative;
-  margin: auto 0;
-`,Ue=s.div`
-  border-top-left-radius: ${o.sp1};
-  border-bottom-left-radius: ${o.sp1};
-  height: 100%;
-  box-sizing: border-box;
-  display: flex;
-  padding: ${o.sp0} ${o.sp2};
-  align-items: center;
-  transition: width 0.1s linear;
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  border-right: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  width: ${e=>e.stretched?"197px":"167px"};
-  background: ${e=>e.stretched?e.theme.colors.background:"transparent"};
-  svg {
-    color: ${e=>e.stretched?e.theme.colors.primary:e.theme.colors.hero};
-    cursor: pointer;
-    &:hover {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-  &:focus-within {
-    width: 197px;
-    background: ${e=>e.theme.colors.background};
-    svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,Ye=s(be)`
-  padding: 0 0 0 28px;
-  outline: none;
-  border: none;
-  height: 100%;
-  width: 100%;
-  background: unset;
-  color: ${e=>`${e.theme.colors.primary}`};
-`,qe=s.button`
-  cursor: ${e=>e.isDisabled?"auto":"pointer"};
-  padding: ${o.sp2} 14px;
-  background: ${e=>e.buttonOnly?"inherit":e.isActive?e.theme.colors.background:"unset"};
-  border: none;
-  outline: none;
-  display: flex;
-  align-items: center;
-  svg {
-    color: ${e=>e.isDisabled?e.theme.colors.grey3:e.isActive?e.theme.colors.primary:e.theme.colors.hero};
-  }
-  &:hover {
-    background: ${e=>e.buttonOnly?"inherit":e.isDisabled?"unset":e.theme.colors.background};
-    svg {
-      color: ${e=>e.isDisabled?e.theme.colors.grey3:e.theme.colors.primary};
-    }
-  }
-`,Ke=s.button`
-  background: unset;
-  border: none;
-  outline: none;
-  cursor: pointer;
-  position: absolute;
-  display: flex;
-  align-items: center;
-  padding: 0;
-`,Je=s(fe)`
-  position: absolute;
-  top: -${o.sp1};
-  right: -${o.sp1};
-  background: ${e=>e.theme.colors.primary};
-  color: ${e=>e.theme.colors.grey5};
-  border-radius: 50%;
-  width: 18px;
-  height: 18px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,Xe=s.div`
-  height: ${o.sp6};
-  border: ${e=>e.buttonOnly?"none":`1px solid ${e.theme.colors.grey3}`};
-  border-left: none;
-  overflow: hidden;
-  border-top-right-radius: ${o.sp1};
-  border-bottom-right-radius: ${o.sp1};
-  box-sizing: border-box;
-`,ge=l.forwardRef(({onSearchTextChanged:e,onFilterButtonClick:t,isFilterBtnActive:n,isFilterDisabled:d,filtersCount:c,filterText:a,searchPlaceholder:i,includeSearch:y=!0},g)=>{const v=l.useRef(null),b=c!=null&&c>0;return r.jsxs(Ge,{"data-testid":I("spend-management-filters"),children:[y?r.jsxs(Ue,{stretched:a.trim().length>0,children:[r.jsx(Ke,{onClick:()=>{v.current?.focus()},children:r.jsx(ye,{width:o.sp4,height:o.sp4})}),r.jsx(Ye,{value:a,ref:v,onChange:j=>{e&&e(j.target.value)},type:"text",placeholder:i})]}):null,r.jsx(Xe,{buttonOnly:!y,children:r.jsxs(qe,{isActive:n,isDisabled:d??!1,buttonOnly:!y,ref:g,onClick:()=>{t&&t()},children:[r.jsx(Be,{width:o.sp4,height:o.sp4}),b&&r.jsx(Je,{children:c})]})})]})});ge.displayName="SearchBoxWithFilterButton";const Qe=({open:e,anchorEl:t,children:n,paperStyle:d,onClose:c})=>{const a=_();return r.jsx(ve,{transitionDuration:400,anchorEl:t,open:e,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},PaperProps:{style:{...d,marginTop:"6px",background:"transparent",boxShadow:`${o.sp0} 2px ${o.sp2} ${a.colors.dropShadowHover}`}},"data-testid":I("cockpit-filters-popover-panel"),onClose:c,children:n})},Ze=e=>({placeholder:t=>({...t,color:e.colors.grey1,...z.standardRegular.cssObject}),input:t=>({...t,color:e.colors.primary,margin:0,padding:0}),control:t=>({...t,backgroundColor:e.colors.background,border:"none",boxShadow:"none",height:o.sp6,cursor:"pointer"}),valueContainer:t=>({...t,height:"100%",padding:`${o.sp2} ${o.sp3}`}),indicatorSeparator:t=>({...t,display:"none"}),indicatorsContainer:t=>({...t,display:"none"}),option:(t,n)=>({...t,...z.standardRegular.cssObject,padding:`${o.sp2} ${o.sp3}`,cursor:"pointer",color:n.isSelected||n.isFocused?e.colors.primary:e.colors.hero,background:n.isSelected||n.isFocused?e.colors.background:e.colors.grey5,":hover":{color:e.colors.primary,backgroundColor:e.colors.background}}),singleValue:t=>({...t,color:e.colors.primary,margin:0}),menuList:t=>({...t,backgroundColor:e.colors.grey5,maxHeight:"320px"}),menu:t=>({...t,boxShadow:`${o.sp0} 2px ${o.sp2} ${e.colors.dropShadowHover}`})}),et=e=>({placeholder:t=>({...t,color:e.colors.grey1,...z.standardRegular.cssObject}),input:t=>({...t,color:e.colors.primary,margin:0,padding:0}),control:t=>({...t,backgroundColor:e.colors.background,border:"none",boxShadow:"none",minHeight:"unset"}),valueContainer:t=>({...t,height:"100%",padding:0,rowGap:o.sp2,columnGap:o.sp1}),indicatorSeparator:t=>({...t,display:"none"}),indicatorsContainer:t=>({...t,display:"none"}),option:(t,n)=>({...t,...z.standardRegular.cssObject,padding:`${o.sp2} ${o.sp3}`,cursor:"pointer",color:n.isSelected?e.colors.primary:e.colors.hero,background:n.isSelected?e.colors.background:e.colors.grey5,":hover":{color:e.colors.primary,backgroundColor:e.colors.background}}),singleValue:t=>({...t,color:e.colors.primary}),multiValue:t=>({...t,padding:`${o.sp0} ${o.sp2}`,border:`1px solid ${e.colors.primary}`,background:"none",borderRadius:o.sp1,margin:0,columnGap:o.sp2,alignItems:"center",height:o.sp4}),multiValueLabel:t=>({...t,padding:0,paddingLeft:0,color:e.colors.primary,maxWidth:"200px"}),multiValueRemove:t=>({...t,padding:0,":hover":{background:"none",cursor:"pointer"},svg:{color:e.colors.primary}}),menuList:t=>({...t,backgroundColor:e.colors.grey5}),menu:t=>({...t,boxShadow:`${o.sp0} 2px ${o.sp2} ${e.colors.dropShadowHover}`,width:"315px",right:`-${o.sp3}`,marginTop:o.sp3}),container:t=>({...t,flex:1})}),tt=({categoryCombinationOperator:e,onChange:t,buttonsDisabled:n})=>{const d=s.button`
-    padding: ${o.sp2};
-    outline: none;
-    border: none;
-    border-radius: 0;
-    width: 50%;
-    cursor: pointer;
-    background-color: ${i=>i.selected?i.theme.colors.grey3:i.theme.colors.grey5};
-  `,c=s(W)`
-    color: ${i=>i.buttonsDisabled?i.theme.colors.grey2:i.selected?i.theme.colors.primary:i.theme.colors.hero};
-  `,a=s.div`
-    border: ${i=>"1px solid "+i.theme.colors.grey3};
-    border-radius: ${o.sp1};
-    overflow: hidden;
-  `;return r.jsxs(a,{"data-testid":I("cockpit-filters-combop-wrapper"),children:[r.jsx(d,{disabled:n,onClick:()=>{t("AND")},selected:e==="AND","data-testid":I("cockpit-filters-combop-and"),children:r.jsx(c,{buttonsDisabled:n,selected:e==="AND",children:"and"})}),r.jsx(d,{disabled:n,onClick:()=>{t("OR")},selected:e==="OR","data-testid":I("cockpit-filters-combop-or"),children:r.jsx(c,{buttonsDisabled:n,selected:e==="OR",children:"or"})})]})},rt=({selectedDates:e,onDateRangeChange:t})=>{const n=_(),d=B(),c=e?.[0],a=e?.[1],[i,y]=l.useState(c?{date:c}:void 0),[g,v]=l.useState(a?{date:a}:void 0);l.useEffect(()=>{i!=null&&g!=null&&t({startDate:i?.date,endDate:g?.date})},[i,g]);const{dateFormat:{visual:{MMMDCommaYYYYformat:b}},spendManagement:{filters:j}}=O.getLocalizedStrings();return r.jsxs(ot,{size:d,children:[r.jsx(nt,{children:r.jsx($e,{})}),r.jsx(Q,{children:r.jsx(X,{onSelectedDateChanged:C=>{C.isAfter(g?.date)&&v(void 0),y({date:C})},selectedDate:i,dateFormat:b,placeHolder:r.jsx(E,{children:j.from}),style:{backgroundColor:n.colors.background}})}),r.jsx(E,{children:j.enDash}),r.jsx(Q,{children:r.jsx(X,{onSelectedDateChanged:C=>{v({date:C})},minDate:st(i?.date),selectedDate:g,dateFormat:b,placeHolder:r.jsx(E,{children:j.to}),style:{backgroundColor:n.colors.background}})})]})},ot=s.div`
-  position: relative;
-  display: flex;
-  align-items: center;
-  gap: ${o.sp2};
-  justify-content: space-evenly;
-  flex-wrap: ${e=>e.size==="small"?"wrap":"nowrap"};
-`,Q=s.div`
-  display: flex;
-  align-items: center;
-  padding-left: ${o.sp3};
-  cursor: pointer;
-`,E=s(V)`
-  color: ${e=>e.theme.colors.hero};
-  background: ${e=>e.theme.colors.background};
-`,nt=s.div`
-  height: ${o.sp3};
-  width: ${o.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,st=e=>{if(e!=null)return e.add(1,"day")},it=s.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-`,at=s(Y)`
-  color: ${e=>e.theme.colors.primary};
-  width: ${o.sp4};
-  height: ${o.sp4};
-`,lt=e=>{const{isSelected:t}=e;return r.jsx(F.Option,{...e,children:r.jsxs(it,{"data-testid":I("cockpit-filters-option",typeof e.data.value=="string"?e.data.value:e.data.value?.code??e.data.value?.id??e.label),children:[r.jsx(U,{children:e.label}),t&&r.jsx(at,{})]})})},ct=e=>r.jsx(F.SingleValue,{...e,children:r.jsx(W,{children:e.children})}),Z=[{value:"equal",label:"is"},{value:"not-equal",label:"is not"}],dt=({onChange:e,value:t,categoryIndex:n})=>{const d=_(),c={...Ze(d),menu:i=>({...i,boxShadow:`${o.sp0} 2px ${o.sp2} ${d.colors.dropShadowHover}`,width:`${o.sp12}`}),option:i=>({...i,...z.standardRegular.cssObject})},a=Z.find(i=>i.value===t);return r.jsx(pt,{"data-testid":I("cockpit-filters-matching-operator-select"),children:r.jsx(G,{isSearchable:!1,isMulti:!1,value:a,onChange:i=>{e(i,n)},placeholder:O.getLocalizedStrings().cockpit.filters.categoryPlaceholder,options:Z,styles:c,menuPosition:"fixed",components:{Option:lt,SingleValue:ct}})})},pt=s.div``,ht=s.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-`,ut=s(Y)`
-  color: ${e=>e.theme.colors.primary};
-  width: ${o.sp3};
-  height: ${o.sp3};
-`,ee=({value:e,defaultMenuIsOpen:t=!1,options:n,placeHolder:d,onChange:c,getOptionLabel:a})=>{const i=_(),y=l.useRef(null),g=xt(i),v=n.find(b=>b.value===e);return l.useEffect(()=>{const b=setTimeout(()=>{y.current!=null&&t&&y.current.focus()},300);return()=>{clearTimeout(b)}},[t]),r.jsx(G,{ref:y,isMulti:!1,value:v,onChange:b=>{c(b)},placeholder:d,options:n,styles:g,openMenuOnFocus:!0,components:{Option:b=>mt(b,a),SingleValue:b=>gt(b,a)}})},gt=(e,t)=>{const n=t?.(e.data.value)??e.data.label;return r.jsx(F.SingleValue,{...e,children:r.jsx(W,{children:n})})},mt=(e,t)=>{const{isSelected:n}=e,d=t?.(e.data.value)??e.data.label;return r.jsx(F.Option,{...e,children:r.jsxs(ht,{children:[r.jsx(U,{children:d}),n?r.jsx(ut,{}):null]})})},xt=e=>({placeholder:t=>({...t,color:e.colors.grey1,...z.standardRegular.cssObject}),input:t=>({...t,color:e.colors.primary,margin:0,padding:0}),control:t=>({...t,backgroundColor:e.colors.background,border:"none",boxShadow:"none",height:o.sp6,cursor:"pointer"}),valueContainer:t=>({...t,height:"100%",padding:`${o.sp2} ${o.sp3}`}),indicatorSeparator:t=>({...t,display:"none"}),indicatorsContainer:t=>({...t,display:"none"}),option:(t,n)=>({...t,padding:`${o.sp2} ${o.sp3}`,cursor:"pointer",color:n.isSelected||n.isFocused?e.colors.primary:e.colors.hero,background:n.isSelected||n.isFocused?e.colors.background:e.colors.grey5,":hover":{color:e.colors.primary,backgroundColor:e.colors.background}}),singleValue:t=>({...t,color:e.colors.primary,margin:0}),menuList:t=>({...t,backgroundColor:e.colors.grey5,maxHeight:"320px"}),menu:t=>({...t,boxShadow:`${o.sp0} 2px ${o.sp2} ${e.colors.dropShadowHover}`})}),te="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22.8999%205.04416L9.65575%2017.6653C9.48897%2017.8247%209.29152%2017.9484%209.07541%2018.0291C8.85929%2018.1097%208.62902%2018.1456%208.39862%2018.1345C8.17133%2018.1236%207.94853%2018.0673%207.7434%2017.9689C7.53827%2017.8704%207.35499%2017.7318%207.20439%2017.5612L1.17558%2010.7125'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e",yt=s.div`
-  display: flex;
-  align-items: flex-start;
-  padding: ${o.sp2} ${o.sp3};
-  column-gap: ${o.sp2};
-`,bt=s.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${o.sp2};
-  width: 100%;
-  min-height: ${o.sp4};
-`,ft=s.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${o.sp1};
-`,vt=s.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${o.sp2};
-  word-break: break-all;
-`,$t=s.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${o.sp3};
-  justify-content: space-between;
-`,re=s.img`
-  height: ${o.sp3};
-  width: ${o.sp3};
-  border-radius: 50%;
-  justify-content: center;
-  color: ${e=>e.theme.colors.hero};
-`,Ct=s(Ee)`
-  color: ${e=>e.theme.colors.hero};
-  height: ${o.sp4};
-  width: ${o.sp4};
-`,wt=s(Y)`
-  color: ${e=>e.theme.colors.primary};
-  height: ${o.sp3};
-  min-width: ${o.sp3};
-`,jt=s(Me)`
-  color: ${e=>e.theme.colors.primary};
-  height: 10px;
-  width: 10px;
-`,kt=s(Fe)`
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,St=({options:e,value:t,placeHolder:n,filterCategoryType:d,searchAutoCompleteData:c,searchAutoCompleteActions:a,onChange:i,renderOptionIcon:y})=>{const g=_(),v=et(g),[b,j]=l.useState(e);l.useEffect(()=>{d==="searchAutocomplete"&&c?.entityAutoCompleteView.fetchState==="Completed"&&j(m=>Oe([...m,...c?.entityAutoCompleteView!=null?Ot(c?.entityAutoCompleteView):[]],"value"))},[c?.entityAutoCompleteView.fetchState]);const C=d==="searchAutocomplete"?t.map(m=>({label:m,value:m})):t.map(m=>b.find(p=>p.value===m)),S=l.useRef(Le(m=>a?.onAutoCompleteInputChange?.(m),500,{trailing:!0})).current,L=c?.entityAutoCompleteView.fetchState,A={options:e,filterCategoryType:d,searchAutoCompleteStatus:L,renderOptionIcon:y},M=O.getLocalizedStrings().common.filters;return r.jsx(yt,{children:d==="dateRange"?r.jsx(rt,{onDateRangeChange:m=>{i([{label:M.startDate,value:m.startDate??""},{label:M.endDate,value:m.endDate??""}])},selectedDates:t}):r.jsxs(bt,{children:[C.length===0&&d==="user"&&r.jsx(Ct,{}),r.jsx(G,{...A,isMulti:!0,hideSelectedOptions:!1,value:C,onInputChange:m=>{d==="searchAutocomplete"&&S(m)},onChange:m=>{i(m)},placeholder:n,options:b,styles:v,menuPosition:"fixed",components:{Option:Dt,MultiValueLabel:Lt,MultiValueRemove:It},filterOption:(m,p)=>Mt(m,p,d),noOptionsMessage:()=>At(d,L)})]})})},Ot=e=>(e?.vendor.map(t=>({label:t.name,value:t.name}))??[]).sort((t,n)=>(t.label??"").localeCompare(n.label??"")),Lt=e=>{const{selectProps:t}=e,{options:n,filterCategoryType:d,renderOptionIcon:c}=t,a=n.findIndex(i=>i.value===e.data.value);return r.jsx(F.MultiValueLabel,{...e,children:r.jsxs(ft,{children:[me(e.data,a,d,c),r.jsx(kt,{children:e.children})]})})},Dt=e=>{const{onMouseMove:t,onMouseOver:n,isSelected:d,...c}=e.innerProps,{options:a,filterCategoryType:i,renderOptionIcon:y}=e.selectProps,g=a.findIndex(b=>b.value===e.data.value),v={...e,innerProps:c};return r.jsx(F.Option,{...v,children:r.jsxs($t,{children:[r.jsxs(vt,{children:[me(e.data,g,i,y),r.jsx(U,{children:e.label})]}),e.isSelected&&r.jsx(wt,{})]})})},It=e=>r.jsx(F.MultiValueRemove,{...e,children:r.jsx(jt,{})}),At=(e,t)=>{const n=O.getLocalizedStrings().common.filters;if(e==="searchAutocomplete"){if(t==="In-Progress")return r.jsx(pe,{size:"Small-Compact",start:!0});if(t==="Not-Started")return null;if(t==="Completed")return r.jsx(J,{children:n.noMatchesFound})}return r.jsx(J,{children:n.noOptions})},me=(e,t,n,d)=>{if(n==="dropdown")return(d!=null?d(e):null)??(e.photo!=null?r.jsx(re,{src:e.photo.href,alt:"",onError:({currentTarget:y})=>{y.onerror=null,y.src=te},loading:"lazy"}):null);if(n!=="user")return null;const c=(e.label??"").split(" "),a=c[0]??"",i=c[1]??"";return e.photo==null?r.jsx(ze,{firstName:a,lastName:i,size:`${o.sp3}`,index:t,fontSize:"9px"}):r.jsx(re,{src:e.photo.href,alt:O.getLocalizedStrings().common.filters.userProfileAltText,onError:({currentTarget:y})=>{y.onerror=null,y.src=te},loading:"lazy"})},Mt=(e,t,n)=>n==="user"&&e.data.email!=null?e.data.label.toLowerCase().includes(t.toLowerCase())||e.data.email.toLowerCase().includes(t.toLowerCase()):e.data.label.toLowerCase().includes(t.toLowerCase()),P={categoryCombinationOperator:"AND",categories:[]},oe={valuesCombinationOperator:"ANY",values:[],matchingOperator:"equal"},H=(e,t)=>{switch(e){case"bill_pay":return We;case"reimbursement":return Ne(t)?Te:Ve;case"task_management":return He;case"charge_card_payment_history":return Pe}},T=(e,t)=>{if(e==="bill_pay"){const n=t;return O.getLocalizedStrings().spendManagement.filters.filterCategories.bills[n]}if(e==="reimbursement"){const n=t;return O.getLocalizedStrings().spendManagement.filters.filterCategories.reimbursements[n]}if(e==="task_management"){const n=t;return O.getLocalizedStrings().spendManagement.filters.filterCategories.taskManagement[n]}if(e==="charge_card_payment_history"){const n=t;return O.getLocalizedStrings().spendManagement.filters.filterCategories.chargeCardPaymentHistory[n]}return""},zt={width:new he(215,315)},ne=s.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${o.sp4};
-`,se=s.div`
-  display: flex;
-  column-gap: ${o.sp3};
-  align-items: flex-start;
-  flex-wrap: ${e=>e.windowSize==="small"?"wrap":"nowrap"};
-  row-gap: ${e=>e.windowSize==="small"?o.sp3:o.sp0};
-`,ie=s.div`
-  width: 90px;
-  color: ${e=>e.theme.colors.primary};
-`,ae=s.div`
-  width: 194px;
-`,le=s.button`
-  display: flex;
-  align-items: center;
-  column-gap: ${o.sp1};
-  background: none;
-  outline: none;
-  box-shadow: none;
-  border: none;
-  padding: 0;
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,Ft=s(ue)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,_t=s(Ae)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,Rt=s.div`
-  width: ${o.sp10};
-`,Bt=s.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-`,ce=s(Se)`
-  color: ${e=>e.theme.colors.primary};
-`,Et=s.button`
-  display: ${e=>e.windowSize==="small"?"none":"block"};
-  border: none;
-  background: none;
-  cursor: pointer;
-  padding: 0;
-  &:hover {
-    svg {
-      color: ${De.important};
-    }
-  }
-`,Pt=s(Ie)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,Ht=s.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${o.sp3};
-`,Tt=s.div`
-  width: ${e=>zt.width.valuePx(e.windowSize)};
-  background: ${e=>e.theme.colors.background};
-  border-radius: ${o.sp1};
-`,de=s.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${o.sp3};
-`,Vt=_e`
-0% {
-  opacity: 0;
-}
-100% {
-  opacity: 1;
-}
-`,Nt=s.div`
-  display: flex;
-  align-items: flex-start;
-  column-gap: ${o.sp3};
-  animation: ${Vt} 0.4s;
-`,xe=l.forwardRef(({filters:e,filterValues:t,selectedEntity:n,vendorSearchAutoCompleteData:d,vendorSearchAutoCompleteActions:c,onFiltersChange:a,renderDropdownOptionIcon:i},y)=>{const g=ke(),v=B(),b=l.useCallback((p,h)=>{const $=(({currentFilters:f,selectedOption:k,categoryIndex:x})=>f.categories==null||f.categories.length===0?{categoryCombinationOperator:"AND",categories:[{...oe,field:k.value}]}:{...f,categories:f.categories.map((w,u)=>u!==x?w:{...w,field:k.value,values:[]})})({currentFilters:e,selectedOption:p,categoryIndex:h});a($)},[e,a]),j=l.useCallback((p,h)=>{const $=(({currentFilters:f,selectedOption:k,categoryIndex:x})=>f.categories==null||f.categories.length===0?f:{...f,categories:f.categories.map((w,u)=>u!==x?w:{...w,matchingOperator:k.value})})({currentFilters:e,selectedOption:p,categoryIndex:h});a($)},[e,a]),C=l.useCallback(p=>{if(e!=null){const h={...e,categoryCombinationOperator:p};a(h)}},[e,a]),S=l.useCallback(p=>{if(p!==0||e.categories==null||e.categories.length!==1){if(e.categories!=null&&e.categories.length!==0){if([...e.categories.slice(0,p),...e.categories.slice(p+1)].filter(h=>h.field!=null).length){const h={...e,categories:[...e.categories.slice(0,p),...e.categories.slice(p+1)]};return void a(h)}a(P)}}else a(P)},[a,e]),L=()=>{e.categories!=null&&e.categories.length&&a({...e,categories:[...e.categories,{...oe}]})},A=()=>{a(P)},M=l.useCallback((p,h)=>{const $=(({currentFilters:f,selectedOptions:k,categoryIndex:x})=>f.categories==null||f.categories.length===0?f:{...f,categories:f.categories.map((w,u)=>u!==x?w:{...w,values:k.map(R=>R.value)})})({currentFilters:e,selectedOptions:p,categoryIndex:h});a($)},[e,a]),m=O.getLocalizedStrings().spendManagement.filters;return r.jsxs(ne,{ref:y,children:[e.categories==null||e.categories.length===0?r.jsx(ne,{children:r.jsx(se,{children:r.jsxs(de,{children:[r.jsx(ie,{children:r.jsx(ce,{children:m.filterByLabel})}),r.jsx(ae,{children:r.jsx(ee,{defaultMenuIsOpen:!0,onChange:b,placeHolder:m.categoryPlaceholder,getOptionLabel:p=>T(n,p),options:H(n,g.loggedInUserRole)})})]})})}):r.jsx(l.Fragment,{children:e.categories.map((p,h)=>{const $=H(n,g.loggedInUserRole??[]).find(x=>x.value===p.field),f=$?.type,k=$!=null?T(n,$?.value):"";return r.jsxs(se,{windowSize:v,children:[r.jsxs(de,{children:[r.jsxs(ie,{children:[h===0&&r.jsx(ce,{children:m.filterByLabel}),h!==0?r.jsx(tt,{categoryCombinationOperator:e.categoryCombinationOperator,onChange:C,buttonsDisabled:h>1}):null]}),r.jsx(ae,{children:r.jsx(ee,{value:p.field,placeHolder:m.categoryPlaceholder,onChange:x=>b(x,h),getOptionLabel:x=>T(n,x),options:H(n,g.loggedInUserRole??[])})})]}),p.field?r.jsxs(Nt,{children:[r.jsx(Rt,{children:r.jsx(dt,{categoryIndex:h,value:p.matchingOperator,onChange:j})}),r.jsxs(Ht,{children:[r.jsx(Tt,{windowSize:v,children:r.jsx(St,{options:t[p.field]!=null?t[p.field]:[],placeHolder:f==="searchAutocomplete"?m.searchPlaceholder:`${m.select} ${k}`,value:p.values,filterCategoryType:f??"dropdown",onChange:x=>M(x,h),valuesCombinationOperator:p.valuesCombinationOperator,searchAutoCompleteData:d,searchAutoCompleteActions:c,renderOptionIcon:i})}),r.jsx(Et,{onClick:()=>S(h),windowSize:v,children:r.jsx(Pt,{})})]})]}):null]},p.field?p.field+h:h)})}),e.categories!=null&&e.categories.length!==0?r.jsxs(Bt,{children:[r.jsxs(le,{onClick:L,children:[r.jsx(Ft,{}),r.jsx(V,{children:m.addFilterBtnText})]}),r.jsxs(le,{onClick:A,children:[r.jsx(_t,{}),r.jsx(V,{children:m.clearAllBtnText})]})]}):null]})});xe.displayName="FiltersSelection";const Wt=s.div`
-  padding-top: ${o.sp4};
-  padding-bottom: ${o.sp4};
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  height: ${e=>`${typeof e.height=="number"?`${e.height}px`:e.height}`};
-  background: ${e=>e.theme.colors.grey5};
-  row-gap: ${o.sp4};
-  max-height: 650px;
-  overflow: ${e=>e.windowSize==="small"?"visible":e.height>"650"?"scroll":"visible"};
-`,Gt=s.div`
-  padding-left: ${o.sp4};
-  padding-right: ${o.sp4};
-  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
-`,Ut=s.div`
-  padding-left: ${o.sp4};
-  padding-right: ${o.sp4};
-`,Yt=({entity:e,filters:t,vendorSearchAutoCompleteData:n,vendorSearchAutoCompleteActions:d,disableFilters:c=!1,transactionsLoaded:a=!0,createdByUserListLoaded:i=!0,analytics:y,groupByFiltersComponent:g,onFiltersChange:v,getCategoryWiseOptions:b,renderDropdownOptionIcon:j})=>{const C=l.useRef(null),[S,L]=l.useState(!1),A=l.useRef(!1),[M,m]=l.useState({bill_pay:{},reimbursement:{},task_management:{},charge_card_payment_history:{}}),[p,h]=l.useState("auto"),$=l.useRef(null),f=B(),k=l.useCallback(()=>{L(!1)},[]),x=O.getLocalizedStrings().common.strings.empty,w=l.useCallback(()=>{e!=="task_management"&&e!=="charge_card_payment_history"&&y?.trackSpendManagmentFilterClick(e),c===!1&&L(!0)},[c,y,e]);l.useEffect(()=>{b&&i&&a&&m(D=>Object.keys(D[e]??{}).length===0?{...D,[e]:b()}:D)},[e,a,i]);const u=l.useCallback(()=>{if(t?.categories==null||t.categories.length===0)return g!=null?88+g.height:88;const D=$.current,q=D!=null?D.clientHeight:0;return f==="small"?"auto":N[7]+(q>0?q:88)+(g!=null?g.height:0)},[t,f,g]);l.useEffect(()=>{S===A.current?h(u()):h("auto")},[u,S]),l.useEffect(()=>{A.current=S},[S]),l.useEffect(()=>{p==="auto"&&h(u())},[p,u]);const R=t?.categories==null||t?.categories.length===0?0:t.categories.filter(D=>D.field!=null&&D.values.length>0).length;return r.jsxs(l.Fragment,{children:[r.jsx(ge,{searchPlaceholder:x,isFilterBtnActive:S||R>0,ref:C,isFilterDisabled:c,onFilterButtonClick:w,filtersCount:R,includeSearch:!1,filterText:x}),c!=1&&r.jsx(Qe,{anchorEl:C.current,open:S,onClose:k,paperStyle:{overflow:"visible"},children:r.jsxs(Wt,{height:p,windowSize:f,children:[g!=null?r.jsx(Gt,{children:g?.component}):null,r.jsx(Ut,{children:r.jsx(xe,{filters:t,onFiltersChange:v,filterValues:M[e],selectedEntity:e,ref:$,vendorSearchAutoCompleteActions:d,vendorSearchAutoCompleteData:n,renderDropdownOptionIcon:j})})]})},t?.categories==null||t.categories.length===0?"smallBox":"largeBox")]})},{spendManagement:qt}=O.getLocalizedStrings(),Kt={filterIconContainerPaddingRight:new he(18,10)};function mr({spendManagementSectionProps:e}){const{entity:t,moreIconContainerStyle:n,searchTextBoxStyle:d,disableDownloadButton:c,filters:a,searchText:i,downloadParams:y,downloadState:g,showSettingsIcon:v=!0,showSettingsIconOnNavbar:b,showDownloadButtonOnNavbar:j,showStatementButtonOnNavbar:C,showPayEarlyButtonOnNavbar:S,showPaymentHistoryButtonOnNavbar:L,groupByFiltersComponent:A,updateDownloadStateHandler:M,onMenuOpen:m,filterIconContainerStyle:p}=e,h=B(),$=_(),[f,k]=l.useState(void 0);l.useEffect(()=>{g!=="Error"&&k(!1)},[g]);let x=qt.moreMenuOptions;b||(x=x.filter(u=>u.value!=="settings")),C||(x=x.filter(u=>u.value!=="statements")),S||(x=x.filter(u=>u.value!=="payEarly")),L||(x=x.filter(u=>u.value!=="paymentHistory")),j||(x=x.filter(u=>u.value!=="download"));const w={};return e.entity==="charge_cards"?w.width="275px":e.entity==="reimbursement"&&(w.width="208px"),r.jsxs(er,{children:[r.jsxs(Zt,{isSearchOpen:e.isSearchOpen&&h==="small",windowsize:h,children:[h==="small"||e.hideSearchBtn?null:r.jsx(K,{"data-testid":I("list-page-search-input-box"),style:{position:"absolute",left:"unset",...d},placeholder:e.searchPlaceHolder,searchText:e.searchText,disabled:e.disableSearch,onSearchTextChanged:u=>{e.onSearchTextChanged?.(u)},onSearchOpen:e.onSearchOpen,inputWrapperStyle:w,searchIconMarginRight:e.entity==="charge_cards"?o.sp4:"10px"}),e.entity!=="bill_pay"&&e.entity!=="reimbursement"&&e.entity!=="task_management"&&e.entity!=="charge_card_payment_history"||e.onFiltersChange==null?null:r.jsx(or,{size:h,style:p,children:r.jsx(Yt,{entity:e.entity,groupByFiltersComponent:A,onFiltersChange:e.onFiltersChange,filters:e.filters,disableFilters:e.disableFilters,getCategoryWiseOptions:e.getFilterOptions,vendorSearchAutoCompleteData:e.vendorSearchAutoCompleteData,vendorSearchAutoCompleteActions:e.vendorSearchAutoCompleteActions,createdByUserListLoaded:e.createdByUserListLoaded,analytics:e.analytics,renderDropdownOptionIcon:e.renderDropdownOptionIcon})}),e.showDownloadIcon===!0&&e.onDownloadClick!=null?r.jsx(Qt,{onClick:e.onDownloadClick,disabled:c,children:g==="In-Progress"?r.jsx(pe,{size:"Standard",start:!0}):r.jsx(Xt,{"data-testid":I("spend-management-download-icon"),disabled:c})}):null,e.showEntityEmailInfoIconOnNavbar===!0?r.jsx(rr,{onClick:e.onClickEmailInfoIcon,children:r.jsx(Jt,{})}):null,v?r.jsx(tr,{onClick:()=>k(void 0),style:n,children:t==="bill_pay"||t==="reimbursement"||t==="charge_cards"?r.jsx(Re,{entity:t,isMoreOption:!0,closeMenuOnSelect:!1,isMenuOpen:h!=="small"?f:void 0,options:x,onMenuOpen:m,customStyleConfig:{control:()=>({backgroundColor:"inherit",cursor:"pointer",border:"none",":hover":{backgroundColor:"inherit"}}),menu:u=>({...u,left:"23px",top:"29px",transform:"translateX(-100%)",width:"auto",backgroundColor:$.colors.grey5,borderRadius:o.sp1,boxShadow:`${o.sp0} 2px ${o.sp2} ${$.colors.dropShadowHover}`,whiteSpace:"nowrap"}),container:()=>({marginLeft:N[0]}),valueContainer:()=>({display:"flex","#react-select-2-placeholder":{marginRight:N[0],marginLeft:-1}})},onOptionSelection:u=>{u==="settings"?e.onClickSetupIcon?.():u==="statements"?e.onClickStatementsIcon?.():u==="payEarly"?e.onClickPayEarlyIcon?.():u==="paymentHistory"&&e.onClickPaymentHistoryIcon?.()},downloadProps:t!=="bill_pay"&&t!=="reimbursement"||y==null?void 0:{entity:t,isDisabled:c,filter:{filters:a,searchText:i},downloadParams:y,downloadState:g,updateDownloadStateHandler:M}}):r.jsx(sr,{onClick:e.onClickSetupIcon})}):null,e.showNewButtonOnNavbar===!0?r.jsx(r.Fragment,{children:h==="small"?r.jsx(nr,{onClick:e.onNewButtonClick,children:r.jsx(ir,{})}):r.jsx(Ce,{variant:"primary",onClick:e.onNewButtonClick,label:e.newButtonLabel??"",size:"small",style:{height:"29px",paddingLeft:"12px",paddingRight:"12px",...z.extraSmallRegular.cssObject,whiteSpace:"nowrap",display:"flex",alignItems:"center"}})}):null]}),h!=="small"||e.hideSearchBtn?null:r.jsx(K,{style:{position:"absolute",left:"5px",right:h!=="small"?"120px":"unset",top:o.sp6,width:"98%"},placeholder:e.searchPlaceHolder,searchText:e.searchText,disabled:e.disableSearch,onSearchTextChanged:u=>{e.onSearchTextChanged?.(u)},onSearchOpen:e.onSearchOpen,keepSearchBoxOpen:!0,inputWrapperStyle:e.entity==="charge_cards"?{width:270}:{}})]})}const Jt=s(e=>l.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},l.createElement("path",{d:"M18.8447 9.03137L22.4962 11.5418V21.127C22.4962 21.4902 22.3519 21.8385 22.0951 22.0953C21.8383 22.3521 21.4901 22.4963 21.1269 22.4963H2.86932C2.50615 22.4963 2.15786 22.3521 1.90106 22.0953C1.64427 21.8385 1.5 21.4902 1.5 21.127V11.5418L5.15151 9.03137",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),l.createElement("path",{d:"M4.24207 19.7577L8.80646 16.1062H15.1966L19.761 19.7577",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),l.createElement("path",{d:"M22.5 11.5416L17.0227 15.1931",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),l.createElement("path",{d:"M1.50378 11.5416L6.98105 15.1931",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),l.createElement("path",{d:"M18.8446 13.9754V2.41288C18.8446 2.17077 18.7484 1.93857 18.5772 1.76738C18.406 1.59618 18.1738 1.5 17.9317 1.5H6.06431C5.8222 1.5 5.59 1.59618 5.4188 1.76738C5.24761 1.93857 5.15143 2.17077 5.15143 2.41288V13.9754",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),l.createElement("path",{d:"M9.23108 5.55005H14.7654",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),l.createElement("path",{d:"M9.23108 8.83069H13.3818",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),l.createElement("path",{d:"M9.23108 12.0398H10.9606",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))`
-  height: ${o.sp4};
-  width: ${o.sp4};
-`,Xt=s(we)`
-  height: ${o.sp4};
-  width: ${o.sp4};
-  color: ${e=>e.disabled?e.theme.colors.grey2:e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.disabled?e.theme.colors.grey2:e.theme.colors.primary};
-  }
-`,Qt=s.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: ${e=>e.disabled?"default":"pointer"};
-  color: ${e=>e.disabled?e.theme.colors.grey2:e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.disabled?e.theme.colors.grey2:e.theme.colors.primary};
-  }
-`,Zt=s.div`
-  display: flex;
-  justify-content: flex-end;
-  position: relative;
-  align-items: center;
-  width: ${e=>e.isSearchOpen?"100%":"unset"};
-`,er=s.div`
-  display: flex;
-  flex-direction: column;
-`,tr=s.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  padding-right: ${o.sp4};
-  position: relative;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,rr=s.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  padding-right: ${o.sp4};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,or=s.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  padding-right: ${o.sp4};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-  padding-right: ${e=>Kt.filterIconContainerPaddingRight.valuePx(e.size)};
-  position: ${e=>e.size==="small"?"absolute":""};
-  top: ${o.sp5};
-  right: -${o.sp4};
-  z-index: 3;
-`,nr=s.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  padding-right: ${o.sp2};
-  color: ${e=>e.theme.colors.grey1};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,sr=s(je)`
-  color: ${e=>e.theme.colors.hero};
-  width: ${o.sp4};
-  height: ${o.sp4};
-  cursor: pointer;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,ir=s(ue)`
-  height: ${o.sp4};
-  width: ${o.sp4};
-  color: ${e=>e.theme.colors.hero};
-`;export{ee as J,mr as t};

package/dist/assets/StatementItem-DSuaMb54-DvgnUhnF.js

@@ -1,31 +0,0 @@
-import{K as b,h5 as $,V as o,O as g,L as S,o as s,l as v,x as z,bs as j,u as k}from"./index-onESlw0k.js";import{a as I}from"./sentry-CZ5rBRIL.js";import{n}from"./mui-B0LS8eOU.js";import{g as L}from"./BoxItem-Yk1jfFWZ-bm0K3UqJ.js";import{w as T}from"./downloadPdf-CkATqzUx-CAAsaSoH.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="348033d1-60df-44a4-9737-945f71b57753",e._sentryDebugIdIdentifier="sentry-dbid-348033d1-60df-44a4-9737-945f71b57753")}catch{}})();const l=g.getLocalizedStrings().months,r={downloadButtonSize:new z(k[4],20)},D=n.div`
-  display: flex;
-  padding: ${s.sp3} ${s.sp4};
-  flex-direction: row;
-  width: 100%;
-`,P=n.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-`,B=n(v)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  margin-left: ${s.sp2};
-  max-height: ${s.sp11};
-  text-overflow: ellipsis;
-  word-break: break-word;
-  text-align: left;
-  overflow: hidden;
-`,C=n.div`
-  cursor: pointer;
-`,_=n(j)`
-  width: ${e=>r.downloadButtonSize.valuePx(e.windowSize)};
-  height: ${e=>r.downloadButtonSize.valuePx(e.windowSize)};
-  min-height: ${e=>r.downloadButtonSize.valuePx(e.windowSize)};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`;function K({accountLast4:e,currentTenantCompanyName:i,data:t,authParams:f,downloadEndPoint:d,documentType:a="statement",boxType:m}){const[p,w]=I.useState(!1),c=b(),h=a==="taxLetter"?`${t.title.year}`:`${l[t.title.month-1]} ${t.title.year}`,u=a==="taxLetter"?`${i}-treasury-tax-letter-${t.title.year}.pdf`:`${i}-${e}-monthly-statement-${l[t.title.month-1]}-${t.title.year}.pdf`,y={period:`${t.title.year}-${$(t.title.month)}`,format:"pdf"},x=o.jsx(D,{children:o.jsxs(P,{children:[o.jsx(B,{children:h}),o.jsx(C,{onClick:()=>T(a==="treasuryStatement"||a==="taxLetter"?`${d}/statements/${t.id}`:`${d}/statements?query=${encodeURIComponent(JSON.stringify(y))}`,u,f,w),children:p?o.jsx(S,{size:"Small",start:!0}):o.jsx(_,{windowSize:c})})]})});return o.jsx(L,{content:x,boxType:m,isDisabled:!1,isNotClickable:!0})}export{K as O};