@zeniai/web-app-ui 4.14.35-qa → 4.14.36-dev

package/dist/assets/SpendManagementPerTabPage-COvEPq7V-9dexPOGi.js

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