@zeniai/web-cockpit-ui 1.15.56-qa → 1.15.57-dev

package/dist/assets/SpendManagementPerTabPage-BctgHJjH-BYX0TtFW.js

@@ -0,0 +1,754 @@
+import{aa as Wt,cJ as Kt,J as Y,lc as Ut,V as t,ae as Gt,ct as Ht,cu as Xt,cv as Zt,aT as qt,o as i,O as te,cg as Jt,cp as lt,gc as Qt,b5 as Yt,cx as ei,j2 as ti,j3 as ii,L as oi,bX as J,bQ as li,aV as ni,x as m,y as Ze,gd as ri,ld as si,p as Q,d2 as ai,ao as K,an as O,ak as ae,le as di,fg as ci,lf as pi,lg as bt,lh as xt,ay as Ie,f_ as mi,km as ui,li as hi,lj as gi,bV as ft,w as Be,ac as ee,gR as qe,a9 as Je,hG as Qe,cN as wt,lk as $t,ll as ze,aQ as Ae,hI as Ye,aM as we,jb as vt,jc as kt,lm as St,ja as Pt,cD as Tt,cG as Ct,ln as E,lo as jt,gC as _t,d1 as Bt,dx as et,u as p}from"./index-CQD_nutl.js";import{a as _,P as It}from"./sentry-B9mdFwQp.js";import{n as o,c as Z}from"./mui-Dk05P7Hv.js";import{Hu as Pe,H9 as Te,GC as Le,bp as zt}from"./zeni-epic-state-ksdE_TIc.js";import{K as yi,L as bi,_ as xi}from"./StatusSwitcher-CU6EtKkZ-C1BL7O8L.js";import{d as At}from"./useLongPress-GCK2COYQ-Bdc_o-8-.js";import"./liveblocks-CtZCL_Pz.js";import"./core-D_TfeHIh.js";import"./recharts-CgI_z3-h.js";import"./lottie-CVJxkEeH.js";import"./analytics-C31yhYYa.js";import"./lexical-CBxUxgf7.js";import"./utils-DZ3Subia.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]="f9efdedd-1778-4717-a2c5-e8297c678632",e._sentryDebugIdIdentifier="sentry-dbid-f9efdedd-1778-4717-a2c5-e8297c678632")}catch{}})();const he=te.getLocalizedStrings().spendManagement.billPay.billsByTabs.header,De={key:"name",value:he.name,sortOrder:"ascending",width:new m(p[5],p[5])},Re={key:"invoiceDate",value:he.invoiceDate,sortOrder:"ascending",width:new m(20,20)},fi={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)},wi={key:"paymentMethod",value:he.paymentMethod,sortOrder:"ascending",width:new m(18,18)},Ee={key:"amount",value:he.amount,sortOrder:"ascending",width:new m(10,10)},xe=[De,Re,fi,it,Ee],$i=[De,Re,tt,it,Ee],vi=[De,Re,tt,it,Ee],ki=[De,Re,tt,wi,Ee],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,kt)};function Si({companyNameSticky:e,currentTab:l,onColumnSortConfigChanged:d,sortConfig:r}){const a=Ze(),g=Y(),[y,x]=_.useState(Li(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 h=n;r.sortKey===s&&(h=n==="ascending"?"descending":"ascending"),d?.(s,h)},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 g==="small"?t.jsxs(nt,{windowSize:g,companyNameSticky:!1,children:[t.jsxs(ji,{children:[t.jsx(Bi,{children:t.jsx(_i,{})}),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(Ai,{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:g,children:y.map(s=>t.jsxs(Ti,{companyNameSticky:e&&s.key==="name",sortDataValue:r.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:g,children:[t.jsxs(zi,{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(Ii,{sortDataValue:r.sortKey,windowSize:g,isVisible:r.sortKey===s.key&&s.key!=="dueDate",children:t.jsx(Ci,{onClick:()=>$("dueDate","ascending"),"data-testid":ee("bill-pay-list-header-sort-close",r.sortKey)})})]},s.key))})}const Pi=It.memo(Si),nt=o(ae)`
+  width: 100%;
+  top: ${i.sp0};
+  left: ${i.sp0};
+  min-height: ${e=>be.headerHeight.valuePx(e.windowSize)};
+  max-height: ${e=>be.headerHeight.valuePx(e.windowSize)};
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${e=>`${be.headerLastColumnTopPadding.valuePx(e.windowSize)} ${be.headerLastColumnRightPadding.valuePx(e.windowSize)} ${be.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${be.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
+  background-color: ${e=>e.theme.colors.grey4};
+  justify-content: ${e=>e.windowSize==="small"?"space-between":"unset"};
+  position: sticky;
+`,Ti=o.div`
+  color: ${e=>e.sortDataValue===e.actualDataValue?e.theme.colors.primary:e.theme.colors.grey1};
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  max-width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  padding-left: ${e=>e.companyNameSticky?i.sp4:i.sp0};
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  left: ${i.sp0};
+  justify-content: ${e=>e.actualDataValue==="amount"?"flex-end":"flex-start"};
+  ${e=>e.companyNameSticky?"position: sticky; z-index: 1;":"position: static; z-index: 0;"};
+  ${e=>e.actualDataValue==="companyName"?`padding-left: ${i.sp4};flex: 1 1 auto`:`padding-left: ${i.sp0};`};
+  box-sizing: border-box;
+`,Ci=o(Ct)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+`,rt=o.div`
+  display: flex;
+  align-items: center;
+  transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
+  ${e=>e.headerdata.sortOrder==="ascending"?"padding-top: 2px":"padding-bottom: 2px"}
+`,st=o(Tt)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: inherit;
+`,ji=o.div`
+  gap: ${i.sp1};
+  display: flex;
+`,_i=o(Pt)`
+  width: 12px;
+  height: 12px;
+  color: inherit;
+`,Bi=o.div`
+  margin-right: ${i.sp1};
+  display: flex;
+  align-items: center;
+`,Ii=o.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  align-items: center;
+  padding-top: 2px;
+`,zi=o.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ai=o.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Li=e=>{switch(e){case"draft":return we(xe);case"pending_approval":return we($i);case"scheduled":return we(vi);case"paid":return we(ki)}},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:Ue,space:ve}},collaboration:{commentOnField:Di}}=te.getLocalizedStrings(),Ri=({transactionDetail:e,tagStatus:l,reportTitleAdditionalInfo:d,isSelected:r,isBillPayCommentingEnabled:a,isProcessing:g,isAffectedByApprovalRuleUpdate:y=!1,lowBalanceAlert:x,approvers:$,deletionAdditionalInfo:f,paidAdditionalInfo:b,showLowBalanceTooltip:u,onTransactionRowClick:w})=>{const s=g||y,n=Y(),h=Ie(),k=qe(),I=Je().analytics,c=`dashboard_${h.currentTenant?.companyId}`,{threads:j,isLoading:S}=Qe({application:"dashboard",companyId:h.currentTenant?.companyId,tab:"bill",entityId:e.id,isGlobalComment:!1},"both",!1),z=_.useMemo(()=>j.filter(T=>T.resolved===!1),[j]),L=T=>{T.stopPropagation(),k?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:c,companyId:h.currentTenant?.companyId??Ue,companyName:h.currentTenant?.companyName??Ue,entityType:"bill.details",entityId:e.id}),I.trackCommentActivity("bill","clicked",h.currentTenant?.companyName??Ue,h.controllersList.controllers.map(M=>et(M)),void 0,void 0,Di)},C=_.useCallback(()=>{w(e.id)},[e.id]),P=zt(e.billPayInfo.billPaymentStatus.code)?$t(e.createdByUser):ze($),q=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:le.newBillTitle,H=()=>`${le.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`;return t.jsxs(Ei,{windowSize:n,statusCode:l?.code??"",isSelected:r,isProcessing:s,children:[t.jsx(Mi,{onClick:C,"data-testid":ee("bill-pay-transaction-row",e.id),children:t.jsxs(Ni,{children:[t.jsxs(Fi,{windowSize:n,responsiveWidth:xe[0].width,children:[t.jsxs(Oi,{children:[t.jsx(Vi,{windowSize:n,children:q}),e.isRecurring?t.jsx(J,{title:H(),placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(Zi,{isProcessing:s,children:t.jsx(qi,{})})}):null]}),t.jsx(Ki,{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(Xi,{windowSize:n,responsiveWidth:xe[3].width,children:[t.jsxs(Hi,{children:[l!==void 0?t.jsx(Ui,{className:"statusTag",color:l.color,bgColor:l.bgColor,borderColor:l.borderColor,children:l.value??le.hyphenText}):t.jsx(Gi,{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(Ji,{})}):null]}),$!==void 0&&P.length>0?P.length>1?t.jsx(J,{style:{padding:"2px 5px"},title:`${le.byText}${ve}${P.join(`${ve}${le.orText}${ve}`)}`,placement:"bottom-start",children:t.jsx(Ce,{children:`${le.byText}${ve}${P[0]}${le.dots}`})}):t.jsx(Ce,{children:`${le.byText}${ve}${P[0]}`}):null,f!=null?t.jsx(Ce,{children:f}):null,b!=null?t.jsx(Ce,{children:b}):null]}),t.jsx(Wi,{windowSize:n,responsiveWidth:xe[4].width,children:Ae("0,0[.]00",e.totalAmountInUSD)})]})}),a&&z.length>0?t.jsx(Ye,{isLoading:S,count:z.length,style:{position:"absolute",float:"right",right:"44px",top:i.sp1},openThread:L}):null]})},Ei=o.div`
+  display: flex;
+  margin-bottom: ${i.sp3};
+  background-color: ${e=>e.isProcessing?"transparent":e.theme.colors.grey5};
+  padding-left: ${e=>fe.containerPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>fe.containerPaddingRight.valuePx(e.windowSize)};
+  padding-top: ${e=>fe.containerPaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>fe.containerPaddingBottom.valuePx(e.windowSize)};
+  border: ${e=>` 1px solid ${e.isProcessing?e.theme.colors.grey2:e.isSelected?e.theme.colors.primary:e.theme.colors.grey3}`};
+  box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${Q.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${Q.dropShadowNormalLight}`};
+  border-radius: ${i.sp2};
+  cursor: ${e=>e.isProcessing?"initial":"pointer"};
+
+  ${e=>e.isProcessing?Z`
+          color: ${e.theme.colors.grey2};
+          border-color: ${e.theme.colors.grey2};
+          div {
+            :not(.statusTag) {
+              color: ${e.theme.colors.grey2};
+            }
+          }
+          .statusTag {
+            color: ${e.theme.colors.grey2};
+            border-color: ${e.theme.colors.grey2};
+          }
+        `:e.isSelected?Z`
+            color: ${e.theme.colors.primary};
+            border-color: ${e.theme.colors.primary};
+            div {
+              :not(.statusTag) {
+                color: ${e.theme.colors.primary};
+              }
+            }
+            .statusTag {
+              color: ${E.includes(e.statusCode)?e.theme.colors.primary:void 0};
+              border-color: ${E.includes(e.statusCode)?e.theme.colors.primary:void 0};
+            }
+          `:Z`
+            &:hover {
+              color: ${e.theme.colors.primary};
+              border-color: ${e.theme.colors.primary};
+              div {
+                :not(.statusTag) {
+                  color: ${e.theme.colors.primary};
+                }
+              }
+              .statusTag {
+                color: ${E.includes(e.statusCode)?e.theme.colors.primary:void 0};
+                border-color: ${E.includes(e.statusCode)?e.theme.colors.primary:void 0};
+              }
+            }
+          `}
+  margin-right: ${e=>fe.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${i.sp0};
+  box-sizing: border-box;
+  align-items: center;
+`,Mi=o.div`
+  display: block;
+  width: 100%;
+`,Ni=o.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  height: 42px;
+`,Fi=o.div`
+  display: flex;
+  flex-direction: column;
+  column-gap: 12px;
+  align-items: flex-start;
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+`,Oi=o.div`
+  display: flex;
+  flex-direction: row;
+  gap: ${i.sp1};
+  align-items: center;
+  margin-right: ${i.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Vi=o(O)`
+  flex-grow: 1;
+  word-break: break-word;
+  display: -webkit-box;
+  -webkit-line-clamp: ${e=>fe.webkitLineClamp.value(e.windowSize)};
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: ${e=>e.windowSize==="small"?"200px":"initial"};
+`,Wi=o(O)`
+  display: flex;
+  align-items: ${e=>e.windowSize==="small"||e.windowSize==="medium-compact"?"flex-start":"center"};
+  color: ${e=>e.theme.colors.hero};
+  justify-content: flex-end;
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+`,Ki=o.div`
+  color: ${e=>e.theme.colors.grey1};
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 90%;
+  white-space: nowrap;
+`,Ui=o(K)`
+  display: flex;
+  color: ${e=>e.color};
+  height: 20px;
+  align-items: center;
+  justify-content: flex-end;
+  padding: ${i.sp0} 6px;
+  max-width: calc(100%);
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  display: inline-block;
+  border: ${e=>`1px solid ${e.borderColor}`};
+  border-radius: ${i.sp1};
+`,Gi=o(O)``,at=o(O)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+`,Hi=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: ${i.sp2};
+`,Xi=o.div`
+  position: relative;
+  top: 2px;
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+`,Ce=o(K)`
+  position: relative;
+  top: 1px;
+  color: ${e=>e.theme.colors.grey1};
+`,Zi=o.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.isProcessing?e.theme.colors.grey2:e.theme.colors.primary};
+`,qi=o(_t)`
+  width: 12px;
+  height: 12px;
+  color: inherit;
+`,Ji=o(Bt)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  color: ${e=>e.theme.colors.hero};
+  :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:Ge,space:ke}},collaboration:{commentOnField:Qi}}=te.getLocalizedStrings(),Yi=({transactionDetail:e,tagStatus:l,isProcessing:d,isAffectedByApprovalRuleUpdate:r=!1,isSelected:a,isBillPayCommentingEnabled:g,bulkSelectFormId:y,isBulkSelectionLimitReached:x,isSelectionMode:$,reportTitleAdditionalInfo:f,lowBalanceAlert:b,approvers:u,deletionAdditionalInfo:w,paidAdditionalInfo:s,showLowBalanceTooltip:n,onTransactionRowClick:h})=>{const k=d||r,I=Y(),c=Ie(),j=qe(),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),P=_.useMemo(()=>L.filter(V=>V.resolved===!1),[L]),q=V=>{V.stopPropagation(),j?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:z,companyId:c.currentTenant?.companyId??Ge,companyName:c.currentTenant?.companyName??Ge,entityType:"bill.details",entityId:e.id}),S.trackCommentActivity("bill","clicked",c.currentTenant?.companyName??Ge,c.controllersList.controllers.map(U=>et(U)),void 0,void 0,Qi)},{getValues:H,setValue:T}=wt(),M=zt(e.billPayInfo.billPaymentStatus.code)?$t(e.createdByUser):ze(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=H(y),ge=_.useCallback(()=>{!x&&e.bulkSelectInfo?.isSelectableForBulkAction&&!a&&T(y,[...se,e.id])},[y,x,a,T,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,se]),Ve=_.useCallback(()=>{ge()},[ge]),ye=_.useCallback(V=>{V.stopPropagation(),V.cancelable&&V.preventDefault(),$?ge():h(e.id)},[ge,$,h,e.id]),We=At({onLongPress:Ve},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(eo,{windowSize:I,statusCode:l?.code??"",isSelected:a,isProcessing:k,children:[t.jsx(to,{onClick:ye,...We,"data-testid":ee("bill-pay-trxn-row-small",e.id),children:t.jsxs(io,{children:[t.jsxs(po,{children:[t.jsxs(oo,{children:[t.jsxs(lo,{children:[t.jsx(no,{windowSize:I,children:re}),e.isRecurring?t.jsx(J,{title:ie(),placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(uo,{isProcessing:k,children:t.jsx(ho,{})})}):null]}),t.jsx(so,{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(mo,{children:[t.jsx(ro,{children:Ae("0,0[.]00",e.totalAmountInUSD)}),t.jsxs(co,{hasAlertIcon:b!=null,children:[t.jsxs(go,{children:[l!==void 0?t.jsx(ao,{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(bo,{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(yo,{})})}):null]}),u!==void 0&&M.length>0?M.length>1?t.jsx(J,{title:`${ne.byText}${ke}${M.join(`${ke}${ne.orText}${ke}`)}`,placement:"bottom-start",children:t.jsx(je,{children:`${ne.byText}${ke}${M[0]}${ne.dots}`})}):t.jsx(je,{children:`${ne.byText}${ke}${M[0]}`}):null,w!=null?t.jsx(je,{children:w}):null,s!=null?t.jsx(je,{children:s}):null]})]})]})}),g&&P.length>0?t.jsx(Ye,{isLoading:C,count:P.length,style:{position:"absolute",float:"right",right:"6px",top:i.sp1},openThread:q}):null]})},eo=o.div`
+  display: flex;
+  margin-bottom: ${i.sp3};
+  background-color: ${e=>e.isProcessing?"transparent":e.theme.colors.grey5};
+  padding-left: ${e=>ce.containerPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>ce.containerPaddingRight.valuePx(e.windowSize)};
+  padding-top: ${e=>ce.containerPaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>ce.containerPaddingBottom.valuePx(e.windowSize)};
+  border: ${e=>` 1px solid ${e.isProcessing?e.theme.colors.grey2:e.isSelected?e.theme.colors.primary:e.theme.colors.grey3}`};
+  box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${Q.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${Q.dropShadowNormalLight}`};
+  border-radius: ${i.sp2};
+  cursor: ${e=>e.isProcessing?"initial":"pointer"};
+  ${e=>e.isProcessing?Z`
+          color: ${e.theme.colors.grey2};
+          border-color: ${e.theme.colors.grey2};
+          div {
+            :not(.statusTag) {
+              color: ${e.theme.colors.grey2};
+            }
+          }
+          .statusTag {
+            color: ${e.theme.colors.grey2};
+            border-color: ${e.theme.colors.grey2};
+          }
+        `:e.isSelected?Z`
+            color: ${e.theme.colors.primary};
+            border-color: ${e.theme.colors.primary};
+            div {
+              :not(.statusTag) {
+                color: ${e.theme.colors.primary};
+              }
+            }
+            .statusTag {
+              color: ${E.includes(e.statusCode)?e.theme.colors.primary:void 0};
+              border-color: ${E.includes(e.statusCode)?e.theme.colors.primary:void 0};
+            }
+          `:Z`
+            &:hover {
+              color: ${e.theme.colors.primary};
+              border-color: ${e.theme.colors.primary};
+              div {
+                :not(.statusTag) {
+                  color: ${e.theme.colors.primary};
+                }
+              }
+              .statusTag {
+                color: ${E.includes(e.statusCode)?e.theme.colors.primary:void 0};
+                border-color: ${E.includes(e.statusCode)?e.theme.colors.primary:void 0};
+              }
+            }
+          `}
+  margin-right: ${e=>ce.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${e=>ce.containerMarginLeft.valuePx(e.windowSize)};
+`,to=o.div`
+  display: block;
+  width: 100%;
+`,io=o.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+`,oo=o.div`
+  display: flex;
+  flex-direction: column;
+  column-gap: 12px;
+  align-items: flex-start;
+`,lo=o.div`
+  display: flex;
+  flex-direction: row;
+  gap: ${i.sp1};
+  align-items: center;
+  margin-right: ${i.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,no=o(O)`
+  color: ${e=>e.theme.colors.hero};
+  flex-grow: 1;
+  word-break: break-word;
+  display: -webkit-box;
+  -webkit-line-clamp: ${e=>ce.webkitLineClamp.value(e.windowSize)};
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: ${e=>e.windowSize==="small"?`${jt}px`:"initial"};
+`,ro=o(O)`
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+  justify-content: flex-end;
+`,so=o(K)`
+  color: ${e=>e.theme.colors.grey1};
+`,ao=o(K)`
+  color: ${e=>e.color};
+  height: 20px;
+  align-items: center;
+  justify-content: flex-end;
+  padding: ${i.sp0} 6px;
+  max-width: calc(100%);
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  display: inline-flex;
+  border: ${e=>`1px solid ${e.borderColor}`};
+  border-radius: ${i.sp1};
+`,dt=o(K)`
+  color: ${e=>e.theme.colors.grey1};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+`,co=o.div`
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  align-items: ${e=>e.hasAlertIcon?"flex-start":"flex-end"};
+  justify-content: center;
+`,je=o(K)`
+  color: ${e=>e.theme.colors.grey1};
+`,po=o.div`
+  display: flex;
+  flex-direction: column;
+`,mo=o.div`
+  display: flex;
+  flex-direction: column;
+`,uo=o.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.isProcessing?e.theme.colors.grey2:e.theme.colors.primary};
+`,ho=o(_t)`
+  width: 12px;
+  height: 12px;
+  color: inherit;
+`,go=o.div`
+  display: flex;
+  flex-direction: row;
+  gap: ${i.sp2};
+`,yo=o(Bt)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  color: ${e=>e.theme.colors.hero};
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,bo=o.div``,de=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs.header,Me={key:"reportName",value:de.name,sortOrder:"ascending",width:new m(30,30)},Ne={key:"type",value:de.type,sortOrder:"ascending",width:new m(20,20)},Fe={key:"status",value:de.status,sortOrder:"ascending",width:new m(20,20)},Oe={key:"amount",value:de.amount,sortOrder:"ascending",width:new m(10,10)},pe=[Me,{key:"submittedOn",value:de.created,sortOrder:"ascending",width:new m(20,20)},Ne,Fe,Oe],xo=[Me,{key:"submittedOn",value:de.submitted,sortOrder:"ascending",width:new m(20,20)},Ne,Fe,Oe],fo=[Me,{key:"submittedOn",value:de.paymentDate,sortOrder:"ascending",width:new m(20,20)},Ne,Fe,Oe],wo=[Me,{key:"submittedOn",value:de.paidOn,sortOrder:"ascending",width:new m(20,20)},Ne,Fe,Oe],Lt={draft:pe,pending_approval:xo,scheduled:fo,paid:wo},_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 $o({companyNameSticky:e,currentTab:l,onColumnSortConfigChanged:d,sortConfig:r,analytics:a}){const g=Y(),y=Ze(),[x,$]=_.useState(we(Lt[l]));_.useEffect(()=>{const n=[...x];for(const h of n)h.key===r.sortKey?h.sortOrder=r.sortOrder:h.sortOrder="ascending";$(n)},[r.sortKey,r.sortOrder]);const f=(n,h)=>{let k=h;r.sortKey===n&&(k=h==="ascending"?"descending":"ascending"),a?.trackReimbursementListSort(n,k),d?.(n,k)},b=x.find(n=>n.key===r.sortKey)??x[0],u=n=>x.find(h=>h.key===n)?.value??"",w=x.map(n=>n.key),s=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs;return g==="small"?t.jsxs(ct,{height:vt,windowSize:g,children:[t.jsx(So,{children:t.jsx(Po,{})}),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(_o,{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:kt,windowSize:g,children:x.map(n=>t.jsxs(ko,{companyNameSticky:e,sortDataValue:r.sortKey,actualDataValue:n.key,wrapperWidth:n.width,windowSize:g,children:[t.jsxs(jo,{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(Co,{sortDataValue:r.sortKey,windowSize:g,isVisible:r.sortKey===n.key&&n.key!=="submittedOn",children:t.jsx(To,{onClick:()=>f("submittedOn","ascending"),"data-testid":ee("remi-list-close-sort",r.sortKey)})})]},n.key))})}const vo=It.memo($o),ct=o(ae)`
+  width: 100%;
+  top: 0;
+  left: 0;
+  min-height: ${e=>e.height}px;
+  max-height: ${e=>e.height}px;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${e=>`${_e.headerLastColumnTopPadding.valuePx(e.windowSize)} ${_e.headerLastColumnRightPadding.valuePx(e.windowSize)} ${_e.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${_e.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
+  background-color: ${e=>e.theme.colors.grey4};
+  position: sticky;
+`,ko=o.div`
+  color: ${e=>e.sortDataValue===e.actualDataValue?e.theme.colors.primary:e.theme.colors.grey1};
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  max-width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  padding-left: ${e=>e.companyNameSticky?i.sp4:i.sp0};
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  left: ${i.sp0};
+  justify-content: ${e=>e.actualDataValue==="amount"?"flex-end":"flex-start"};
+  ${e=>e.companyNameSticky?"position: sticky; z-index: 1;":"position: static; z-index: 0;"};
+  ${e=>e.actualDataValue==="companyName"?`padding-left: ${i.sp4};flex: 1 1 auto`:`padding-left: ${i.sp0};`};
+  box-sizing: border-box;
+`,So=o.div`
+  margin-right: ${i.sp1};
+  display: flex;
+  align-items: center;
+`,Po=o(Pt)`
+  width: 12px;
+  height: 12px;
+  color: inherit;
+`,To=o(Ct)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+`,pt=o.div`
+  display: flex;
+  align-items: center;
+  transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
+  ${e=>e.headerdata.sortOrder==="ascending"?"padding-top: 2px":"padding-bottom: 2px"}
+`,mt=o(Tt)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: inherit;
+`,Co=o.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  align-items: center;
+  padding-top: 2px;
+`,jo=o.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,_o=o.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+  margin-left: auto;
+`,Se={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])},Dt=te.getLocalizedStrings(),X=Dt.spendManagement.reimbursement.reimbursementByTabs,{commentOnField:Bo}=Dt.collaboration,Io=({reimbursementDetail:e,tagStatus:l,isProcessing:d,isSelected:r,reportTitleAdditionalInfo:a,date:g,approvers:y,deletionAdditionalInfo:x,isReimbursementCommentingEnabled:$,onTransactionRowClick:f})=>{const b=Y(),u=Ie(),w=_.useRef(null),[s,n]=_.useState(0);_.useLayoutEffect(()=>{w.current&&n(w.current.offsetWidth*St)},[b]);const h=Je().analytics,k=qe(),I=`dashboard_${u.currentTenant?.companyId}`,c=()=>{f(e.id)},j=e.reimbursementTypesIncluded,S=ze(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),P=_.useMemo(()=>L.filter(H=>H.resolved===!1),[L]),q=H=>{H.stopPropagation(),k?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:I,companyId:u.currentTenant?.companyId??z,companyName:u.currentTenant?.companyName??z,entityType:"reimbursement.details",entityId:e.id??z}),h.trackCommentActivity("reimbursement","clicked",u.currentTenant?.companyName??z,u.controllersList.controllers.map(T=>et(T)),void 0,void 0,Bo)};return t.jsxs(zo,{windowSize:b,onClick:c,isProcessing:d,isSelected:r,statusCode:l?.code??z,"data-testid":ee("remi-row-click",e.id),children:[t.jsx(Ao,{children:t.jsxs(Lo,{children:[t.jsxs(Do,{windowSize:b,responsiveWidth:pe[0].width,ref:w,children:[t.jsx(Ro,{windowSize:b,reportNameWidth:s,children:e.reportTitle??X.newReimbursementTitle}),a!=null&&t.jsx(Eo,{children:`${X.byText} ${a?.firstName} ${a?.lastName}`})]}),t.jsx(No,{windowSize:b,responsiveWidth:pe[1].width,children:g}),j.length>1?t.jsx(ut,{windowSize:b,responsiveWidth:pe[2].width,children:t.jsx(J,{title:X.reimbursementType.both,placement:"bottom-start",display:"flex",children:X.reimbursementType.titleForBoth})}):t.jsx(ut,{windowSize:b,responsiveWidth:pe[2].width,children:X.reimbursementType[j[0]]}),t.jsxs(Oo,{windowSize:b,responsiveWidth:pe[3].width,children:[l!==void 0?t.jsx(Vo,{className:"statusTag",color:l.color,bgColor:l.bgColor,borderColor:l.borderColor,children:l.value??X.hyphenText}):t.jsx(Fo,{children:X.hyphenText}),y!==void 0&&S.length>0?S.length>1?t.jsx(J,{title:`${X.byText} `+S.join(` ${X.orText} `),placement:"bottom-start",children:t.jsx(He,{children:`${X.byText} `+S[0]+`${X.dots}`})}):t.jsx(He,{children:`${X.byText} `+S[0]}):null,x!=null?t.jsx(He,{children:x}):null]}),t.jsx(Mo,{windowSize:b,responsiveWidth:pe[4].width,children:Ae("0,0[.]00",e.amount)})]})}),$&&P.length>0?t.jsx(Ye,{isLoading:C,count:P.length,style:{position:"absolute",float:"right",right:`calc(${i.sp6} + ${i.sp1})`,top:i.sp1},openThread:q}):null]})},zo=o.div`
+  display: flex;
+  margin-bottom: ${i.sp3};
+  background-color: ${e=>e.isProcessing?"transparent":e.theme.colors.grey5};
+  padding-left: ${e=>Se.containerPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>Se.containerPaddingRight.valuePx(e.windowSize)};
+  padding-top: ${e=>Se.containerPaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>Se.containerPaddingBottom.valuePx(e.windowSize)};
+  border: ${e=>` 1px solid ${e.isProcessing?e.theme.colors.grey2:e.isSelected?e.theme.colors.primary:e.theme.colors.grey3}`};
+  box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${Q.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${Q.boxShadowElevation}`};
+  border-radius: ${i.sp2};
+  cursor: ${e=>e.isProcessing?"initial":"pointer"};
+
+  ${e=>e.isProcessing?Z`
+          color: ${e.theme.colors.grey2};
+          border-color: ${e.theme.colors.grey2};
+          div {
+            :not(.statusTag) {
+              color: ${e.theme.colors.grey2};
+            }
+          }
+          .statusTag {
+            color: ${e.theme.colors.grey2};
+            border-color: ${e.theme.colors.grey2};
+          }
+        `:e.isSelected?Z`
+            color: ${e.theme.colors.primary};
+            border-color: ${e.theme.colors.primary};
+            div {
+              :not(.statusTag) {
+                color: ${e.theme.colors.primary};
+              }
+            }
+            .statusTag {
+              color: ${E.includes(e.statusCode)?e.theme.colors.primary:void 0};
+              border-color: ${E.includes(e.statusCode)?e.theme.colors.primary:void 0};
+            }
+          `:Z`
+            &:hover {
+              color: ${e.theme.colors.primary};
+              border-color: ${e.theme.colors.primary};
+              div {
+                :not(.statusTag) {
+                  color: ${e.theme.colors.primary};
+                }
+              }
+              .statusTag {
+                color: ${E.includes(e.statusCode)?e.theme.colors.primary:void 0};
+                border-color: ${E.includes(e.statusCode)?e.theme.colors.primary:void 0};
+              }
+            }
+          `}
+
+  margin-right: ${e=>Se.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${i.sp0};
+`,Ao=o.div`
+  display: flex;
+  width: 100%;
+`,Lo=o.div`
+  display: flex;
+  width: 100%;
+  height: 42px;
+`,Do=o.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  column-gap: 12px;
+  align-items: flex-start;
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+`,Ro=o(O)`
+  color: ${e=>e.theme.colors.hero};
+  align-items: center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: ${e=>e.reportNameWidth!=null&&e.reportNameWidth>0?`${e.reportNameWidth}px`:`${St*100}%`};
+`,Eo=o(ae)`
+  color: ${e=>e.theme.colors.grey1};
+`,Mo=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;
+`,No=o(O)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+`,Fo=o(O)``,ut=o(O)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+`,Oo=o(O)`
+  position: relative;
+  top: 2px;
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+`,He=o(K)`
+  position: relative;
+  top: 1px;
+  color: ${e=>e.theme.colors.grey1};
+`,Vo=o(K)`
+  display: flex;
+  color: ${e=>e.color};
+  align-items: center;
+  justify-content: flex-end;
+  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)},W=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,Wo=({reimbursementDetail:e,tagStatus:l,currentTab:d,isProcessing:r,isSelected:a,bulkSelectFormId:g,isBulkSelectionLimitReached:y,isSelectionMode:x,reportTitleAdditionalInfo:$,date:f,approvers:b,deletionAdditionalInfo:u,onTransactionRowClick:w})=>{const s=Y(),{getValues:n,setValue:h}=wt(),k=e.reimbursementTypesIncluded,I=ze(b),c=we(Lt[d]),j=n(g),S=_.useCallback(()=>{!y&&e.bulkSelectInfo?.isSelectableForBulkAction&&!a&&h(g,[...j,e.id])},[g,y,a,h,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,j]),z=_.useCallback(()=>{S()},[S]),L=_.useCallback(P=>{P.stopPropagation(),P.cancelable&&P.preventDefault(),x?S():w(e.id)},[S,x,w,e.id]),C=At({onLongPress:z},{shouldPreventDefault:!1,delay:1e3});return t.jsx(Ko,{windowSize:s,statusCode:l?.code??"",isProcessing:r,isSelected:a,children:t.jsx(Uo,{onClick:L,...C,"data-testid":ee("remi-row-click-mobile",e.id),children:t.jsxs(Go,{children:[t.jsxs(Ho,{children:[t.jsxs(Zo,{children:[t.jsx(qo,{windowSize:s,children:e.reportTitle??W.newReimbursementTitle}),$!=null&&t.jsx(Jo,{children:`${W.byText} ${$?.firstName} ${$?.lastName}`})]}),t.jsxs(Yo,{children:[c[1].value+": ",f]}),k.length>1?t.jsx(J,{title:W.reimbursementType.both,placement:"bottom-start",display:"flex",children:t.jsxs(ht,{children:[W.reimbursementType.type+": ",W.reimbursementType.titleForBoth]})}):t.jsxs(ht,{children:[W.reimbursementType.type+": ",W.reimbursementType[k[0]]]})]}),t.jsxs(Xo,{children:[t.jsx(Qo,{children:Ae("0,0[.]00",e.amount)}),t.jsxs(el,{children:[l!==void 0?t.jsx(tl,{className:"statusTag",color:l.color,bgColor:l.bgColor,borderColor:l.borderColor,children:l.value??W.hyphenText}):t.jsx(t.Fragment,{children:W.hyphenText}),b!==void 0&&I.length>0?I.length>1?t.jsx(J,{title:`${W.byText} `+I.join(` ${W.orText} `),placement:"bottom-start",children:t.jsx(Xe,{style:{marginLeft:"auto"},children:`${W.byText} `+I[0]+`${W.dots}`})}):t.jsx(Xe,{style:{marginLeft:"auto"},children:`${W.byText} `+I[0]}):null,u!=null?t.jsx(Xe,{children:u}):null]})]})]})})})},Ko=o.div`
+  display: flex;
+  margin-bottom: ${i.sp3};
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-left: ${e=>me.containerPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>me.containerPaddingRight.valuePx(e.windowSize)};
+  padding-top: ${e=>me.containerPaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>me.containerPaddingBottom.valuePx(e.windowSize)};
+  border: ${e=>` 1px solid ${e.isProcessing?e.theme.colors.grey2:e.isSelected?e.theme.colors.primary:e.theme.colors.grey3}`};
+  box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${Q.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${Q.boxShadowElevation}`};
+  border-radius: ${i.sp2};
+  cursor: ${e=>e.isProcessing?"initial":"pointer"};
+  ${e=>e.isProcessing?Z`
+          color: ${e.theme.colors.grey2};
+          border-color: ${e.theme.colors.grey2};
+          div {
+            :not(.statusTag) {
+              color: ${e.theme.colors.grey2};
+            }
+          }
+          .statusTag {
+            color: ${e.theme.colors.grey2};
+            border-color: ${e.theme.colors.grey2};
+          }
+        `:e.isSelected?Z`
+            color: ${e.theme.colors.primary};
+            border-color: ${e.theme.colors.primary};
+            div {
+              :not(.statusTag) {
+                color: ${e.theme.colors.primary};
+              }
+            }
+            .statusTag {
+              color: ${E.includes(e.statusCode)?e.theme.colors.primary:void 0};
+              border-color: ${E.includes(e.statusCode)?e.theme.colors.primary:void 0};
+            }
+          `:Z`
+            &:hover {
+              color: ${e.theme.colors.primary};
+              border-color: ${e.theme.colors.primary};
+              div {
+                :not(.statusTag) {
+                  color: ${e.theme.colors.primary};
+                }
+              }
+              .statusTag {
+                color: ${E.includes(e.statusCode)?e.theme.colors.primary:void 0};
+                border-color: ${E.includes(e.statusCode)?e.theme.colors.primary:void 0};
+              }
+            }
+          `}
+
+  margin-right: ${e=>me.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${e=>me.containerMarginLeft.valuePx(e.windowSize)};
+`,Uo=o.div`
+  display: flex;
+  width: 100%;
+`,Go=o.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+`,Ho=o.div`
+  display: flex;
+  flex-direction: column;
+`,Xo=o.div`
+  display: flex;
+  flex-direction: column;
+  text-align: right;
+`,Zo=o.div`
+  display: flex;
+  flex-direction: column;
+  column-gap: 12px;
+  align-items: flex-start;
+`,qo=o(O)`
+  color: ${e=>e.theme.colors.hero};
+  flex-grow: 1;
+  word-break: break-word;
+  display: -webkit-box;
+  -webkit-line-clamp: ${e=>me.webkitLineClamp.value(e.windowSize)};
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: ${e=>e.windowSize==="small"?`${jt}px`:"initial"};
+`,Jo=o(K)`
+  color: ${e=>e.theme.colors.grey1};
+`,Qo=o(O)`
+  display: flex;
+  margin-left: auto;
+  color: ${e=>e.theme.colors.hero};
+`,Yo=o(K)`
+  color: ${e=>e.theme.colors.grey1};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+`,ht=o(K)`
+  color: ${e=>e.theme.colors.grey1};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+`,el=o.div`
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+`,Xe=o(K)`
+  color: ${e=>e.theme.colors.grey1};
+`,tl=o(K)`
+  display: flex;
+  color: ${e=>e.color};
+  height: 20px;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 1px 6px 1px 6px;
+  border: ${e=>`1px solid ${e.borderColor}`};
+  border-radius: ${i.sp1};
+  margin-left: auto;
+`,il={lastListItemHeight:new m(200,158)},v=te.getLocalizedStrings(),{common:{texts:{maxLimit:ol}},spendManagement:{billPay:Rt,reimbursement:ll}}=v,G=Rt.bulkActions,F=ll.bulkActions,N=v.common.strings.empty,ue="bulkSelectIds",nl=({transactionList:e,botEmail:l,selectedTab:d,selectedSubTab:r,isShowDeletedBillsEnabled:a,isShowDeletedReimbursementEnabled:g,billPayApprovalRulesAffectedEntityIds:y,remiApprovalRulesAffectedEntityIds:x,isBillPayCommentingEnabled:$,isReimbursementCommentingEnabled:f,searchText:b,isAdmin:u,entity:w,uiState:s,bulkSubmissionLimit:n,isBulkActionAllowed:h,transactionsSelectedForBulkAction:k,isDetectInsufficientFundsEnabled:I,fetchState:c,analytics:j,onTransactionRowClick:S,onReloadTransactions:z,onColumnSortConfigChanged:L})=>{const C=Y(),P=T=>{const M=w==="bill_pay"?e[T].vendor?.name??e[T].candidateVendorName??N:e[T].reportTitle??N;return si(M,C)},q=_.useRef(null);_.useEffect(()=>{q.current?.resetAfterIndex(0)},[C,q,d,r]);const H=_.forwardRef((T,M)=>{const{children:re,style:ie,...se}=T;return t.jsx(_l,{ref:M,style:{...ie,width:"auto"},...se,children:t.jsx(jl,{children:re})})});return H.displayName=v.spendManagement.billPay.billsByTabs.headerElementDisplayName,Jt({componentName:`${bi(w)}.${xi(d,w)}`,enabled:c==="Completed"}),t.jsx(fl,{children:c==="Error"?t.jsxs(vl,{children:[t.jsx(kl,{onClick:z,children:t.jsx(Sl,{})}),t.jsx(Pl,{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(Qt,{fetchState:c,styles:{margin:"auto"}}):t.jsx(Tl,{windowSize:C,children:t.jsx(Yt,{children:({height:T,width:M})=>t.jsx(ei,{ref:q,height:T,itemCount:w==="bill_pay"||w==="reimbursement"?1:e.length,innerElementType:H,itemSize:P,estimatedItemSize:ii,itemKey:re=>e[re].id,width:M,overscanCount:ti,itemData:{entity:w,isBulkActionAllowed:h,isShowDeletedBillsEnabled:a,isShowDeletedReimbursementEnabled:g,billPayApprovalRulesAffectedEntityIds:y,remiApprovalRulesAffectedEntityIds:x,isBillPayCommentingEnabled:$,isReimbursementCommentingEnabled:f,transactionList:e,isAdmin:u,selectedTab:d,transactionsSelectedForBulkAction:k,bulkSubmissionLimit:n,uiState:s,analytics:j,isDetectInsufficientFundsEnabled:I,onTransactionRowClick:S,onColumnSortConfigChanged:L},initialScrollOffset:0,children:rl})})})})},ql=({transactionList:e,botEmail:l,allSubTabs:d,isAdmin:r,selectedTab:a,isShowDeletedBillsEnabled:g,isShowDeletedReimbursementEnabled:y,billPayApprovalRulesAffectedEntityIds:x,remiApprovalRulesAffectedEntityIds:$,isBillPayCommentingEnabled:f,isReimbursementCommentingEnabled:b,selectedSubTab:u,searchText:w,entity:s,uiState:n,bulkSubmissionLimit:h,isBulkActionAllowed:k,isRecurringBillInBulkActionList:I,transactionsSelectedForBulkAction:c,allowedBulkActions:j,bulkSubmissionFetchState:S,isDetectInsufficientFundsEnabled:z,onTransactionRowClick:L,onSubtabChange:C,fetchState:P,onReloadTransactions:q,onColumnSortConfigChanged:H,analytics:T,updateBulkActionList:M,removeAllTransactionsFromBulkActionList:re,onProceedForBulkActionClick:ie})=>{const se=Wt({defaultValues:{bulkSelectIds:c},values:{bulkSelectIds:c}});_.useEffect(()=>{const A=se.watch((D,{name:B})=>{B!=null&&D!=null&&Kt(()=>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===h)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);T?.trackBillPayBulkSelectAll(a,u,oe)}else{const R=e.filter($e=>B.includes($e.id)),oe=Te(R.map($e=>$e.reimbursementTypesIncluded));T?.trackReimbursementBulkSelectAll(a,u,oe)}}else B=D[ue];M?.(B)}},Ve=()=>{j.includes("cancel")?Ft():Vt()},ye=Y(),[We,V]=_.useState(!1),[U,Ke]=_.useState({type:N,title:N,description:N,primaryButtonText:N,secondaryButtonText:N});_.useEffect(()=>{const A=Ut(a,u,s);P==="Completed"&&A!=null&&T?.trackPageLoaded(A,s==="bill_pay"?"Bills":"Reimbursements")},[T,a,u,s,P]);const Mt=A=>{C(A)},Nt=_.useCallback(()=>{const{title:A,description:D}=bl(s,c.length,a,I);if(Ke({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);T?.trackBillPayBulkDeleted(c.length,a,u,R)}else{const B=e.filter(oe=>c.includes(oe.id)),R=Te(B.map(oe=>oe.reimbursementTypesIncluded));T?.trackReimbursementBulkDeleted(c.length,a,u,R)}V(!0)},[s,T,I,u,a,e,c]),Ft=_.useCallback(()=>{const{title:A,description:D}=yl(s,c.length);Ke({type:"cancel",title:A,description:D,primaryButtonText:v.common.texts.confirm,secondaryButtonText:v.common.texts.close}),V(!0)},[s,c.length]),Ot={onOkClick:A=>{if(V(!1),s==="bill_pay"){const D=e.filter(R=>c.includes(R.id)),B=Pe(D);T?.trackBillPayBulkPopupConfirm(U.type,a,u,B)}else{const D=e.filter(R=>c.includes(R.id)),B=Te(D.map(R=>R.reimbursementTypesIncluded));T?.trackReimbursementBulkPopupConfirm(U.type,a,u,B)}U.type==="delete"?ie?.("delete",A):ie?.("cancel",A)},onCancelClick:()=>{re?.(),V(!1),Ke({type:N,title:N,description:N,primaryButtonText:N,secondaryButtonText:N})}},Vt=_.useCallback(()=>{if(s==="bill_pay"){const A=e.filter(B=>c.includes(B.id)),D=Pe(A);T?.trackBillPayBulkSelection(c.length,a,u,D)}else{const A=e.filter(B=>c.includes(B.id)),D=Te(A.map(B=>B.reimbursementTypesIncluded));T?.trackReimbursementBulkSelection(c.length,a,u,D)}j.includes("send_for_approval")?ie?.("send_for_approval"):ie?.(z?"approve":"review")},[s,j,e,T,c,a,u,ie,z]),ot=j.filter(A=>A!=="delete").length>0;return t.jsxs($l,{children:[t.jsx(yi,{tabIds:d,selectedTab:u,hasSubTabs:d.length>0,entity:s,enablePerformanceTracking:!1,onTabSelectedChange:Mt,isSwitcherLeftAlign:!0}),t.jsx(Gt,{...se,children:t.jsxs(wl,{onSubmit:se.handleSubmit(Ve),children:[t.jsx(nl,{botEmail:l,selectedTab:a,selectedSubTab:u,searchText:w,transactionList:e,fetchState:P,onReloadTransactions:q,onTransactionRowClick:L,entity:s,uiState:n,isAdmin:r,onColumnSortConfigChanged:H,analytics:T,isShowDeletedBillsEnabled:g,isShowDeletedReimbursementEnabled:y,billPayApprovalRulesAffectedEntityIds:x,remiApprovalRulesAffectedEntityIds:$,isBillPayCommentingEnabled:f,isReimbursementCommentingEnabled:b,bulkSubmissionLimit:h,isBulkActionAllowed:k,transactionsSelectedForBulkAction:c,isDetectInsufficientFundsEnabled:z}),We?t.jsx(Ht,{titleComponent:t.jsx(Zt,{children:U.title}),descriptionComponent:t.jsx(Xt,{children:U.description}),primaryButtonText:U.primaryButtonText,proceedButtonVariant:U.type==="delete"?"danger":"primary",secondaryButtonText:U.secondaryButtonText,action:Ot,isNotesIncluded:a!=="draft",isEditPopup:!0}):null,c.length>0?t.jsx(qt,{helperContainerStyle:ye==="small"?{margin:`${i.sp5} ${j.includes("delete")&&ot?i.sp7:i.sp0} ${i.sp2} ${i.sp0}`}:{},showPrimaryButton:ot,primaryBtn:{label:ul(s,j,c.length),isLoading:U.type!=="delete"&&S==="In-Progress",isDisabled:U.type==="delete"&&S==="In-Progress",type:"submit",style:hl(j)},cancelBtn:{label:v.common.texts.goBack,isDisabled:S==="In-Progress",onClick:re,style:gl(j,ye)},leftSideComponent:pl(c.length,h,s,ye),rightSideComponent:j.includes("delete")?ml(c.length,U.type==="delete"&&S==="In-Progress",Nt,ye):null}):null]})})]})},rl=({style:e,data:l})=>{const{entity:d,transactionList:r,transactionsSelectedForBulkAction:a,isAdmin:g,isBulkActionAllowed:y,isShowDeletedBillsEnabled:x,isShowDeletedReimbursementEnabled:$,billPayApprovalRulesAffectedEntityIds:f,remiApprovalRulesAffectedEntityIds:b,isBillPayCommentingEnabled:u,isReimbursementCommentingEnabled:w,bulkSubmissionLimit:s,selectedTab:n,uiState:h,analytics:k,isDetectInsufficientFundsEnabled:I,onTransactionRowClick:c,onColumnSortConfigChanged:j}=l,S=Y(),z=Ze(),L=y?a.length>0?"always_on":"checked_or_hover":"off";return t.jsx(Cl,{style:{...e,width:"100%"},className:"spend-management-list-item",children:t.jsx(ri,{style:{width:"100%"},checkBoxContainerStyle:{gap:i.sp3,width:"auto",marginLeft:S==="small"?i.sp0:i.sp4},labelStyle:{width:"100%"},checkBoxStyle:dl(S),labelCheckBoxStyle:{marginLeft:S==="small"?i.sp2:i.sp0},checkBoxIconStyle:{backgroundColor:z.colors.grey4},infoIconContainerStyle:cl(S),name:ue,mode:L,selectionLimit:s,checkBoxes:d==="bill_pay"?[{label:t.jsx(Pi,{companyNameSticky:!1,currentTab:n,onColumnSortConfigChanged:j,sortConfig:{sortKey:h.sortKey,sortOrder:h.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:v.common.all.toLowerCase(),isException:!1},...r.map(C=>{const P=f?.includes(C.id)??!1;return{label:t.jsx(sl,{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||P,exceptionMode:xl(C,a),exceptionInfo:P?v.commonSetUp.approval.updatingWithApprovalRulesTooltip.replace("__entity__",v.spendManagement.billPay.bulkActions.bill):gt(d,C),exceptionType:P?"info":yt(C)}})]:[{label:t.jsx(vo,{companyNameSticky:!1,currentTab:n,onColumnSortConfigChanged:j,analytics:k,sortConfig:{sortKey:h.sortKey,sortOrder:h.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:v.common.all.toLowerCase(),isException:!1},...r.map(C=>{const P=b?.includes(C.id)??!1;return{label:t.jsx(al,{transactionDetail:C,isShowDeletedReimbursementEnabled:$,isReimbursementCommentingEnabled:w,selectedTab:n,isAdmin:g,onTransactionRowClick:c,remisSelectedForBulkAction:a,bulkSelectFormId:ue,bulkSelectLimit:s,isSelectionMode:L==="always_on",isAffectedByApprovalRuleUpdate:P}),value:C.id,groupLabel:!1,defaultChecked:!1,isException:C.bulkSelectInfo?.isSelectableForBulkAction===!1||P,exceptionMode:"checked_or_hover",exceptionInfo:P?v.commonSetUp.approval.updatingWithApprovalRulesTooltip.replace("__entity__",v.spendManagement.reimbursement.reimbursementDetail.reimbursement):gt(d,C),exceptionType:P?"info":yt(C)}})]})})},sl=({transactionDetail:e,selectedTab:l,isShowDeletedBillsEnabled:d,billsSelectedForBulkAction:r,bulkSelectFormId:a,bulkSelectLimit:g,isBillPayCommentingEnabled:y,isSelectionMode:x,isDetectInsufficientFundsEnabled:$,onTransactionRowClick:f,billPayApprovalRulesAffectedEntityIds:b})=>{const u=Y()==="small"?Yi:Ri,w=di(e,l),{bulkProcessingDetail:s}=e,n=Le(s?.type),h=b?.includes(e.id)??!1,k=()=>{const S=e.billPayInfo.outsideZeniTransactionPaymentMode;if(S==null||S==="other")return;const z=Rt.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?ci(e.totalAmountWithFeesInUSD,e.withdrawFrom,e.billPayInfo.paymentDate):void 0,c=pi(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(Et,{children:t.jsx(u,{reportTitleAdditionalInfo:w,transactionDetail:e,isBillPayCommentingEnabled:y,isSelected:r.includes(e.id),isProcessing:n,isAffectedByApprovalRuleUpdate:h,isBulkSelectionLimitReached:r.length===g,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||h?()=>null:f,paidAdditionalInfo:l==="paid"&&!e.isDeleted?k():void 0,lowBalanceAlert:I,showLowBalanceTooltip:j})})},al=({transactionDetail:e,selectedTab:l,isAdmin:d,isShowDeletedReimbursementEnabled:r,isReimbursementCommentingEnabled:a,remisSelectedForBulkAction:g,bulkSelectFormId:y,bulkSelectLimit:x,isSelectionMode:$,onTransactionRowClick:f,isAffectedByApprovalRuleUpdate:b=!1})=>{const u=Y()==="small"?Wo:Io,w=Ie(),s=mi(w),n=ui(d,e.submittedBy,s),{bulkProcessingDetail:h}=e,k=Le(h?.type)||b;return t.jsx(Et,{children:t.jsx(u,{reportTitleAdditionalInfo:n,reimbursementDetail:e,isReimbursementCommentingEnabled:a,isSelected:g.includes(e.id),isProcessing:k,isBulkSelectionLimitReached:g.length===x,isSelectionMode:$,bulkSelectFormId:y,currentTab:l,date:gi(e,l),approvers:e.isDeleted===!0?void 0:xt(e,l),tagStatus:hi(e,l,r),deletionAdditionalInfo:e.isDeleted===!0&&l!=="draft"?bt(e,l):void 0,onTransactionRowClick:k?()=>null:f})})},dl=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},cl=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},pl=(e,l,d,r)=>{const a=d==="bill_pay"?G.bill:F.report,g=(e>1?a+"s":a)+G.selected;return e>0?t.jsxs(Al,{style:r==="small"?{position:"absolute",top:i.sp2,left:`-${i.sp5}`}:{},children:[t.jsx(Ll,{multiDigit:e>=10,children:e}),t.jsx(Dl,{children:g}),e===l?t.jsx(Rl,{children:ol}):null]}):null},ml=(e,l,d,r)=>e>0?t.jsx(Bl,{style:r==="small"?{position:"absolute",top:i.sp7,right:`-${i.sp5}`}:{},children:t.jsx(Il,{isLoading:l,windowSize:r,className:"delete-icon-wrapper",onClick:l?()=>null:d,children:l?t.jsx(oi,{size:"Small",start:!0}):t.jsx(J,{enterDelay:600,title:v.common.delete,placement:"top",children:t.jsx(zl,{})})})}):null,gt=(e,l)=>{const{bulkProcessingDetail:d,bulkSelectInfo:r}=l,a=Le(d?.type),g=d?.type==="error";let y;if(a)y=d?.inProgressMessage;else if(g)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},ul=(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},hl=e=>{let l;return e.includes("cancel")===!1&&e.includes("send_for_approval")===!1&&(l={minWidth:"92px"}),l},gl=(e,l)=>{let d;return l!=="small"&&(e.includes("cancel")?d={minWidth:"116px"}:e.includes("send_for_approval")&&(d={minWidth:"160px"})),d},yl=(e,l)=>{const{this_:d,these:r,payment:a,payments:g,bills:y,bill:x,reports:$,report:f,they:b,it:u}=v.common.texts;return l>1?e==="bill_pay"?{title:G.popUps.cancel.title.replace("<_bill_>",v.drawerMenus.bills),description:G.popUps.cancel.description.replace("<_this_>",r).replace("<_bill_>",y).replace("<_it_>",b).replace("<_payment_>",g)}:{title:F.popUps.cancel.title.replace("__report__",F.reports),description:F.popUps.cancel.description.replace("<_this_>",r).replace("__report__",$).replace("<_it_>",b).replace("<_payment_>",g)}: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:G.popUps.cancel.title.replace("<_bill_>",G.bill),description:G.popUps.cancel.description.replace("<_this_>",d).replace("<_bill_>",x).replace("<_it_>",u).replace("<_payment_>",a)}},bl=(e,l,d,r)=>{const{this_:a,these:g,payment:y,payments:x,bills:$,bill:f,report:b,reports:u,they:w,it:s}=v.common.texts,n=l>1;let h=N;e==="bill_pay"?h=G.popUps.delete.title.replace("<_bill_>",n?G.bills:G.bill):h=F.popUps.delete.title.replace("__report__",n?F.reports:F.report);let k=N;return d==="draft"?e==="bill_pay"?k=G.popUps.delete.descriptionDraft.replace("<_this_>",n?g:a).replace("<_bill_>",n?$:f):k=F.popUps.delete.descriptionDraft.replace("<_this_>",n?g:a).replace("__report__",n?u:b):r?k=G.popUps.delete.descriptionRecurring.replace("<_payment_>",n?y:x):e==="bill_pay"?k=G.popUps.delete.descriptionOther.replace("<_this_>",n?g:a).replace("<_bill_>",n?$:f).replace("<_it_>",n?w:s).replace("<_payment_>",n?x:y):k=F.popUps.delete.descriptionOther.replace("<_this_>",n?g:a).replace("__report__",n?u:b).replace("<_it_>",n?w:s).replace("<_payment_>",n?x:y),{title:h,description:k}},xl=(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",fl=o.div`
+  display: block;
+  height: 100%;
+`,wl=o.form`
+  height: 100%;
+`,$l=o.div`
+  height: calc(100% - 120px);
+  margin: auto;
+`,vl=o.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,kl=o.div`
+  height: 96px;
+  width: 96px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+`,Sl=o(li)`
+  height: ${i.sp5};
+  width: ${i.sp5};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Pl=o(ni)`
+  margin-top: ${i.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Tl=o.div`
+  /** Subtract top so list can occupy remaining available height */
+  height: calc(100vh - 243px);
+  max-width: 99.9%;
+  .spend-management-list-item:last-of-type {
+    height: ${e=>il.lastListItemHeight.valuePx(e.windowSize)} !important;
+    padding-bottom: ${i.sp9};
+  }
+`,Cl=o.div`
+  top: ${i.sp0};
+  left: ${i.sp0};
+  padding-bottom: ${i.sp3};
+  box-sizing: border-box;
+`,jl=o.div`
+  position: relative;
+  width: auto;
+  height: 100%;
+`,_l=o.div``,Et=o.div`
+  position: relative;
+  width: 100%;
+`,Bl=o.div`
+  display: flex;
+  justify-content: flex-end;
+`,Il=o.div`
+  margin-right: ${i.sp8};
+  cursor: ${e=>e.isLoading?"initial":"pointer"};
+  color: ${e=>e.windowSize==="small"?Q.important:e.theme.colors.grey1};
+`,zl=o(ai)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  cursor: pointer;
+  color: inherit;
+  &:hover {
+    color: ${Q.important};
+  }
+`,Al=o.div`
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  gap: ${i.sp2};
+  margin-left: ${i.sp8};
+`,Ll=o(K)`
+  height: 18px;
+  width: ${e=>e.multiDigit?"auto":"18px"};
+  padding: ${i.sp0} 6px;
+  border-radius: ${i.sp12};
+  border: ${e=>`1px solid ${e.theme.colors.grey1}`};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,Dl=o(O)`
+  color: ${e=>e.theme.colors.primary};
+`,Rl=o(ae)`
+  color: ${Q.important};
+`;export{ql as default};