@zeniai/web-cockpit-ui 1.14.82-qa → 1.14.83-dev

package/dist/assets/SpendManagementPerTabPage-CqbhJrUj-DTu-7Bk6.js

@@ -0,0 +1,754 @@
+import{a8 as Ft,dt as Nt,a as Y,u as X,mi as Mt,j as t,aa as Ot,dc as Vt,dd as Wt,de as Kt,bC as Ut,b as i,d4 as Ht,da as tt,hr as Gt,bG as qt,dj as Zt,ka as Jt,kb as Xt,A as Qt,cH as Z,cz as Yt,bq as ei,R as g,i as Ue,hs as ti,mj as ii,C as J,dM as oi,ai as V,ah as N,af as ne,cF as ht,t as je,bm as Q,mk as li,gv as ni,ml as ri,mm as gt,mn as yt,bj as xe,kj as bt,kk as xt,lt as si,mo as ai,mp as di,kh as wt,di as ft,dq as $t,a$ as He,i0 as Ge,a7 as qe,hE as Ze,dF as vt,mq as St,mr as Be,bn as _e,ms as Je,eR as Xe,mt as kt,s as c,mu as R,mv as Tt,hR as Ct,dK as Pt}from"./index-2CdI-B2B.js";import{a as C,o as jt}from"./core-tlHkQPPu.js";import{n as o,c as H}from"./mui-kiGMfX4-.js";import{Gb as Se,gc as ke,fI as ze,bq as Bt}from"./zeni-epic-state-Bo1aGezX.js";import{C as ci,d as pi,b as mi}from"./StatusSwitcher-BFs1Anoq-B4RP8Uzy.js";import{r as _t}from"./useLongPress-7jtiD2hr-B6uZ6RFc.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";const me=Y.getLocalizedStrings().spendManagement.billPay.billsByTabs.header,Le={key:"name",value:me.name,sortOrder:"ascending",width:new g(c[5],c[5])},De={key:"invoiceDate",value:me.invoiceDate,sortOrder:"ascending",width:new g(20,20)},ui={key:"dueDate",value:me.dueDate,sortOrder:"ascending",width:new g(20,20)},Qe={key:"dueDate",value:me.paymentDate,sortOrder:"ascending",width:new g(20,20)},Ye={key:"status",value:me.status,sortOrder:"ascending",width:new g(18,18)},hi={key:"paymentMethod",value:me.paymentMethod,sortOrder:"ascending",width:new g(18,18)},Ie={key:"amount",value:me.amount,sortOrder:"ascending",width:new g(10,10)},ye=[Le,De,ui,Ye,Ie],gi=[Le,De,Qe,Ye,Ie],yi=[Le,De,Qe,Ye,Ie],bi=[Le,De,Qe,hi,Ie],ge={headerLastColumnTopPadding:new g(c[0],c[4]),headerLastColumnRightPadding:new g(c[3],c[11]),headerLastColumnBottomPadding:new g(c[0],c[4]),headerLastColumnLeftPadding:new g(c[0],c[4]),headerHeight:new g(bt,xt)},xi=jt.memo(function({companyNameSticky:e,currentTab:l,onColumnSortConfigChanged:d,sortConfig:n}){const a=Ue(),y=X(),[x,w]=C.useState(Pi(l));C.useEffect(()=>{const s=[...x];for(const r of s)r.key===n.sortKey?r.sortOrder=n.sortOrder:r.sortOrder="ascending";w(s)},[n.sortKey,n.sortOrder]);const f=(s,r)=>{let b=r;n.sortKey===s&&(b=r==="ascending"?"descending":"ascending"),d?.(s,b)},u=x.find(s=>s.key===n.sortKey)??x[0],h=x.map(s=>s.key),m=Y.getLocalizedStrings().spendManagement.billPay.billsByTabs;return y==="small"?t.jsxs(it,{windowSize:y,companyNameSticky:!1,children:[t.jsxs($i,{children:[t.jsx(Si,{children:t.jsx(vi,{})}),t.jsx(ht,{title:m.sortBy,placeholder:m.sortBy,pickerValues:h,valueToLabel:s=>x.find(r=>r.key===s)?.value??"",selectedValue:n.sortKey,onPickerSelectionChanged:s=>{f(s,"ascending")},optionTextStyle:je.smallRegular,titleTextStyle:je.smallRegular,titleColor:a.colors.primary,selectedOptionColor:a.colors.hero,optionBackgroundColor:a.colors.grey5,downChevronVisible:!1,backgroundColor:a.colors.background})]}),t.jsxs(Ci,{onClick:()=>f(u.key,u.sortOrder),"data-testid":Q("bill-pay-list-header-mobile",n.sortKey),children:[t.jsx(ne,{children:u.value}),t.jsx(ot,{sortDataValue:n.sortKey,headerdata:u,children:t.jsx(lt,{})})]})]}):t.jsx(it,{companyNameSticky:e,windowSize:y,children:x.map(s=>t.jsxs(wi,{companyNameSticky:e&&s.key==="name",sortDataValue:n.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:y,children:[t.jsxs(Ti,{onClick:()=>f(s.key,s.sortOrder),"data-testid":Q("bill-pay-list-header",n.sortKey),children:[t.jsx(ne,{children:s.value}),t.jsx(ot,{sortDataValue:n.sortKey,headerdata:s,children:t.jsx(lt,{})})]}),t.jsx(ki,{sortDataValue:n.sortKey,windowSize:y,isVisible:n.sortKey===s.key&&s.key!=="dueDate",children:t.jsx(fi,{onClick:()=>f("dueDate","ascending"),"data-testid":Q("bill-pay-list-header-sort-close",n.sortKey)})})]},s.key))})}),it=o(ne)`
+  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;
+`,wi=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;
+`,fi=o($t)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+`,ot=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(ft)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: inherit;
+`,$i=o.div`
+  gap: ${i.sp1};
+  display: flex;
+`,vi=o(wt)`
+  width: 12px;
+  height: 12px;
+  color: inherit;
+`,Si=o.div`
+  margin-right: ${i.sp1};
+  display: flex;
+  align-items: center;
+`,ki=o.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  align-items: center;
+  padding-top: 2px;
+`,Ti=o.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ci=o.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Pi=e=>{switch(e){case"draft":return xe(ye);case"pending_approval":return xe(gi);case"scheduled":return xe(yi);case"paid":return xe(bi)}},be={containerPaddingLeft:new g(c[3],c[4]),containerPaddingRight:new g(c[3],c[4]),containerPaddingTop:new g(c[2],12),containerPaddingBottom:new g(c[2],12),containerMarginLeft:new g(c[4],c[8]),webkitLineClamp:new g(2,1,1,1,1)},{spendManagement:{billPay:{billDetails:oe}},common:{strings:{empty:Oe,space:fe}}}=Y.getLocalizedStrings(),ji=({transactionDetail:e,tagStatus:l,reportTitleAdditionalInfo:d,isSelected:n,isBillPayCommentingEnabled:a,isProcessing:y,lowBalanceAlert:x,approvers:w,deletionAdditionalInfo:f,paidAdditionalInfo:u,showLowBalanceTooltip:h,onTransactionRowClick:m})=>{const s=X(),r=He(),b=Ge(),$=qe().analytics,p=`dashboard_${r.currentTenant?.companyId}`,{threads:v,isLoading:_}=Ze({application:"dashboard",companyId:r.currentTenant?.companyId,tab:"bill",entityId:e.id,isGlobalComment:!1},"both",!1),j=C.useMemo(()=>v.filter(A=>A.resolved===!1),[v]),B=C.useCallback(()=>{m(e.id)},[e.id]),S=Bt(e.billPayInfo.billPaymentStatus.code)?St(e.createdByUser):Be(w),M=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:oe.newBillTitle;return t.jsxs(Bi,{windowSize:s,statusCode:l?.code??"",isSelected:n,isProcessing:y,children:[t.jsx(_i,{onClick:B,"data-testid":Q("bill-pay-transaction-row",e.id),children:t.jsxs(zi,{children:[t.jsxs(Li,{windowSize:s,responsiveWidth:ye[0].width,children:[t.jsxs(Di,{children:[t.jsx(Ii,{windowSize:s,children:M}),e.isRecurring?t.jsx(Z,{title:`${oe.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`,placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(Oi,{isProcessing:y,children:t.jsx(Vi,{})})}):null]}),t.jsx(Ri,{children:`${d[0].label} ${d[0].value}`})]}),t.jsx(nt,{windowSize:s,responsiveWidth:ye[1].width,children:d[1].value}),t.jsx(nt,{windowSize:s,responsiveWidth:ye[2].width,children:d[2].value}),t.jsxs(Mi,{windowSize:s,responsiveWidth:ye[3].width,children:[t.jsxs(Ni,{children:[l!==void 0?t.jsx(Ei,{className:"statusTag",color:l.color,bgColor:l.bgColor,borderColor:l.borderColor,children:l.value??oe.hyphenText}):t.jsx(Fi,{children:oe.hyphenText}),h===!0&&x!=null&&x.length>0?t.jsx(Z,{title:x,placement:"bottom",display:"flex",style:{padding:`12px ${i.sp3}`},position:"relative",maxWidth:"311px",children:t.jsx(Wi,{})}):null]}),w!==void 0&&S.length>0?S.length>1?t.jsx(Z,{style:{padding:"2px 5px"},title:`${oe.byText}${fe}${S.join(`${fe}${oe.orText}${fe}`)}`,placement:"bottom-start",children:t.jsx(Te,{children:`${oe.byText}${fe}${S[0]}${oe.dots}`})}):t.jsx(Te,{children:`${oe.byText}${fe}${S[0]}`}):null,f!=null?t.jsx(Te,{children:f}):null,u!=null?t.jsx(Te,{children:u}):null]}),t.jsx(Ai,{windowSize:s,responsiveWidth:ye[4].width,children:_e("0,0[.]00",e.totalAmountInUSD)})]})}),a&&j.length>0?t.jsx(Je,{isLoading:_,count:j.length,style:{position:"absolute",float:"right",right:"44px",top:i.sp1},openThread:A=>{A.stopPropagation(),b?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:p,companyId:r.currentTenant?.companyId??Oe,companyName:r.currentTenant?.companyName??Oe,entityType:"bill.details",entityId:e.id}),$.trackCommentActivity("bill","clicked",r.currentTenant?.companyName??Oe,r.controllersList.controllers.map(I=>Xe(I)),void 0,void 0,"comment on field")}}):null]})},Bi=o.div`
+  display: flex;
+  margin-bottom: ${i.sp3};
+  background-color: ${e=>e.isProcessing?"transparent":e.theme.colors.grey5};
+  padding-left: ${e=>be.containerPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>be.containerPaddingRight.valuePx(e.windowSize)};
+  padding-top: ${e=>be.containerPaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>be.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"?`${J.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${J.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=>be.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${i.sp0};
+  box-sizing: border-box;
+  align-items: center;
+`,_i=o.div`
+  display: block;
+  width: 100%;
+`,zi=o.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  height: 42px;
+`,Li=o.div`
+  display: flex;
+  flex-direction: column;
+  column-gap: 12px;
+  align-items: flex-start;
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+`,Di=o.div`
+  display: flex;
+  flex-direction: row;
+  gap: ${i.sp1};
+  align-items: center;
+  margin-right: ${i.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Ii=o(N)`
+  flex-grow: 1;
+  word-break: break-word;
+  display: -webkit-box;
+  -webkit-line-clamp: ${e=>be.webkitLineClamp.value(e.windowSize)};
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: ${e=>e.windowSize==="small"?"200px":"initial"};
+`,Ai=o(N)`
+  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)};
+`,Ri=o.div`
+  color: ${e=>e.theme.colors.grey1};
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 90%;
+  white-space: nowrap;
+`,Ei=o(V)`
+  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};
+`,Fi=o(N)``,nt=o(N)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+`,Ni=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: ${i.sp2};
+`,Mi=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(V)`
+  position: relative;
+  top: 1px;
+  color: ${e=>e.theme.colors.grey1};
+`,Oi=o.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.isProcessing?e.theme.colors.grey2:e.theme.colors.primary};
+`,Vi=o(Ct)`
+  width: 12px;
+  height: 12px;
+  color: inherit;
+`,Wi=o(Pt)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  color: ${e=>e.theme.colors.hero};
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,ae={containerPaddingLeft:new g(c[3],c[4]),containerPaddingRight:new g(c[3],c[4]),containerPaddingTop:new g(c[2],c[3]),containerPaddingBottom:new g(c[2],c[3]),containerMarginLeft:new g(c[3],c[8]),webkitLineClamp:new g(2,2,1,1,1)},{spendManagement:{billPay:{billDetails:le}},common:{strings:{empty:Ve,space:$e}}}=Y.getLocalizedStrings(),Ki=({transactionDetail:e,tagStatus:l,isProcessing:d,isSelected:n,isBillPayCommentingEnabled:a,bulkSelectFormId:y,isBulkSelectionLimitReached:x,isSelectionMode:w,reportTitleAdditionalInfo:f,lowBalanceAlert:u,approvers:h,deletionAdditionalInfo:m,paidAdditionalInfo:s,showLowBalanceTooltip:r,onTransactionRowClick:b})=>{const $=X(),p=He(),v=Ge(),_=qe().analytics,j=`dashboard_${p.currentTenant?.companyId}`,{threads:B,isLoading:S}=Ze({application:"dashboard",companyId:p.currentTenant?.companyId,tab:"bill",entityId:e.id,isGlobalComment:!1},"both",!1),M=C.useMemo(()=>B.filter(G=>G.resolved===!1),[B]),{getValues:A,setValue:I}=vt(),k=Bt(e.billPayInfo.billPaymentStatus.code)?St(e.createdByUser):Be(h),ee=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:le.newBillTitle,te=A(y),K=C.useCallback(()=>{x||!e.bulkSelectInfo?.isSelectableForBulkAction||n||I(y,[...te,e.id])},[y,x,n,I,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,te]),se=C.useCallback(()=>{K()},[K]),Ne=C.useCallback(G=>{G.stopPropagation(),G.cancelable&&G.preventDefault(),w?K():b(e.id)},[K,w,b,e.id]),ue=_t({onLongPress:se},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(Ui,{windowSize:$,statusCode:l?.code??"",isSelected:n,isProcessing:d,children:[t.jsx(Hi,{onClick:Ne,...ue,"data-testid":Q("bill-pay-trxn-row-small",e.id),children:t.jsxs(Gi,{children:[t.jsxs(to,{children:[t.jsxs(qi,{children:[t.jsxs(Zi,{children:[t.jsx(Ji,{windowSize:$,children:ee}),e.isRecurring?t.jsx(Z,{title:`${le.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`,placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(oo,{isProcessing:d,children:t.jsx(lo,{})})}):null]}),t.jsx(Qi,{children:`${f[0].label} ${f[0].value}`})]}),t.jsx(rt,{children:`${f[1].label} ${f[1].value}`}),t.jsx(rt,{children:`${f[2].label} ${f[2].value}`})]}),t.jsxs(io,{children:[t.jsx(Xi,{children:_e("0,0[.]00",e.totalAmountInUSD)}),t.jsxs(eo,{hasAlertIcon:u!=null,children:[t.jsxs(no,{children:[l!==void 0?t.jsx(Yi,{className:"statusTag",color:l.color,bgColor:l.bgColor,borderColor:l.borderColor,children:l.value??le.hyphenText}):t.jsx(t.Fragment,{children:le.hyphenText}),r===!0&&u!=null&&u.length>0?t.jsx(so,{onClick:G=>G.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(ro,{})})}):null]}),h!==void 0&&k.length>0?k.length>1?t.jsx(Z,{title:`${le.byText}${$e}${k.join(`${$e}${le.orText}${$e}`)}`,placement:"bottom-start",children:t.jsx(Ce,{children:`${le.byText}${$e}${k[0]}${le.dots}`})}):t.jsx(Ce,{children:`${le.byText}${$e}${k[0]}`}):null,m!=null?t.jsx(Ce,{children:m}):null,s!=null?t.jsx(Ce,{children:s}):null]})]})]})}),a&&M.length>0?t.jsx(Je,{isLoading:S,count:M.length,style:{position:"absolute",float:"right",right:"6px",top:i.sp1},openThread:G=>{G.stopPropagation(),v?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:j,companyId:p.currentTenant?.companyId??Ve,companyName:p.currentTenant?.companyName??Ve,entityType:"bill.details",entityId:e.id}),_.trackCommentActivity("bill","clicked",p.currentTenant?.companyName??Ve,p.controllersList.controllers.map(he=>Xe(he)),void 0,void 0,"comment on field")}}):null]})},Ui=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"?`${J.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${J.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)};
+`,Hi=o.div`
+  display: block;
+  width: 100%;
+`,Gi=o.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+`,qi=o.div`
+  display: flex;
+  flex-direction: column;
+  column-gap: 12px;
+  align-items: flex-start;
+`,Zi=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(N)`
+  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"?`${Tt}px`:"initial"};
+`,Xi=o(N)`
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+  justify-content: flex-end;
+`,Qi=o(V)`
+  color: ${e=>e.theme.colors.grey1};
+`,Yi=o(V)`
+  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};
+`,rt=o(V)`
+  color: ${e=>e.theme.colors.grey1};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+`,eo=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;
+`,Ce=o(V)`
+  color: ${e=>e.theme.colors.grey1};
+`,to=o.div`
+  display: flex;
+  flex-direction: column;
+`,io=o.div`
+  display: flex;
+  flex-direction: column;
+`,oo=o.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.isProcessing?e.theme.colors.grey2:e.theme.colors.primary};
+`,lo=o(Ct)`
+  width: 12px;
+  height: 12px;
+  color: inherit;
+`,no=o.div`
+  display: flex;
+  flex-direction: row;
+  gap: ${i.sp2};
+`,ro=o(Pt)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  color: ${e=>e.theme.colors.hero};
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,so=o.div``,re=Y.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs.header,Ae={key:"reportName",value:re.name,sortOrder:"ascending",width:new g(30,30)},Re={key:"type",value:re.type,sortOrder:"ascending",width:new g(20,20)},Ee={key:"status",value:re.status,sortOrder:"ascending",width:new g(20,20)},Fe={key:"amount",value:re.amount,sortOrder:"ascending",width:new g(10,10)},de=[Ae,{key:"submittedOn",value:re.created,sortOrder:"ascending",width:new g(20,20)},Re,Ee,Fe],ao=[Ae,{key:"submittedOn",value:re.submitted,sortOrder:"ascending",width:new g(20,20)},Re,Ee,Fe],co=[Ae,{key:"submittedOn",value:re.paymentDate,sortOrder:"ascending",width:new g(20,20)},Re,Ee,Fe],po=[Ae,{key:"submittedOn",value:re.paidOn,sortOrder:"ascending",width:new g(20,20)},Re,Ee,Fe],zt={draft:de,pending_approval:ao,scheduled:co,paid:po},Pe={headerLastColumnTopPadding:new g(c[0],c[4]),headerLastColumnRightPadding:new g(c[3],c[11]),headerLastColumnBottomPadding:new g(c[0],c[4]),headerLastColumnLeftPadding:new g(c[3],c[4])},mo=jt.memo(function({companyNameSticky:e,currentTab:l,onColumnSortConfigChanged:d,sortConfig:n,analytics:a}){const y=X(),x=Ue(),[w,f]=C.useState(xe(zt[l]));C.useEffect(()=>{const r=[...w];for(const b of r)b.key===n.sortKey?b.sortOrder=n.sortOrder:b.sortOrder="ascending";f(r)},[n.sortKey,n.sortOrder]);const u=(r,b)=>{let $=b;n.sortKey===r&&($=b==="ascending"?"descending":"ascending"),a?.trackReimbursementListSort(r,$),d?.(r,$)},h=w.find(r=>r.key===n.sortKey)??w[0],m=w.map(r=>r.key),s=Y.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs;return y==="small"?t.jsxs(st,{height:bt,windowSize:y,children:[t.jsx(ho,{children:t.jsx(go,{})}),t.jsx(ht,{title:s.sortBy,placeholder:s.sortBy,pickerValues:m,valueToLabel:r=>w.find(b=>b.key===r)?.value??"",selectedValue:n.sortKey,onPickerSelectionChanged:r=>{u(r,"ascending")},optionTextStyle:je.smallRegular,titleTextStyle:je.smallRegular,titleColor:x.colors.primary,selectedOptionColor:x.colors.hero,optionBackgroundColor:"inherit",downChevronVisible:!1}),t.jsxs(wo,{onClick:()=>u(h.key,h.sortOrder),"data-testid":Q("remi-list-header-small",n.sortKey),children:[t.jsx(ne,{children:h.value}),t.jsx(at,{sortDataValue:n.sortKey,headerdata:h,children:t.jsx(dt,{})})]})]}):t.jsx(st,{height:xt,windowSize:y,children:w.map(r=>t.jsxs(uo,{companyNameSticky:e,sortDataValue:n.sortKey,actualDataValue:r.key,wrapperWidth:r.width,windowSize:y,children:[t.jsxs(xo,{onClick:()=>u(r.key,r.sortOrder),"data-testid":Q("remi-list-header",n.sortKey),children:[t.jsx(ne,{children:r.value}),t.jsx(at,{sortDataValue:n.sortKey,headerdata:r,children:t.jsx(dt,{})})]}),t.jsx(bo,{sortDataValue:n.sortKey,windowSize:y,isVisible:n.sortKey===r.key&&r.key!=="submittedOn",children:t.jsx(yo,{onClick:()=>u("submittedOn","ascending"),"data-testid":Q("remi-list-close-sort",n.sortKey)})})]},r.key))})}),st=o(ne)`
+  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=>`${Pe.headerLastColumnTopPadding.valuePx(e.windowSize)} ${Pe.headerLastColumnRightPadding.valuePx(e.windowSize)} ${Pe.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${Pe.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
+  background-color: ${e=>e.theme.colors.grey4};
+  position: sticky;
+`,uo=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;
+`,ho=o.div`
+  margin-right: ${i.sp1};
+  display: flex;
+  align-items: center;
+`,go=o(wt)`
+  width: 12px;
+  height: 12px;
+  color: inherit;
+`,yo=o($t)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+`,at=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"}
+`,dt=o(ft)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: inherit;
+`,bo=o.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  align-items: center;
+  padding-top: 2px;
+`,xo=o.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,wo=o.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+  margin-left: auto;
+`,ve={containerPaddingLeft:new g(c[3],c[4]),containerPaddingRight:new g(c[3],c[4]),containerPaddingTop:new g(c[2],12),containerPaddingBottom:new g(c[2],12),containerMarginLeft:new g(c[4],c[8])},U=Y.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,fo=({reimbursementDetail:e,tagStatus:l,isProcessing:d,isSelected:n,reportTitleAdditionalInfo:a,date:y,approvers:x,deletionAdditionalInfo:w,isReimbursementCommentingEnabled:f,onTransactionRowClick:u})=>{const h=X(),m=He(),s=C.useRef(null),[r,b]=C.useState(0);C.useLayoutEffect(()=>{s.current&&b(s.current.offsetWidth*kt)},[h]);const $=qe().analytics,p=Ge(),v=`dashboard_${m.currentTenant?.companyId}`,_=e.reimbursementTypesIncluded,j=Be(x),B=Y.getLocalizedStrings().common.strings.empty,{threads:S,isLoading:M}=Ze({application:"dashboard",companyId:m.currentTenant?.companyId,tab:"reimbursement",entityId:e.id,isGlobalComment:!1},"both",!1),A=C.useMemo(()=>S.filter(I=>I.resolved===!1),[S]);return t.jsxs($o,{windowSize:h,onClick:()=>{u(e.id)},isProcessing:d,isSelected:n,statusCode:l?.code??B,"data-testid":Q("remi-row-click",e.id),children:[t.jsx(vo,{children:t.jsxs(So,{children:[t.jsxs(ko,{windowSize:h,responsiveWidth:de[0].width,ref:s,children:[t.jsx(To,{windowSize:h,reportNameWidth:r,children:e.reportTitle??U.newReimbursementTitle}),a!=null&&t.jsx(Co,{children:`${U.byText} ${a?.firstName} ${a?.lastName}`})]}),t.jsx(jo,{windowSize:h,responsiveWidth:de[1].width,children:y}),_.length>1?t.jsx(ct,{windowSize:h,responsiveWidth:de[2].width,children:t.jsx(Z,{title:U.reimbursementType.both,placement:"bottom-start",display:"flex",children:U.reimbursementType.titleForBoth})}):t.jsx(ct,{windowSize:h,responsiveWidth:de[2].width,children:U.reimbursementType[_[0]]}),t.jsxs(_o,{windowSize:h,responsiveWidth:de[3].width,children:[l!==void 0?t.jsx(zo,{className:"statusTag",color:l.color,bgColor:l.bgColor,borderColor:l.borderColor,children:l.value??U.hyphenText}):t.jsx(Bo,{children:U.hyphenText}),x!==void 0&&j.length>0?j.length>1?t.jsx(Z,{title:`${U.byText} `+j.join(` ${U.orText} `),placement:"bottom-start",children:t.jsx(We,{children:`${U.byText} `+j[0]+`${U.dots}`})}):t.jsx(We,{children:`${U.byText} `+j[0]}):null,w!=null?t.jsx(We,{children:w}):null]}),t.jsx(Po,{windowSize:h,responsiveWidth:de[4].width,children:_e("0,0[.]00",e.amount)})]})}),f&&A.length>0?t.jsx(Je,{isLoading:M,count:A.length,style:{position:"absolute",float:"right",right:`calc(${i.sp6} + ${i.sp1})`,top:i.sp1},openThread:I=>{I.stopPropagation(),p?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:v,companyId:m.currentTenant?.companyId??B,companyName:m.currentTenant?.companyName??B,entityType:"reimbursement.details",entityId:e.id??B}),$.trackCommentActivity("reimbursement","clicked",m.currentTenant?.companyName??B,m.controllersList.controllers.map(k=>Xe(k)),void 0,void 0,"comment on field")}}):null]})},$o=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"?`${J.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${J.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};
+`,vo=o.div`
+  display: flex;
+  width: 100%;
+`,So=o.div`
+  display: flex;
+  width: 100%;
+  height: 42px;
+`,ko=o.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  column-gap: 12px;
+  align-items: flex-start;
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+`,To=o(N)`
+  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`:100*kt+"%"};
+`,Co=o(ne)`
+  color: ${e=>e.theme.colors.grey1};
+`,Po=o(N)`
+  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;
+`,jo=o(N)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+`,Bo=o(N)``,ct=o(N)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+`,_o=o(N)`
+  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;
+`,We=o(V)`
+  position: relative;
+  top: 1px;
+  color: ${e=>e.theme.colors.grey1};
+`,zo=o(V)`
+  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(c[3],c[4]),containerPaddingRight:new g(c[3],c[4]),containerPaddingTop:new g(c[2],c[3]),containerPaddingBottom:new g(c[2],c[3]),containerMarginLeft:new g(c[3],c[8]),webkitLineClamp:new g(2,2,1,1,1)},O=Y.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,Lo=({reimbursementDetail:e,tagStatus:l,currentTab:d,isProcessing:n,isSelected:a,bulkSelectFormId:y,isBulkSelectionLimitReached:x,isSelectionMode:w,reportTitleAdditionalInfo:f,date:u,approvers:h,deletionAdditionalInfo:m,onTransactionRowClick:s})=>{const r=X(),{getValues:b,setValue:$}=vt(),p=e.reimbursementTypesIncluded,v=Be(h),_=xe(zt[d]),j=b(y),B=C.useCallback(()=>{x||!e.bulkSelectInfo?.isSelectableForBulkAction||a||$(y,[...j,e.id])},[y,x,a,$,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,j]),S=C.useCallback(()=>{B()},[B]),M=C.useCallback(I=>{I.stopPropagation(),I.cancelable&&I.preventDefault(),w?B():s(e.id)},[B,w,s,e.id]),A=_t({onLongPress:S},{shouldPreventDefault:!1,delay:1e3});return t.jsx(Do,{windowSize:r,statusCode:l?.code??"",isProcessing:n,isSelected:a,children:t.jsx(Io,{onClick:M,...A,"data-testid":Q("remi-row-click-mobile",e.id),children:t.jsxs(Ao,{children:[t.jsxs(Ro,{children:[t.jsxs(Fo,{children:[t.jsx(No,{windowSize:r,children:e.reportTitle??O.newReimbursementTitle}),f!=null&&t.jsx(Mo,{children:`${O.byText} ${f?.firstName} ${f?.lastName}`})]}),t.jsxs(Vo,{children:[_[1].value+": ",u]}),p.length>1?t.jsx(Z,{title:O.reimbursementType.both,placement:"bottom-start",display:"flex",children:t.jsxs(pt,{children:[O.reimbursementType.type+": ",O.reimbursementType.titleForBoth]})}):t.jsxs(pt,{children:[O.reimbursementType.type+": ",O.reimbursementType[p[0]]]})]}),t.jsxs(Eo,{children:[t.jsx(Oo,{children:_e("0,0[.]00",e.amount)}),t.jsxs(Wo,{children:[l!==void 0?t.jsx(Ko,{className:"statusTag",color:l.color,bgColor:l.bgColor,borderColor:l.borderColor,children:l.value??O.hyphenText}):t.jsx(t.Fragment,{children:O.hyphenText}),h!==void 0&&v.length>0?v.length>1?t.jsx(Z,{title:`${O.byText} `+v.join(` ${O.orText} `),placement:"bottom-start",children:t.jsx(Ke,{style:{marginLeft:"auto"},children:`${O.byText} `+v[0]+`${O.dots}`})}):t.jsx(Ke,{style:{marginLeft:"auto"},children:`${O.byText} `+v[0]}):null,m!=null?t.jsx(Ke,{children:m}):null]})]})]})})})},Do=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"?`${J.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${J.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)};
+`,Io=o.div`
+  display: flex;
+  width: 100%;
+`,Ao=o.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+`,Ro=o.div`
+  display: flex;
+  flex-direction: column;
+`,Eo=o.div`
+  display: flex;
+  flex-direction: column;
+  text-align: right;
+`,Fo=o.div`
+  display: flex;
+  flex-direction: column;
+  column-gap: 12px;
+  align-items: flex-start;
+`,No=o(N)`
+  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"?`${Tt}px`:"initial"};
+`,Mo=o(V)`
+  color: ${e=>e.theme.colors.grey1};
+`,Oo=o(N)`
+  display: flex;
+  margin-left: auto;
+  color: ${e=>e.theme.colors.hero};
+`,Vo=o(V)`
+  color: ${e=>e.theme.colors.grey1};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+`,pt=o(V)`
+  color: ${e=>e.theme.colors.grey1};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+`,Wo=o.div`
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+`,Ke=o(V)`
+  color: ${e=>e.theme.colors.grey1};
+`,Ko=o(V)`
+  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;
+`,Uo={lastListItemHeight:new g(200,158)},T=Y.getLocalizedStrings(),{common:{texts:{maxLimit:Ho}},spendManagement:{billPay:Lt,reimbursement:Go}}=T,W=Lt.bulkActions,F=Go.bulkActions,E=T.common.strings.empty,pe="bulkSelectIds",qo=({transactionList:e,botEmail:l,selectedTab:d,selectedSubTab:n,isShowDeletedBillsEnabled:a,isShowDeletedReimbursementEnabled:y,isBillPayCommentingEnabled:x,isReimbursementCommentingEnabled:w,searchText:f,isAdmin:u,entity:h,uiState:m,bulkSubmissionLimit:s,isBulkActionAllowed:r,transactionsSelectedForBulkAction:b,isDetectInsufficientFundsEnabled:$,fetchState:p,analytics:v,onTransactionRowClick:_,onReloadTransactions:j,onColumnSortConfigChanged:B})=>{const S=X(),M=k=>{const ee=h==="bill_pay"?e[k].vendor?.name??e[k].candidateVendorName??E:e[k].reportTitle??E;return ii(ee,S)},A=C.useRef(null);C.useEffect(()=>{A.current?.resetAfterIndex(0)},[S,A,d,n]);const I=C.forwardRef((k,ee)=>{const{children:te,style:K,...se}=k;return t.jsx(xl,{ref:ee,style:{...K,width:"auto"},...se,children:t.jsx(bl,{children:te})})});return I.displayName=T.spendManagement.billPay.billsByTabs.headerElementDisplayName,Ht({componentName:`${pi(h)}.${mi(d,h)}`,enabled:p==="Completed"}),t.jsx(al,{children:p==="Error"?t.jsxs(pl,{children:[t.jsx(ml,{onClick:j,children:t.jsx(ul,{})}),t.jsx(hl,{children:T.peoplePage.reloadPage.label})]}):p==="Completed"&&e.length===0&&f!=E?t.jsx(tt,{message:h==="bill_pay"?T.spendManagement.billPay.billsByTabs.noDataWithFilterText:T.spendManagement.reimbursement.reimbursementByTabs.noDataWithFilterText}):p==="Completed"&&e.length===0?t.jsx(tt,{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:l}):p==="Not-Started"||p==="In-Progress"?t.jsx(Gt,{fetchState:p,styles:{margin:"auto"}}):t.jsx(gl,{windowSize:S,children:t.jsx(qt,{children:({height:k,width:ee})=>t.jsx(Zt,{ref:A,height:k,itemCount:h==="bill_pay"||h==="reimbursement"?1:e.length,innerElementType:I,itemSize:M,estimatedItemSize:Xt,itemKey:te=>e[te].id,width:ee,overscanCount:Jt,itemData:{entity:h,isBulkActionAllowed:r,isShowDeletedBillsEnabled:a,isShowDeletedReimbursementEnabled:y,isBillPayCommentingEnabled:x,isReimbursementCommentingEnabled:w,transactionList:e,isAdmin:u,selectedTab:d,transactionsSelectedForBulkAction:b,bulkSubmissionLimit:s,uiState:m,analytics:v,isDetectInsufficientFundsEnabled:$,onTransactionRowClick:_,onColumnSortConfigChanged:B},initialScrollOffset:0,children:Zo})})})})},Rl=({transactionList:e,botEmail:l,allSubTabs:d,isAdmin:n,selectedTab:a,isShowDeletedBillsEnabled:y,isShowDeletedReimbursementEnabled:x,isBillPayCommentingEnabled:w,isReimbursementCommentingEnabled:f,selectedSubTab:u,searchText:h,entity:m,uiState:s,bulkSubmissionLimit:r,isBulkActionAllowed:b,isRecurringBillInBulkActionList:$,transactionsSelectedForBulkAction:p,allowedBulkActions:v,bulkSubmissionFetchState:_,isDetectInsufficientFundsEnabled:j,onTransactionRowClick:B,onSubtabChange:S,fetchState:M,onReloadTransactions:A,onColumnSortConfigChanged:I,analytics:k,updateBulkActionList:ee,removeAllTransactionsFromBulkActionList:te,onProceedForBulkActionClick:K})=>{const se=Ft({defaultValues:{bulkSelectIds:p},values:{bulkSelectIds:p}});C.useEffect(()=>{const z=se.watch((L,{name:P})=>{P!=null&&L!=null&&Nt(()=>Ne(P,L))});return()=>{z.unsubscribe()}});const Ne=async(z,L)=>{if(z===pe){let P=[];if(L[pe].includes(T.common.all.toLowerCase())){if(a==="scheduled"&&p.length===0){P=[];for(const D of e)if(D.bulkSelectInfo?.isSelectableForBulkActionSelectAll&&P.push(D.id),P.length===r)break}else P=L[pe].filter(D=>D!==T.common.all.toLowerCase());if(m==="bill_pay"){const D=e.filter(we=>P.includes(we.id)),ie=Se(D);k?.trackBillPayBulkSelectAll(a,u,ie)}else{const D=e.filter(we=>P.includes(we.id)),ie=ke(D.map(we=>we.reimbursementTypesIncluded));k?.trackReimbursementBulkSelectAll(a,u,ie)}}else P=L[pe];ee?.(P)}},ue=X(),[G,he]=C.useState(!1),[q,Me]=C.useState({type:E,title:E,description:E,primaryButtonText:E,secondaryButtonText:E});C.useEffect(()=>{const z=Mt(a,u,m);M==="Completed"&&z!=null&&k?.trackPageLoaded(z,m==="bill_pay"?"Bills":"Reimbursements")},[k,a,u,m,M]);const It=C.useCallback(()=>{const{title:z,description:L}=rl(m,p.length,a,$);if(Me({type:"delete",title:z,description:L,primaryButtonText:T.common.texts.confirm,secondaryButtonText:T.common.texts.close}),m==="bill_pay"){const P=e.filter(ie=>p.includes(ie.id)),D=Se(P);k?.trackBillPayBulkDeleted(p.length,a,u,D)}else{const P=e.filter(ie=>p.includes(ie.id)),D=ke(P.map(ie=>ie.reimbursementTypesIncluded));k?.trackReimbursementBulkDeleted(p.length,a,u,D)}he(!0)},[m,k,$,u,a,e,p]),At=C.useCallback(()=>{const{title:z,description:L}=nl(m,p.length);Me({type:"cancel",title:z,description:L,primaryButtonText:T.common.texts.confirm,secondaryButtonText:T.common.texts.close}),he(!0)},[m,p.length]),Rt={onOkClick:z=>{if(he(!1),m==="bill_pay"){const L=e.filter(D=>p.includes(D.id)),P=Se(L);k?.trackBillPayBulkPopupConfirm(q.type,a,u,P)}else{const L=e.filter(D=>p.includes(D.id)),P=ke(L.map(D=>D.reimbursementTypesIncluded));k?.trackReimbursementBulkPopupConfirm(q.type,a,u,P)}q.type==="delete"?K?.("delete",z):K?.("cancel",z)},onCancelClick:()=>{te?.(),he(!1),Me({type:E,title:E,description:E,primaryButtonText:E,secondaryButtonText:E})}},Et=C.useCallback(()=>{if(m==="bill_pay"){const z=e.filter(P=>p.includes(P.id)),L=Se(z);k?.trackBillPayBulkSelection(p.length,a,u,L)}else{const z=e.filter(P=>p.includes(P.id)),L=ke(z.map(P=>P.reimbursementTypesIncluded));k?.trackReimbursementBulkSelection(p.length,a,u,L)}v.includes("send_for_approval")?K?.("send_for_approval"):K?.(j?"approve":"review")},[m,v,e,k,p,a,u,K,j]),et=v.filter(z=>z!=="delete").length>0;return t.jsxs(cl,{children:[t.jsx(ci,{tabIds:d,selectedTab:u,hasSubTabs:d.length>0,entity:m,enablePerformanceTracking:!1,onTabSelectedChange:z=>{S(z)},isSwitcherLeftAlign:!0}),t.jsx(Ot,{...se,children:t.jsxs(dl,{onSubmit:se.handleSubmit(()=>{v.includes("cancel")?At():Et()}),children:[t.jsx(qo,{botEmail:l,selectedTab:a,selectedSubTab:u,searchText:h,transactionList:e,fetchState:M,onReloadTransactions:A,onTransactionRowClick:B,entity:m,uiState:s,isAdmin:n,onColumnSortConfigChanged:I,analytics:k,isShowDeletedBillsEnabled:y,isShowDeletedReimbursementEnabled:x,isBillPayCommentingEnabled:w,isReimbursementCommentingEnabled:f,bulkSubmissionLimit:r,isBulkActionAllowed:b,transactionsSelectedForBulkAction:p,isDetectInsufficientFundsEnabled:j}),G?t.jsx(Vt,{titleComponent:t.jsx(Kt,{children:q.title}),descriptionComponent:t.jsx(Wt,{children:q.description}),primaryButtonText:q.primaryButtonText,proceedButtonVariant:q.type==="delete"?"danger":"primary",secondaryButtonText:q.secondaryButtonText,action:Rt,isNotesIncluded:a!=="draft",isEditPopup:!0}):null,p.length>0?t.jsx(Ut,{helperContainerStyle:ue==="small"?{margin:`${i.sp5} ${v.includes("delete")&&et?i.sp7:i.sp0} ${i.sp2} ${i.sp0}`}:{},showPrimaryButton:et,primaryBtn:{label:il(m,v,p.length),isLoading:q.type!=="delete"&&_==="In-Progress",isDisabled:q.type==="delete"&&_==="In-Progress",type:"submit",style:ol(v)},cancelBtn:{label:T.common.texts.goBack,isDisabled:_==="In-Progress",onClick:te,style:ll(v,ue)},leftSideComponent:el(p.length,r,m,ue),rightSideComponent:v.includes("delete")?tl(p.length,q.type==="delete"&&_==="In-Progress",It,ue):null}):null]})})]})},Zo=({style:e,data:l})=>{const{entity:d,transactionList:n,transactionsSelectedForBulkAction:a,isAdmin:y,isBulkActionAllowed:x,isShowDeletedBillsEnabled:w,isShowDeletedReimbursementEnabled:f,isBillPayCommentingEnabled:u,isReimbursementCommentingEnabled:h,bulkSubmissionLimit:m,selectedTab:s,uiState:r,analytics:b,isDetectInsufficientFundsEnabled:$,onTransactionRowClick:p,onColumnSortConfigChanged:v}=l,_=X(),j=Ue(),B=x?a.length>0?"always_on":"checked_or_hover":"off";return t.jsx(yl,{style:{...e,width:"100%"},className:"spend-management-list-item",children:t.jsx(ti,{style:{width:"100%"},checkBoxContainerStyle:{gap:i.sp3,width:"auto",marginLeft:_==="small"?i.sp0:i.sp4},labelStyle:{width:"100%"},checkBoxStyle:Qo(_),labelCheckBoxStyle:{marginLeft:_==="small"?i.sp2:i.sp0},checkBoxIconStyle:{backgroundColor:j.colors.grey4},infoIconContainerStyle:Yo(_),name:pe,mode:B,selectionLimit:m,checkBoxes:d==="bill_pay"?[{label:t.jsx(xi,{companyNameSticky:!1,currentTab:s,onColumnSortConfigChanged:v,sortConfig:{sortKey:r.sortKey,sortOrder:r.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:T.common.all.toLowerCase(),isException:!1},...n.map(S=>({label:t.jsx(Jo,{transactionDetail:S,selectedTab:s,isBillPayCommentingEnabled:u,isShowDeletedBillsEnabled:w,onTransactionRowClick:p,billsSelectedForBulkAction:a,bulkSelectFormId:pe,bulkSelectLimit:m,isSelectionMode:B==="always_on",isDetectInsufficientFundsEnabled:$}),value:S.id,groupLabel:!1,defaultChecked:!1,isException:S.bulkSelectInfo?.isSelectableForBulkAction===!1,exceptionMode:sl(S,a),exceptionInfo:mt(d,S),exceptionType:ut(S)}))]:[{label:t.jsx(mo,{companyNameSticky:!1,currentTab:s,onColumnSortConfigChanged:v,analytics:b,sortConfig:{sortKey:r.sortKey,sortOrder:r.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:T.common.all.toLowerCase(),isException:!1},...n.map(S=>({label:t.jsx(Xo,{transactionDetail:S,isShowDeletedReimbursementEnabled:f,isReimbursementCommentingEnabled:h,selectedTab:s,isAdmin:y,onTransactionRowClick:p,remisSelectedForBulkAction:a,bulkSelectFormId:pe,bulkSelectLimit:m,isSelectionMode:B==="always_on"}),value:S.id,groupLabel:!1,defaultChecked:!1,isException:S.bulkSelectInfo?.isSelectableForBulkAction===!1,exceptionMode:"checked_or_hover",exceptionInfo:mt(d,S),exceptionType:ut(S)}))]})})},Jo=({transactionDetail:e,selectedTab:l,isShowDeletedBillsEnabled:d,billsSelectedForBulkAction:n,bulkSelectFormId:a,bulkSelectLimit:y,isBillPayCommentingEnabled:x,isSelectionMode:w,isDetectInsufficientFundsEnabled:f,onTransactionRowClick:u})=>{const h=X()==="small"?Ki:ji,m=li(e,l),{bulkProcessingDetail:s}=e,r=ze(s?.type),b=f&&e.billPayInfo.stage.code==="scheduled"&&!e.isDeleted&&e.totalAmountWithFeesInUSD!=null?ni(e.totalAmountWithFeesInUSD,e.withdrawFrom,e.billPayInfo.paymentDate):void 0,$=ri(e.billPayInfo,l,d,e.isDeleted,e.dueDate),p=b!=null&&$?.code!=="failed"&&$?.code!=="processing"&&$?.code!=="cancelled"&&$?.code!=="returned"&&$?.code!=="rejected"&&$?.code!=="paid";return t.jsx(Dt,{children:t.jsx(h,{reportTitleAdditionalInfo:m,transactionDetail:e,isBillPayCommentingEnabled:x,isSelected:n.includes(e.id),isProcessing:r,isBulkSelectionLimitReached:n.length===y,isSelectionMode:w,bulkSelectFormId:a,tagStatus:$,approvers:e.isDeleted===!0?void 0:yt(e,l),deletionAdditionalInfo:e.isDeleted===!0&&l!=="draft"?gt(e,l):void 0,onTransactionRowClick:r?()=>null:u,paidAdditionalInfo:l!=="paid"||e.isDeleted?void 0:(()=>{const v=e.billPayInfo.outsideZeniTransactionPaymentMode;if(v==null||v==="other")return;const _=Lt.billDetails.paymentOutsideZeni.paymentModeOptions.find(j=>j.value===v)?.label;return`${T.common.via} ${_}`})(),lowBalanceAlert:b,showLowBalanceTooltip:p})})},Xo=({transactionDetail:e,selectedTab:l,isAdmin:d,isShowDeletedReimbursementEnabled:n,isReimbursementCommentingEnabled:a,remisSelectedForBulkAction:y,bulkSelectFormId:x,bulkSelectLimit:w,isSelectionMode:f,onTransactionRowClick:u})=>{const h=X()==="small"?Lo:fo,m=si(d,e.submittedBy),{bulkProcessingDetail:s}=e,r=ze(s?.type);return t.jsx(Dt,{children:t.jsx(h,{reportTitleAdditionalInfo:m,reimbursementDetail:e,isReimbursementCommentingEnabled:a,isSelected:y.includes(e.id),isProcessing:r,isBulkSelectionLimitReached:y.length===w,isSelectionMode:f,bulkSelectFormId:x,currentTab:l,date:di(e,l),approvers:e.isDeleted===!0?void 0:yt(e,l),tagStatus:ai(e,l,n),deletionAdditionalInfo:e.isDeleted===!0&&l!=="draft"?gt(e,l):void 0,onTransactionRowClick:r?()=>null:u})})},Qo=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},Yo=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},el=(e,l,d,n)=>{const a=d==="bill_pay"?W.bill:F.report,y=(e>1?a+"s":a)+W.selected;return e>0?t.jsxs(vl,{style:n==="small"?{position:"absolute",top:i.sp2,left:`-${i.sp5}`}:{},children:[t.jsx(Sl,{multiDigit:e>=10,children:e}),t.jsx(kl,{children:y}),e===l?t.jsx(Tl,{children:Ho}):null]}):null},tl=(e,l,d,n)=>e>0?t.jsx(wl,{style:n==="small"?{position:"absolute",top:i.sp7,right:`-${i.sp5}`}:{},children:t.jsx(fl,{isLoading:l,windowSize:n,className:"delete-icon-wrapper",onClick:l?()=>null:d,children:l?t.jsx(Qt,{size:"Small",start:!0}):t.jsx(Z,{enterDelay:600,title:T.common.delete,placement:"top",children:t.jsx($l,{})})})}):null,mt=(e,l)=>{const{bulkProcessingDetail:d,bulkSelectInfo:n}=l,a=ze(d?.type),y=d?.type==="error";let x;if(a)x=d?.inProgressMessage;else if(y)x=d.error?.message;else if(n?.bulkSelectExceptionInfo!=null)if(e==="bill_pay"){const{exceptions:w}=T.spendManagement.billPay.bulkActions;x=w[n.bulkSelectExceptionInfo]}else{const{exceptions:w}=T.spendManagement.reimbursement.bulkActions;x=w[n.bulkSelectExceptionInfo]}return x},il=(e,l,d)=>{const{billPay:n}=T.spendManagement;return l.includes("cancel")?e==="reimbursement"?F.popUps.cancel.title.replace("__report__",d>1?F.reports:F.report):n.bulkActions.popUps.cancel.title.replace("<_bill_>",d>1?n.bulkActions.bills:n.bulkActions.bill):l.includes("send_for_approval")?n.billDetails.sendForApproval:T.common.review},ol=e=>{let l;return e.includes("cancel")===!1&&e.includes("send_for_approval")===!1&&(l={minWidth:"92px"}),l},ll=(e,l)=>{let d;return l!=="small"&&(e.includes("cancel")?d={minWidth:"116px"}:e.includes("send_for_approval")&&(d={minWidth:"160px"})),d},nl=(e,l)=>{const{this_:d,these:n,payment:a,payments:y,bills:x,bill:w,reports:f,report:u,they:h,it:m}=T.common.texts;return l>1?e==="bill_pay"?{title:W.popUps.cancel.title.replace("<_bill_>",T.drawerMenus.bills),description:W.popUps.cancel.description.replace("<_this_>",n).replace("<_bill_>",x).replace("<_it_>",h).replace("<_payment_>",y)}:{title:F.popUps.cancel.title.replace("__report__",F.reports),description:F.popUps.cancel.description.replace("<_this_>",n).replace("__report__",f).replace("<_it_>",h).replace("<_payment_>",y)}:e==="reimbursement"?{title:F.popUps.cancel.title.replace("__report__",F.report),description:F.popUps.cancel.description.replace("<_this_>",d).replace("__report__",u).replace("<_it_>",m).replace("<_payment_>",a)}:{title:W.popUps.cancel.title.replace("<_bill_>",W.bill),description:W.popUps.cancel.description.replace("<_this_>",d).replace("<_bill_>",w).replace("<_it_>",m).replace("<_payment_>",a)}},rl=(e,l,d,n)=>{const{this_:a,these:y,payment:x,payments:w,bills:f,bill:u,report:h,reports:m,they:s,it:r}=T.common.texts,b=l>1;let $=E;$=e==="bill_pay"?W.popUps.delete.title.replace("<_bill_>",b?W.bills:W.bill):F.popUps.delete.title.replace("__report__",b?F.reports:F.report);let p=E;return p=d==="draft"?e==="bill_pay"?W.popUps.delete.descriptionDraft.replace("<_this_>",b?y:a).replace("<_bill_>",b?f:u):F.popUps.delete.descriptionDraft.replace("<_this_>",b?y:a).replace("__report__",b?m:h):n?W.popUps.delete.descriptionRecurring.replace("<_payment_>",b?x:w):e==="bill_pay"?W.popUps.delete.descriptionOther.replace("<_this_>",b?y:a).replace("<_bill_>",b?f:u).replace("<_it_>",b?s:r).replace("<_payment_>",b?w:x):F.popUps.delete.descriptionOther.replace("<_this_>",b?y:a).replace("__report__",b?m:h).replace("<_it_>",b?s:r).replace("<_payment_>",b?w:x),{title:$,description:p}},sl=(e,l)=>{const d=e.bulkSelectInfo?.bulkSelectExceptionInfo;return l.length===0?d==null||d!=="bookCloseDateProcessing"&&d!=="noActionRecurring"?"checked_or_hover":"hover_only":"checked_or_hover"},ut=e=>ze(e.bulkProcessingDetail?.type)?"info":"alert",al=o.div`
+  display: block;
+  height: 100%;
+`,dl=o.form`
+  height: 100%;
+`,cl=o.div`
+  height: calc(100% - 120px);
+  margin: auto;
+`,pl=o.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,ml=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;
+`,ul=o(Yt)`
+  height: ${i.sp5};
+  width: ${i.sp5};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,hl=o(ei)`
+  margin-top: ${i.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,gl=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=>Uo.lastListItemHeight.valuePx(e.windowSize)} !important;
+    padding-bottom: ${i.sp9};
+  }
+`,yl=o.div`
+  top: ${i.sp0};
+  left: ${i.sp0};
+  padding-bottom: ${i.sp3};
+  box-sizing: border-box;
+`,bl=o.div`
+  position: relative;
+  width: auto;
+  height: 100%;
+`,xl=o.div``,Dt=o.div`
+  position: relative;
+  width: 100%;
+`,wl=o.div`
+  display: flex;
+  justify-content: flex-end;
+`,fl=o.div`
+  margin-right: ${i.sp8};
+  cursor: ${e=>e.isLoading?"initial":"pointer"};
+  color: ${e=>e.windowSize==="small"?J.important:e.theme.colors.grey1};
+`,$l=o(oi)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  cursor: pointer;
+  color: inherit;
+  &:hover {
+    color: ${J.important};
+  }
+`,vl=o.div`
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  gap: ${i.sp2};
+  margin-left: ${i.sp8};
+`,Sl=o(V)`
+  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;
+`,kl=o(N)`
+  color: ${e=>e.theme.colors.primary};
+`,Tl=o(ne)`
+  color: ${J.important};
+`;export{Rl as default};