@zeniai/web-cockpit-ui 1.15.37-dev → 1.15.38-dev

package/dist/assets/{SpendManagementListViewPage-DsTTqmEx-BIrI6gfu.js → SpendManagementListViewPage-D3eISFuA-DO4OqdVE.js}

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/SpendManagementPerTabPage-Dt9HEmXn-QE9XhQeM.js","assets/index-DkG4Gq_1.js","assets/sentry-CkqzujGZ.js","assets/liveblocks-CZpRcduP.js","assets/core-CBRgKovr.js","assets/recharts-CCz6EACy.js","assets/zeni-epic-state-B9mN2lN3.js","assets/mui-jyIGzSd8.js","assets/lottie-CvYZqvKo.js","assets/analytics-Cu6vrn8M.js","assets/lexical-BgntzHWG.js","assets/utils-CvgqAgFT.js","assets/index-t8y498Dk.css","assets/StatusSwitcher-B4EYXc0F-sKbkMf6Z.js","assets/useLongPress-GCK2COYQ-BWF3kStl.js"])))=>i.map(i=>d[i]);
-import{GB as Ve,GC as Je,GD as We,GE as z,GF as Ke,EU as Ye,GG as Ze,cd as qe,ce as Qe,Go as Xe,Gn as et,Gx as tt,ba as ot}from"./zeni-epic-state-B9mN2lN3.js";import{V as n,y as at,ax as nt,J as G,gl as st,gn as it,gJ as lt,bD as rt,w as ct,o as t,dB as dt,g_ as F,bj as ut,gw as pt,x,F as U,g$ as mt,h0 as ht,h1 as bt,h2 as yt,p as v,ap as gt,u as S,fU as ft,h3 as wt,a as Ct,bW as Tt,am as xt,cj as St,h4 as vt,m as kt,an as It}from"./index-DkG4Gq_1.js";import{a as h}from"./sentry-CkqzujGZ.js";import{n as c,k as H}from"./mui-jyIGzSd8.js";import{a as $t}from"./liveblocks-CZpRcduP.js";import{t as At}from"./SpendManagementSection-DbsdVrJv-DjQ_KcId.js";import{K as Et}from"./StatusSwitcher-B4EYXc0F-sKbkMf6Z.js";import"./core-CBRgKovr.js";import"./lottie-CvYZqvKo.js";import"./recharts-CCz6EACy.js";import"./analytics-Cu6vrn8M.js";import"./lexical-BgntzHWG.js";import"./utils-CvgqAgFT.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]="b402a4d0-f2a7-4587-904a-cd0b9f5dbddd",e._sentryDebugIdIdentifier="sentry-dbid-b402a4d0-f2a7-4587-904a-cd0b9f5dbddd")}catch{}})();const N=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"})),Bt=c.div`
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/SpendManagementPerTabPage-BWDjZyLp-DoJN7cmk.js","assets/index-RSYdG57D.js","assets/sentry-D087_5zX.js","assets/liveblocks-BR4rmGyf.js","assets/core-CTDonMeQ.js","assets/recharts-B4xbIQqu.js","assets/zeni-epic-state-DnYFo_hK.js","assets/mui-Bi6zxcZy.js","assets/lottie-CZNmnTyG.js","assets/analytics-BLsUySon.js","assets/lexical-CMaEqdkY.js","assets/utils-bkVcg2I6.js","assets/index-t8y498Dk.css","assets/StatusSwitcher-B9MARTyR-Cy7gefoh.js","assets/useLongPress-GCK2COYQ-Dhr7C1Fb.js"])))=>i.map(i=>d[i]);
+import{FU as Ve,FV as We,FW as Ye,FX as z,FY as Je,Eb as Ze,FZ as Ke,cd as qe,ce as Qe,FH as Xe,FG as et,FQ as tt,ba as ot}from"./zeni-epic-state-DnYFo_hK.js";import{V as n,d as at,aw as nt,J as U,gk as st,gm as it,gI as lt,bD as rt,b as ct,o as t,dB as dt,gZ as F,bj as ut,gv as pt,y as v,F as H,g_ as mt,g$ as ht,h0 as bt,h1 as yt,p as S,ao as gt,u as x,fT as ft,h2 as wt,x as Ct,bW as Tt,al as vt,cj as xt,h3 as St,h as kt,am as It}from"./index-RSYdG57D.js";import{a as h}from"./sentry-D087_5zX.js";import{n as c,k as G}from"./mui-Bi6zxcZy.js";import{a as $t}from"./liveblocks-BR4rmGyf.js";import{t as At}from"./SpendManagementSection-D8rBpC-y-DyxgHeCH.js";import{K as Et}from"./StatusSwitcher-B9MARTyR-Cy7gefoh.js";import"./core-CTDonMeQ.js";import"./lottie-CZNmnTyG.js";import"./recharts-B4xbIQqu.js";import"./analytics-BLsUySon.js";import"./lexical-CMaEqdkY.js";import"./utils-bkVcg2I6.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]="5b778520-2789-4561-be41-be3e06025937",e._sentryDebugIdIdentifier="sentry-dbid-5b778520-2789-4561-be41-be3e06025937")}catch{}})();const N=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"})),Bt=c.div`
   min-width: ${t.sp3};
   width: ${t.sp3};
   height: ${t.sp3};
@@ -10,7 +10,7 @@ import{GB as Ve,GC as Je,GD as We,GE as z,GF as Ke,EU as Ye,GG as Ze,cd as qe,ce
   min-width: inherit;
   width: ${t.sp3};
   height: ${t.sp3};
-`;function So(e){return e.repaymentType==="scheduled"||e.repaymentType==null&&e.paidByUser==null}function jt(e,i,d){return e!=null&&e!==""?`${e}${i!=null&&i!==""?` •••• ${i}`:""}`:d}function Rt(e,i){if(e.accountType==="depositAccount"&&e.depositAccountName!=null&&e.depositAccountName!=="")return{iconType:"zeniChecking",iconColor:mt(0)};if(e.accountType==="paymentAccount"&&e.accountLogo!=null&&(e.accountLogo.base64||e.accountLogo.url)){const d=i(e.accountLogo);if(d!=="")return{photo:d}}return{}}function vo(e){return e.iconType==="zeniChecking"&&e.iconColor!=null&&e.iconColor!==""?n.jsx(Bt,{children:n.jsx(Lt,{color:e.iconColor})}):null}const T={width:new x(343,545,545),containerTop:new x(17,25,25),containerPaddingLeftRight:new x(S[4],S[7])},_t=c.div`
+`;function xo(e){return e.repaymentType==="scheduled"||e.repaymentType==null&&e.paidByUser==null}function jt(e,i,d){return e!=null&&e!==""?`${e}${i!=null&&i!==""?` •••• ${i}`:""}`:d}function Rt(e,i){if(e.accountType==="depositAccount"&&e.depositAccountName!=null&&e.depositAccountName!=="")return{iconType:"zeniChecking",iconColor:mt(0)};if(e.accountType==="paymentAccount"&&e.accountLogo!=null&&(e.accountLogo.base64||e.accountLogo.url)){const d=i(e.accountLogo);if(d!=="")return{photo:d}}return{}}function So(e){return e.iconType==="zeniChecking"&&e.iconColor!=null&&e.iconColor!==""?n.jsx(Bt,{children:n.jsx(Lt,{color:e.iconColor})}):null}const T={width:new v(343,545,545),containerTop:new v(17,25,25),containerPaddingLeftRight:new v(x[4],x[7])},_t=c.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -20,25 +20,25 @@ import{GB as Ve,GC as Je,GD as We,GE as z,GF as Ke,EU as Ye,GG as Ze,cd as qe,ce
   display: flex;
   flex-direction: column;
   align-items: center;
-  background: ${v.overlayDark};
+  background: ${S.overlayDark};
   .fade {
-    animation: ${e=>Dt(e)} 0.25s linear;
+    animation: ${e=>Ot(e)} 0.25s linear;
   }
-`,Pt=({windowSize:e})=>H`
+`,Pt=({windowSize:e})=>G`
 0% {
   top: 100%;
 }
 100% {
   top: ${T.containerTop.valuePercentage(e)};
 }
-`,Dt=({windowSize:e})=>H`
+`,Ot=({windowSize:e})=>G`
 0% {
   top: ${T.containerTop.valuePercentage(e)};
 }
 100% {
   top: 100%;
 }
-`,Ot=c.div`
+`,Dt=c.div`
   display: flex;
   flex-direction: column;
   justify-content: space-between;
@@ -51,7 +51,7 @@ import{GB as Ve,GC as Je,GD as We,GE as z,GF as Ke,EU as Ye,GG as Ze,cd as qe,ce
   padding: ${e=>`${t.sp7}  ${T.containerPaddingLeftRight.valuePx(e.windowSize)}`};
   width: ${e=>T.width.valuePx(e.windowSize)};
   animation: ${e=>Pt(e)} 0.25s linear;
-  box-shadow: ${v.Elevation2Dark};
+  box-shadow: ${S.Elevation2Dark};
 `,Ft=c(Tt)`
   margin-bottom: ${t.sp5};
   color: ${e=>e.theme.colors.primary};
@@ -65,7 +65,7 @@ import{GB as Ve,GC as Je,GD as We,GE as z,GF as Ke,EU as Ye,GG as Ze,cd as qe,ce
   display: flex;
   align-items: center;
   justify-content: center;
-`,Mt=c(xt)`
+`,Mt=c(vt)`
   width: calc(100% - ${t.sp7});
   color: ${e=>e.theme.colors.primary};
   text-align: start;
@@ -74,7 +74,7 @@ import{GB as Ve,GC as Je,GD as We,GE as z,GF as Ke,EU as Ye,GG as Ze,cd as qe,ce
   align-items: center;
   justify-content: center;
   margin-bottom: ${t.sp5};
-`,Gt=c.div`
+`,Ut=c.div`
   display: flex;
   align-items: center;
   padding: ${t.sp2} ${t.sp3};
@@ -82,25 +82,25 @@ import{GB as Ve,GC as Je,GD as We,GE as z,GF as Ke,EU as Ye,GG as Ze,cd as qe,ce
   cursor: ${e=>e.showCopyIcon?"pointer":"default"};
   border: 1px solid
     ${e=>e.showCopyText?e.theme.colors.champion:e.theme.colors.primary};
-`,Ut=c(vt)`
+`,Ht=c(St)`
   width: ${t.sp3};
   height: ${t.sp3};
   cursor: pointer;
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Ht=c.div`
+`,Gt=c.div`
   display: flex;
   align-items: center;
   color: ${e=>e.showCopyText?e.theme.colors.primary:e.theme.colors.grey1};
-`,Vt=c(St)`
+`,Vt=c(xt)`
   margin-right: ${t.sp2};
   color: ${e=>e.showCopyText?e.theme.colors.champion:e.theme.colors.primary};
-`,Jt=c(kt)`
+`,Wt=c(kt)`
   width: ${t.sp3};
   height: ${t.sp3};
-  color: ${v.success};
-`,Wt=c(Ct)`
+  color: ${S.success};
+`,Yt=c(Ct)`
   width: ${t.sp4};
   height: ${t.sp4};
   color: ${e=>e.theme.colors.hero};
@@ -111,13 +111,13 @@ import{GB as Ve,GC as Je,GD as We,GE as z,GF as Ke,EU as Ye,GG as Ze,cd as qe,ce
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Kt=c.div`
+`,Jt=c.div`
   width: 100%;
-`,Yt=c(It)`
+`,Zt=c(It)`
   color: ${e=>e.theme.colors.primary};
   position: absolute;
   bottom: 22px;
-`,M=U.getLocalizedStrings().common.copyToClipBoard;function Zt(e){const i=G(),[,d]=bt(),[p,f]=h.useState(!0),[u,s]=h.useState(!1),[o,l]=h.useState(!1),{isMobileOrTabletScreen:a}=yt(),w=()=>{if(p){const g=e.botEmail;d(g),f(!1)}},C=()=>{s(!0)},y=()=>{s(!1)};return h.useEffect(()=>{p===!1&&setTimeout(()=>{f(!0)},2e3)},[p]),n.jsx(_t,{windowSize:i,role:"presentation",style:{background:v.overlayDark,...e.style},children:n.jsx(gt,{onClickAway:()=>{l(!0),setTimeout(()=>e.onCancelClick?.(),250)},children:n.jsxs(Ot,{windowSize:i,className:o?"fade":"",fade:o,children:[n.jsx(Wt,{onClick:()=>{l(!0),setTimeout(()=>e.onCancelClick?.(),250)}}),n.jsx(Ft,{children:e.title}),n.jsx(Kt,{children:e.descriptionLines.map((g,r)=>n.jsxs(zt,{children:[n.jsx(Nt,{children:g.icon}),n.jsx(Mt,{windowSize:i,children:g.text})]},r))}),n.jsxs(Gt,{onClick:w,onMouseOver:C,onMouseLeave:y,showCopyIcon:p,showCopyText:u,children:[n.jsx(Vt,{showCopyText:u,children:e.botEmail}),p?n.jsx(Ht,{windowSize:i,showCopyText:u&&!a,children:n.jsx(Ut,{})}):n.jsx(Jt,{})]}),n.jsx(Yt,{children:p?u&&!a?M.copy:null:M.copied})]})})})}const V=U.getLocalizedStrings(),m=V.spendManagement,{common:{texts:{comments:qt}},collaboration:{threads:{placeholder:{addANewComment:Qt,replyAComment:Xt},tooltip:{resolveComment:eo,unResolveComment:to}}}}=V,oo={drawerSectionPaddingLeftRight:new x(S[4],S[5])},ao=wt(()=>ot(()=>import("./SpendManagementPerTabPage-Dt9HEmXn-QE9XhQeM.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14]))),no=e=>{const i=at(),d=nt(),p=G(),{transactionList:f,allSubTabs:u,isAdmin:s,botEmail:o,isEmployee:l=!1,currentTab:a,currentSubTab:w,approvalCount:C,fetchState:y,analytics:g,entity:r,uiState:k,searchText:A,filters:W,vendorSearchAutoCompleteData:K,vendorSearchAutoCompleteActions:Y,createdByUserList:Z,createdByUserListFetchState:E,downloadParams:q,downloadState:Q,isDownloadEnabled:X,isShowDeletedBillsEnabled:ee,isShowDeletedReimbursementEnabled:te,billPayApprovalRulesAffectedEntityIds:oe,remiApprovalRulesAffectedEntityIds:ae,isBillPayCommentingEnabled:B,isReimbursementCommentingEnabled:L,isDetectInsufficientFundsEnabled:ne=!1,updateTabToState:se,onSubtabChange:j,onReloadTransactions:ie,onTransactionClick:R,onClickSetupIcon:_,onBackClick:le,onAddTransactionClick:re,onColumnSortConfigChanged:ce,onSearchTextChanged:de,onClickMenuIcon:ue,onFiltersChange:pe,updateDownloadStateHandler:me,bulkSubmissionLimit:he=10,isBulkActionAllowed:be=!1,isRecurringBillInBulkActionList:ye=!1,transactionsSelectedForBulkAction:ge=[],allowedBulkActions:fe=[],bulkSubmissionFetchState:we,updateBulkActionList:Ce,removeAllTransactionsFromBulkActionList:Te,onProceedForBulkActionClick:xe}=e,Se=["draft","pending_approval","scheduled","paid"],ve=b=>{R(b,a)},ke=n.jsx(ao,{botEmail:o,transactionList:f,allSubTabs:u,isAdmin:s,selectedTab:a,selectedSubTab:w,fetchState:y,onSubtabChange:j,onTransactionRowClick:ve,onReloadTransactions:ie,onColumnSortConfigChanged:ce,analytics:g,entity:r,uiState:k,searchText:A,isShowDeletedBillsEnabled:ee,isShowDeletedReimbursementEnabled:te,billPayApprovalRulesAffectedEntityIds:oe,remiApprovalRulesAffectedEntityIds:ae,isBillPayCommentingEnabled:B,isReimbursementCommentingEnabled:L,bulkSubmissionLimit:he,isBulkActionAllowed:be,isRecurringBillInBulkActionList:ye,transactionsSelectedForBulkAction:ge,isDetectInsufficientFundsEnabled:ne,allowedBulkActions:fe,bulkSubmissionFetchState:we,updateBulkActionList:Ce,removeAllTransactionsFromBulkActionList:Te,onProceedForBulkActionClick:xe}),Ie=b=>{se(b),j("all")},$e=Xe(d.loggedInUserRoleMap),[P,Ae]=h.useState(!1),[Ee,D]=h.useState(!1),Be=b=>{Ae(b)},Le=r==="bill_pay"?et(d.loggedInUserRoleMap):tt(d.loggedInUserRoleMap),je={entity:r,showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!0,newButtonLabel:"New",isSearchOpen:P,searchPlaceHolder:r==="bill_pay"?m.billPay.billsByTabs.searchPlaceHolder:m.reimbursement.reimbursementByTabs.searchPlaceHolder,searchText:A,searchTextBoxStyle:{right:"204px"},showSettingsIconOnNavbar:Le,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!0,disableDownloadButton:X===!1,downloadParams:q,downloadState:Q,filters:W,vendorSearchAutoCompleteData:K,vendorSearchAutoCompleteActions:Y,createdByUserListLoaded:r==="bill_pay"||z(d.loggedInUserRole??[])?!0:E==="Completed"||E==="Error",analytics:g,onNewButtonClick:re,onSearchOpen:Be,onSearchTextChanged:de,onClickSetupIcon:_,onClickEmailInfoIcon:()=>D(!0),onFiltersChange:pe,getFilterOptions:r==="bill_pay"||r==="reimbursement"?()=>J(r,Z??[],d.loggedInUserRole??[],[]):void 0,updateDownloadStateHandler:me},Re=n.jsx(At,{spendManagementSectionProps:je}),[_e,Pe]=h.useState(null),[De,I]=h.useState(!1),{setRequestToOpenThread:Oe}=h.useContext(st),Fe=`dashboard_${d.currentTenant?.companyId}`,O=r==="bill_pay"?"bill":"reimbursement",{threads:Ne}=it({application:"dashboard",companyId:d.currentTenant?.companyId,tab:O,entityId:_e?.entityId,isGlobalComment:!1},"both",!1),Me={openAllThreadsDrawer:b=>{Pe({...b}),I(!0)}},ze=(b,$)=>{const{companyId:Ge,entityId:Ue,entityType:He}=b;I(!1),Oe({threadId:$,companyId:Ge,entityType:He}),R(Ue,a)};return n.jsx(lt,{sharedItems:{sharedFunctions:{subtreeFunctions:Me},sharedRef:void 0},children:n.jsxs(io,{children:[n.jsx(rt,{source:"SpendManagementListViewPage",title:r==="bill_pay"?m.billPay.billsByTabs.pageTitle:m.reimbursement.reimbursementByTabs.pageTitle,showBackButton:!l&&!$e,showMenuIcon:p==="medium-compact"||p==="small",backgroundColor:i.colors.grey4,style:{zIndex:3,...ct.largeSemiBold.cssObject},onBackClick:le,rightSideComponent:Re,onClickMenuIcon:ue,isSearchOpen:P}),n.jsxs(lo,{children:[n.jsx(ro,{children:n.jsx(Et,{tabIds:Se,approvalCount:C,selectedTab:a,entity:r,enablePerformanceTracking:!1,onTabSelectedChange:Ie,onClickSetupIcon:_})}),ke]}),Ee?n.jsx(Zt,{botEmail:o,onCancelClick:()=>D(!1),title:r==="bill_pay"?m.billPay.billsByTabs.emailInfoTitle:m.reimbursement.reimbursementByTabs.emailInfoTitle,descriptionLines:r==="bill_pay"?[{icon:n.jsx(N,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription1},{icon:n.jsx(dt,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription2},{icon:n.jsx(F,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription3}]:[{icon:n.jsx(N,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription1},{icon:n.jsx(ut,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription2},{icon:n.jsx(F,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription3}]}):null,r==="bill_pay"&&B||r==="reimbursement"&&L?n.jsx($t,{id:Fe,children:n.jsx(pt,{isDrawerOpen:De,allowComposer:!1,drawerTitle:qt,threads:Ne,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:d.currentTenant?.companyId,isGlobalComment:!1,tab:O},isLoading:!1,textOverrides:{composerPlaceholder:Qt,replyComposerPlaceholder:Xt,threadResolve:eo,threadUnResolve:to},onThreadClick:(b,$)=>ze(b,$),onCloseAllThreadsDrawer:()=>I(!1),drawerSectionStyle:{width:p==="small"?"100%":"400px",boxSizing:p==="small"?"border-box":"content-box",padding:`${t.sp0} ${oo.drawerSectionPaddingLeftRight.valuePx(p)}`,backgroundColor:i.colors.background},collapsibleThreadStyle:{width:p==="small"?"100%":"360px"}})}):null]})})},so=e=>e.base64!==void 0?`${ft}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",J=(e,i,d,p,f)=>{const u=m.filters.filterOptions;return e==="bill_pay"?Ve.reduce((s,o)=>{switch(o.value){case"amount":return{...s,[o.value]:u.billAmountOptions};case"paymentMethod":return{...s,[o.value]:u.paymentMethodOptions};case"status":return{...s,[o.value]:[...u.commonStatusOptions,...u.billStatusOptions]};case"paymentType":return{...s,[o.value]:u.billPaymentTypeOptions};default:return{...s,[o.value]:[]}}},{}):e==="reimbursement"?(z(d)?Je:We).reduce((s,o)=>{switch(o.value){case"createdBy":{if(i?.length===0)return{...s,[o.value]:[]};const l=i.map(a=>({label:a?.firstName||a?.lastName?`${a?.firstName} ${a?.lastName}`:a?.email??"",value:a.userId,photo:a?.photo,email:a?.email}));return{...s,[o.value]:l}}case"paymentMethod":return{...s,[o.value]:u.paymentMethodOptions};case"status":return{...s,[o.value]:u.commonStatusOptions};case"amount":return{...s,[o.value]:u.reimbursementAmountOptions};default:return{...s,[o.value]:[]}}},{}):e==="charge_card_payment_history"?(Ke??[]).reduce((s,o)=>{switch(o.value){case"status":return{...s,[o.value]:u.paymentHistoryStatusOptions};case"initiatedBy":{if(i?.length===0)return{...s,[o.value]:[]};const l=i.map(a=>({label:a?.firstName||a?.lastName?`${a?.firstName} ${a?.lastName}`:a?.email??"",value:a.userId,photo:a?.photo,email:a?.email}));return{...s,[o.value]:[{label:"Autopay",value:"autopay"},...l]}}case"sourceAccount":{const l=f?Object.entries(f).map(([a,w])=>{const C=jt(w.depositAccountName,w.depositAccountLast4,m.chargeCard.paymentHistory.sourceAccountUnknown),y=Rt(w,so),g=y.iconType!=null&&y.iconColor!=null,r=y.photo,k=r!=null&&r!=="";return{label:C,value:a,...g&&{iconType:y.iconType,iconColor:y.iconColor},...k&&{photo:Ye(r)}}}):[];return{...s,[o.value]:l}}case"repaymentDate":return{...s,[o.value]:[]};default:return{...s,[o.value]:[]}}},{}):Ze.reduce((s,o)=>{switch(o.value){case"assignee":{if(i?.length===0)return{...s,[o.value]:[]};const l=i.map(a=>({label:a?.firstName||a?.lastName?`${a?.firstName} ${a?.lastName}`:a?.email??"",value:a.userId,photo:a?.photo,email:a?.email}));return{...s,[o.value]:l}}case"status":return{...s,[o.value]:[...Qe.map(l=>({label:l.name,value:l.code}))]};case"priority":return{...s,[o.value]:[...qe.map(l=>({label:l.name,value:l.code}))]};case"tag":return{...s,[o.value]:[...p.map(l=>({label:l.name,value:l.tagId}))]};default:return{...s,[o.value]:[]}}},{})},io=c.div`
+`,M=H.getLocalizedStrings().common.copyToClipBoard;function Kt(e){const i=U(),[,d]=bt(),[p,f]=h.useState(!0),[u,s]=h.useState(!1),[o,l]=h.useState(!1),{isMobileOrTabletScreen:a}=yt(),w=()=>{if(p){const g=e.botEmail;d(g),f(!1)}},C=()=>{s(!0)},y=()=>{s(!1)};return h.useEffect(()=>{p===!1&&setTimeout(()=>{f(!0)},2e3)},[p]),n.jsx(_t,{windowSize:i,role:"presentation",style:{background:S.overlayDark,...e.style},children:n.jsx(gt,{onClickAway:()=>{l(!0),setTimeout(()=>e.onCancelClick?.(),250)},children:n.jsxs(Dt,{windowSize:i,className:o?"fade":"",fade:o,children:[n.jsx(Yt,{onClick:()=>{l(!0),setTimeout(()=>e.onCancelClick?.(),250)}}),n.jsx(Ft,{children:e.title}),n.jsx(Jt,{children:e.descriptionLines.map((g,r)=>n.jsxs(zt,{children:[n.jsx(Nt,{children:g.icon}),n.jsx(Mt,{windowSize:i,children:g.text})]},r))}),n.jsxs(Ut,{onClick:w,onMouseOver:C,onMouseLeave:y,showCopyIcon:p,showCopyText:u,children:[n.jsx(Vt,{showCopyText:u,children:e.botEmail}),p?n.jsx(Gt,{windowSize:i,showCopyText:u&&!a,children:n.jsx(Ht,{})}):n.jsx(Wt,{})]}),n.jsx(Zt,{children:p?u&&!a?M.copy:null:M.copied})]})})})}const V=H.getLocalizedStrings(),m=V.spendManagement,{common:{texts:{comments:qt}},collaboration:{threads:{placeholder:{addANewComment:Qt,replyAComment:Xt},tooltip:{resolveComment:eo,unResolveComment:to}}}}=V,oo={drawerSectionPaddingLeftRight:new v(x[4],x[5])},ao=wt(()=>ot(()=>import("./SpendManagementPerTabPage-BWDjZyLp-DoJN7cmk.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14]))),no=e=>{const i=at(),d=nt(),p=U(),{transactionList:f,allSubTabs:u,isAdmin:s,botEmail:o,isEmployee:l=!1,currentTab:a,currentSubTab:w,approvalCount:C,fetchState:y,analytics:g,entity:r,uiState:k,searchText:A,filters:Y,vendorSearchAutoCompleteData:J,vendorSearchAutoCompleteActions:Z,createdByUserList:K,createdByUserListFetchState:E,downloadParams:q,downloadState:Q,isDownloadEnabled:X,isShowDeletedBillsEnabled:ee,isShowDeletedReimbursementEnabled:te,billPayApprovalRulesAffectedEntityIds:oe,remiApprovalRulesAffectedEntityIds:ae,isBillPayCommentingEnabled:B,isReimbursementCommentingEnabled:L,isDetectInsufficientFundsEnabled:ne=!1,updateTabToState:se,onSubtabChange:j,onReloadTransactions:ie,onTransactionClick:R,onClickSetupIcon:_,onBackClick:le,onAddTransactionClick:re,onColumnSortConfigChanged:ce,onSearchTextChanged:de,onClickMenuIcon:ue,onFiltersChange:pe,updateDownloadStateHandler:me,bulkSubmissionLimit:he=10,isBulkActionAllowed:be=!1,isRecurringBillInBulkActionList:ye=!1,transactionsSelectedForBulkAction:ge=[],allowedBulkActions:fe=[],bulkSubmissionFetchState:we,updateBulkActionList:Ce,removeAllTransactionsFromBulkActionList:Te,onProceedForBulkActionClick:ve}=e,xe=["draft","pending_approval","scheduled","paid"],Se=b=>{R(b,a)},ke=n.jsx(ao,{botEmail:o,transactionList:f,allSubTabs:u,isAdmin:s,selectedTab:a,selectedSubTab:w,fetchState:y,onSubtabChange:j,onTransactionRowClick:Se,onReloadTransactions:ie,onColumnSortConfigChanged:ce,analytics:g,entity:r,uiState:k,searchText:A,isShowDeletedBillsEnabled:ee,isShowDeletedReimbursementEnabled:te,billPayApprovalRulesAffectedEntityIds:oe,remiApprovalRulesAffectedEntityIds:ae,isBillPayCommentingEnabled:B,isReimbursementCommentingEnabled:L,bulkSubmissionLimit:he,isBulkActionAllowed:be,isRecurringBillInBulkActionList:ye,transactionsSelectedForBulkAction:ge,isDetectInsufficientFundsEnabled:ne,allowedBulkActions:fe,bulkSubmissionFetchState:we,updateBulkActionList:Ce,removeAllTransactionsFromBulkActionList:Te,onProceedForBulkActionClick:ve}),Ie=b=>{se(b),j("all")},$e=Xe(d.loggedInUserRoleMap),[P,Ae]=h.useState(!1),[Ee,O]=h.useState(!1),Be=b=>{Ae(b)},Le=r==="bill_pay"?et(d.loggedInUserRoleMap):tt(d.loggedInUserRoleMap),je={entity:r,showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!0,newButtonLabel:"New",isSearchOpen:P,searchPlaceHolder:r==="bill_pay"?m.billPay.billsByTabs.searchPlaceHolder:m.reimbursement.reimbursementByTabs.searchPlaceHolder,searchText:A,searchTextBoxStyle:{right:"204px"},showSettingsIconOnNavbar:Le,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!0,disableDownloadButton:X===!1,downloadParams:q,downloadState:Q,filters:Y,vendorSearchAutoCompleteData:J,vendorSearchAutoCompleteActions:Z,createdByUserListLoaded:r==="bill_pay"||z(d.loggedInUserRole??[])?!0:E==="Completed"||E==="Error",analytics:g,onNewButtonClick:re,onSearchOpen:Be,onSearchTextChanged:de,onClickSetupIcon:_,onClickEmailInfoIcon:()=>O(!0),onFiltersChange:pe,getFilterOptions:r==="bill_pay"||r==="reimbursement"?()=>W(r,K??[],d.loggedInUserRole??[],[]):void 0,updateDownloadStateHandler:me},Re=n.jsx(At,{spendManagementSectionProps:je}),[_e,Pe]=h.useState(null),[Oe,I]=h.useState(!1),{setRequestToOpenThread:De}=h.useContext(st),Fe=`dashboard_${d.currentTenant?.companyId}`,D=r==="bill_pay"?"bill":"reimbursement",{threads:Ne}=it({application:"dashboard",companyId:d.currentTenant?.companyId,tab:D,entityId:_e?.entityId,isGlobalComment:!1},"both",!1),Me={openAllThreadsDrawer:b=>{Pe({...b}),I(!0)}},ze=(b,$)=>{const{companyId:Ue,entityId:He,entityType:Ge}=b;I(!1),De({threadId:$,companyId:Ue,entityType:Ge}),R(He,a)};return n.jsx(lt,{sharedItems:{sharedFunctions:{subtreeFunctions:Me},sharedRef:void 0},children:n.jsxs(io,{children:[n.jsx(rt,{source:"SpendManagementListViewPage",title:r==="bill_pay"?m.billPay.billsByTabs.pageTitle:m.reimbursement.reimbursementByTabs.pageTitle,showBackButton:!l&&!$e,showMenuIcon:p==="medium-compact"||p==="small",backgroundColor:i.colors.grey4,style:{zIndex:3,...ct.largeSemiBold.cssObject},onBackClick:le,rightSideComponent:Re,onClickMenuIcon:ue,isSearchOpen:P}),n.jsxs(lo,{children:[n.jsx(ro,{children:n.jsx(Et,{tabIds:xe,approvalCount:C,selectedTab:a,entity:r,enablePerformanceTracking:!1,onTabSelectedChange:Ie,onClickSetupIcon:_})}),ke]}),Ee?n.jsx(Kt,{botEmail:o,onCancelClick:()=>O(!1),title:r==="bill_pay"?m.billPay.billsByTabs.emailInfoTitle:m.reimbursement.reimbursementByTabs.emailInfoTitle,descriptionLines:r==="bill_pay"?[{icon:n.jsx(N,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription1},{icon:n.jsx(dt,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription2},{icon:n.jsx(F,{width:t.sp4,height:t.sp4}),text:m.billPay.billsByTabs.emailInfoDescription3}]:[{icon:n.jsx(N,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription1},{icon:n.jsx(ut,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription2},{icon:n.jsx(F,{width:t.sp4,height:t.sp4}),text:m.reimbursement.reimbursementByTabs.emailInfoDescription3}]}):null,r==="bill_pay"&&B||r==="reimbursement"&&L?n.jsx($t,{id:Fe,children:n.jsx(pt,{isDrawerOpen:Oe,allowComposer:!1,drawerTitle:qt,threads:Ne,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:d.currentTenant?.companyId,isGlobalComment:!1,tab:D},isLoading:!1,textOverrides:{composerPlaceholder:Qt,replyComposerPlaceholder:Xt,threadResolve:eo,threadUnResolve:to},onThreadClick:(b,$)=>ze(b,$),onCloseAllThreadsDrawer:()=>I(!1),drawerSectionStyle:{width:p==="small"?"100%":"400px",boxSizing:p==="small"?"border-box":"content-box",padding:`${t.sp0} ${oo.drawerSectionPaddingLeftRight.valuePx(p)}`,backgroundColor:i.colors.background},collapsibleThreadStyle:{width:p==="small"?"100%":"360px"}})}):null]})})},so=e=>e.base64!==void 0?`${ft}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",W=(e,i,d,p,f)=>{const u=m.filters.filterOptions;return e==="bill_pay"?Ve.reduce((s,o)=>{switch(o.value){case"amount":return{...s,[o.value]:u.billAmountOptions};case"paymentMethod":return{...s,[o.value]:u.paymentMethodOptions};case"status":return{...s,[o.value]:[...u.commonStatusOptions,...u.billStatusOptions]};case"paymentType":return{...s,[o.value]:u.billPaymentTypeOptions};default:return{...s,[o.value]:[]}}},{}):e==="reimbursement"?(z(d)?We:Ye).reduce((s,o)=>{switch(o.value){case"createdBy":{if(i?.length===0)return{...s,[o.value]:[]};const l=i.map(a=>({label:a?.firstName||a?.lastName?`${a?.firstName} ${a?.lastName}`:a?.email??"",value:a.userId,photo:a?.photo,email:a?.email}));return{...s,[o.value]:l}}case"paymentMethod":return{...s,[o.value]:u.paymentMethodOptions};case"status":return{...s,[o.value]:u.commonStatusOptions};case"amount":return{...s,[o.value]:u.reimbursementAmountOptions};default:return{...s,[o.value]:[]}}},{}):e==="charge_card_payment_history"?(Je??[]).reduce((s,o)=>{switch(o.value){case"status":return{...s,[o.value]:u.paymentHistoryStatusOptions};case"initiatedBy":{if(i?.length===0)return{...s,[o.value]:[]};const l=i.map(a=>({label:a?.firstName||a?.lastName?`${a?.firstName} ${a?.lastName}`:a?.email??"",value:a.userId,photo:a?.photo,email:a?.email}));return{...s,[o.value]:[{label:"Autopay",value:"autopay"},...l]}}case"sourceAccount":{const l=f?Object.entries(f).map(([a,w])=>{const C=jt(w.depositAccountName,w.depositAccountLast4,m.chargeCard.paymentHistory.sourceAccountUnknown),y=Rt(w,so),g=y.iconType!=null&&y.iconColor!=null,r=y.photo,k=r!=null&&r!=="";return{label:C,value:a,...g&&{iconType:y.iconType,iconColor:y.iconColor},...k&&{photo:Ze(r)}}}):[];return{...s,[o.value]:l}}case"repaymentDate":return{...s,[o.value]:[]};default:return{...s,[o.value]:[]}}},{}):Ke.reduce((s,o)=>{switch(o.value){case"assignee":{if(i?.length===0)return{...s,[o.value]:[]};const l=i.map(a=>({label:a?.firstName||a?.lastName?`${a?.firstName} ${a?.lastName}`:a?.email??"",value:a.userId,photo:a?.photo,email:a?.email}));return{...s,[o.value]:l}}case"status":return{...s,[o.value]:[...Qe.map(l=>({label:l.name,value:l.code}))]};case"priority":return{...s,[o.value]:[...qe.map(l=>({label:l.name,value:l.code}))]};case"tag":return{...s,[o.value]:[...p.map(l=>({label:l.name,value:l.tagId}))]};default:return{...s,[o.value]:[]}}},{})},io=c.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;
@@ -131,4 +131,4 @@ import{GB as Ve,GC as Je,GD as We,GE as z,GF as Ke,EU as Ye,GG as Ze,cd as qe,ce
   display: flex;
   margin-top: ${t.sp3};
   justify-content: center;
-`,ko=Object.freeze(Object.defineProperty({__proto__:null,default:no,getDashboardFilterCategoryValues:J},Symbol.toStringTag,{value:"Module"}));export{ko as S,J as a,jt as g,So as i,vo as r};
+`,ko=Object.freeze(Object.defineProperty({__proto__:null,default:no,getDashboardFilterCategoryValues:W},Symbol.toStringTag,{value:"Module"}));export{ko as S,W as a,jt as g,xo as i,So as r};

package/dist/assets/{SpendManagementPerTabPage-Dt9HEmXn-QE9XhQeM.js → SpendManagementPerTabPage-BWDjZyLp-DoJN7cmk.js}

@@ -1,4 +1,4 @@
-import{a9 as Vt,cH as Kt,J as X,l5 as Wt,V as t,ad as Ut,cr as Ht,cs as Gt,ct as qt,aS as Yt,o as i,F as te,ce as Zt,cn as lt,ga as Jt,b4 as Qt,cv as Xt,iV as ei,iW as ti,T as ii,bU as J,bP as oi,aU as li,x as m,y as qe,gb as ni,l6 as ri,p as Q,d0 as si,an as W,am as O,aj as ae,l7 as ai,fe as di,l8 as ci,l9 as bt,la as xt,kd as pi,lb as mi,lc as ui,bS as ft,w as Be,ab as ee,ax as Ye,gN as Ze,a8 as Je,gn as Qe,cL as wt,ld as $t,le as Ie,aP as ze,lf as Xe,aL as we,j2 as vt,j3 as St,lg as kt,j1 as Pt,cB as Tt,cE as Ct,lh as E,li as jt,gz as _t,c$ as Bt,dw as et,u as p}from"./index-DkG4Gq_1.js";import{a as _,P as It}from"./sentry-CkqzujGZ.js";import{n as o,c as Y}from"./mui-jyIGzSd8.js";import{Hq as Pe,H5 as Te,Gy as Le,bp as zt}from"./zeni-epic-state-B9mN2lN3.js";import{K as hi,L as gi,_ as yi}from"./StatusSwitcher-B4EYXc0F-sKbkMf6Z.js";import{d as Lt}from"./useLongPress-GCK2COYQ-BWF3kStl.js";import"./liveblocks-CZpRcduP.js";import"./core-CBRgKovr.js";import"./recharts-CCz6EACy.js";import"./lottie-CvYZqvKo.js";import"./analytics-Cu6vrn8M.js";import"./lexical-BgntzHWG.js";import"./utils-CvgqAgFT.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="449079d0-0bf9-4f1a-9079-dfc1c48976fc",e._sentryDebugIdIdentifier="sentry-dbid-449079d0-0bf9-4f1a-9079-dfc1c48976fc")}catch{}})();const he=te.getLocalizedStrings().spendManagement.billPay.billsByTabs.header,Ae={key:"name",value:he.name,sortOrder:"ascending",width:new m(p[5],p[5])},De={key:"invoiceDate",value:he.invoiceDate,sortOrder:"ascending",width:new m(20,20)},bi={key:"dueDate",value:he.dueDate,sortOrder:"ascending",width:new m(20,20)},tt={key:"dueDate",value:he.paymentDate,sortOrder:"ascending",width:new m(20,20)},it={key:"status",value:he.status,sortOrder:"ascending",width:new m(18,18)},xi={key:"paymentMethod",value:he.paymentMethod,sortOrder:"ascending",width:new m(18,18)},Re={key:"amount",value:he.amount,sortOrder:"ascending",width:new m(10,10)},xe=[Ae,De,bi,it,Re],fi=[Ae,De,tt,it,Re],wi=[Ae,De,tt,it,Re],$i=[Ae,De,tt,xi,Re],be={headerLastColumnTopPadding:new m(p[0],p[4]),headerLastColumnRightPadding:new m(p[3],p[11]),headerLastColumnBottomPadding:new m(p[0],p[4]),headerLastColumnLeftPadding:new m(p[0],p[4]),headerHeight:new m(vt,St)};function vi({companyNameSticky:e,currentTab:l,onColumnSortConfigChanged:d,sortConfig:r}){const a=qe(),h=X(),[y,x]=_.useState(zi(l));_.useEffect(()=>{const s=[...y];for(const n of s)n.key===r.sortKey?n.sortOrder=r.sortOrder:n.sortOrder="ascending";x(s)},[r.sortKey,r.sortOrder]);const $=(s,n)=>{let g=n;r.sortKey===s&&(g=n==="ascending"?"descending":"ascending"),d?.(s,g)},f=y.find(s=>s.key===r.sortKey)??y[0],b=s=>y.find(n=>n.key===s)?.value??"",u=y.map(s=>s.key),w=te.getLocalizedStrings().spendManagement.billPay.billsByTabs;return h==="small"?t.jsxs(nt,{windowSize:h,companyNameSticky:!1,children:[t.jsxs(Ti,{children:[t.jsx(ji,{children:t.jsx(Ci,{})}),t.jsx(ft,{title:w.sortBy,placeholder:w.sortBy,pickerValues:u,valueToLabel:b,selectedValue:r.sortKey,onPickerSelectionChanged:s=>{$(s,"ascending")},optionTextStyle:Be.smallRegular,titleTextStyle:Be.smallRegular,titleColor:a.colors.primary,selectedOptionColor:a.colors.hero,optionBackgroundColor:a.colors.grey5,downChevronVisible:!1,backgroundColor:a.colors.background})]}),t.jsxs(Ii,{onClick:()=>$(f.key,f.sortOrder),"data-testid":ee("bill-pay-list-header-mobile",r.sortKey),children:[t.jsx(ae,{children:f.value}),t.jsx(rt,{sortDataValue:r.sortKey,headerdata:f,children:t.jsx(st,{})})]})]}):t.jsx(nt,{companyNameSticky:e,windowSize:h,children:y.map(s=>t.jsxs(ki,{companyNameSticky:e&&s.key==="name",sortDataValue:r.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:h,children:[t.jsxs(Bi,{onClick:()=>$(s.key,s.sortOrder),"data-testid":ee("bill-pay-list-header",r.sortKey),children:[t.jsx(ae,{children:s.value}),t.jsx(rt,{sortDataValue:r.sortKey,headerdata:s,children:t.jsx(st,{})})]}),t.jsx(_i,{sortDataValue:r.sortKey,windowSize:h,isVisible:r.sortKey===s.key&&s.key!=="dueDate",children:t.jsx(Pi,{onClick:()=>$("dueDate","ascending"),"data-testid":ee("bill-pay-list-header-sort-close",r.sortKey)})})]},s.key))})}const Si=It.memo(vi),nt=o(ae)`
+import{a9 as Kt,cG as Vt,J as X,l0 as Wt,V as t,ac as Ut,cq as Ht,cr as Gt,cs as qt,aS as Yt,o as i,F as te,ce as Zt,cn as lt,g9 as Jt,b4 as Qt,cu as Xt,iV as ei,iW as ti,T as ii,bU as J,bP as oi,aU as li,y as m,d as qe,ga as ni,l1 as ri,p as Q,c$ as si,am as W,al as O,ai as ae,l2 as ai,fd as di,l3 as ci,l4 as bt,l5 as xt,kd as pi,l6 as mi,l7 as ui,bS as ft,b as Be,aQ as ee,aw as Ye,gM as Ze,a8 as Je,gm as Qe,cK as wt,l8 as $t,l9 as Ie,aO as ze,la as Xe,aK as we,j2 as vt,j3 as St,lb as kt,j1 as Pt,cA as Tt,cD as Ct,lc as E,ld as jt,gy as _t,c_ as Bt,dw as et,u as p}from"./index-RSYdG57D.js";import{a as _,P as It}from"./sentry-D087_5zX.js";import{n as o,c as Y}from"./mui-Bi6zxcZy.js";import{GI as Pe,Go as Te,FR as Ae,bp as zt}from"./zeni-epic-state-DnYFo_hK.js";import{K as hi,L as gi,_ as yi}from"./StatusSwitcher-B9MARTyR-Cy7gefoh.js";import{d as At}from"./useLongPress-GCK2COYQ-Dhr7C1Fb.js";import"./liveblocks-BR4rmGyf.js";import"./core-CTDonMeQ.js";import"./recharts-B4xbIQqu.js";import"./lottie-CZNmnTyG.js";import"./analytics-BLsUySon.js";import"./lexical-CMaEqdkY.js";import"./utils-bkVcg2I6.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="b4267e21-10c8-4781-967d-7002e3dc4bcf",e._sentryDebugIdIdentifier="sentry-dbid-b4267e21-10c8-4781-967d-7002e3dc4bcf")}catch{}})();const he=te.getLocalizedStrings().spendManagement.billPay.billsByTabs.header,Le={key:"name",value:he.name,sortOrder:"ascending",width:new m(p[5],p[5])},De={key:"invoiceDate",value:he.invoiceDate,sortOrder:"ascending",width:new m(20,20)},bi={key:"dueDate",value:he.dueDate,sortOrder:"ascending",width:new m(20,20)},tt={key:"dueDate",value:he.paymentDate,sortOrder:"ascending",width:new m(20,20)},it={key:"status",value:he.status,sortOrder:"ascending",width:new m(18,18)},xi={key:"paymentMethod",value:he.paymentMethod,sortOrder:"ascending",width:new m(18,18)},Re={key:"amount",value:he.amount,sortOrder:"ascending",width:new m(10,10)},xe=[Le,De,bi,it,Re],fi=[Le,De,tt,it,Re],wi=[Le,De,tt,it,Re],$i=[Le,De,tt,xi,Re],be={headerLastColumnTopPadding:new m(p[0],p[4]),headerLastColumnRightPadding:new m(p[3],p[11]),headerLastColumnBottomPadding:new m(p[0],p[4]),headerLastColumnLeftPadding:new m(p[0],p[4]),headerHeight:new m(vt,St)};function vi({companyNameSticky:e,currentTab:l,onColumnSortConfigChanged:d,sortConfig:r}){const a=qe(),h=X(),[y,x]=_.useState(zi(l));_.useEffect(()=>{const s=[...y];for(const n of s)n.key===r.sortKey?n.sortOrder=r.sortOrder:n.sortOrder="ascending";x(s)},[r.sortKey,r.sortOrder]);const $=(s,n)=>{let g=n;r.sortKey===s&&(g=n==="ascending"?"descending":"ascending"),d?.(s,g)},f=y.find(s=>s.key===r.sortKey)??y[0],b=s=>y.find(n=>n.key===s)?.value??"",u=y.map(s=>s.key),w=te.getLocalizedStrings().spendManagement.billPay.billsByTabs;return h==="small"?t.jsxs(nt,{windowSize:h,companyNameSticky:!1,children:[t.jsxs(Ti,{children:[t.jsx(ji,{children:t.jsx(Ci,{})}),t.jsx(ft,{title:w.sortBy,placeholder:w.sortBy,pickerValues:u,valueToLabel:b,selectedValue:r.sortKey,onPickerSelectionChanged:s=>{$(s,"ascending")},optionTextStyle:Be.smallRegular,titleTextStyle:Be.smallRegular,titleColor:a.colors.primary,selectedOptionColor:a.colors.hero,optionBackgroundColor:a.colors.grey5,downChevronVisible:!1,backgroundColor:a.colors.background})]}),t.jsxs(Ii,{onClick:()=>$(f.key,f.sortOrder),"data-testid":ee("bill-pay-list-header-mobile",r.sortKey),children:[t.jsx(ae,{children:f.value}),t.jsx(rt,{sortDataValue:r.sortKey,headerdata:f,children:t.jsx(st,{})})]})]}):t.jsx(nt,{companyNameSticky:e,windowSize:h,children:y.map(s=>t.jsxs(ki,{companyNameSticky:e&&s.key==="name",sortDataValue:r.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:h,children:[t.jsxs(Bi,{onClick:()=>$(s.key,s.sortOrder),"data-testid":ee("bill-pay-list-header",r.sortKey),children:[t.jsx(ae,{children:s.value}),t.jsx(rt,{sortDataValue:r.sortKey,headerdata:s,children:t.jsx(st,{})})]}),t.jsx(_i,{sortDataValue:r.sortKey,windowSize:h,isVisible:r.sortKey===s.key&&s.key!=="dueDate",children:t.jsx(Pi,{onClick:()=>$("dueDate","ascending"),"data-testid":ee("bill-pay-list-header-sort-close",r.sortKey)})})]},s.key))})}const Si=It.memo(vi),nt=o(ae)`
   width: 100%;
   top: ${i.sp0};
   left: ${i.sp0};
@@ -69,7 +69,7 @@ import{a9 as Vt,cH as Kt,J as X,l5 as Wt,V as t,ad as Ut,cr as Ht,cs as Gt,ct as
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,zi=e=>{switch(e){case"draft":return we(xe);case"pending_approval":return we(fi);case"scheduled":return we(wi);case"paid":return we($i)}},fe={containerPaddingLeft:new m(p[3],p[4]),containerPaddingRight:new m(p[3],p[4]),containerPaddingTop:new m(p[2],12),containerPaddingBottom:new m(p[2],12),containerMarginLeft:new m(p[4],p[8]),webkitLineClamp:new m(2,1,1,1,1)},{spendManagement:{billPay:{billDetails:le}},common:{strings:{empty:We,space:ve}}}=te.getLocalizedStrings(),Li=({transactionDetail:e,tagStatus:l,reportTitleAdditionalInfo:d,isSelected:r,isBillPayCommentingEnabled:a,isProcessing:h,isAffectedByApprovalRuleUpdate:y=!1,lowBalanceAlert:x,approvers:$,deletionAdditionalInfo:f,paidAdditionalInfo:b,showLowBalanceTooltip:u,onTransactionRowClick:w})=>{const s=h||y,n=X(),g=Ye(),T=Ze(),I=Je().analytics,c=`dashboard_${g.currentTenant?.companyId}`,{threads:j,isLoading:S}=Qe({application:"dashboard",companyId:g.currentTenant?.companyId,tab:"bill",entityId:e.id,isGlobalComment:!1},"both",!1),z=_.useMemo(()=>j.filter(P=>P.resolved===!1),[j]),A=P=>{P.stopPropagation(),T?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:c,companyId:g.currentTenant?.companyId??We,companyName:g.currentTenant?.companyName??We,entityType:"bill.details",entityId:e.id}),I.trackCommentActivity("bill","clicked",g.currentTenant?.companyName??We,g.controllersList.controllers.map(M=>et(M)),void 0,void 0,"comment on field")},C=_.useCallback(()=>{w(e.id)},[e.id]),k=zt(e.billPayInfo.billPaymentStatus.code)?$t(e.createdByUser):Ie($),Z=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:le.newBillTitle,G=()=>`${le.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`;return t.jsxs(Ai,{windowSize:n,statusCode:l?.code??"",isSelected:r,isProcessing:s,children:[t.jsx(Di,{onClick:C,"data-testid":ee("bill-pay-transaction-row",e.id),children:t.jsxs(Ri,{children:[t.jsxs(Ei,{windowSize:n,responsiveWidth:xe[0].width,children:[t.jsxs(Mi,{children:[t.jsx(Ni,{windowSize:n,children:Z}),e.isRecurring?t.jsx(J,{title:G(),placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(Hi,{isProcessing:s,children:t.jsx(Gi,{})})}):null]}),t.jsx(Oi,{children:`${d[0].label} ${d[0].value}`})]}),t.jsx(at,{windowSize:n,responsiveWidth:xe[1].width,children:d[1].value}),t.jsx(at,{windowSize:n,responsiveWidth:xe[2].width,children:d[2].value}),t.jsxs(Ui,{windowSize:n,responsiveWidth:xe[3].width,children:[t.jsxs(Wi,{children:[l!==void 0?t.jsx(Vi,{className:"statusTag",color:l.color,bgColor:l.bgColor,borderColor:l.borderColor,children:l.value??le.hyphenText}):t.jsx(Ki,{children:le.hyphenText}),u===!0&&x!=null&&x.length>0?t.jsx(J,{title:x,placement:"bottom",display:"flex",style:{padding:`12px ${i.sp3}`},position:"relative",maxWidth:"311px",children:t.jsx(qi,{})}):null]}),$!==void 0&&k.length>0?k.length>1?t.jsx(J,{style:{padding:"2px 5px"},title:`${le.byText}${ve}${k.join(`${ve}${le.orText}${ve}`)}`,placement:"bottom-start",children:t.jsx(Ce,{children:`${le.byText}${ve}${k[0]}${le.dots}`})}):t.jsx(Ce,{children:`${le.byText}${ve}${k[0]}`}):null,f!=null?t.jsx(Ce,{children:f}):null,b!=null?t.jsx(Ce,{children:b}):null]}),t.jsx(Fi,{windowSize:n,responsiveWidth:xe[4].width,children:ze("0,0[.]00",e.totalAmountInUSD)})]})}),a&&z.length>0?t.jsx(Xe,{isLoading:S,count:z.length,style:{position:"absolute",float:"right",right:"44px",top:i.sp1},openThread:A}):null]})},Ai=o.div`
+`,zi=e=>{switch(e){case"draft":return we(xe);case"pending_approval":return we(fi);case"scheduled":return we(wi);case"paid":return we($i)}},fe={containerPaddingLeft:new m(p[3],p[4]),containerPaddingRight:new m(p[3],p[4]),containerPaddingTop:new m(p[2],12),containerPaddingBottom:new m(p[2],12),containerMarginLeft:new m(p[4],p[8]),webkitLineClamp:new m(2,1,1,1,1)},{spendManagement:{billPay:{billDetails:le}},common:{strings:{empty:We,space:ve}}}=te.getLocalizedStrings(),Ai=({transactionDetail:e,tagStatus:l,reportTitleAdditionalInfo:d,isSelected:r,isBillPayCommentingEnabled:a,isProcessing:h,isAffectedByApprovalRuleUpdate:y=!1,lowBalanceAlert:x,approvers:$,deletionAdditionalInfo:f,paidAdditionalInfo:b,showLowBalanceTooltip:u,onTransactionRowClick:w})=>{const s=h||y,n=X(),g=Ye(),T=Ze(),I=Je().analytics,c=`dashboard_${g.currentTenant?.companyId}`,{threads:j,isLoading:S}=Qe({application:"dashboard",companyId:g.currentTenant?.companyId,tab:"bill",entityId:e.id,isGlobalComment:!1},"both",!1),z=_.useMemo(()=>j.filter(P=>P.resolved===!1),[j]),L=P=>{P.stopPropagation(),T?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:c,companyId:g.currentTenant?.companyId??We,companyName:g.currentTenant?.companyName??We,entityType:"bill.details",entityId:e.id}),I.trackCommentActivity("bill","clicked",g.currentTenant?.companyName??We,g.controllersList.controllers.map(M=>et(M)),void 0,void 0,"comment on field")},C=_.useCallback(()=>{w(e.id)},[e.id]),k=zt(e.billPayInfo.billPaymentStatus.code)?$t(e.createdByUser):Ie($),Z=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:le.newBillTitle,G=()=>`${le.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`;return t.jsxs(Li,{windowSize:n,statusCode:l?.code??"",isSelected:r,isProcessing:s,children:[t.jsx(Di,{onClick:C,"data-testid":ee("bill-pay-transaction-row",e.id),children:t.jsxs(Ri,{children:[t.jsxs(Ei,{windowSize:n,responsiveWidth:xe[0].width,children:[t.jsxs(Mi,{children:[t.jsx(Ni,{windowSize:n,children:Z}),e.isRecurring?t.jsx(J,{title:G(),placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(Hi,{isProcessing:s,children:t.jsx(Gi,{})})}):null]}),t.jsx(Oi,{children:`${d[0].label} ${d[0].value}`})]}),t.jsx(at,{windowSize:n,responsiveWidth:xe[1].width,children:d[1].value}),t.jsx(at,{windowSize:n,responsiveWidth:xe[2].width,children:d[2].value}),t.jsxs(Ui,{windowSize:n,responsiveWidth:xe[3].width,children:[t.jsxs(Wi,{children:[l!==void 0?t.jsx(Ki,{className:"statusTag",color:l.color,bgColor:l.bgColor,borderColor:l.borderColor,children:l.value??le.hyphenText}):t.jsx(Vi,{children:le.hyphenText}),u===!0&&x!=null&&x.length>0?t.jsx(J,{title:x,placement:"bottom",display:"flex",style:{padding:`12px ${i.sp3}`},position:"relative",maxWidth:"311px",children:t.jsx(qi,{})}):null]}),$!==void 0&&k.length>0?k.length>1?t.jsx(J,{style:{padding:"2px 5px"},title:`${le.byText}${ve}${k.join(`${ve}${le.orText}${ve}`)}`,placement:"bottom-start",children:t.jsx(Ce,{children:`${le.byText}${ve}${k[0]}${le.dots}`})}):t.jsx(Ce,{children:`${le.byText}${ve}${k[0]}`}):null,f!=null?t.jsx(Ce,{children:f}):null,b!=null?t.jsx(Ce,{children:b}):null]}),t.jsx(Fi,{windowSize:n,responsiveWidth:xe[4].width,children:ze("0,0[.]00",e.totalAmountInUSD)})]})}),a&&z.length>0?t.jsx(Xe,{isLoading:S,count:z.length,style:{position:"absolute",float:"right",right:"44px",top:i.sp1},openThread:L}):null]})},Li=o.div`
   display: flex;
   margin-bottom: ${i.sp3};
   background-color: ${e=>e.isProcessing?"transparent":e.theme.colors.grey5};
@@ -167,7 +167,7 @@ import{a9 as Vt,cH as Kt,J as X,l5 as Wt,V as t,ad as Ut,cr as Ht,cs as Gt,ct as
   text-overflow: ellipsis;
   width: 90%;
   white-space: nowrap;
-`,Vi=o(W)`
+`,Ki=o(W)`
   display: flex;
   color: ${e=>e.color};
   height: 20px;
@@ -181,7 +181,7 @@ import{a9 as Vt,cH as Kt,J as X,l5 as Wt,V as t,ad as Ut,cr as Ht,cs as Gt,ct as
   display: inline-block;
   border: ${e=>`1px solid ${e.borderColor}`};
   border-radius: ${i.sp1};
-`,Ki=o(O)``,at=o(O)`
+`,Vi=o(O)``,at=o(O)`
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   color: ${e=>e.theme.colors.hero};
   box-sizing: border-box;
@@ -221,7 +221,7 @@ import{a9 as Vt,cH as Kt,J as X,l5 as Wt,V as t,ad as Ut,cr as Ht,cs as Gt,ct as
   :hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,ce={containerPaddingLeft:new m(p[3],p[4]),containerPaddingRight:new m(p[3],p[4]),containerPaddingTop:new m(p[2],p[3]),containerPaddingBottom:new m(p[2],p[3]),containerMarginLeft:new m(p[3],p[8]),webkitLineClamp:new m(2,2,1,1,1)},{spendManagement:{billPay:{billDetails:ne}},common:{strings:{empty:Ue,space:Se}}}=te.getLocalizedStrings(),Yi=({transactionDetail:e,tagStatus:l,isProcessing:d,isAffectedByApprovalRuleUpdate:r=!1,isSelected:a,isBillPayCommentingEnabled:h,bulkSelectFormId:y,isBulkSelectionLimitReached:x,isSelectionMode:$,reportTitleAdditionalInfo:f,lowBalanceAlert:b,approvers:u,deletionAdditionalInfo:w,paidAdditionalInfo:s,showLowBalanceTooltip:n,onTransactionRowClick:g})=>{const T=d||r,I=X(),c=Ye(),j=Ze(),S=Je().analytics,z=`dashboard_${c.currentTenant?.companyId}`,{threads:A,isLoading:C}=Qe({application:"dashboard",companyId:c.currentTenant?.companyId,tab:"bill",entityId:e.id,isGlobalComment:!1},"both",!1),k=_.useMemo(()=>A.filter(V=>V.resolved===!1),[A]),Z=V=>{V.stopPropagation(),j?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:z,companyId:c.currentTenant?.companyId??Ue,companyName:c.currentTenant?.companyName??Ue,entityType:"bill.details",entityId:e.id}),S.trackCommentActivity("bill","clicked",c.currentTenant?.companyName??Ue,c.controllersList.controllers.map(U=>et(U)),void 0,void 0,"comment on field")},{getValues:G,setValue:P}=wt(),M=zt(e.billPayInfo.billPaymentStatus.code)?$t(e.createdByUser):Ie(u),re=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:ne.newBillTitle,ie=()=>`${ne.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`,se=G(y),ge=_.useCallback(()=>{!x&&e.bulkSelectInfo?.isSelectableForBulkAction&&!a&&P(y,[...se,e.id])},[y,x,a,P,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,se]),Oe=_.useCallback(()=>{ge()},[ge]),ye=_.useCallback(V=>{V.stopPropagation(),V.cancelable&&V.preventDefault(),$?ge():g(e.id)},[ge,$,g,e.id]),Ve=Lt({onLongPress:Oe},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(Zi,{windowSize:I,statusCode:l?.code??"",isSelected:a,isProcessing:T,children:[t.jsx(Ji,{onClick:ye,...Ve,"data-testid":ee("bill-pay-trxn-row-small",e.id),children:t.jsxs(Qi,{children:[t.jsxs(ro,{children:[t.jsxs(Xi,{children:[t.jsxs(eo,{children:[t.jsx(to,{windowSize:I,children:re}),e.isRecurring?t.jsx(J,{title:ie(),placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(ao,{isProcessing:T,children:t.jsx(co,{})})}):null]}),t.jsx(oo,{children:`${f[0].label} ${f[0].value}`})]}),t.jsx(dt,{children:`${f[1].label} ${f[1].value}`}),t.jsx(dt,{children:`${f[2].label} ${f[2].value}`})]}),t.jsxs(so,{children:[t.jsx(io,{children:ze("0,0[.]00",e.totalAmountInUSD)}),t.jsxs(no,{hasAlertIcon:b!=null,children:[t.jsxs(po,{children:[l!==void 0?t.jsx(lo,{className:"statusTag",color:l.color,bgColor:l.bgColor,borderColor:l.borderColor,children:l.value??ne.hyphenText}):t.jsx(t.Fragment,{children:ne.hyphenText}),n===!0&&b!=null&&b.length>0?t.jsx(uo,{onClick:V=>V.stopPropagation(),children:t.jsx(J,{title:b,placement:"bottom",display:"flex",style:{padding:`12px ${i.sp3}`},position:"relative",maxWidth:"311px",enterDelay:600,children:t.jsx(mo,{})})}):null]}),u!==void 0&&M.length>0?M.length>1?t.jsx(J,{title:`${ne.byText}${Se}${M.join(`${Se}${ne.orText}${Se}`)}`,placement:"bottom-start",children:t.jsx(je,{children:`${ne.byText}${Se}${M[0]}${ne.dots}`})}):t.jsx(je,{children:`${ne.byText}${Se}${M[0]}`}):null,w!=null?t.jsx(je,{children:w}):null,s!=null?t.jsx(je,{children:s}):null]})]})]})}),h&&k.length>0?t.jsx(Xe,{isLoading:C,count:k.length,style:{position:"absolute",float:"right",right:"6px",top:i.sp1},openThread:Z}):null]})},Zi=o.div`
+`,ce={containerPaddingLeft:new m(p[3],p[4]),containerPaddingRight:new m(p[3],p[4]),containerPaddingTop:new m(p[2],p[3]),containerPaddingBottom:new m(p[2],p[3]),containerMarginLeft:new m(p[3],p[8]),webkitLineClamp:new m(2,2,1,1,1)},{spendManagement:{billPay:{billDetails:ne}},common:{strings:{empty:Ue,space:Se}}}=te.getLocalizedStrings(),Yi=({transactionDetail:e,tagStatus:l,isProcessing:d,isAffectedByApprovalRuleUpdate:r=!1,isSelected:a,isBillPayCommentingEnabled:h,bulkSelectFormId:y,isBulkSelectionLimitReached:x,isSelectionMode:$,reportTitleAdditionalInfo:f,lowBalanceAlert:b,approvers:u,deletionAdditionalInfo:w,paidAdditionalInfo:s,showLowBalanceTooltip:n,onTransactionRowClick:g})=>{const T=d||r,I=X(),c=Ye(),j=Ze(),S=Je().analytics,z=`dashboard_${c.currentTenant?.companyId}`,{threads:L,isLoading:C}=Qe({application:"dashboard",companyId:c.currentTenant?.companyId,tab:"bill",entityId:e.id,isGlobalComment:!1},"both",!1),k=_.useMemo(()=>L.filter(K=>K.resolved===!1),[L]),Z=K=>{K.stopPropagation(),j?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:z,companyId:c.currentTenant?.companyId??Ue,companyName:c.currentTenant?.companyName??Ue,entityType:"bill.details",entityId:e.id}),S.trackCommentActivity("bill","clicked",c.currentTenant?.companyName??Ue,c.controllersList.controllers.map(U=>et(U)),void 0,void 0,"comment on field")},{getValues:G,setValue:P}=wt(),M=zt(e.billPayInfo.billPaymentStatus.code)?$t(e.createdByUser):Ie(u),re=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:ne.newBillTitle,ie=()=>`${ne.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`,se=G(y),ge=_.useCallback(()=>{!x&&e.bulkSelectInfo?.isSelectableForBulkAction&&!a&&P(y,[...se,e.id])},[y,x,a,P,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,se]),Oe=_.useCallback(()=>{ge()},[ge]),ye=_.useCallback(K=>{K.stopPropagation(),K.cancelable&&K.preventDefault(),$?ge():g(e.id)},[ge,$,g,e.id]),Ke=At({onLongPress:Oe},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(Zi,{windowSize:I,statusCode:l?.code??"",isSelected:a,isProcessing:T,children:[t.jsx(Ji,{onClick:ye,...Ke,"data-testid":ee("bill-pay-trxn-row-small",e.id),children:t.jsxs(Qi,{children:[t.jsxs(ro,{children:[t.jsxs(Xi,{children:[t.jsxs(eo,{children:[t.jsx(to,{windowSize:I,children:re}),e.isRecurring?t.jsx(J,{title:ie(),placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(ao,{isProcessing:T,children:t.jsx(co,{})})}):null]}),t.jsx(oo,{children:`${f[0].label} ${f[0].value}`})]}),t.jsx(dt,{children:`${f[1].label} ${f[1].value}`}),t.jsx(dt,{children:`${f[2].label} ${f[2].value}`})]}),t.jsxs(so,{children:[t.jsx(io,{children:ze("0,0[.]00",e.totalAmountInUSD)}),t.jsxs(no,{hasAlertIcon:b!=null,children:[t.jsxs(po,{children:[l!==void 0?t.jsx(lo,{className:"statusTag",color:l.color,bgColor:l.bgColor,borderColor:l.borderColor,children:l.value??ne.hyphenText}):t.jsx(t.Fragment,{children:ne.hyphenText}),n===!0&&b!=null&&b.length>0?t.jsx(uo,{onClick:K=>K.stopPropagation(),children:t.jsx(J,{title:b,placement:"bottom",display:"flex",style:{padding:`12px ${i.sp3}`},position:"relative",maxWidth:"311px",enterDelay:600,children:t.jsx(mo,{})})}):null]}),u!==void 0&&M.length>0?M.length>1?t.jsx(J,{title:`${ne.byText}${Se}${M.join(`${Se}${ne.orText}${Se}`)}`,placement:"bottom-start",children:t.jsx(je,{children:`${ne.byText}${Se}${M[0]}${ne.dots}`})}):t.jsx(je,{children:`${ne.byText}${Se}${M[0]}`}):null,w!=null?t.jsx(je,{children:w}):null,s!=null?t.jsx(je,{children:s}):null]})]})]})}),h&&k.length>0?t.jsx(Xe,{isLoading:C,count:k.length,style:{position:"absolute",float:"right",right:"6px",top:i.sp1},openThread:Z}):null]})},Zi=o.div`
   display: flex;
   margin-bottom: ${i.sp3};
   background-color: ${e=>e.isProcessing?"transparent":e.theme.colors.grey5};
@@ -361,7 +361,7 @@ import{a9 as Vt,cH as Kt,J as X,l5 as Wt,V as t,ad as Ut,cr as Ht,cs as Gt,ct as
   :hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,uo=o.div``,de=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs.header,Ee={key:"reportName",value:de.name,sortOrder:"ascending",width:new m(30,30)},Me={key:"type",value:de.type,sortOrder:"ascending",width:new m(20,20)},Ne={key:"status",value:de.status,sortOrder:"ascending",width:new m(20,20)},Fe={key:"amount",value:de.amount,sortOrder:"ascending",width:new m(10,10)},pe=[Ee,{key:"submittedOn",value:de.created,sortOrder:"ascending",width:new m(20,20)},Me,Ne,Fe],ho=[Ee,{key:"submittedOn",value:de.submitted,sortOrder:"ascending",width:new m(20,20)},Me,Ne,Fe],go=[Ee,{key:"submittedOn",value:de.paymentDate,sortOrder:"ascending",width:new m(20,20)},Me,Ne,Fe],yo=[Ee,{key:"submittedOn",value:de.paidOn,sortOrder:"ascending",width:new m(20,20)},Me,Ne,Fe],At={draft:pe,pending_approval:ho,scheduled:go,paid:yo},_e={headerLastColumnTopPadding:new m(p[0],p[4]),headerLastColumnRightPadding:new m(p[3],p[11]),headerLastColumnBottomPadding:new m(p[0],p[4]),headerLastColumnLeftPadding:new m(p[3],p[4])};function bo({companyNameSticky:e,currentTab:l,onColumnSortConfigChanged:d,sortConfig:r,analytics:a}){const h=X(),y=qe(),[x,$]=_.useState(we(At[l]));_.useEffect(()=>{const n=[...x];for(const g of n)g.key===r.sortKey?g.sortOrder=r.sortOrder:g.sortOrder="ascending";$(n)},[r.sortKey,r.sortOrder]);const f=(n,g)=>{let T=g;r.sortKey===n&&(T=g==="ascending"?"descending":"ascending"),a?.trackReimbursementListSort(n,T),d?.(n,T)},b=x.find(n=>n.key===r.sortKey)??x[0],u=n=>x.find(g=>g.key===n)?.value??"",w=x.map(n=>n.key),s=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs;return h==="small"?t.jsxs(ct,{height:vt,windowSize:h,children:[t.jsx(wo,{children:t.jsx($o,{})}),t.jsx(ft,{title:s.sortBy,placeholder:s.sortBy,pickerValues:w,valueToLabel:u,selectedValue:r.sortKey,onPickerSelectionChanged:n=>{f(n,"ascending")},optionTextStyle:Be.smallRegular,titleTextStyle:Be.smallRegular,titleColor:y.colors.primary,selectedOptionColor:y.colors.hero,optionBackgroundColor:"inherit",downChevronVisible:!1}),t.jsxs(Po,{onClick:()=>f(b.key,b.sortOrder),"data-testid":ee("remi-list-header-small",r.sortKey),children:[t.jsx(ae,{children:b.value}),t.jsx(pt,{sortDataValue:r.sortKey,headerdata:b,children:t.jsx(mt,{})})]})]}):t.jsx(ct,{height:St,windowSize:h,children:x.map(n=>t.jsxs(fo,{companyNameSticky:e,sortDataValue:r.sortKey,actualDataValue:n.key,wrapperWidth:n.width,windowSize:h,children:[t.jsxs(ko,{onClick:()=>f(n.key,n.sortOrder),"data-testid":ee("remi-list-header",r.sortKey),children:[t.jsx(ae,{children:n.value}),t.jsx(pt,{sortDataValue:r.sortKey,headerdata:n,children:t.jsx(mt,{})})]}),t.jsx(So,{sortDataValue:r.sortKey,windowSize:h,isVisible:r.sortKey===n.key&&n.key!=="submittedOn",children:t.jsx(vo,{onClick:()=>f("submittedOn","ascending"),"data-testid":ee("remi-list-close-sort",r.sortKey)})})]},n.key))})}const xo=It.memo(bo),ct=o(ae)`
+`,uo=o.div``,de=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs.header,Ee={key:"reportName",value:de.name,sortOrder:"ascending",width:new m(30,30)},Me={key:"type",value:de.type,sortOrder:"ascending",width:new m(20,20)},Ne={key:"status",value:de.status,sortOrder:"ascending",width:new m(20,20)},Fe={key:"amount",value:de.amount,sortOrder:"ascending",width:new m(10,10)},pe=[Ee,{key:"submittedOn",value:de.created,sortOrder:"ascending",width:new m(20,20)},Me,Ne,Fe],ho=[Ee,{key:"submittedOn",value:de.submitted,sortOrder:"ascending",width:new m(20,20)},Me,Ne,Fe],go=[Ee,{key:"submittedOn",value:de.paymentDate,sortOrder:"ascending",width:new m(20,20)},Me,Ne,Fe],yo=[Ee,{key:"submittedOn",value:de.paidOn,sortOrder:"ascending",width:new m(20,20)},Me,Ne,Fe],Lt={draft:pe,pending_approval:ho,scheduled:go,paid:yo},_e={headerLastColumnTopPadding:new m(p[0],p[4]),headerLastColumnRightPadding:new m(p[3],p[11]),headerLastColumnBottomPadding:new m(p[0],p[4]),headerLastColumnLeftPadding:new m(p[3],p[4])};function bo({companyNameSticky:e,currentTab:l,onColumnSortConfigChanged:d,sortConfig:r,analytics:a}){const h=X(),y=qe(),[x,$]=_.useState(we(Lt[l]));_.useEffect(()=>{const n=[...x];for(const g of n)g.key===r.sortKey?g.sortOrder=r.sortOrder:g.sortOrder="ascending";$(n)},[r.sortKey,r.sortOrder]);const f=(n,g)=>{let T=g;r.sortKey===n&&(T=g==="ascending"?"descending":"ascending"),a?.trackReimbursementListSort(n,T),d?.(n,T)},b=x.find(n=>n.key===r.sortKey)??x[0],u=n=>x.find(g=>g.key===n)?.value??"",w=x.map(n=>n.key),s=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs;return h==="small"?t.jsxs(ct,{height:vt,windowSize:h,children:[t.jsx(wo,{children:t.jsx($o,{})}),t.jsx(ft,{title:s.sortBy,placeholder:s.sortBy,pickerValues:w,valueToLabel:u,selectedValue:r.sortKey,onPickerSelectionChanged:n=>{f(n,"ascending")},optionTextStyle:Be.smallRegular,titleTextStyle:Be.smallRegular,titleColor:y.colors.primary,selectedOptionColor:y.colors.hero,optionBackgroundColor:"inherit",downChevronVisible:!1}),t.jsxs(Po,{onClick:()=>f(b.key,b.sortOrder),"data-testid":ee("remi-list-header-small",r.sortKey),children:[t.jsx(ae,{children:b.value}),t.jsx(pt,{sortDataValue:r.sortKey,headerdata:b,children:t.jsx(mt,{})})]})]}):t.jsx(ct,{height:St,windowSize:h,children:x.map(n=>t.jsxs(fo,{companyNameSticky:e,sortDataValue:r.sortKey,actualDataValue:n.key,wrapperWidth:n.width,windowSize:h,children:[t.jsxs(ko,{onClick:()=>f(n.key,n.sortOrder),"data-testid":ee("remi-list-header",r.sortKey),children:[t.jsx(ae,{children:n.value}),t.jsx(pt,{sortDataValue:r.sortKey,headerdata:n,children:t.jsx(mt,{})})]}),t.jsx(So,{sortDataValue:r.sortKey,windowSize:h,isVisible:r.sortKey===n.key&&n.key!=="submittedOn",children:t.jsx(vo,{onClick:()=>f("submittedOn","ascending"),"data-testid":ee("remi-list-close-sort",r.sortKey)})})]},n.key))})}const xo=It.memo(bo),ct=o(ae)`
   width: 100%;
   top: 0;
   left: 0;
@@ -429,7 +429,7 @@ import{a9 as Vt,cH as Kt,J as X,l5 as Wt,V as t,ad as Ut,cr as Ht,cs as Gt,ct as
     color: ${e=>e.theme.colors.primary};
   }
   margin-left: auto;
-`,ke={containerPaddingLeft:new m(p[3],p[4]),containerPaddingRight:new m(p[3],p[4]),containerPaddingTop:new m(p[2],12),containerPaddingBottom:new m(p[2],12),containerMarginLeft:new m(p[4],p[8])},q=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,To=({reimbursementDetail:e,tagStatus:l,isProcessing:d,isSelected:r,reportTitleAdditionalInfo:a,date:h,approvers:y,deletionAdditionalInfo:x,isReimbursementCommentingEnabled:$,onTransactionRowClick:f})=>{const b=X(),u=Ye(),w=_.useRef(null),[s,n]=_.useState(0);_.useLayoutEffect(()=>{w.current&&n(w.current.offsetWidth*kt)},[b]);const g=Je().analytics,T=Ze(),I=`dashboard_${u.currentTenant?.companyId}`,c=()=>{f(e.id)},j=e.reimbursementTypesIncluded,S=Ie(y),z=te.getLocalizedStrings().common.strings.empty,{threads:A,isLoading:C}=Qe({application:"dashboard",companyId:u.currentTenant?.companyId,tab:"reimbursement",entityId:e.id,isGlobalComment:!1},"both",!1),k=_.useMemo(()=>A.filter(G=>G.resolved===!1),[A]),Z=G=>{G.stopPropagation(),T?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:I,companyId:u.currentTenant?.companyId??z,companyName:u.currentTenant?.companyName??z,entityType:"reimbursement.details",entityId:e.id??z}),g.trackCommentActivity("reimbursement","clicked",u.currentTenant?.companyName??z,u.controllersList.controllers.map(P=>et(P)),void 0,void 0,"comment on field")};return t.jsxs(Co,{windowSize:b,onClick:c,isProcessing:d,isSelected:r,statusCode:l?.code??z,"data-testid":ee("remi-row-click",e.id),children:[t.jsx(jo,{children:t.jsxs(_o,{children:[t.jsxs(Bo,{windowSize:b,responsiveWidth:pe[0].width,ref:w,children:[t.jsx(Io,{windowSize:b,reportNameWidth:s,children:e.reportTitle??q.newReimbursementTitle}),a!=null&&t.jsx(zo,{children:`${q.byText} ${a?.firstName} ${a?.lastName}`})]}),t.jsx(Ao,{windowSize:b,responsiveWidth:pe[1].width,children:h}),j.length>1?t.jsx(ut,{windowSize:b,responsiveWidth:pe[2].width,children:t.jsx(J,{title:q.reimbursementType.both,placement:"bottom-start",display:"flex",children:q.reimbursementType.titleForBoth})}):t.jsx(ut,{windowSize:b,responsiveWidth:pe[2].width,children:q.reimbursementType[j[0]]}),t.jsxs(Ro,{windowSize:b,responsiveWidth:pe[3].width,children:[l!==void 0?t.jsx(Eo,{className:"statusTag",color:l.color,bgColor:l.bgColor,borderColor:l.borderColor,children:l.value??q.hyphenText}):t.jsx(Do,{children:q.hyphenText}),y!==void 0&&S.length>0?S.length>1?t.jsx(J,{title:`${q.byText} `+S.join(` ${q.orText} `),placement:"bottom-start",children:t.jsx(He,{children:`${q.byText} `+S[0]+`${q.dots}`})}):t.jsx(He,{children:`${q.byText} `+S[0]}):null,x!=null?t.jsx(He,{children:x}):null]}),t.jsx(Lo,{windowSize:b,responsiveWidth:pe[4].width,children:ze("0,0[.]00",e.amount)})]})}),$&&k.length>0?t.jsx(Xe,{isLoading:C,count:k.length,style:{position:"absolute",float:"right",right:`calc(${i.sp6} + ${i.sp1})`,top:i.sp1},openThread:Z}):null]})},Co=o.div`
+`,ke={containerPaddingLeft:new m(p[3],p[4]),containerPaddingRight:new m(p[3],p[4]),containerPaddingTop:new m(p[2],12),containerPaddingBottom:new m(p[2],12),containerMarginLeft:new m(p[4],p[8])},q=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,To=({reimbursementDetail:e,tagStatus:l,isProcessing:d,isSelected:r,reportTitleAdditionalInfo:a,date:h,approvers:y,deletionAdditionalInfo:x,isReimbursementCommentingEnabled:$,onTransactionRowClick:f})=>{const b=X(),u=Ye(),w=_.useRef(null),[s,n]=_.useState(0);_.useLayoutEffect(()=>{w.current&&n(w.current.offsetWidth*kt)},[b]);const g=Je().analytics,T=Ze(),I=`dashboard_${u.currentTenant?.companyId}`,c=()=>{f(e.id)},j=e.reimbursementTypesIncluded,S=Ie(y),z=te.getLocalizedStrings().common.strings.empty,{threads:L,isLoading:C}=Qe({application:"dashboard",companyId:u.currentTenant?.companyId,tab:"reimbursement",entityId:e.id,isGlobalComment:!1},"both",!1),k=_.useMemo(()=>L.filter(G=>G.resolved===!1),[L]),Z=G=>{G.stopPropagation(),T?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:I,companyId:u.currentTenant?.companyId??z,companyName:u.currentTenant?.companyName??z,entityType:"reimbursement.details",entityId:e.id??z}),g.trackCommentActivity("reimbursement","clicked",u.currentTenant?.companyName??z,u.controllersList.controllers.map(P=>et(P)),void 0,void 0,"comment on field")};return t.jsxs(Co,{windowSize:b,onClick:c,isProcessing:d,isSelected:r,statusCode:l?.code??z,"data-testid":ee("remi-row-click",e.id),children:[t.jsx(jo,{children:t.jsxs(_o,{children:[t.jsxs(Bo,{windowSize:b,responsiveWidth:pe[0].width,ref:w,children:[t.jsx(Io,{windowSize:b,reportNameWidth:s,children:e.reportTitle??q.newReimbursementTitle}),a!=null&&t.jsx(zo,{children:`${q.byText} ${a?.firstName} ${a?.lastName}`})]}),t.jsx(Lo,{windowSize:b,responsiveWidth:pe[1].width,children:h}),j.length>1?t.jsx(ut,{windowSize:b,responsiveWidth:pe[2].width,children:t.jsx(J,{title:q.reimbursementType.both,placement:"bottom-start",display:"flex",children:q.reimbursementType.titleForBoth})}):t.jsx(ut,{windowSize:b,responsiveWidth:pe[2].width,children:q.reimbursementType[j[0]]}),t.jsxs(Ro,{windowSize:b,responsiveWidth:pe[3].width,children:[l!==void 0?t.jsx(Eo,{className:"statusTag",color:l.color,bgColor:l.bgColor,borderColor:l.borderColor,children:l.value??q.hyphenText}):t.jsx(Do,{children:q.hyphenText}),y!==void 0&&S.length>0?S.length>1?t.jsx(J,{title:`${q.byText} `+S.join(` ${q.orText} `),placement:"bottom-start",children:t.jsx(He,{children:`${q.byText} `+S[0]+`${q.dots}`})}):t.jsx(He,{children:`${q.byText} `+S[0]}):null,x!=null?t.jsx(He,{children:x}):null]}),t.jsx(Ao,{windowSize:b,responsiveWidth:pe[4].width,children:ze("0,0[.]00",e.amount)})]})}),$&&k.length>0?t.jsx(Xe,{isLoading:C,count:k.length,style:{position:"absolute",float:"right",right:`calc(${i.sp6} + ${i.sp1})`,top:i.sp1},openThread:Z}):null]})},Co=o.div`
   display: flex;
   margin-bottom: ${i.sp3};
   background-color: ${e=>e.isProcessing?"transparent":e.theme.colors.grey5};
@@ -507,13 +507,13 @@ import{a9 as Vt,cH as Kt,J as X,l5 as Wt,V as t,ad as Ut,cr as Ht,cs as Gt,ct as
   width: ${e=>e.reportNameWidth!=null&&e.reportNameWidth>0?`${e.reportNameWidth}px`:`${kt*100}%`};
 `,zo=o(ae)`
   color: ${e=>e.theme.colors.grey1};
-`,Lo=o(O)`
+`,Ao=o(O)`
   display: flex;
   align-items: ${e=>e.windowSize==="small"||e.windowSize==="medium-compact"?"flex-start":"center"};
   color: ${e=>e.theme.colors.hero};
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   justify-content: flex-end;
-`,Ao=o(O)`
+`,Lo=o(O)`
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   color: ${e=>e.theme.colors.hero};
   box-sizing: border-box;
@@ -547,7 +547,7 @@ import{a9 as Vt,cH as Kt,J as X,l5 as Wt,V as t,ad as Ut,cr as Ht,cs as Gt,ct as
   padding: 1px 6px 1px 6px;
   border: ${e=>`1px solid ${e.borderColor}`};
   border-radius: ${i.sp1};
-`,me={containerPaddingLeft:new m(p[3],p[4]),containerPaddingRight:new m(p[3],p[4]),containerPaddingTop:new m(p[2],p[3]),containerPaddingBottom:new m(p[2],p[3]),containerMarginLeft:new m(p[3],p[8]),webkitLineClamp:new m(2,2,1,1,1)},K=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,Mo=({reimbursementDetail:e,tagStatus:l,currentTab:d,isProcessing:r,isSelected:a,bulkSelectFormId:h,isBulkSelectionLimitReached:y,isSelectionMode:x,reportTitleAdditionalInfo:$,date:f,approvers:b,deletionAdditionalInfo:u,onTransactionRowClick:w})=>{const s=X(),{getValues:n,setValue:g}=wt(),T=e.reimbursementTypesIncluded,I=Ie(b),c=we(At[d]),j=n(h),S=_.useCallback(()=>{!y&&e.bulkSelectInfo?.isSelectableForBulkAction&&!a&&g(h,[...j,e.id])},[h,y,a,g,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,j]),z=_.useCallback(()=>{S()},[S]),A=_.useCallback(k=>{k.stopPropagation(),k.cancelable&&k.preventDefault(),x?S():w(e.id)},[S,x,w,e.id]),C=Lt({onLongPress:z},{shouldPreventDefault:!1,delay:1e3});return t.jsx(No,{windowSize:s,statusCode:l?.code??"",isProcessing:r,isSelected:a,children:t.jsx(Fo,{onClick:A,...C,"data-testid":ee("remi-row-click-mobile",e.id),children:t.jsxs(Oo,{children:[t.jsxs(Vo,{children:[t.jsxs(Wo,{children:[t.jsx(Uo,{windowSize:s,children:e.reportTitle??K.newReimbursementTitle}),$!=null&&t.jsx(Ho,{children:`${K.byText} ${$?.firstName} ${$?.lastName}`})]}),t.jsxs(qo,{children:[c[1].value+": ",f]}),T.length>1?t.jsx(J,{title:K.reimbursementType.both,placement:"bottom-start",display:"flex",children:t.jsxs(ht,{children:[K.reimbursementType.type+": ",K.reimbursementType.titleForBoth]})}):t.jsxs(ht,{children:[K.reimbursementType.type+": ",K.reimbursementType[T[0]]]})]}),t.jsxs(Ko,{children:[t.jsx(Go,{children:ze("0,0[.]00",e.amount)}),t.jsxs(Yo,{children:[l!==void 0?t.jsx(Zo,{className:"statusTag",color:l.color,bgColor:l.bgColor,borderColor:l.borderColor,children:l.value??K.hyphenText}):t.jsx(t.Fragment,{children:K.hyphenText}),b!==void 0&&I.length>0?I.length>1?t.jsx(J,{title:`${K.byText} `+I.join(` ${K.orText} `),placement:"bottom-start",children:t.jsx(Ge,{style:{marginLeft:"auto"},children:`${K.byText} `+I[0]+`${K.dots}`})}):t.jsx(Ge,{style:{marginLeft:"auto"},children:`${K.byText} `+I[0]}):null,u!=null?t.jsx(Ge,{children:u}):null]})]})]})})})},No=o.div`
+`,me={containerPaddingLeft:new m(p[3],p[4]),containerPaddingRight:new m(p[3],p[4]),containerPaddingTop:new m(p[2],p[3]),containerPaddingBottom:new m(p[2],p[3]),containerMarginLeft:new m(p[3],p[8]),webkitLineClamp:new m(2,2,1,1,1)},V=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,Mo=({reimbursementDetail:e,tagStatus:l,currentTab:d,isProcessing:r,isSelected:a,bulkSelectFormId:h,isBulkSelectionLimitReached:y,isSelectionMode:x,reportTitleAdditionalInfo:$,date:f,approvers:b,deletionAdditionalInfo:u,onTransactionRowClick:w})=>{const s=X(),{getValues:n,setValue:g}=wt(),T=e.reimbursementTypesIncluded,I=Ie(b),c=we(Lt[d]),j=n(h),S=_.useCallback(()=>{!y&&e.bulkSelectInfo?.isSelectableForBulkAction&&!a&&g(h,[...j,e.id])},[h,y,a,g,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,j]),z=_.useCallback(()=>{S()},[S]),L=_.useCallback(k=>{k.stopPropagation(),k.cancelable&&k.preventDefault(),x?S():w(e.id)},[S,x,w,e.id]),C=At({onLongPress:z},{shouldPreventDefault:!1,delay:1e3});return t.jsx(No,{windowSize:s,statusCode:l?.code??"",isProcessing:r,isSelected:a,children:t.jsx(Fo,{onClick:L,...C,"data-testid":ee("remi-row-click-mobile",e.id),children:t.jsxs(Oo,{children:[t.jsxs(Ko,{children:[t.jsxs(Wo,{children:[t.jsx(Uo,{windowSize:s,children:e.reportTitle??V.newReimbursementTitle}),$!=null&&t.jsx(Ho,{children:`${V.byText} ${$?.firstName} ${$?.lastName}`})]}),t.jsxs(qo,{children:[c[1].value+": ",f]}),T.length>1?t.jsx(J,{title:V.reimbursementType.both,placement:"bottom-start",display:"flex",children:t.jsxs(ht,{children:[V.reimbursementType.type+": ",V.reimbursementType.titleForBoth]})}):t.jsxs(ht,{children:[V.reimbursementType.type+": ",V.reimbursementType[T[0]]]})]}),t.jsxs(Vo,{children:[t.jsx(Go,{children:ze("0,0[.]00",e.amount)}),t.jsxs(Yo,{children:[l!==void 0?t.jsx(Zo,{className:"statusTag",color:l.color,bgColor:l.bgColor,borderColor:l.borderColor,children:l.value??V.hyphenText}):t.jsx(t.Fragment,{children:V.hyphenText}),b!==void 0&&I.length>0?I.length>1?t.jsx(J,{title:`${V.byText} `+I.join(` ${V.orText} `),placement:"bottom-start",children:t.jsx(Ge,{style:{marginLeft:"auto"},children:`${V.byText} `+I[0]+`${V.dots}`})}):t.jsx(Ge,{style:{marginLeft:"auto"},children:`${V.byText} `+I[0]}):null,u!=null?t.jsx(Ge,{children:u}):null]})]})]})})})},No=o.div`
   display: flex;
   margin-bottom: ${i.sp3};
   background-color: ${e=>e.theme.colors.grey5};
@@ -608,10 +608,10 @@ import{a9 as Vt,cH as Kt,J as X,l5 as Wt,V as t,ad as Ut,cr as Ht,cs as Gt,ct as
   display: flex;
   width: 100%;
   justify-content: space-between;
-`,Vo=o.div`
+`,Ko=o.div`
   display: flex;
   flex-direction: column;
-`,Ko=o.div`
+`,Vo=o.div`
   display: flex;
   flex-direction: column;
   text-align: right;
@@ -663,7 +663,7 @@ import{a9 as Vt,cH as Kt,J as X,l5 as Wt,V as t,ad as Ut,cr as Ht,cs as Gt,ct as
   border: ${e=>`1px solid ${e.borderColor}`};
   border-radius: ${i.sp1};
   margin-left: auto;
-`,Jo={lastListItemHeight:new m(200,158)},v=te.getLocalizedStrings(),{common:{texts:{maxLimit:Qo}},spendManagement:{billPay:Dt,reimbursement:Xo}}=v,H=Dt.bulkActions,F=Xo.bulkActions,N=v.common.strings.empty,ue="bulkSelectIds",el=({transactionList:e,botEmail:l,selectedTab:d,selectedSubTab:r,isShowDeletedBillsEnabled:a,isShowDeletedReimbursementEnabled:h,billPayApprovalRulesAffectedEntityIds:y,remiApprovalRulesAffectedEntityIds:x,isBillPayCommentingEnabled:$,isReimbursementCommentingEnabled:f,searchText:b,isAdmin:u,entity:w,uiState:s,bulkSubmissionLimit:n,isBulkActionAllowed:g,transactionsSelectedForBulkAction:T,isDetectInsufficientFundsEnabled:I,fetchState:c,analytics:j,onTransactionRowClick:S,onReloadTransactions:z,onColumnSortConfigChanged:A})=>{const C=X(),k=P=>{const M=w==="bill_pay"?e[P].vendor?.name??e[P].candidateVendorName??N:e[P].reportTitle??N;return ri(M,C)},Z=_.useRef(null);_.useEffect(()=>{Z.current?.resetAfterIndex(0)},[C,Z,d,r]);const G=_.forwardRef((P,M)=>{const{children:re,style:ie,...se}=P;return t.jsx(kl,{ref:M,style:{...ie,width:"auto"},...se,children:t.jsx(Sl,{children:re})})});return G.displayName=v.spendManagement.billPay.billsByTabs.headerElementDisplayName,Zt({componentName:`${gi(w)}.${yi(d,w)}`,enabled:c==="Completed"}),t.jsx(hl,{children:c==="Error"?t.jsxs(bl,{children:[t.jsx(xl,{onClick:z,children:t.jsx(fl,{})}),t.jsx(wl,{children:v.peoplePage.reloadPage.label})]}):c==="Completed"&&e.length===0&&b!=N?t.jsx(lt,{message:w==="bill_pay"?v.spendManagement.billPay.billsByTabs.noDataWithFilterText:v.spendManagement.reimbursement.reimbursementByTabs.noDataWithFilterText}):c==="Completed"&&e.length===0?t.jsx(lt,{message:w==="bill_pay"?v.spendManagement.billPay.billsByTabs.noDataText:v.spendManagement.reimbursement.reimbursementByTabs.noDataText,orMessage:w==="bill_pay"?v.spendManagement.billPay.billsByTabs.noDataTextViaMail:v.spendManagement.reimbursement.reimbursementByTabs.noDataTextViaMail,emailTextPrefix:w==="bill_pay"?void 0:v.spendManagement.reimbursement.reimbursementByTabs.receiptTo,botEmail:l}):c==="Not-Started"||c==="In-Progress"?t.jsx(Jt,{fetchState:c,styles:{margin:"auto"}}):t.jsx($l,{windowSize:C,children:t.jsx(Qt,{children:({height:P,width:M})=>t.jsx(Xt,{ref:Z,height:P,itemCount:w==="bill_pay"||w==="reimbursement"?1:e.length,innerElementType:G,itemSize:k,estimatedItemSize:ti,itemKey:re=>e[re].id,width:M,overscanCount:ei,itemData:{entity:w,isBulkActionAllowed:g,isShowDeletedBillsEnabled:a,isShowDeletedReimbursementEnabled:h,billPayApprovalRulesAffectedEntityIds:y,remiApprovalRulesAffectedEntityIds:x,isBillPayCommentingEnabled:$,isReimbursementCommentingEnabled:f,transactionList:e,isAdmin:u,selectedTab:d,transactionsSelectedForBulkAction:T,bulkSubmissionLimit:n,uiState:s,analytics:j,isDetectInsufficientFundsEnabled:I,onTransactionRowClick:S,onColumnSortConfigChanged:A},initialScrollOffset:0,children:tl})})})})},Ul=({transactionList:e,botEmail:l,allSubTabs:d,isAdmin:r,selectedTab:a,isShowDeletedBillsEnabled:h,isShowDeletedReimbursementEnabled:y,billPayApprovalRulesAffectedEntityIds:x,remiApprovalRulesAffectedEntityIds:$,isBillPayCommentingEnabled:f,isReimbursementCommentingEnabled:b,selectedSubTab:u,searchText:w,entity:s,uiState:n,bulkSubmissionLimit:g,isBulkActionAllowed:T,isRecurringBillInBulkActionList:I,transactionsSelectedForBulkAction:c,allowedBulkActions:j,bulkSubmissionFetchState:S,isDetectInsufficientFundsEnabled:z,onTransactionRowClick:A,onSubtabChange:C,fetchState:k,onReloadTransactions:Z,onColumnSortConfigChanged:G,analytics:P,updateBulkActionList:M,removeAllTransactionsFromBulkActionList:re,onProceedForBulkActionClick:ie})=>{const se=Vt({defaultValues:{bulkSelectIds:c},values:{bulkSelectIds:c}});_.useEffect(()=>{const L=se.watch((D,{name:B})=>{B!=null&&D!=null&&Kt(()=>ge(B,D))});return()=>{L.unsubscribe()}});const ge=async(L,D)=>{if(L===ue){let B=[];if(D[ue].includes(v.common.all.toLowerCase())){if(a==="scheduled"&&c.length===0){B=[];for(const R of e)if(R.bulkSelectInfo?.isSelectableForBulkActionSelectAll&&B.push(R.id),B.length===g)break}else B=D[ue].filter(R=>R!==v.common.all.toLowerCase());if(s==="bill_pay"){const R=e.filter($e=>B.includes($e.id)),oe=Pe(R);P?.trackBillPayBulkSelectAll(a,u,oe)}else{const R=e.filter($e=>B.includes($e.id)),oe=Te(R.map($e=>$e.reimbursementTypesIncluded));P?.trackReimbursementBulkSelectAll(a,u,oe)}}else B=D[ue];M?.(B)}},Oe=()=>{j.includes("cancel")?Nt():Ot()},ye=X(),[Ve,V]=_.useState(!1),[U,Ke]=_.useState({type:N,title:N,description:N,primaryButtonText:N,secondaryButtonText:N});_.useEffect(()=>{const L=Wt(a,u,s);k==="Completed"&&L!=null&&P?.trackPageLoaded(L,s==="bill_pay"?"Bills":"Reimbursements")},[P,a,u,s,k]);const Et=L=>{C(L)},Mt=_.useCallback(()=>{const{title:L,description:D}=ml(s,c.length,a,I);if(Ke({type:"delete",title:L,description:D,primaryButtonText:v.common.texts.confirm,secondaryButtonText:v.common.texts.close}),s==="bill_pay"){const B=e.filter(oe=>c.includes(oe.id)),R=Pe(B);P?.trackBillPayBulkDeleted(c.length,a,u,R)}else{const B=e.filter(oe=>c.includes(oe.id)),R=Te(B.map(oe=>oe.reimbursementTypesIncluded));P?.trackReimbursementBulkDeleted(c.length,a,u,R)}V(!0)},[s,P,I,u,a,e,c]),Nt=_.useCallback(()=>{const{title:L,description:D}=pl(s,c.length);Ke({type:"cancel",title:L,description:D,primaryButtonText:v.common.texts.confirm,secondaryButtonText:v.common.texts.close}),V(!0)},[s,c.length]),Ft={onOkClick:L=>{if(V(!1),s==="bill_pay"){const D=e.filter(R=>c.includes(R.id)),B=Pe(D);P?.trackBillPayBulkPopupConfirm(U.type,a,u,B)}else{const D=e.filter(R=>c.includes(R.id)),B=Te(D.map(R=>R.reimbursementTypesIncluded));P?.trackReimbursementBulkPopupConfirm(U.type,a,u,B)}U.type==="delete"?ie?.("delete",L):ie?.("cancel",L)},onCancelClick:()=>{re?.(),V(!1),Ke({type:N,title:N,description:N,primaryButtonText:N,secondaryButtonText:N})}},Ot=_.useCallback(()=>{if(s==="bill_pay"){const L=e.filter(B=>c.includes(B.id)),D=Pe(L);P?.trackBillPayBulkSelection(c.length,a,u,D)}else{const L=e.filter(B=>c.includes(B.id)),D=Te(L.map(B=>B.reimbursementTypesIncluded));P?.trackReimbursementBulkSelection(c.length,a,u,D)}j.includes("send_for_approval")?ie?.("send_for_approval"):ie?.(z?"approve":"review")},[s,j,e,P,c,a,u,ie,z]),ot=j.filter(L=>L!=="delete").length>0;return t.jsxs(yl,{children:[t.jsx(hi,{tabIds:d,selectedTab:u,hasSubTabs:d.length>0,entity:s,enablePerformanceTracking:!1,onTabSelectedChange:Et,isSwitcherLeftAlign:!0}),t.jsx(Ut,{...se,children:t.jsxs(gl,{onSubmit:se.handleSubmit(Oe),children:[t.jsx(el,{botEmail:l,selectedTab:a,selectedSubTab:u,searchText:w,transactionList:e,fetchState:k,onReloadTransactions:Z,onTransactionRowClick:A,entity:s,uiState:n,isAdmin:r,onColumnSortConfigChanged:G,analytics:P,isShowDeletedBillsEnabled:h,isShowDeletedReimbursementEnabled:y,billPayApprovalRulesAffectedEntityIds:x,remiApprovalRulesAffectedEntityIds:$,isBillPayCommentingEnabled:f,isReimbursementCommentingEnabled:b,bulkSubmissionLimit:g,isBulkActionAllowed:T,transactionsSelectedForBulkAction:c,isDetectInsufficientFundsEnabled:z}),Ve?t.jsx(Ht,{titleComponent:t.jsx(qt,{children:U.title}),descriptionComponent:t.jsx(Gt,{children:U.description}),primaryButtonText:U.primaryButtonText,proceedButtonVariant:U.type==="delete"?"danger":"primary",secondaryButtonText:U.secondaryButtonText,action:Ft,isNotesIncluded:a!=="draft",isEditPopup:!0}):null,c.length>0?t.jsx(Yt,{helperContainerStyle:ye==="small"?{margin:`${i.sp5} ${j.includes("delete")&&ot?i.sp7:i.sp0} ${i.sp2} ${i.sp0}`}:{},showPrimaryButton:ot,primaryBtn:{label:al(s,j,c.length),isLoading:U.type!=="delete"&&S==="In-Progress",isDisabled:U.type==="delete"&&S==="In-Progress",type:"submit",style:dl(j)},cancelBtn:{label:v.common.texts.goBack,isDisabled:S==="In-Progress",onClick:re,style:cl(j,ye)},leftSideComponent:rl(c.length,g,s,ye),rightSideComponent:j.includes("delete")?sl(c.length,U.type==="delete"&&S==="In-Progress",Mt,ye):null}):null]})})]})},tl=({style:e,data:l})=>{const{entity:d,transactionList:r,transactionsSelectedForBulkAction:a,isAdmin:h,isBulkActionAllowed:y,isShowDeletedBillsEnabled:x,isShowDeletedReimbursementEnabled:$,billPayApprovalRulesAffectedEntityIds:f,remiApprovalRulesAffectedEntityIds:b,isBillPayCommentingEnabled:u,isReimbursementCommentingEnabled:w,bulkSubmissionLimit:s,selectedTab:n,uiState:g,analytics:T,isDetectInsufficientFundsEnabled:I,onTransactionRowClick:c,onColumnSortConfigChanged:j}=l,S=X(),z=qe(),A=y?a.length>0?"always_on":"checked_or_hover":"off";return t.jsx(vl,{style:{...e,width:"100%"},className:"spend-management-list-item",children:t.jsx(ni,{style:{width:"100%"},checkBoxContainerStyle:{gap:i.sp3,width:"auto",marginLeft:S==="small"?i.sp0:i.sp4},labelStyle:{width:"100%"},checkBoxStyle:ll(S),labelCheckBoxStyle:{marginLeft:S==="small"?i.sp2:i.sp0},checkBoxIconStyle:{backgroundColor:z.colors.grey4},infoIconContainerStyle:nl(S),name:ue,mode:A,selectionLimit:s,checkBoxes:d==="bill_pay"?[{label:t.jsx(Si,{companyNameSticky:!1,currentTab:n,onColumnSortConfigChanged:j,sortConfig:{sortKey:g.sortKey,sortOrder:g.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:v.common.all.toLowerCase(),isException:!1},...r.map(C=>{const k=f?.includes(C.id)??!1;return{label:t.jsx(il,{transactionDetail:C,selectedTab:n,isBillPayCommentingEnabled:u,isShowDeletedBillsEnabled:x,onTransactionRowClick:c,billsSelectedForBulkAction:a,bulkSelectFormId:ue,bulkSelectLimit:s,isSelectionMode:A==="always_on",isDetectInsufficientFundsEnabled:I,billPayApprovalRulesAffectedEntityIds:f}),value:C.id,groupLabel:!1,defaultChecked:!1,isException:C.bulkSelectInfo?.isSelectableForBulkAction===!1||k,exceptionMode:ul(C,a),exceptionInfo:k?v.commonSetUp.approval.updatingWithApprovalRulesTooltip.replace("__entity__",v.spendManagement.billPay.bulkActions.bill):gt(d,C),exceptionType:k?"info":yt(C)}})]:[{label:t.jsx(xo,{companyNameSticky:!1,currentTab:n,onColumnSortConfigChanged:j,analytics:T,sortConfig:{sortKey:g.sortKey,sortOrder:g.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:v.common.all.toLowerCase(),isException:!1},...r.map(C=>{const k=b?.includes(C.id)??!1;return{label:t.jsx(ol,{transactionDetail:C,isShowDeletedReimbursementEnabled:$,isReimbursementCommentingEnabled:w,selectedTab:n,isAdmin:h,onTransactionRowClick:c,remisSelectedForBulkAction:a,bulkSelectFormId:ue,bulkSelectLimit:s,isSelectionMode:A==="always_on",isAffectedByApprovalRuleUpdate:k}),value:C.id,groupLabel:!1,defaultChecked:!1,isException:C.bulkSelectInfo?.isSelectableForBulkAction===!1||k,exceptionMode:"checked_or_hover",exceptionInfo:k?v.commonSetUp.approval.updatingWithApprovalRulesTooltip.replace("__entity__",v.spendManagement.reimbursement.reimbursementDetail.reimbursement):gt(d,C),exceptionType:k?"info":yt(C)}})]})})},il=({transactionDetail:e,selectedTab:l,isShowDeletedBillsEnabled:d,billsSelectedForBulkAction:r,bulkSelectFormId:a,bulkSelectLimit:h,isBillPayCommentingEnabled:y,isSelectionMode:x,isDetectInsufficientFundsEnabled:$,onTransactionRowClick:f,billPayApprovalRulesAffectedEntityIds:b})=>{const u=X()==="small"?Yi:Li,w=ai(e,l),{bulkProcessingDetail:s}=e,n=Le(s?.type),g=b?.includes(e.id)??!1,T=()=>{const S=e.billPayInfo.outsideZeniTransactionPaymentMode;if(S==null||S==="other")return;const z=Dt.billDetails.paymentOutsideZeni.paymentModeOptions.find(A=>A.value===S)?.label;return`${v.common.via} ${z}`},I=$&&e.billPayInfo.stage.code==="scheduled"&&!e.isDeleted&&e.totalAmountWithFeesInUSD!=null?di(e.totalAmountWithFeesInUSD,e.withdrawFrom,e.billPayInfo.paymentDate):void 0,c=ci(e.billPayInfo,l,d,e.isDeleted,e.dueDate),j=I!=null&&c?.code!=="failed"&&c?.code!=="processing"&&c?.code!=="cancelled"&&c?.code!=="returned"&&c?.code!=="rejected"&&c?.code!=="paid";return t.jsx(Rt,{children:t.jsx(u,{reportTitleAdditionalInfo:w,transactionDetail:e,isBillPayCommentingEnabled:y,isSelected:r.includes(e.id),isProcessing:n,isAffectedByApprovalRuleUpdate:g,isBulkSelectionLimitReached:r.length===h,isSelectionMode:x,bulkSelectFormId:a,tagStatus:c,approvers:e.isDeleted===!0?void 0:xt(e,l),deletionAdditionalInfo:e.isDeleted===!0&&l!=="draft"?bt(e,l):void 0,onTransactionRowClick:n||g?()=>null:f,paidAdditionalInfo:l==="paid"&&!e.isDeleted?T():void 0,lowBalanceAlert:I,showLowBalanceTooltip:j})})},ol=({transactionDetail:e,selectedTab:l,isAdmin:d,isShowDeletedReimbursementEnabled:r,isReimbursementCommentingEnabled:a,remisSelectedForBulkAction:h,bulkSelectFormId:y,bulkSelectLimit:x,isSelectionMode:$,onTransactionRowClick:f,isAffectedByApprovalRuleUpdate:b=!1})=>{const u=X()==="small"?Mo:To,w=pi(d,e.submittedBy),{bulkProcessingDetail:s}=e,n=Le(s?.type)||b;return t.jsx(Rt,{children:t.jsx(u,{reportTitleAdditionalInfo:w,reimbursementDetail:e,isReimbursementCommentingEnabled:a,isSelected:h.includes(e.id),isProcessing:n,isBulkSelectionLimitReached:h.length===x,isSelectionMode:$,bulkSelectFormId:y,currentTab:l,date:ui(e,l),approvers:e.isDeleted===!0?void 0:xt(e,l),tagStatus:mi(e,l,r),deletionAdditionalInfo:e.isDeleted===!0&&l!=="draft"?bt(e,l):void 0,onTransactionRowClick:n?()=>null:f})})},ll=e=>{let l={zIndex:1,marginBottom:i.sp3,backgroundColor:"inherit"};return e==="small"&&(l={...l,position:"absolute",left:i.sp1,width:i.sp4,height:i.sp4}),l},nl=e=>{let l={zIndex:1,marginBottom:i.sp2};return e==="small"&&(l={...l,position:"absolute",left:i.sp2,marginBottom:i.sp1,width:i.sp4,height:i.sp4}),l},rl=(e,l,d,r)=>{const a=d==="bill_pay"?H.bill:F.report,h=(e>1?a+"s":a)+H.selected;return e>0?t.jsxs(jl,{style:r==="small"?{position:"absolute",top:i.sp2,left:`-${i.sp5}`}:{},children:[t.jsx(_l,{multiDigit:e>=10,children:e}),t.jsx(Bl,{children:h}),e===l?t.jsx(Il,{children:Qo}):null]}):null},sl=(e,l,d,r)=>e>0?t.jsx(Pl,{style:r==="small"?{position:"absolute",top:i.sp7,right:`-${i.sp5}`}:{},children:t.jsx(Tl,{isLoading:l,windowSize:r,className:"delete-icon-wrapper",onClick:l?()=>null:d,children:l?t.jsx(ii,{size:"Small",start:!0}):t.jsx(J,{enterDelay:600,title:v.common.delete,placement:"top",children:t.jsx(Cl,{})})})}):null,gt=(e,l)=>{const{bulkProcessingDetail:d,bulkSelectInfo:r}=l,a=Le(d?.type),h=d?.type==="error";let y;if(a)y=d?.inProgressMessage;else if(h)y=d.error?.message;else if(r?.bulkSelectExceptionInfo!=null)if(e==="bill_pay"){const{exceptions:x}=v.spendManagement.billPay.bulkActions;y=x[r.bulkSelectExceptionInfo]}else{const{exceptions:x}=v.spendManagement.reimbursement.bulkActions;y=x[r.bulkSelectExceptionInfo]}return y},al=(e,l,d)=>{const{billPay:r}=v.spendManagement;return l.includes("cancel")?e==="reimbursement"?F.popUps.cancel.title.replace("__report__",d>1?F.reports:F.report):r.bulkActions.popUps.cancel.title.replace("<_bill_>",d>1?r.bulkActions.bills:r.bulkActions.bill):l.includes("send_for_approval")?r.billDetails.sendForApproval:v.common.review},dl=e=>{let l;return e.includes("cancel")===!1&&e.includes("send_for_approval")===!1&&(l={minWidth:"92px"}),l},cl=(e,l)=>{let d;return l!=="small"&&(e.includes("cancel")?d={minWidth:"116px"}:e.includes("send_for_approval")&&(d={minWidth:"160px"})),d},pl=(e,l)=>{const{this_:d,these:r,payment:a,payments:h,bills:y,bill:x,reports:$,report:f,they:b,it:u}=v.common.texts;return l>1?e==="bill_pay"?{title:H.popUps.cancel.title.replace("<_bill_>",v.drawerMenus.bills),description:H.popUps.cancel.description.replace("<_this_>",r).replace("<_bill_>",y).replace("<_it_>",b).replace("<_payment_>",h)}:{title:F.popUps.cancel.title.replace("__report__",F.reports),description:F.popUps.cancel.description.replace("<_this_>",r).replace("__report__",$).replace("<_it_>",b).replace("<_payment_>",h)}:e==="reimbursement"?{title:F.popUps.cancel.title.replace("__report__",F.report),description:F.popUps.cancel.description.replace("<_this_>",d).replace("__report__",f).replace("<_it_>",u).replace("<_payment_>",a)}:{title:H.popUps.cancel.title.replace("<_bill_>",H.bill),description:H.popUps.cancel.description.replace("<_this_>",d).replace("<_bill_>",x).replace("<_it_>",u).replace("<_payment_>",a)}},ml=(e,l,d,r)=>{const{this_:a,these:h,payment:y,payments:x,bills:$,bill:f,report:b,reports:u,they:w,it:s}=v.common.texts,n=l>1;let g=N;e==="bill_pay"?g=H.popUps.delete.title.replace("<_bill_>",n?H.bills:H.bill):g=F.popUps.delete.title.replace("__report__",n?F.reports:F.report);let T=N;return d==="draft"?e==="bill_pay"?T=H.popUps.delete.descriptionDraft.replace("<_this_>",n?h:a).replace("<_bill_>",n?$:f):T=F.popUps.delete.descriptionDraft.replace("<_this_>",n?h:a).replace("__report__",n?u:b):r?T=H.popUps.delete.descriptionRecurring.replace("<_payment_>",n?y:x):e==="bill_pay"?T=H.popUps.delete.descriptionOther.replace("<_this_>",n?h:a).replace("<_bill_>",n?$:f).replace("<_it_>",n?w:s).replace("<_payment_>",n?x:y):T=F.popUps.delete.descriptionOther.replace("<_this_>",n?h:a).replace("__report__",n?u:b).replace("<_it_>",n?w:s).replace("<_payment_>",n?x:y),{title:g,description:T}},ul=(e,l)=>{const d=e.bulkSelectInfo?.bulkSelectExceptionInfo;return l.length===0&&d!=null&&(d==="bookCloseDateProcessing"||d==="noActionRecurring")?"hover_only":"checked_or_hover"},yt=e=>Le(e.bulkProcessingDetail?.type)?"info":"alert",hl=o.div`
+`,Jo={lastListItemHeight:new m(200,158)},v=te.getLocalizedStrings(),{common:{texts:{maxLimit:Qo}},spendManagement:{billPay:Dt,reimbursement:Xo}}=v,H=Dt.bulkActions,F=Xo.bulkActions,N=v.common.strings.empty,ue="bulkSelectIds",el=({transactionList:e,botEmail:l,selectedTab:d,selectedSubTab:r,isShowDeletedBillsEnabled:a,isShowDeletedReimbursementEnabled:h,billPayApprovalRulesAffectedEntityIds:y,remiApprovalRulesAffectedEntityIds:x,isBillPayCommentingEnabled:$,isReimbursementCommentingEnabled:f,searchText:b,isAdmin:u,entity:w,uiState:s,bulkSubmissionLimit:n,isBulkActionAllowed:g,transactionsSelectedForBulkAction:T,isDetectInsufficientFundsEnabled:I,fetchState:c,analytics:j,onTransactionRowClick:S,onReloadTransactions:z,onColumnSortConfigChanged:L})=>{const C=X(),k=P=>{const M=w==="bill_pay"?e[P].vendor?.name??e[P].candidateVendorName??N:e[P].reportTitle??N;return ri(M,C)},Z=_.useRef(null);_.useEffect(()=>{Z.current?.resetAfterIndex(0)},[C,Z,d,r]);const G=_.forwardRef((P,M)=>{const{children:re,style:ie,...se}=P;return t.jsx(kl,{ref:M,style:{...ie,width:"auto"},...se,children:t.jsx(Sl,{children:re})})});return G.displayName=v.spendManagement.billPay.billsByTabs.headerElementDisplayName,Zt({componentName:`${gi(w)}.${yi(d,w)}`,enabled:c==="Completed"}),t.jsx(hl,{children:c==="Error"?t.jsxs(bl,{children:[t.jsx(xl,{onClick:z,children:t.jsx(fl,{})}),t.jsx(wl,{children:v.peoplePage.reloadPage.label})]}):c==="Completed"&&e.length===0&&b!=N?t.jsx(lt,{message:w==="bill_pay"?v.spendManagement.billPay.billsByTabs.noDataWithFilterText:v.spendManagement.reimbursement.reimbursementByTabs.noDataWithFilterText}):c==="Completed"&&e.length===0?t.jsx(lt,{message:w==="bill_pay"?v.spendManagement.billPay.billsByTabs.noDataText:v.spendManagement.reimbursement.reimbursementByTabs.noDataText,orMessage:w==="bill_pay"?v.spendManagement.billPay.billsByTabs.noDataTextViaMail:v.spendManagement.reimbursement.reimbursementByTabs.noDataTextViaMail,emailTextPrefix:w==="bill_pay"?void 0:v.spendManagement.reimbursement.reimbursementByTabs.receiptTo,botEmail:l}):c==="Not-Started"||c==="In-Progress"?t.jsx(Jt,{fetchState:c,styles:{margin:"auto"}}):t.jsx($l,{windowSize:C,children:t.jsx(Qt,{children:({height:P,width:M})=>t.jsx(Xt,{ref:Z,height:P,itemCount:w==="bill_pay"||w==="reimbursement"?1:e.length,innerElementType:G,itemSize:k,estimatedItemSize:ti,itemKey:re=>e[re].id,width:M,overscanCount:ei,itemData:{entity:w,isBulkActionAllowed:g,isShowDeletedBillsEnabled:a,isShowDeletedReimbursementEnabled:h,billPayApprovalRulesAffectedEntityIds:y,remiApprovalRulesAffectedEntityIds:x,isBillPayCommentingEnabled:$,isReimbursementCommentingEnabled:f,transactionList:e,isAdmin:u,selectedTab:d,transactionsSelectedForBulkAction:T,bulkSubmissionLimit:n,uiState:s,analytics:j,isDetectInsufficientFundsEnabled:I,onTransactionRowClick:S,onColumnSortConfigChanged:L},initialScrollOffset:0,children:tl})})})})},Ul=({transactionList:e,botEmail:l,allSubTabs:d,isAdmin:r,selectedTab:a,isShowDeletedBillsEnabled:h,isShowDeletedReimbursementEnabled:y,billPayApprovalRulesAffectedEntityIds:x,remiApprovalRulesAffectedEntityIds:$,isBillPayCommentingEnabled:f,isReimbursementCommentingEnabled:b,selectedSubTab:u,searchText:w,entity:s,uiState:n,bulkSubmissionLimit:g,isBulkActionAllowed:T,isRecurringBillInBulkActionList:I,transactionsSelectedForBulkAction:c,allowedBulkActions:j,bulkSubmissionFetchState:S,isDetectInsufficientFundsEnabled:z,onTransactionRowClick:L,onSubtabChange:C,fetchState:k,onReloadTransactions:Z,onColumnSortConfigChanged:G,analytics:P,updateBulkActionList:M,removeAllTransactionsFromBulkActionList:re,onProceedForBulkActionClick:ie})=>{const se=Kt({defaultValues:{bulkSelectIds:c},values:{bulkSelectIds:c}});_.useEffect(()=>{const A=se.watch((D,{name:B})=>{B!=null&&D!=null&&Vt(()=>ge(B,D))});return()=>{A.unsubscribe()}});const ge=async(A,D)=>{if(A===ue){let B=[];if(D[ue].includes(v.common.all.toLowerCase())){if(a==="scheduled"&&c.length===0){B=[];for(const R of e)if(R.bulkSelectInfo?.isSelectableForBulkActionSelectAll&&B.push(R.id),B.length===g)break}else B=D[ue].filter(R=>R!==v.common.all.toLowerCase());if(s==="bill_pay"){const R=e.filter($e=>B.includes($e.id)),oe=Pe(R);P?.trackBillPayBulkSelectAll(a,u,oe)}else{const R=e.filter($e=>B.includes($e.id)),oe=Te(R.map($e=>$e.reimbursementTypesIncluded));P?.trackReimbursementBulkSelectAll(a,u,oe)}}else B=D[ue];M?.(B)}},Oe=()=>{j.includes("cancel")?Nt():Ot()},ye=X(),[Ke,K]=_.useState(!1),[U,Ve]=_.useState({type:N,title:N,description:N,primaryButtonText:N,secondaryButtonText:N});_.useEffect(()=>{const A=Wt(a,u,s);k==="Completed"&&A!=null&&P?.trackPageLoaded(A,s==="bill_pay"?"Bills":"Reimbursements")},[P,a,u,s,k]);const Et=A=>{C(A)},Mt=_.useCallback(()=>{const{title:A,description:D}=ml(s,c.length,a,I);if(Ve({type:"delete",title:A,description:D,primaryButtonText:v.common.texts.confirm,secondaryButtonText:v.common.texts.close}),s==="bill_pay"){const B=e.filter(oe=>c.includes(oe.id)),R=Pe(B);P?.trackBillPayBulkDeleted(c.length,a,u,R)}else{const B=e.filter(oe=>c.includes(oe.id)),R=Te(B.map(oe=>oe.reimbursementTypesIncluded));P?.trackReimbursementBulkDeleted(c.length,a,u,R)}K(!0)},[s,P,I,u,a,e,c]),Nt=_.useCallback(()=>{const{title:A,description:D}=pl(s,c.length);Ve({type:"cancel",title:A,description:D,primaryButtonText:v.common.texts.confirm,secondaryButtonText:v.common.texts.close}),K(!0)},[s,c.length]),Ft={onOkClick:A=>{if(K(!1),s==="bill_pay"){const D=e.filter(R=>c.includes(R.id)),B=Pe(D);P?.trackBillPayBulkPopupConfirm(U.type,a,u,B)}else{const D=e.filter(R=>c.includes(R.id)),B=Te(D.map(R=>R.reimbursementTypesIncluded));P?.trackReimbursementBulkPopupConfirm(U.type,a,u,B)}U.type==="delete"?ie?.("delete",A):ie?.("cancel",A)},onCancelClick:()=>{re?.(),K(!1),Ve({type:N,title:N,description:N,primaryButtonText:N,secondaryButtonText:N})}},Ot=_.useCallback(()=>{if(s==="bill_pay"){const A=e.filter(B=>c.includes(B.id)),D=Pe(A);P?.trackBillPayBulkSelection(c.length,a,u,D)}else{const A=e.filter(B=>c.includes(B.id)),D=Te(A.map(B=>B.reimbursementTypesIncluded));P?.trackReimbursementBulkSelection(c.length,a,u,D)}j.includes("send_for_approval")?ie?.("send_for_approval"):ie?.(z?"approve":"review")},[s,j,e,P,c,a,u,ie,z]),ot=j.filter(A=>A!=="delete").length>0;return t.jsxs(yl,{children:[t.jsx(hi,{tabIds:d,selectedTab:u,hasSubTabs:d.length>0,entity:s,enablePerformanceTracking:!1,onTabSelectedChange:Et,isSwitcherLeftAlign:!0}),t.jsx(Ut,{...se,children:t.jsxs(gl,{onSubmit:se.handleSubmit(Oe),children:[t.jsx(el,{botEmail:l,selectedTab:a,selectedSubTab:u,searchText:w,transactionList:e,fetchState:k,onReloadTransactions:Z,onTransactionRowClick:L,entity:s,uiState:n,isAdmin:r,onColumnSortConfigChanged:G,analytics:P,isShowDeletedBillsEnabled:h,isShowDeletedReimbursementEnabled:y,billPayApprovalRulesAffectedEntityIds:x,remiApprovalRulesAffectedEntityIds:$,isBillPayCommentingEnabled:f,isReimbursementCommentingEnabled:b,bulkSubmissionLimit:g,isBulkActionAllowed:T,transactionsSelectedForBulkAction:c,isDetectInsufficientFundsEnabled:z}),Ke?t.jsx(Ht,{titleComponent:t.jsx(qt,{children:U.title}),descriptionComponent:t.jsx(Gt,{children:U.description}),primaryButtonText:U.primaryButtonText,proceedButtonVariant:U.type==="delete"?"danger":"primary",secondaryButtonText:U.secondaryButtonText,action:Ft,isNotesIncluded:a!=="draft",isEditPopup:!0}):null,c.length>0?t.jsx(Yt,{helperContainerStyle:ye==="small"?{margin:`${i.sp5} ${j.includes("delete")&&ot?i.sp7:i.sp0} ${i.sp2} ${i.sp0}`}:{},showPrimaryButton:ot,primaryBtn:{label:al(s,j,c.length),isLoading:U.type!=="delete"&&S==="In-Progress",isDisabled:U.type==="delete"&&S==="In-Progress",type:"submit",style:dl(j)},cancelBtn:{label:v.common.texts.goBack,isDisabled:S==="In-Progress",onClick:re,style:cl(j,ye)},leftSideComponent:rl(c.length,g,s,ye),rightSideComponent:j.includes("delete")?sl(c.length,U.type==="delete"&&S==="In-Progress",Mt,ye):null}):null]})})]})},tl=({style:e,data:l})=>{const{entity:d,transactionList:r,transactionsSelectedForBulkAction:a,isAdmin:h,isBulkActionAllowed:y,isShowDeletedBillsEnabled:x,isShowDeletedReimbursementEnabled:$,billPayApprovalRulesAffectedEntityIds:f,remiApprovalRulesAffectedEntityIds:b,isBillPayCommentingEnabled:u,isReimbursementCommentingEnabled:w,bulkSubmissionLimit:s,selectedTab:n,uiState:g,analytics:T,isDetectInsufficientFundsEnabled:I,onTransactionRowClick:c,onColumnSortConfigChanged:j}=l,S=X(),z=qe(),L=y?a.length>0?"always_on":"checked_or_hover":"off";return t.jsx(vl,{style:{...e,width:"100%"},className:"spend-management-list-item",children:t.jsx(ni,{style:{width:"100%"},checkBoxContainerStyle:{gap:i.sp3,width:"auto",marginLeft:S==="small"?i.sp0:i.sp4},labelStyle:{width:"100%"},checkBoxStyle:ll(S),labelCheckBoxStyle:{marginLeft:S==="small"?i.sp2:i.sp0},checkBoxIconStyle:{backgroundColor:z.colors.grey4},infoIconContainerStyle:nl(S),name:ue,mode:L,selectionLimit:s,checkBoxes:d==="bill_pay"?[{label:t.jsx(Si,{companyNameSticky:!1,currentTab:n,onColumnSortConfigChanged:j,sortConfig:{sortKey:g.sortKey,sortOrder:g.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:v.common.all.toLowerCase(),isException:!1},...r.map(C=>{const k=f?.includes(C.id)??!1;return{label:t.jsx(il,{transactionDetail:C,selectedTab:n,isBillPayCommentingEnabled:u,isShowDeletedBillsEnabled:x,onTransactionRowClick:c,billsSelectedForBulkAction:a,bulkSelectFormId:ue,bulkSelectLimit:s,isSelectionMode:L==="always_on",isDetectInsufficientFundsEnabled:I,billPayApprovalRulesAffectedEntityIds:f}),value:C.id,groupLabel:!1,defaultChecked:!1,isException:C.bulkSelectInfo?.isSelectableForBulkAction===!1||k,exceptionMode:ul(C,a),exceptionInfo:k?v.commonSetUp.approval.updatingWithApprovalRulesTooltip.replace("__entity__",v.spendManagement.billPay.bulkActions.bill):gt(d,C),exceptionType:k?"info":yt(C)}})]:[{label:t.jsx(xo,{companyNameSticky:!1,currentTab:n,onColumnSortConfigChanged:j,analytics:T,sortConfig:{sortKey:g.sortKey,sortOrder:g.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:v.common.all.toLowerCase(),isException:!1},...r.map(C=>{const k=b?.includes(C.id)??!1;return{label:t.jsx(ol,{transactionDetail:C,isShowDeletedReimbursementEnabled:$,isReimbursementCommentingEnabled:w,selectedTab:n,isAdmin:h,onTransactionRowClick:c,remisSelectedForBulkAction:a,bulkSelectFormId:ue,bulkSelectLimit:s,isSelectionMode:L==="always_on",isAffectedByApprovalRuleUpdate:k}),value:C.id,groupLabel:!1,defaultChecked:!1,isException:C.bulkSelectInfo?.isSelectableForBulkAction===!1||k,exceptionMode:"checked_or_hover",exceptionInfo:k?v.commonSetUp.approval.updatingWithApprovalRulesTooltip.replace("__entity__",v.spendManagement.reimbursement.reimbursementDetail.reimbursement):gt(d,C),exceptionType:k?"info":yt(C)}})]})})},il=({transactionDetail:e,selectedTab:l,isShowDeletedBillsEnabled:d,billsSelectedForBulkAction:r,bulkSelectFormId:a,bulkSelectLimit:h,isBillPayCommentingEnabled:y,isSelectionMode:x,isDetectInsufficientFundsEnabled:$,onTransactionRowClick:f,billPayApprovalRulesAffectedEntityIds:b})=>{const u=X()==="small"?Yi:Ai,w=ai(e,l),{bulkProcessingDetail:s}=e,n=Ae(s?.type),g=b?.includes(e.id)??!1,T=()=>{const S=e.billPayInfo.outsideZeniTransactionPaymentMode;if(S==null||S==="other")return;const z=Dt.billDetails.paymentOutsideZeni.paymentModeOptions.find(L=>L.value===S)?.label;return`${v.common.via} ${z}`},I=$&&e.billPayInfo.stage.code==="scheduled"&&!e.isDeleted&&e.totalAmountWithFeesInUSD!=null?di(e.totalAmountWithFeesInUSD,e.withdrawFrom,e.billPayInfo.paymentDate):void 0,c=ci(e.billPayInfo,l,d,e.isDeleted,e.dueDate),j=I!=null&&c?.code!=="failed"&&c?.code!=="processing"&&c?.code!=="cancelled"&&c?.code!=="returned"&&c?.code!=="rejected"&&c?.code!=="paid";return t.jsx(Rt,{children:t.jsx(u,{reportTitleAdditionalInfo:w,transactionDetail:e,isBillPayCommentingEnabled:y,isSelected:r.includes(e.id),isProcessing:n,isAffectedByApprovalRuleUpdate:g,isBulkSelectionLimitReached:r.length===h,isSelectionMode:x,bulkSelectFormId:a,tagStatus:c,approvers:e.isDeleted===!0?void 0:xt(e,l),deletionAdditionalInfo:e.isDeleted===!0&&l!=="draft"?bt(e,l):void 0,onTransactionRowClick:n||g?()=>null:f,paidAdditionalInfo:l==="paid"&&!e.isDeleted?T():void 0,lowBalanceAlert:I,showLowBalanceTooltip:j})})},ol=({transactionDetail:e,selectedTab:l,isAdmin:d,isShowDeletedReimbursementEnabled:r,isReimbursementCommentingEnabled:a,remisSelectedForBulkAction:h,bulkSelectFormId:y,bulkSelectLimit:x,isSelectionMode:$,onTransactionRowClick:f,isAffectedByApprovalRuleUpdate:b=!1})=>{const u=X()==="small"?Mo:To,w=pi(d,e.submittedBy),{bulkProcessingDetail:s}=e,n=Ae(s?.type)||b;return t.jsx(Rt,{children:t.jsx(u,{reportTitleAdditionalInfo:w,reimbursementDetail:e,isReimbursementCommentingEnabled:a,isSelected:h.includes(e.id),isProcessing:n,isBulkSelectionLimitReached:h.length===x,isSelectionMode:$,bulkSelectFormId:y,currentTab:l,date:ui(e,l),approvers:e.isDeleted===!0?void 0:xt(e,l),tagStatus:mi(e,l,r),deletionAdditionalInfo:e.isDeleted===!0&&l!=="draft"?bt(e,l):void 0,onTransactionRowClick:n?()=>null:f})})},ll=e=>{let l={zIndex:1,marginBottom:i.sp3,backgroundColor:"inherit"};return e==="small"&&(l={...l,position:"absolute",left:i.sp1,width:i.sp4,height:i.sp4}),l},nl=e=>{let l={zIndex:1,marginBottom:i.sp2};return e==="small"&&(l={...l,position:"absolute",left:i.sp2,marginBottom:i.sp1,width:i.sp4,height:i.sp4}),l},rl=(e,l,d,r)=>{const a=d==="bill_pay"?H.bill:F.report,h=(e>1?a+"s":a)+H.selected;return e>0?t.jsxs(jl,{style:r==="small"?{position:"absolute",top:i.sp2,left:`-${i.sp5}`}:{},children:[t.jsx(_l,{multiDigit:e>=10,children:e}),t.jsx(Bl,{children:h}),e===l?t.jsx(Il,{children:Qo}):null]}):null},sl=(e,l,d,r)=>e>0?t.jsx(Pl,{style:r==="small"?{position:"absolute",top:i.sp7,right:`-${i.sp5}`}:{},children:t.jsx(Tl,{isLoading:l,windowSize:r,className:"delete-icon-wrapper",onClick:l?()=>null:d,children:l?t.jsx(ii,{size:"Small",start:!0}):t.jsx(J,{enterDelay:600,title:v.common.delete,placement:"top",children:t.jsx(Cl,{})})})}):null,gt=(e,l)=>{const{bulkProcessingDetail:d,bulkSelectInfo:r}=l,a=Ae(d?.type),h=d?.type==="error";let y;if(a)y=d?.inProgressMessage;else if(h)y=d.error?.message;else if(r?.bulkSelectExceptionInfo!=null)if(e==="bill_pay"){const{exceptions:x}=v.spendManagement.billPay.bulkActions;y=x[r.bulkSelectExceptionInfo]}else{const{exceptions:x}=v.spendManagement.reimbursement.bulkActions;y=x[r.bulkSelectExceptionInfo]}return y},al=(e,l,d)=>{const{billPay:r}=v.spendManagement;return l.includes("cancel")?e==="reimbursement"?F.popUps.cancel.title.replace("__report__",d>1?F.reports:F.report):r.bulkActions.popUps.cancel.title.replace("<_bill_>",d>1?r.bulkActions.bills:r.bulkActions.bill):l.includes("send_for_approval")?r.billDetails.sendForApproval:v.common.review},dl=e=>{let l;return e.includes("cancel")===!1&&e.includes("send_for_approval")===!1&&(l={minWidth:"92px"}),l},cl=(e,l)=>{let d;return l!=="small"&&(e.includes("cancel")?d={minWidth:"116px"}:e.includes("send_for_approval")&&(d={minWidth:"160px"})),d},pl=(e,l)=>{const{this_:d,these:r,payment:a,payments:h,bills:y,bill:x,reports:$,report:f,they:b,it:u}=v.common.texts;return l>1?e==="bill_pay"?{title:H.popUps.cancel.title.replace("<_bill_>",v.drawerMenus.bills),description:H.popUps.cancel.description.replace("<_this_>",r).replace("<_bill_>",y).replace("<_it_>",b).replace("<_payment_>",h)}:{title:F.popUps.cancel.title.replace("__report__",F.reports),description:F.popUps.cancel.description.replace("<_this_>",r).replace("__report__",$).replace("<_it_>",b).replace("<_payment_>",h)}:e==="reimbursement"?{title:F.popUps.cancel.title.replace("__report__",F.report),description:F.popUps.cancel.description.replace("<_this_>",d).replace("__report__",f).replace("<_it_>",u).replace("<_payment_>",a)}:{title:H.popUps.cancel.title.replace("<_bill_>",H.bill),description:H.popUps.cancel.description.replace("<_this_>",d).replace("<_bill_>",x).replace("<_it_>",u).replace("<_payment_>",a)}},ml=(e,l,d,r)=>{const{this_:a,these:h,payment:y,payments:x,bills:$,bill:f,report:b,reports:u,they:w,it:s}=v.common.texts,n=l>1;let g=N;e==="bill_pay"?g=H.popUps.delete.title.replace("<_bill_>",n?H.bills:H.bill):g=F.popUps.delete.title.replace("__report__",n?F.reports:F.report);let T=N;return d==="draft"?e==="bill_pay"?T=H.popUps.delete.descriptionDraft.replace("<_this_>",n?h:a).replace("<_bill_>",n?$:f):T=F.popUps.delete.descriptionDraft.replace("<_this_>",n?h:a).replace("__report__",n?u:b):r?T=H.popUps.delete.descriptionRecurring.replace("<_payment_>",n?y:x):e==="bill_pay"?T=H.popUps.delete.descriptionOther.replace("<_this_>",n?h:a).replace("<_bill_>",n?$:f).replace("<_it_>",n?w:s).replace("<_payment_>",n?x:y):T=F.popUps.delete.descriptionOther.replace("<_this_>",n?h:a).replace("__report__",n?u:b).replace("<_it_>",n?w:s).replace("<_payment_>",n?x:y),{title:g,description:T}},ul=(e,l)=>{const d=e.bulkSelectInfo?.bulkSelectExceptionInfo;return l.length===0&&d!=null&&(d==="bookCloseDateProcessing"||d==="noActionRecurring")?"hover_only":"checked_or_hover"},yt=e=>Ae(e.bulkProcessingDetail?.type)?"info":"alert",hl=o.div`
   display: block;
   height: 100%;
 `,gl=o.form`