@zeniai/web-cockpit-ui 1.14.93-dev → 1.14.94-dev

package/dist/assets/SpendManagementPerTabPage-CF7D2umh-zU9LbhKc.js

@@ -0,0 +1,754 @@
+import{a8 as Mt,cB as Ot,q as X,kR as Vt,V as t,ab as Wt,cm as Kt,cn as Ut,co as qt,aO as Gt,o as i,F as ee,ca as Ht,cj as it,g1 as Zt,b1 as Qt,cq as Xt,iL as Yt,iM as Jt,m as ei,bQ as Z,bL as ti,aQ as ii,y as g,d as qe,g2 as oi,kS as ni,p as Q,cV as li,al as W,ak as M,ag as re,kT as ri,f5 as si,kU as ai,kV as gt,kW as bt,k1 as di,kX as ci,kY as pi,bO as yt,b as Ce,aM as J,av as Ge,gD as He,a7 as Ze,ge as Qe,cO as xt,kZ as wt,k_ as _e,aK as Be,k$ as Xe,aG as xe,iU as ft,iV as $t,l0 as vt,iT as St,cv as kt,cy as Tt,l1 as R,l2 as Pt,gq as jt,cT as Ct,dr as Ye,c as p}from"./index-BoDHThmj.js";import{a as P,w as _t}from"./sentry-CAa_RBiQ.js";import{n as o,c as H}from"./mui-DjUnBv6N.js";import{Gp as Se,G5 as ke,FB as ze,bp as Bt}from"./zeni-epic-state-BO46e_7F.js";import{K as mi,L as ui,_ as hi}from"./StatusSwitcher-DetjWSRH-Q0yUcFVR.js";import{d as zt}from"./useLongPress-GCK2COYQ-BKjrZB1N.js";import"./liveblocks-2fUZ-mzS.js";import"./core-DesIUmVX.js";import"./recharts-CFBD4y8X.js";import"./lottie-BC5QDLx3.js";import"./analytics-aL6KvWIc.js";import"./lexical-WHFPYU-_.js";import"./utils-MCudDogO.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="fc3350e4-58c1-42bf-9d87-067492733b70",e._sentryDebugIdIdentifier="sentry-dbid-fc3350e4-58c1-42bf-9d87-067492733b70")}catch{}})();const me=ee.getLocalizedStrings().spendManagement.billPay.billsByTabs.header,Le={key:"name",value:me.name,sortOrder:"ascending",width:new g(p[5],p[5])},Ie={key:"invoiceDate",value:me.invoiceDate,sortOrder:"ascending",width:new g(20,20)},gi={key:"dueDate",value:me.dueDate,sortOrder:"ascending",width:new g(20,20)},Je={key:"dueDate",value:me.paymentDate,sortOrder:"ascending",width:new g(20,20)},et={key:"status",value:me.status,sortOrder:"ascending",width:new g(18,18)},bi={key:"paymentMethod",value:me.paymentMethod,sortOrder:"ascending",width:new g(18,18)},De={key:"amount",value:me.amount,sortOrder:"ascending",width:new g(10,10)},be=[Le,Ie,gi,et,De],yi=[Le,Ie,Je,et,De],xi=[Le,Ie,Je,et,De],wi=[Le,Ie,Je,bi,De],ge={headerLastColumnTopPadding:new g(p[0],p[4]),headerLastColumnRightPadding:new g(p[3],p[11]),headerLastColumnBottomPadding:new g(p[0],p[4]),headerLastColumnLeftPadding:new g(p[0],p[4]),headerHeight:new g(ft,$t)};function fi({companyNameSticky:e,currentTab:n,onColumnSortConfigChanged:c,sortConfig:l}){const d=qe(),b=X(),[y,x]=P.useState(Bi(n));P.useEffect(()=>{const a=[...y];for(const s of a)s.key===l.sortKey?s.sortOrder=l.sortOrder:s.sortOrder="ascending";x(a)},[l.sortKey,l.sortOrder]);const f=(a,s)=>{let $=s;l.sortKey===a&&($=s==="ascending"?"descending":"ascending"),c?.(a,$)},u=y.find(a=>a.key===l.sortKey)??y[0],h=a=>y.find(s=>s.key===a)?.value??"",m=y.map(a=>a.key),w=ee.getLocalizedStrings().spendManagement.billPay.billsByTabs;return b==="small"?t.jsxs(ot,{windowSize:b,companyNameSticky:!1,children:[t.jsxs(ki,{children:[t.jsx(Pi,{children:t.jsx(Ti,{})}),t.jsx(yt,{title:w.sortBy,placeholder:w.sortBy,pickerValues:m,valueToLabel:h,selectedValue:l.sortKey,onPickerSelectionChanged:a=>{f(a,"ascending")},optionTextStyle:Ce.smallRegular,titleTextStyle:Ce.smallRegular,titleColor:d.colors.primary,selectedOptionColor:d.colors.hero,optionBackgroundColor:d.colors.grey5,downChevronVisible:!1,backgroundColor:d.colors.background})]}),t.jsxs(_i,{onClick:()=>f(u.key,u.sortOrder),"data-testid":J("bill-pay-list-header-mobile",l.sortKey),children:[t.jsx(re,{children:u.value}),t.jsx(nt,{sortDataValue:l.sortKey,headerdata:u,children:t.jsx(lt,{})})]})]}):t.jsx(ot,{companyNameSticky:e,windowSize:b,children:y.map(a=>t.jsxs(vi,{companyNameSticky:e&&a.key==="name",sortDataValue:l.sortKey,actualDataValue:a.key,wrapperWidth:a.width,windowSize:b,children:[t.jsxs(Ci,{onClick:()=>f(a.key,a.sortOrder),"data-testid":J("bill-pay-list-header",l.sortKey),children:[t.jsx(re,{children:a.value}),t.jsx(nt,{sortDataValue:l.sortKey,headerdata:a,children:t.jsx(lt,{})})]}),t.jsx(ji,{sortDataValue:l.sortKey,windowSize:b,isVisible:l.sortKey===a.key&&a.key!=="dueDate",children:t.jsx(Si,{onClick:()=>f("dueDate","ascending"),"data-testid":J("bill-pay-list-header-sort-close",l.sortKey)})})]},a.key))})}const $i=_t.memo(fi),ot=o(re)`
+  width: 100%;
+  top: ${i.sp0};
+  left: ${i.sp0};
+  min-height: ${e=>ge.headerHeight.valuePx(e.windowSize)};
+  max-height: ${e=>ge.headerHeight.valuePx(e.windowSize)};
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${e=>`${ge.headerLastColumnTopPadding.valuePx(e.windowSize)} ${ge.headerLastColumnRightPadding.valuePx(e.windowSize)} ${ge.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${ge.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
+  background-color: ${e=>e.theme.colors.grey4};
+  justify-content: ${e=>e.windowSize==="small"?"space-between":"unset"};
+  position: sticky;
+`,vi=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;
+`,Si=o(Tt)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+`,nt=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"}
+`,lt=o(kt)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: inherit;
+`,ki=o.div`
+  gap: ${i.sp1};
+  display: flex;
+`,Ti=o(St)`
+  width: 12px;
+  height: 12px;
+  color: inherit;
+`,Pi=o.div`
+  margin-right: ${i.sp1};
+  display: flex;
+  align-items: center;
+`,ji=o.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  align-items: center;
+  padding-top: 2px;
+`,Ci=o.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,_i=o.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Bi=e=>{switch(e){case"draft":return xe(be);case"pending_approval":return xe(yi);case"scheduled":return xe(xi);case"paid":return xe(wi)}},ye={containerPaddingLeft:new g(p[3],p[4]),containerPaddingRight:new g(p[3],p[4]),containerPaddingTop:new g(p[2],12),containerPaddingBottom:new g(p[2],12),containerMarginLeft:new g(p[4],p[8]),webkitLineClamp:new g(2,1,1,1,1)},{spendManagement:{billPay:{billDetails:oe}},common:{strings:{empty:Ve,space:fe}}}=ee.getLocalizedStrings(),zi=({transactionDetail:e,tagStatus:n,reportTitleAdditionalInfo:c,isSelected:l,isBillPayCommentingEnabled:d,isProcessing:b,lowBalanceAlert:y,approvers:x,deletionAdditionalInfo:f,paidAdditionalInfo:u,showLowBalanceTooltip:h,onTransactionRowClick:m})=>{const w=X(),a=Ge(),s=He(),$=Ze().analytics,r=`dashboard_${a.currentTenant?.companyId}`,{threads:k,isLoading:_}=Qe({application:"dashboard",companyId:a.currentTenant?.companyId,tab:"bill",entityId:e.id,isGlobalComment:!1},"both",!1),z=P.useMemo(()=>k.filter(S=>S.resolved===!1),[k]),j=S=>{S.stopPropagation(),s?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:r,companyId:a.currentTenant?.companyId??Ve,companyName:a.currentTenant?.companyName??Ve,entityType:"bill.details",entityId:e.id}),$.trackCommentActivity("bill","clicked",a.currentTenant?.companyName??Ve,a.controllersList.controllers.map(I=>Ye(I)),void 0,void 0,"comment on field")},v=P.useCallback(()=>{m(e.id)},[e.id]),L=Bt(e.billPayInfo.billPaymentStatus.code)?wt(e.createdByUser):_e(x),K=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:oe.newBillTitle,E=()=>`${oe.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`;return t.jsxs(Li,{windowSize:w,statusCode:n?.code??"",isSelected:l,isProcessing:b,children:[t.jsx(Ii,{onClick:v,"data-testid":J("bill-pay-transaction-row",e.id),children:t.jsxs(Di,{children:[t.jsxs(Ai,{windowSize:w,responsiveWidth:be[0].width,children:[t.jsxs(Ri,{children:[t.jsx(Ei,{windowSize:w,children:K}),e.isRecurring?t.jsx(Z,{title:E(),placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(Ki,{isProcessing:b,children:t.jsx(Ui,{})})}):null]}),t.jsx(Ni,{children:`${c[0].label} ${c[0].value}`})]}),t.jsx(rt,{windowSize:w,responsiveWidth:be[1].width,children:c[1].value}),t.jsx(rt,{windowSize:w,responsiveWidth:be[2].width,children:c[2].value}),t.jsxs(Wi,{windowSize:w,responsiveWidth:be[3].width,children:[t.jsxs(Vi,{children:[n!==void 0?t.jsx(Mi,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??oe.hyphenText}):t.jsx(Oi,{children:oe.hyphenText}),h===!0&&y!=null&&y.length>0?t.jsx(Z,{title:y,placement:"bottom",display:"flex",style:{padding:`12px ${i.sp3}`},position:"relative",maxWidth:"311px",children:t.jsx(qi,{})}):null]}),x!==void 0&&L.length>0?L.length>1?t.jsx(Z,{style:{padding:"2px 5px"},title:`${oe.byText}${fe}${L.join(`${fe}${oe.orText}${fe}`)}`,placement:"bottom-start",children:t.jsx(Te,{children:`${oe.byText}${fe}${L[0]}${oe.dots}`})}):t.jsx(Te,{children:`${oe.byText}${fe}${L[0]}`}):null,f!=null?t.jsx(Te,{children:f}):null,u!=null?t.jsx(Te,{children:u}):null]}),t.jsx(Fi,{windowSize:w,responsiveWidth:be[4].width,children:Be("0,0[.]00",e.totalAmountInUSD)})]})}),d&&z.length>0?t.jsx(Xe,{isLoading:_,count:z.length,style:{position:"absolute",float:"right",right:"44px",top:i.sp1},openThread:j}):null]})},Li=o.div`
+  display: flex;
+  margin-bottom: ${i.sp3};
+  background-color: ${e=>e.isProcessing?"transparent":e.theme.colors.grey5};
+  padding-left: ${e=>ye.containerPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>ye.containerPaddingRight.valuePx(e.windowSize)};
+  padding-top: ${e=>ye.containerPaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>ye.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?H`
+          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?H`
+            color: ${e.theme.colors.primary};
+            border-color: ${e.theme.colors.primary};
+            div {
+              :not(.statusTag) {
+                color: ${e.theme.colors.primary};
+              }
+            }
+            .statusTag {
+              color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
+              border-color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
+            }
+          `:H`
+            &:hover {
+              color: ${e.theme.colors.primary};
+              border-color: ${e.theme.colors.primary};
+              div {
+                :not(.statusTag) {
+                  color: ${e.theme.colors.primary};
+                }
+              }
+              .statusTag {
+                color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
+                border-color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
+              }
+            }
+          `}
+  margin-right: ${e=>ye.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${i.sp0};
+  box-sizing: border-box;
+  align-items: center;
+`,Ii=o.div`
+  display: block;
+  width: 100%;
+`,Di=o.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  height: 42px;
+`,Ai=o.div`
+  display: flex;
+  flex-direction: column;
+  column-gap: 12px;
+  align-items: flex-start;
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+`,Ri=o.div`
+  display: flex;
+  flex-direction: row;
+  gap: ${i.sp1};
+  align-items: center;
+  margin-right: ${i.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Ei=o(M)`
+  flex-grow: 1;
+  word-break: break-word;
+  display: -webkit-box;
+  -webkit-line-clamp: ${e=>ye.webkitLineClamp.value(e.windowSize)};
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: ${e=>e.windowSize==="small"?"200px":"initial"};
+`,Fi=o(M)`
+  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)};
+`,Ni=o.div`
+  color: ${e=>e.theme.colors.grey1};
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 90%;
+  white-space: nowrap;
+`,Mi=o(W)`
+  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};
+`,Oi=o(M)``,rt=o(M)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+`,Vi=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: ${i.sp2};
+`,Wi=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;
+`,Te=o(W)`
+  position: relative;
+  top: 1px;
+  color: ${e=>e.theme.colors.grey1};
+`,Ki=o.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.isProcessing?e.theme.colors.grey2:e.theme.colors.primary};
+`,Ui=o(jt)`
+  width: 12px;
+  height: 12px;
+  color: inherit;
+`,qi=o(Ct)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  color: ${e=>e.theme.colors.hero};
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,ae={containerPaddingLeft:new g(p[3],p[4]),containerPaddingRight:new g(p[3],p[4]),containerPaddingTop:new g(p[2],p[3]),containerPaddingBottom:new g(p[2],p[3]),containerMarginLeft:new g(p[3],p[8]),webkitLineClamp:new g(2,2,1,1,1)},{spendManagement:{billPay:{billDetails:ne}},common:{strings:{empty:We,space:$e}}}=ee.getLocalizedStrings(),Gi=({transactionDetail:e,tagStatus:n,isProcessing:c,isSelected:l,isBillPayCommentingEnabled:d,bulkSelectFormId:b,isBulkSelectionLimitReached:y,isSelectionMode:x,reportTitleAdditionalInfo:f,lowBalanceAlert:u,approvers:h,deletionAdditionalInfo:m,paidAdditionalInfo:w,showLowBalanceTooltip:a,onTransactionRowClick:s})=>{const $=X(),r=Ge(),k=He(),_=Ze().analytics,z=`dashboard_${r.currentTenant?.companyId}`,{threads:j,isLoading:v}=Qe({application:"dashboard",companyId:r.currentTenant?.companyId,tab:"bill",entityId:e.id,isGlobalComment:!1},"both",!1),L=P.useMemo(()=>j.filter(O=>O.resolved===!1),[j]),K=O=>{O.stopPropagation(),k?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:z,companyId:r.currentTenant?.companyId??We,companyName:r.currentTenant?.companyName??We,entityType:"bill.details",entityId:e.id}),_.trackCommentActivity("bill","clicked",r.currentTenant?.companyName??We,r.controllersList.controllers.map(U=>Ye(U)),void 0,void 0,"comment on field")},{getValues:E,setValue:S}=xt(),I=Bt(e.billPayInfo.billPaymentStatus.code)?wt(e.createdByUser):_e(h),Y=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:ne.newBillTitle,te=()=>`${ne.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`,le=E(b),ue=P.useCallback(()=>{!y&&e.bulkSelectInfo?.isSelectableForBulkAction&&!l&&S(b,[...le,e.id])},[b,y,l,S,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,le]),Ne=P.useCallback(()=>{ue()},[ue]),he=P.useCallback(O=>{O.stopPropagation(),O.cancelable&&O.preventDefault(),x?ue():s(e.id)},[ue,x,s,e.id]),Me=zt({onLongPress:Ne},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(Hi,{windowSize:$,statusCode:n?.code??"",isSelected:l,isProcessing:c,children:[t.jsx(Zi,{onClick:he,...Me,"data-testid":J("bill-pay-trxn-row-small",e.id),children:t.jsxs(Qi,{children:[t.jsxs(no,{children:[t.jsxs(Xi,{children:[t.jsxs(Yi,{children:[t.jsx(Ji,{windowSize:$,children:Y}),e.isRecurring?t.jsx(Z,{title:te(),placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(ro,{isProcessing:c,children:t.jsx(so,{})})}):null]}),t.jsx(to,{children:`${f[0].label} ${f[0].value}`})]}),t.jsx(st,{children:`${f[1].label} ${f[1].value}`}),t.jsx(st,{children:`${f[2].label} ${f[2].value}`})]}),t.jsxs(lo,{children:[t.jsx(eo,{children:Be("0,0[.]00",e.totalAmountInUSD)}),t.jsxs(oo,{hasAlertIcon:u!=null,children:[t.jsxs(ao,{children:[n!==void 0?t.jsx(io,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??ne.hyphenText}):t.jsx(t.Fragment,{children:ne.hyphenText}),a===!0&&u!=null&&u.length>0?t.jsx(po,{onClick:O=>O.stopPropagation(),children:t.jsx(Z,{title:u,placement:"bottom",display:"flex",style:{padding:`12px ${i.sp3}`},position:"relative",maxWidth:"311px",enterDelay:600,children:t.jsx(co,{})})}):null]}),h!==void 0&&I.length>0?I.length>1?t.jsx(Z,{title:`${ne.byText}${$e}${I.join(`${$e}${ne.orText}${$e}`)}`,placement:"bottom-start",children:t.jsx(Pe,{children:`${ne.byText}${$e}${I[0]}${ne.dots}`})}):t.jsx(Pe,{children:`${ne.byText}${$e}${I[0]}`}):null,m!=null?t.jsx(Pe,{children:m}):null,w!=null?t.jsx(Pe,{children:w}):null]})]})]})}),d&&L.length>0?t.jsx(Xe,{isLoading:v,count:L.length,style:{position:"absolute",float:"right",right:"6px",top:i.sp1},openThread:K}):null]})},Hi=o.div`
+  display: flex;
+  margin-bottom: ${i.sp3};
+  background-color: ${e=>e.isProcessing?"transparent":e.theme.colors.grey5};
+  padding-left: ${e=>ae.containerPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>ae.containerPaddingRight.valuePx(e.windowSize)};
+  padding-top: ${e=>ae.containerPaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>ae.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?H`
+          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?H`
+            color: ${e.theme.colors.primary};
+            border-color: ${e.theme.colors.primary};
+            div {
+              :not(.statusTag) {
+                color: ${e.theme.colors.primary};
+              }
+            }
+            .statusTag {
+              color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
+              border-color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
+            }
+          `:H`
+            &:hover {
+              color: ${e.theme.colors.primary};
+              border-color: ${e.theme.colors.primary};
+              div {
+                :not(.statusTag) {
+                  color: ${e.theme.colors.primary};
+                }
+              }
+              .statusTag {
+                color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
+                border-color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
+              }
+            }
+          `}
+  margin-right: ${e=>ae.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${e=>ae.containerMarginLeft.valuePx(e.windowSize)};
+`,Zi=o.div`
+  display: block;
+  width: 100%;
+`,Qi=o.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+`,Xi=o.div`
+  display: flex;
+  flex-direction: column;
+  column-gap: 12px;
+  align-items: flex-start;
+`,Yi=o.div`
+  display: flex;
+  flex-direction: row;
+  gap: ${i.sp1};
+  align-items: center;
+  margin-right: ${i.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Ji=o(M)`
+  color: ${e=>e.theme.colors.hero};
+  flex-grow: 1;
+  word-break: break-word;
+  display: -webkit-box;
+  -webkit-line-clamp: ${e=>ae.webkitLineClamp.value(e.windowSize)};
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: ${e=>e.windowSize==="small"?`${Pt}px`:"initial"};
+`,eo=o(M)`
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+  justify-content: flex-end;
+`,to=o(W)`
+  color: ${e=>e.theme.colors.grey1};
+`,io=o(W)`
+  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};
+`,st=o(W)`
+  color: ${e=>e.theme.colors.grey1};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+`,oo=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;
+`,Pe=o(W)`
+  color: ${e=>e.theme.colors.grey1};
+`,no=o.div`
+  display: flex;
+  flex-direction: column;
+`,lo=o.div`
+  display: flex;
+  flex-direction: column;
+`,ro=o.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.isProcessing?e.theme.colors.grey2:e.theme.colors.primary};
+`,so=o(jt)`
+  width: 12px;
+  height: 12px;
+  color: inherit;
+`,ao=o.div`
+  display: flex;
+  flex-direction: row;
+  gap: ${i.sp2};
+`,co=o(Ct)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  color: ${e=>e.theme.colors.hero};
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,po=o.div``,se=ee.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs.header,Ae={key:"reportName",value:se.name,sortOrder:"ascending",width:new g(30,30)},Re={key:"type",value:se.type,sortOrder:"ascending",width:new g(20,20)},Ee={key:"status",value:se.status,sortOrder:"ascending",width:new g(20,20)},Fe={key:"amount",value:se.amount,sortOrder:"ascending",width:new g(10,10)},de=[Ae,{key:"submittedOn",value:se.created,sortOrder:"ascending",width:new g(20,20)},Re,Ee,Fe],mo=[Ae,{key:"submittedOn",value:se.submitted,sortOrder:"ascending",width:new g(20,20)},Re,Ee,Fe],uo=[Ae,{key:"submittedOn",value:se.paymentDate,sortOrder:"ascending",width:new g(20,20)},Re,Ee,Fe],ho=[Ae,{key:"submittedOn",value:se.paidOn,sortOrder:"ascending",width:new g(20,20)},Re,Ee,Fe],Lt={draft:de,pending_approval:mo,scheduled:uo,paid:ho},je={headerLastColumnTopPadding:new g(p[0],p[4]),headerLastColumnRightPadding:new g(p[3],p[11]),headerLastColumnBottomPadding:new g(p[0],p[4]),headerLastColumnLeftPadding:new g(p[3],p[4])};function go({companyNameSticky:e,currentTab:n,onColumnSortConfigChanged:c,sortConfig:l,analytics:d}){const b=X(),y=qe(),[x,f]=P.useState(xe(Lt[n]));P.useEffect(()=>{const s=[...x];for(const $ of s)$.key===l.sortKey?$.sortOrder=l.sortOrder:$.sortOrder="ascending";f(s)},[l.sortKey,l.sortOrder]);const u=(s,$)=>{let r=$;l.sortKey===s&&(r=$==="ascending"?"descending":"ascending"),d?.trackReimbursementListSort(s,r),c?.(s,r)},h=x.find(s=>s.key===l.sortKey)??x[0],m=s=>x.find($=>$.key===s)?.value??"",w=x.map(s=>s.key),a=ee.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs;return b==="small"?t.jsxs(at,{height:ft,windowSize:b,children:[t.jsx(xo,{children:t.jsx(wo,{})}),t.jsx(yt,{title:a.sortBy,placeholder:a.sortBy,pickerValues:w,valueToLabel:m,selectedValue:l.sortKey,onPickerSelectionChanged:s=>{u(s,"ascending")},optionTextStyle:Ce.smallRegular,titleTextStyle:Ce.smallRegular,titleColor:y.colors.primary,selectedOptionColor:y.colors.hero,optionBackgroundColor:"inherit",downChevronVisible:!1}),t.jsxs(So,{onClick:()=>u(h.key,h.sortOrder),"data-testid":J("remi-list-header-small",l.sortKey),children:[t.jsx(re,{children:h.value}),t.jsx(dt,{sortDataValue:l.sortKey,headerdata:h,children:t.jsx(ct,{})})]})]}):t.jsx(at,{height:$t,windowSize:b,children:x.map(s=>t.jsxs(yo,{companyNameSticky:e,sortDataValue:l.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:b,children:[t.jsxs(vo,{onClick:()=>u(s.key,s.sortOrder),"data-testid":J("remi-list-header",l.sortKey),children:[t.jsx(re,{children:s.value}),t.jsx(dt,{sortDataValue:l.sortKey,headerdata:s,children:t.jsx(ct,{})})]}),t.jsx($o,{sortDataValue:l.sortKey,windowSize:b,isVisible:l.sortKey===s.key&&s.key!=="submittedOn",children:t.jsx(fo,{onClick:()=>u("submittedOn","ascending"),"data-testid":J("remi-list-close-sort",l.sortKey)})})]},s.key))})}const bo=_t.memo(go),at=o(re)`
+  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=>`${je.headerLastColumnTopPadding.valuePx(e.windowSize)} ${je.headerLastColumnRightPadding.valuePx(e.windowSize)} ${je.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${je.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
+  background-color: ${e=>e.theme.colors.grey4};
+  position: sticky;
+`,yo=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;
+`,xo=o.div`
+  margin-right: ${i.sp1};
+  display: flex;
+  align-items: center;
+`,wo=o(St)`
+  width: 12px;
+  height: 12px;
+  color: inherit;
+`,fo=o(Tt)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+`,dt=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"}
+`,ct=o(kt)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: inherit;
+`,$o=o.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  align-items: center;
+  padding-top: 2px;
+`,vo=o.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,So=o.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+  margin-left: auto;
+`,ve={containerPaddingLeft:new g(p[3],p[4]),containerPaddingRight:new g(p[3],p[4]),containerPaddingTop:new g(p[2],12),containerPaddingBottom:new g(p[2],12),containerMarginLeft:new g(p[4],p[8])},G=ee.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,ko=({reimbursementDetail:e,tagStatus:n,isProcessing:c,isSelected:l,reportTitleAdditionalInfo:d,date:b,approvers:y,deletionAdditionalInfo:x,isReimbursementCommentingEnabled:f,onTransactionRowClick:u})=>{const h=X(),m=Ge(),w=P.useRef(null),[a,s]=P.useState(0);P.useLayoutEffect(()=>{w.current&&s(w.current.offsetWidth*vt)},[h]);const $=Ze().analytics,r=He(),k=`dashboard_${m.currentTenant?.companyId}`,_=()=>{u(e.id)},z=e.reimbursementTypesIncluded,j=_e(y),v=ee.getLocalizedStrings().common.strings.empty,{threads:L,isLoading:K}=Qe({application:"dashboard",companyId:m.currentTenant?.companyId,tab:"reimbursement",entityId:e.id,isGlobalComment:!1},"both",!1),E=P.useMemo(()=>L.filter(I=>I.resolved===!1),[L]),S=I=>{I.stopPropagation(),r?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:k,companyId:m.currentTenant?.companyId??v,companyName:m.currentTenant?.companyName??v,entityType:"reimbursement.details",entityId:e.id??v}),$.trackCommentActivity("reimbursement","clicked",m.currentTenant?.companyName??v,m.controllersList.controllers.map(Y=>Ye(Y)),void 0,void 0,"comment on field")};return t.jsxs(To,{windowSize:h,onClick:_,isProcessing:c,isSelected:l,statusCode:n?.code??v,"data-testid":J("remi-row-click",e.id),children:[t.jsx(Po,{children:t.jsxs(jo,{children:[t.jsxs(Co,{windowSize:h,responsiveWidth:de[0].width,ref:w,children:[t.jsx(_o,{windowSize:h,reportNameWidth:a,children:e.reportTitle??G.newReimbursementTitle}),d!=null&&t.jsx(Bo,{children:`${G.byText} ${d?.firstName} ${d?.lastName}`})]}),t.jsx(Lo,{windowSize:h,responsiveWidth:de[1].width,children:b}),z.length>1?t.jsx(pt,{windowSize:h,responsiveWidth:de[2].width,children:t.jsx(Z,{title:G.reimbursementType.both,placement:"bottom-start",display:"flex",children:G.reimbursementType.titleForBoth})}):t.jsx(pt,{windowSize:h,responsiveWidth:de[2].width,children:G.reimbursementType[z[0]]}),t.jsxs(Do,{windowSize:h,responsiveWidth:de[3].width,children:[n!==void 0?t.jsx(Ao,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??G.hyphenText}):t.jsx(Io,{children:G.hyphenText}),y!==void 0&&j.length>0?j.length>1?t.jsx(Z,{title:`${G.byText} `+j.join(` ${G.orText} `),placement:"bottom-start",children:t.jsx(Ke,{children:`${G.byText} `+j[0]+`${G.dots}`})}):t.jsx(Ke,{children:`${G.byText} `+j[0]}):null,x!=null?t.jsx(Ke,{children:x}):null]}),t.jsx(zo,{windowSize:h,responsiveWidth:de[4].width,children:Be("0,0[.]00",e.amount)})]})}),f&&E.length>0?t.jsx(Xe,{isLoading:K,count:E.length,style:{position:"absolute",float:"right",right:`calc(${i.sp6} + ${i.sp1})`,top:i.sp1},openThread:S}):null]})},To=o.div`
+  display: flex;
+  margin-bottom: ${i.sp3};
+  background-color: ${e=>e.isProcessing?"transparent":e.theme.colors.grey5};
+  padding-left: ${e=>ve.containerPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>ve.containerPaddingRight.valuePx(e.windowSize)};
+  padding-top: ${e=>ve.containerPaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>ve.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?H`
+          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?H`
+            color: ${e.theme.colors.primary};
+            border-color: ${e.theme.colors.primary};
+            div {
+              :not(.statusTag) {
+                color: ${e.theme.colors.primary};
+              }
+            }
+            .statusTag {
+              color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
+              border-color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
+            }
+          `:H`
+            &:hover {
+              color: ${e.theme.colors.primary};
+              border-color: ${e.theme.colors.primary};
+              div {
+                :not(.statusTag) {
+                  color: ${e.theme.colors.primary};
+                }
+              }
+              .statusTag {
+                color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
+                border-color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
+              }
+            }
+          `}
+
+  margin-right: ${e=>ve.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${i.sp0};
+`,Po=o.div`
+  display: flex;
+  width: 100%;
+`,jo=o.div`
+  display: flex;
+  width: 100%;
+  height: 42px;
+`,Co=o.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  column-gap: 12px;
+  align-items: flex-start;
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+`,_o=o(M)`
+  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`:`${vt*100}%`};
+`,Bo=o(re)`
+  color: ${e=>e.theme.colors.grey1};
+`,zo=o(M)`
+  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;
+`,Lo=o(M)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+`,Io=o(M)``,pt=o(M)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+`,Do=o(M)`
+  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;
+`,Ke=o(W)`
+  position: relative;
+  top: 1px;
+  color: ${e=>e.theme.colors.grey1};
+`,Ao=o(W)`
+  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};
+`,ce={containerPaddingLeft:new g(p[3],p[4]),containerPaddingRight:new g(p[3],p[4]),containerPaddingTop:new g(p[2],p[3]),containerPaddingBottom:new g(p[2],p[3]),containerMarginLeft:new g(p[3],p[8]),webkitLineClamp:new g(2,2,1,1,1)},V=ee.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,Ro=({reimbursementDetail:e,tagStatus:n,currentTab:c,isProcessing:l,isSelected:d,bulkSelectFormId:b,isBulkSelectionLimitReached:y,isSelectionMode:x,reportTitleAdditionalInfo:f,date:u,approvers:h,deletionAdditionalInfo:m,onTransactionRowClick:w})=>{const a=X(),{getValues:s,setValue:$}=xt(),r=e.reimbursementTypesIncluded,k=_e(h),_=xe(Lt[c]),z=s(b),j=P.useCallback(()=>{!y&&e.bulkSelectInfo?.isSelectableForBulkAction&&!d&&$(b,[...z,e.id])},[b,y,d,$,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,z]),v=P.useCallback(()=>{j()},[j]),L=P.useCallback(E=>{E.stopPropagation(),E.cancelable&&E.preventDefault(),x?j():w(e.id)},[j,x,w,e.id]),K=zt({onLongPress:v},{shouldPreventDefault:!1,delay:1e3});return t.jsx(Eo,{windowSize:a,statusCode:n?.code??"",isProcessing:l,isSelected:d,children:t.jsx(Fo,{onClick:L,...K,"data-testid":J("remi-row-click-mobile",e.id),children:t.jsxs(No,{children:[t.jsxs(Mo,{children:[t.jsxs(Vo,{children:[t.jsx(Wo,{windowSize:a,children:e.reportTitle??V.newReimbursementTitle}),f!=null&&t.jsx(Ko,{children:`${V.byText} ${f?.firstName} ${f?.lastName}`})]}),t.jsxs(qo,{children:[_[1].value+": ",u]}),r.length>1?t.jsx(Z,{title:V.reimbursementType.both,placement:"bottom-start",display:"flex",children:t.jsxs(mt,{children:[V.reimbursementType.type+": ",V.reimbursementType.titleForBoth]})}):t.jsxs(mt,{children:[V.reimbursementType.type+": ",V.reimbursementType[r[0]]]})]}),t.jsxs(Oo,{children:[t.jsx(Uo,{children:Be("0,0[.]00",e.amount)}),t.jsxs(Go,{children:[n!==void 0?t.jsx(Ho,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??V.hyphenText}):t.jsx(t.Fragment,{children:V.hyphenText}),h!==void 0&&k.length>0?k.length>1?t.jsx(Z,{title:`${V.byText} `+k.join(` ${V.orText} `),placement:"bottom-start",children:t.jsx(Ue,{style:{marginLeft:"auto"},children:`${V.byText} `+k[0]+`${V.dots}`})}):t.jsx(Ue,{style:{marginLeft:"auto"},children:`${V.byText} `+k[0]}):null,m!=null?t.jsx(Ue,{children:m}):null]})]})]})})})},Eo=o.div`
+  display: flex;
+  margin-bottom: ${i.sp3};
+  background-color: ${e=>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.boxShadowElevation}`};
+  border-radius: ${i.sp2};
+  cursor: ${e=>e.isProcessing?"initial":"pointer"};
+  ${e=>e.isProcessing?H`
+          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?H`
+            color: ${e.theme.colors.primary};
+            border-color: ${e.theme.colors.primary};
+            div {
+              :not(.statusTag) {
+                color: ${e.theme.colors.primary};
+              }
+            }
+            .statusTag {
+              color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
+              border-color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
+            }
+          `:H`
+            &:hover {
+              color: ${e.theme.colors.primary};
+              border-color: ${e.theme.colors.primary};
+              div {
+                :not(.statusTag) {
+                  color: ${e.theme.colors.primary};
+                }
+              }
+              .statusTag {
+                color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
+                border-color: ${R.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)};
+`,Fo=o.div`
+  display: flex;
+  width: 100%;
+`,No=o.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+`,Mo=o.div`
+  display: flex;
+  flex-direction: column;
+`,Oo=o.div`
+  display: flex;
+  flex-direction: column;
+  text-align: right;
+`,Vo=o.div`
+  display: flex;
+  flex-direction: column;
+  column-gap: 12px;
+  align-items: flex-start;
+`,Wo=o(M)`
+  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"?`${Pt}px`:"initial"};
+`,Ko=o(W)`
+  color: ${e=>e.theme.colors.grey1};
+`,Uo=o(M)`
+  display: flex;
+  margin-left: auto;
+  color: ${e=>e.theme.colors.hero};
+`,qo=o(W)`
+  color: ${e=>e.theme.colors.grey1};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+`,mt=o(W)`
+  color: ${e=>e.theme.colors.grey1};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+`,Go=o.div`
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+`,Ue=o(W)`
+  color: ${e=>e.theme.colors.grey1};
+`,Ho=o(W)`
+  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;
+`,Zo={lastListItemHeight:new g(200,158)},T=ee.getLocalizedStrings(),{common:{texts:{maxLimit:Qo}},spendManagement:{billPay:It,reimbursement:Xo}}=T,q=It.bulkActions,N=Xo.bulkActions,F=T.common.strings.empty,pe="bulkSelectIds",Yo=({transactionList:e,botEmail:n,selectedTab:c,selectedSubTab:l,isShowDeletedBillsEnabled:d,isShowDeletedReimbursementEnabled:b,isBillPayCommentingEnabled:y,isReimbursementCommentingEnabled:x,searchText:f,isAdmin:u,entity:h,uiState:m,bulkSubmissionLimit:w,isBulkActionAllowed:a,transactionsSelectedForBulkAction:s,isDetectInsufficientFundsEnabled:$,fetchState:r,analytics:k,onTransactionRowClick:_,onReloadTransactions:z,onColumnSortConfigChanged:j})=>{const v=X(),L=S=>{const I=h==="bill_pay"?e[S].vendor?.name??e[S].candidateVendorName??F:e[S].reportTitle??F;return ni(I,v)},K=P.useRef(null);P.useEffect(()=>{K.current?.resetAfterIndex(0)},[v,K,c,l]);const E=P.forwardRef((S,I)=>{const{children:Y,style:te,...le}=S;return t.jsx(Sn,{ref:I,style:{...te,width:"auto"},...le,children:t.jsx(vn,{children:Y})})});return E.displayName=T.spendManagement.billPay.billsByTabs.headerElementDisplayName,Ht({componentName:`${ui(h)}.${hi(c,h)}`,enabled:r==="Completed"}),t.jsx(un,{children:r==="Error"?t.jsxs(bn,{children:[t.jsx(yn,{onClick:z,children:t.jsx(xn,{})}),t.jsx(wn,{children:T.peoplePage.reloadPage.label})]}):r==="Completed"&&e.length===0&&f!=F?t.jsx(it,{message:h==="bill_pay"?T.spendManagement.billPay.billsByTabs.noDataWithFilterText:T.spendManagement.reimbursement.reimbursementByTabs.noDataWithFilterText}):r==="Completed"&&e.length===0?t.jsx(it,{message:h==="bill_pay"?T.spendManagement.billPay.billsByTabs.noDataText:T.spendManagement.reimbursement.reimbursementByTabs.noDataText,orMessage:h==="bill_pay"?T.spendManagement.billPay.billsByTabs.noDataTextViaMail:T.spendManagement.reimbursement.reimbursementByTabs.noDataTextViaMail,emailTextPrefix:h==="bill_pay"?void 0:T.spendManagement.reimbursement.reimbursementByTabs.receiptTo,botEmail:n}):r==="Not-Started"||r==="In-Progress"?t.jsx(Zt,{fetchState:r,styles:{margin:"auto"}}):t.jsx(fn,{windowSize:v,children:t.jsx(Qt,{children:({height:S,width:I})=>t.jsx(Xt,{ref:K,height:S,itemCount:h==="bill_pay"||h==="reimbursement"?1:e.length,innerElementType:E,itemSize:L,estimatedItemSize:Jt,itemKey:Y=>e[Y].id,width:I,overscanCount:Yt,itemData:{entity:h,isBulkActionAllowed:a,isShowDeletedBillsEnabled:d,isShowDeletedReimbursementEnabled:b,isBillPayCommentingEnabled:y,isReimbursementCommentingEnabled:x,transactionList:e,isAdmin:u,selectedTab:c,transactionsSelectedForBulkAction:s,bulkSubmissionLimit:w,uiState:m,analytics:k,isDetectInsufficientFundsEnabled:$,onTransactionRowClick:_,onColumnSortConfigChanged:j},initialScrollOffset:0,children:Jo})})})})},Kn=({transactionList:e,botEmail:n,allSubTabs:c,isAdmin:l,selectedTab:d,isShowDeletedBillsEnabled:b,isShowDeletedReimbursementEnabled:y,isBillPayCommentingEnabled:x,isReimbursementCommentingEnabled:f,selectedSubTab:u,searchText:h,entity:m,uiState:w,bulkSubmissionLimit:a,isBulkActionAllowed:s,isRecurringBillInBulkActionList:$,transactionsSelectedForBulkAction:r,allowedBulkActions:k,bulkSubmissionFetchState:_,isDetectInsufficientFundsEnabled:z,onTransactionRowClick:j,onSubtabChange:v,fetchState:L,onReloadTransactions:K,onColumnSortConfigChanged:E,analytics:S,updateBulkActionList:I,removeAllTransactionsFromBulkActionList:Y,onProceedForBulkActionClick:te})=>{const le=Mt({defaultValues:{bulkSelectIds:r},values:{bulkSelectIds:r}});P.useEffect(()=>{const B=le.watch((D,{name:C})=>{C!=null&&D!=null&&Ot(()=>ue(C,D))});return()=>{B.unsubscribe()}});const ue=async(B,D)=>{if(B===pe){let C=[];if(D[pe].includes(T.common.all.toLowerCase())){if(d==="scheduled"&&r.length===0){C=[];for(const A of e)if(A.bulkSelectInfo?.isSelectableForBulkActionSelectAll&&C.push(A.id),C.length===a)break}else C=D[pe].filter(A=>A!==T.common.all.toLowerCase());if(m==="bill_pay"){const A=e.filter(we=>C.includes(we.id)),ie=Se(A);S?.trackBillPayBulkSelectAll(d,u,ie)}else{const A=e.filter(we=>C.includes(we.id)),ie=ke(A.map(we=>we.reimbursementTypesIncluded));S?.trackReimbursementBulkSelectAll(d,u,ie)}}else C=D[pe];I?.(C)}},Ne=()=>{k.includes("cancel")?Et():Nt()},he=X(),[Me,O]=P.useState(!1),[U,Oe]=P.useState({type:F,title:F,description:F,primaryButtonText:F,secondaryButtonText:F});P.useEffect(()=>{const B=Vt(d,u,m);L==="Completed"&&B!=null&&S?.trackPageLoaded(B,m==="bill_pay"?"Bills":"Reimbursements")},[S,d,u,m,L]);const At=B=>{v(B)},Rt=P.useCallback(()=>{const{title:B,description:D}=pn(m,r.length,d,$);if(Oe({type:"delete",title:B,description:D,primaryButtonText:T.common.texts.confirm,secondaryButtonText:T.common.texts.close}),m==="bill_pay"){const C=e.filter(ie=>r.includes(ie.id)),A=Se(C);S?.trackBillPayBulkDeleted(r.length,d,u,A)}else{const C=e.filter(ie=>r.includes(ie.id)),A=ke(C.map(ie=>ie.reimbursementTypesIncluded));S?.trackReimbursementBulkDeleted(r.length,d,u,A)}O(!0)},[m,S,$,u,d,e,r]),Et=P.useCallback(()=>{const{title:B,description:D}=cn(m,r.length);Oe({type:"cancel",title:B,description:D,primaryButtonText:T.common.texts.confirm,secondaryButtonText:T.common.texts.close}),O(!0)},[m,r.length]),Ft={onOkClick:B=>{if(O(!1),m==="bill_pay"){const D=e.filter(A=>r.includes(A.id)),C=Se(D);S?.trackBillPayBulkPopupConfirm(U.type,d,u,C)}else{const D=e.filter(A=>r.includes(A.id)),C=ke(D.map(A=>A.reimbursementTypesIncluded));S?.trackReimbursementBulkPopupConfirm(U.type,d,u,C)}U.type==="delete"?te?.("delete",B):te?.("cancel",B)},onCancelClick:()=>{Y?.(),O(!1),Oe({type:F,title:F,description:F,primaryButtonText:F,secondaryButtonText:F})}},Nt=P.useCallback(()=>{if(m==="bill_pay"){const B=e.filter(C=>r.includes(C.id)),D=Se(B);S?.trackBillPayBulkSelection(r.length,d,u,D)}else{const B=e.filter(C=>r.includes(C.id)),D=ke(B.map(C=>C.reimbursementTypesIncluded));S?.trackReimbursementBulkSelection(r.length,d,u,D)}k.includes("send_for_approval")?te?.("send_for_approval"):te?.(z?"approve":"review")},[m,k,e,S,r,d,u,te,z]),tt=k.filter(B=>B!=="delete").length>0;return t.jsxs(gn,{children:[t.jsx(mi,{tabIds:c,selectedTab:u,hasSubTabs:c.length>0,entity:m,enablePerformanceTracking:!1,onTabSelectedChange:At,isSwitcherLeftAlign:!0}),t.jsx(Wt,{...le,children:t.jsxs(hn,{onSubmit:le.handleSubmit(Ne),children:[t.jsx(Yo,{botEmail:n,selectedTab:d,selectedSubTab:u,searchText:h,transactionList:e,fetchState:L,onReloadTransactions:K,onTransactionRowClick:j,entity:m,uiState:w,isAdmin:l,onColumnSortConfigChanged:E,analytics:S,isShowDeletedBillsEnabled:b,isShowDeletedReimbursementEnabled:y,isBillPayCommentingEnabled:x,isReimbursementCommentingEnabled:f,bulkSubmissionLimit:a,isBulkActionAllowed:s,transactionsSelectedForBulkAction:r,isDetectInsufficientFundsEnabled:z}),Me?t.jsx(Kt,{titleComponent:t.jsx(qt,{children:U.title}),descriptionComponent:t.jsx(Ut,{children:U.description}),primaryButtonText:U.primaryButtonText,proceedButtonVariant:U.type==="delete"?"danger":"primary",secondaryButtonText:U.secondaryButtonText,action:Ft,isNotesIncluded:d!=="draft",isEditPopup:!0}):null,r.length>0?t.jsx(Gt,{helperContainerStyle:he==="small"?{margin:`${i.sp5} ${k.includes("delete")&&tt?i.sp7:i.sp0} ${i.sp2} ${i.sp0}`}:{},showPrimaryButton:tt,primaryBtn:{label:sn(m,k,r.length),isLoading:U.type!=="delete"&&_==="In-Progress",isDisabled:U.type==="delete"&&_==="In-Progress",type:"submit",style:an(k)},cancelBtn:{label:T.common.texts.goBack,isDisabled:_==="In-Progress",onClick:Y,style:dn(k,he)},leftSideComponent:ln(r.length,a,m,he),rightSideComponent:k.includes("delete")?rn(r.length,U.type==="delete"&&_==="In-Progress",Rt,he):null}):null]})})]})},Jo=({style:e,data:n})=>{const{entity:c,transactionList:l,transactionsSelectedForBulkAction:d,isAdmin:b,isBulkActionAllowed:y,isShowDeletedBillsEnabled:x,isShowDeletedReimbursementEnabled:f,isBillPayCommentingEnabled:u,isReimbursementCommentingEnabled:h,bulkSubmissionLimit:m,selectedTab:w,uiState:a,analytics:s,isDetectInsufficientFundsEnabled:$,onTransactionRowClick:r,onColumnSortConfigChanged:k}=n,_=X(),z=qe(),j=y?d.length>0?"always_on":"checked_or_hover":"off";return t.jsx($n,{style:{...e,width:"100%"},className:"spend-management-list-item",children:t.jsx(oi,{style:{width:"100%"},checkBoxContainerStyle:{gap:i.sp3,width:"auto",marginLeft:_==="small"?i.sp0:i.sp4},labelStyle:{width:"100%"},checkBoxStyle:on(_),labelCheckBoxStyle:{marginLeft:_==="small"?i.sp2:i.sp0},checkBoxIconStyle:{backgroundColor:z.colors.grey4},infoIconContainerStyle:nn(_),name:pe,mode:j,selectionLimit:m,checkBoxes:c==="bill_pay"?[{label:t.jsx($i,{companyNameSticky:!1,currentTab:w,onColumnSortConfigChanged:k,sortConfig:{sortKey:a.sortKey,sortOrder:a.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:T.common.all.toLowerCase(),isException:!1},...l.map(v=>({label:t.jsx(en,{transactionDetail:v,selectedTab:w,isBillPayCommentingEnabled:u,isShowDeletedBillsEnabled:x,onTransactionRowClick:r,billsSelectedForBulkAction:d,bulkSelectFormId:pe,bulkSelectLimit:m,isSelectionMode:j==="always_on",isDetectInsufficientFundsEnabled:$}),value:v.id,groupLabel:!1,defaultChecked:!1,isException:v.bulkSelectInfo?.isSelectableForBulkAction===!1,exceptionMode:mn(v,d),exceptionInfo:ut(c,v),exceptionType:ht(v)}))]:[{label:t.jsx(bo,{companyNameSticky:!1,currentTab:w,onColumnSortConfigChanged:k,analytics:s,sortConfig:{sortKey:a.sortKey,sortOrder:a.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:T.common.all.toLowerCase(),isException:!1},...l.map(v=>({label:t.jsx(tn,{transactionDetail:v,isShowDeletedReimbursementEnabled:f,isReimbursementCommentingEnabled:h,selectedTab:w,isAdmin:b,onTransactionRowClick:r,remisSelectedForBulkAction:d,bulkSelectFormId:pe,bulkSelectLimit:m,isSelectionMode:j==="always_on"}),value:v.id,groupLabel:!1,defaultChecked:!1,isException:v.bulkSelectInfo?.isSelectableForBulkAction===!1,exceptionMode:"checked_or_hover",exceptionInfo:ut(c,v),exceptionType:ht(v)}))]})})},en=({transactionDetail:e,selectedTab:n,isShowDeletedBillsEnabled:c,billsSelectedForBulkAction:l,bulkSelectFormId:d,bulkSelectLimit:b,isBillPayCommentingEnabled:y,isSelectionMode:x,isDetectInsufficientFundsEnabled:f,onTransactionRowClick:u})=>{const h=X()==="small"?Gi:zi,m=ri(e,n),{bulkProcessingDetail:w}=e,a=ze(w?.type),s=()=>{const _=e.billPayInfo.outsideZeniTransactionPaymentMode;if(_==null||_==="other")return;const z=It.billDetails.paymentOutsideZeni.paymentModeOptions.find(j=>j.value===_)?.label;return`${T.common.via} ${z}`},$=f&&e.billPayInfo.stage.code==="scheduled"&&!e.isDeleted&&e.totalAmountWithFeesInUSD!=null?si(e.totalAmountWithFeesInUSD,e.withdrawFrom,e.billPayInfo.paymentDate):void 0,r=ai(e.billPayInfo,n,c,e.isDeleted,e.dueDate),k=$!=null&&r?.code!=="failed"&&r?.code!=="processing"&&r?.code!=="cancelled"&&r?.code!=="returned"&&r?.code!=="rejected"&&r?.code!=="paid";return t.jsx(Dt,{children:t.jsx(h,{reportTitleAdditionalInfo:m,transactionDetail:e,isBillPayCommentingEnabled:y,isSelected:l.includes(e.id),isProcessing:a,isBulkSelectionLimitReached:l.length===b,isSelectionMode:x,bulkSelectFormId:d,tagStatus:r,approvers:e.isDeleted===!0?void 0:bt(e,n),deletionAdditionalInfo:e.isDeleted===!0&&n!=="draft"?gt(e,n):void 0,onTransactionRowClick:a?()=>null:u,paidAdditionalInfo:n==="paid"&&!e.isDeleted?s():void 0,lowBalanceAlert:$,showLowBalanceTooltip:k})})},tn=({transactionDetail:e,selectedTab:n,isAdmin:c,isShowDeletedReimbursementEnabled:l,isReimbursementCommentingEnabled:d,remisSelectedForBulkAction:b,bulkSelectFormId:y,bulkSelectLimit:x,isSelectionMode:f,onTransactionRowClick:u})=>{const h=X()==="small"?Ro:ko,m=di(c,e.submittedBy),{bulkProcessingDetail:w}=e,a=ze(w?.type);return t.jsx(Dt,{children:t.jsx(h,{reportTitleAdditionalInfo:m,reimbursementDetail:e,isReimbursementCommentingEnabled:d,isSelected:b.includes(e.id),isProcessing:a,isBulkSelectionLimitReached:b.length===x,isSelectionMode:f,bulkSelectFormId:y,currentTab:n,date:pi(e,n),approvers:e.isDeleted===!0?void 0:bt(e,n),tagStatus:ci(e,n,l),deletionAdditionalInfo:e.isDeleted===!0&&n!=="draft"?gt(e,n):void 0,onTransactionRowClick:a?()=>null:u})})},on=e=>{let n={zIndex:1,marginBottom:i.sp3,backgroundColor:"inherit"};return e==="small"&&(n={...n,position:"absolute",left:i.sp1,width:i.sp4,height:i.sp4}),n},nn=e=>{let n={zIndex:1,marginBottom:i.sp2};return e==="small"&&(n={...n,position:"absolute",left:i.sp2,marginBottom:i.sp1,width:i.sp4,height:i.sp4}),n},ln=(e,n,c,l)=>{const d=c==="bill_pay"?q.bill:N.report,b=(e>1?d+"s":d)+q.selected;return e>0?t.jsxs(jn,{style:l==="small"?{position:"absolute",top:i.sp2,left:`-${i.sp5}`}:{},children:[t.jsx(Cn,{multiDigit:e>=10,children:e}),t.jsx(_n,{children:b}),e===n?t.jsx(Bn,{children:Qo}):null]}):null},rn=(e,n,c,l)=>e>0?t.jsx(kn,{style:l==="small"?{position:"absolute",top:i.sp7,right:`-${i.sp5}`}:{},children:t.jsx(Tn,{isLoading:n,windowSize:l,className:"delete-icon-wrapper",onClick:n?()=>null:c,children:n?t.jsx(ei,{size:"Small",start:!0}):t.jsx(Z,{enterDelay:600,title:T.common.delete,placement:"top",children:t.jsx(Pn,{})})})}):null,ut=(e,n)=>{const{bulkProcessingDetail:c,bulkSelectInfo:l}=n,d=ze(c?.type),b=c?.type==="error";let y;if(d)y=c?.inProgressMessage;else if(b)y=c.error?.message;else if(l?.bulkSelectExceptionInfo!=null)if(e==="bill_pay"){const{exceptions:x}=T.spendManagement.billPay.bulkActions;y=x[l.bulkSelectExceptionInfo]}else{const{exceptions:x}=T.spendManagement.reimbursement.bulkActions;y=x[l.bulkSelectExceptionInfo]}return y},sn=(e,n,c)=>{const{billPay:l}=T.spendManagement;return n.includes("cancel")?e==="reimbursement"?N.popUps.cancel.title.replace("__report__",c>1?N.reports:N.report):l.bulkActions.popUps.cancel.title.replace("<_bill_>",c>1?l.bulkActions.bills:l.bulkActions.bill):n.includes("send_for_approval")?l.billDetails.sendForApproval:T.common.review},an=e=>{let n;return e.includes("cancel")===!1&&e.includes("send_for_approval")===!1&&(n={minWidth:"92px"}),n},dn=(e,n)=>{let c;return n!=="small"&&(e.includes("cancel")?c={minWidth:"116px"}:e.includes("send_for_approval")&&(c={minWidth:"160px"})),c},cn=(e,n)=>{const{this_:c,these:l,payment:d,payments:b,bills:y,bill:x,reports:f,report:u,they:h,it:m}=T.common.texts;return n>1?e==="bill_pay"?{title:q.popUps.cancel.title.replace("<_bill_>",T.drawerMenus.bills),description:q.popUps.cancel.description.replace("<_this_>",l).replace("<_bill_>",y).replace("<_it_>",h).replace("<_payment_>",b)}:{title:N.popUps.cancel.title.replace("__report__",N.reports),description:N.popUps.cancel.description.replace("<_this_>",l).replace("__report__",f).replace("<_it_>",h).replace("<_payment_>",b)}:e==="reimbursement"?{title:N.popUps.cancel.title.replace("__report__",N.report),description:N.popUps.cancel.description.replace("<_this_>",c).replace("__report__",u).replace("<_it_>",m).replace("<_payment_>",d)}:{title:q.popUps.cancel.title.replace("<_bill_>",q.bill),description:q.popUps.cancel.description.replace("<_this_>",c).replace("<_bill_>",x).replace("<_it_>",m).replace("<_payment_>",d)}},pn=(e,n,c,l)=>{const{this_:d,these:b,payment:y,payments:x,bills:f,bill:u,report:h,reports:m,they:w,it:a}=T.common.texts,s=n>1;let $=F;e==="bill_pay"?$=q.popUps.delete.title.replace("<_bill_>",s?q.bills:q.bill):$=N.popUps.delete.title.replace("__report__",s?N.reports:N.report);let r=F;return c==="draft"?e==="bill_pay"?r=q.popUps.delete.descriptionDraft.replace("<_this_>",s?b:d).replace("<_bill_>",s?f:u):r=N.popUps.delete.descriptionDraft.replace("<_this_>",s?b:d).replace("__report__",s?m:h):l?r=q.popUps.delete.descriptionRecurring.replace("<_payment_>",s?y:x):e==="bill_pay"?r=q.popUps.delete.descriptionOther.replace("<_this_>",s?b:d).replace("<_bill_>",s?f:u).replace("<_it_>",s?w:a).replace("<_payment_>",s?x:y):r=N.popUps.delete.descriptionOther.replace("<_this_>",s?b:d).replace("__report__",s?m:h).replace("<_it_>",s?w:a).replace("<_payment_>",s?x:y),{title:$,description:r}},mn=(e,n)=>{const c=e.bulkSelectInfo?.bulkSelectExceptionInfo;return n.length===0&&c!=null&&(c==="bookCloseDateProcessing"||c==="noActionRecurring")?"hover_only":"checked_or_hover"},ht=e=>ze(e.bulkProcessingDetail?.type)?"info":"alert",un=o.div`
+  display: block;
+  height: 100%;
+`,hn=o.form`
+  height: 100%;
+`,gn=o.div`
+  height: calc(100% - 120px);
+  margin: auto;
+`,bn=o.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,yn=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;
+`,xn=o(ti)`
+  height: ${i.sp5};
+  width: ${i.sp5};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,wn=o(ii)`
+  margin-top: ${i.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,fn=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=>Zo.lastListItemHeight.valuePx(e.windowSize)} !important;
+    padding-bottom: ${i.sp9};
+  }
+`,$n=o.div`
+  top: ${i.sp0};
+  left: ${i.sp0};
+  padding-bottom: ${i.sp3};
+  box-sizing: border-box;
+`,vn=o.div`
+  position: relative;
+  width: auto;
+  height: 100%;
+`,Sn=o.div``,Dt=o.div`
+  position: relative;
+  width: 100%;
+`,kn=o.div`
+  display: flex;
+  justify-content: flex-end;
+`,Tn=o.div`
+  margin-right: ${i.sp8};
+  cursor: ${e=>e.isLoading?"initial":"pointer"};
+  color: ${e=>e.windowSize==="small"?Q.important:e.theme.colors.grey1};
+`,Pn=o(li)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  cursor: pointer;
+  color: inherit;
+  &:hover {
+    color: ${Q.important};
+  }
+`,jn=o.div`
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  gap: ${i.sp2};
+  margin-left: ${i.sp8};
+`,Cn=o(W)`
+  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;
+`,_n=o(M)`
+  color: ${e=>e.theme.colors.primary};
+`,Bn=o(re)`
+  color: ${Q.important};
+`;export{Kn as default};