@zeniai/web-components 3.16.62 → 3.16.64

package/dist/SpendManagementPerTabPage-eqqf8wuJ.cjs

@@ -0,0 +1,754 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-CT-Z_-kn.cjs"),R=require("react"),i=require("@emotion/styled"),W=require("@zeniai/client-epic-state"),t=require("./index-BmvWQcNz.cjs"),ot=require("./BusyIndication-BLk0YI7a.cjs"),Ie=require("./StatusSwitcher-BLWokA_t.cjs"),q=require("./common-CEShOUJ5.cjs"),G=require("@emotion/react"),Fe=require("./useLongPress-CfU5Fhb6.cjs"),ie=t.appLocale.getLocalizedStrings().spendManagement.billPay.billsByTabs.header,be={key:"name",value:ie.name,sortOrder:"ascending",width:new t.ResponsiveSized(t.sp[5],t.sp[5])},Se={key:"invoiceDate",value:ie.invoiceDate,sortOrder:"ascending",width:new t.ResponsiveSized(20,20)},it={key:"dueDate",value:ie.dueDate,sortOrder:"ascending",width:new t.ResponsiveSized(20,20)},_e={key:"dueDate",value:ie.paymentDate,sortOrder:"ascending",width:new t.ResponsiveSized(20,20)},Le={key:"status",value:ie.status,sortOrder:"ascending",width:new t.ResponsiveSized(18,18)},nt={key:"paymentMethod",value:ie.paymentMethod,sortOrder:"ascending",width:new t.ResponsiveSized(18,18)},$e={key:"amount",value:ie.amount,sortOrder:"ascending",width:new t.ResponsiveSized(10,10)},ae=[be,Se,it,Le,$e],st=[be,Se,_e,Le,$e],rt=[be,Se,_e,Le,$e],lt=[be,Se,_e,nt,$e],le={headerLastColumnTopPadding:new t.ResponsiveSized(t.sp[0],t.sp[4]),headerLastColumnRightPadding:new t.ResponsiveSized(t.sp[3],t.sp[11]),headerLastColumnBottomPadding:new t.ResponsiveSized(t.sp[0],t.sp[4]),headerLastColumnLeftPadding:new t.ResponsiveSized(t.sp[0],t.sp[4]),containerMarginLeft:new t.ResponsiveSized(t.sp[0],t.sp[8]),containerMarginRight:new t.ResponsiveSized(t.sp[0],t.sp[8]),headerHeight:new t.ResponsiveSized(q.HEADER_HEIGHT_MOBILE,q.HEADER_HEIGHT)};function at({companyNameSticky:e,currentTab:n,onColumnSortConfigChanged:c,sortConfig:s}){const a=o.useTheme(),u=t.useWindowSizeContext(),[g,h]=R.useState(bt(n));R.useEffect(()=>{const d=[...g];for(const r of d)r.key===s.sortKey?r.sortOrder=s.sortOrder:r.sortOrder="ascending";h(d)},[s.sortKey,s.sortOrder]);const b=(d,r)=>{let w=r;s.sortKey===d&&(w=r==="ascending"?"descending":"ascending"),c?.(d,w)},m=g.find(d=>d.key===s.sortKey)??g[0],x=d=>g.find(r=>r.key===d)?.value??"",p=g.map(d=>d.key),y=t.appLocale.getLocalizedStrings().spendManagement.billPay.billsByTabs;return u==="small"?o.jsxRuntimeExports.jsxs(Ne,{windowSize:u,companyNameSticky:!1,children:[o.jsxRuntimeExports.jsxs(mt,{children:[o.jsxRuntimeExports.jsx(xt,{children:o.jsxRuntimeExports.jsx(ut,{})}),o.jsxRuntimeExports.jsx(t.Picker$1,{title:y.sortBy,placeholder:y.sortBy,pickerValues:p,valueToLabel:x,selectedValue:s.sortKey,onPickerSelectionChanged:d=>{b(d,"ascending")},optionTextStyle:t.textStyles.smallRegular,titleTextStyle:t.textStyles.smallRegular,titleColor:a.colors.primary,selectedOptionColor:a.colors.hero,optionBackgroundColor:a.colors.grey5,downChevronVisible:!1,backgroundColor:a.colors.background})]}),o.jsxRuntimeExports.jsxs(yt,{onClick:()=>b(m.key,m.sortOrder),"data-testid":t.generateDataTestId("bill-pay-list-header-mobile",s.sortKey),children:[o.jsxRuntimeExports.jsx(t.SmallRegular,{children:m.value}),o.jsxRuntimeExports.jsx(Me,{sortDataValue:s.sortKey,headerdata:m,children:o.jsxRuntimeExports.jsx(He,{})})]})]}):o.jsxRuntimeExports.jsx(Ne,{companyNameSticky:e,windowSize:u,children:g.map(d=>o.jsxRuntimeExports.jsxs(ct,{companyNameSticky:e&&d.key==="name",sortDataValue:s.sortKey,actualDataValue:d.key,wrapperWidth:d.width,windowSize:u,children:[o.jsxRuntimeExports.jsxs(ht,{onClick:()=>b(d.key,d.sortOrder),"data-testid":t.generateDataTestId("bill-pay-list-header",s.sortKey),children:[o.jsxRuntimeExports.jsx(t.SmallRegular,{children:d.value}),o.jsxRuntimeExports.jsx(Me,{sortDataValue:s.sortKey,headerdata:d,children:o.jsxRuntimeExports.jsx(He,{})})]}),o.jsxRuntimeExports.jsx(gt,{sortDataValue:s.sortKey,windowSize:u,isVisible:s.sortKey===d.key&&d.key!=="dueDate",children:o.jsxRuntimeExports.jsx(pt,{onClick:()=>b("dueDate","ascending"),"data-testid":t.generateDataTestId("bill-pay-list-header-sort-close",s.sortKey)})})]},d.key))})}const dt=R.memo(at),Ne=i(t.SmallRegular)`
+  width: 100%;
+  top: ${t.Space.sp0};
+  left: ${t.Space.sp0};
+  min-height: ${e=>le.headerHeight.valuePx(e.windowSize)};
+  max-height: ${e=>le.headerHeight.valuePx(e.windowSize)};
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${e=>`${le.headerLastColumnTopPadding.valuePx(e.windowSize)} ${le.headerLastColumnRightPadding.valuePx(e.windowSize)} ${le.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${le.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
+  background-color: ${e=>e.theme.colors.grey4};
+  justify-content: ${e=>e.windowSize==="small"?"space-between":"unset"};
+  position: sticky;
+`,ct=i.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?t.Space.sp4:t.Space.sp0};
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  left: ${t.Space.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: ${t.Space.sp4};flex: 1 1 auto`:`padding-left: ${t.Space.sp0};`};
+  box-sizing: border-box;
+`,pt=i(t.SvgCloseRound)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+`,Me=i.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"}
+`,He=i(t.SvgArrowTailTop)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: inherit;
+`,mt=i.div`
+  gap: ${t.Space.sp1};
+  display: flex;
+`,ut=i(t.SvgSortBy)`
+  width: 12px;
+  height: 12px;
+  color: inherit;
+`,xt=i.div`
+  margin-right: ${t.Space.sp1};
+  display: flex;
+  align-items: center;
+`,gt=i.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  align-items: center;
+  padding-top: 2px;
+`,ht=i.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,yt=i.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,bt=e=>{switch(e){case"draft":return o.cloneDeep(ae);case"pending_approval":return o.cloneDeep(st);case"scheduled":return o.cloneDeep(rt);case"paid":return o.cloneDeep(lt)}},de={containerPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[4]),containerPaddingRight:new t.ResponsiveSized(t.sp[3],t.sp[4]),containerPaddingTop:new t.ResponsiveSized(t.sp[2],12),containerPaddingBottom:new t.ResponsiveSized(t.sp[2],12),containerMarginLeft:new t.ResponsiveSized(t.sp[4],t.sp[8]),containerMarginRight:new t.ResponsiveSized(t.sp[4],t.sp[8]),webkitLineClamp:new t.ResponsiveSized(2,1,1,1,1)},{spendManagement:{billPay:{billDetails:Z}},common:{strings:{empty:Ee,space:pe}}}=t.appLocale.getLocalizedStrings(),St=({transactionDetail:e,tagStatus:n,reportTitleAdditionalInfo:c,isSelected:s,isBillPayCommentingEnabled:a,isProcessing:u,lowBalanceAlert:g,approvers:h,deletionAdditionalInfo:b,paidAdditionalInfo:m,showLowBalanceTooltip:x,onTransactionRowClick:p})=>{const y=t.useWindowSizeContext(),d=t.useGlobalInfoContext(),r=t.useComponentConnectContext(),l=t.useToolkitContext().analytics,S=`dashboard_${d.currentTenant?.companyId}`,{threads:T,isLoading:P}=t.useFilteredThreads({application:"dashboard",companyId:d.currentTenant?.companyId,tab:"bill",entityId:e.id,isGlobalComment:!1},"both",!1),C=R.useMemo(()=>T.filter(L=>L.resolved===!1),[T]),$=L=>{L.stopPropagation(),r?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:S,companyId:d.currentTenant?.companyId??Ee,companyName:d.currentTenant?.companyName??Ee,entityType:"bill.details",entityId:e.id}),l.trackCommentActivity("bill","clicked",d.currentTenant?.companyName??Ee,d.controllersList.controllers.map(z=>t.getFullName(z)),void 0,void 0,"comment on field")},_=R.useCallback(()=>{p(e.id)},[e.id]),k=W.isAwaitingMarkAsPaid(e.billPayInfo.billPaymentStatus.code)?t.getCreatorUserName(e.createdByUser):t.getApproversNames(h),A=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:Z.newBillTitle,v=()=>`${Z.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`;return o.jsxRuntimeExports.jsxs($t,{windowSize:y,statusCode:n?.code??"",isSelected:s,isProcessing:u,children:[o.jsxRuntimeExports.jsx(wt,{onClick:_,"data-testid":t.generateDataTestId("bill-pay-transaction-row",e.id),children:o.jsxRuntimeExports.jsxs(vt,{children:[o.jsxRuntimeExports.jsxs(ft,{windowSize:y,responsiveWidth:ae[0].width,children:[o.jsxRuntimeExports.jsxs(Rt,{children:[o.jsxRuntimeExports.jsx(jt,{windowSize:y,children:A}),e.isRecurring?o.jsxRuntimeExports.jsx(t.Tooltip,{title:v(),placement:"right",style:{padding:`2px ${t.Space.sp2}`},children:o.jsxRuntimeExports.jsx(It,{isProcessing:u,children:o.jsxRuntimeExports.jsx(_t,{})})}):null]}),o.jsxRuntimeExports.jsx(Tt,{children:`${c[0].label} ${c[0].value}`})]}),o.jsxRuntimeExports.jsx(We,{windowSize:y,responsiveWidth:ae[1].width,children:c[1].value}),o.jsxRuntimeExports.jsx(We,{windowSize:y,responsiveWidth:ae[2].width,children:c[2].value}),o.jsxRuntimeExports.jsxs(zt,{windowSize:y,responsiveWidth:ae[3].width,children:[o.jsxRuntimeExports.jsxs(kt,{children:[n!==void 0?o.jsxRuntimeExports.jsx(Et,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??Z.hyphenText}):o.jsxRuntimeExports.jsx(Pt,{children:Z.hyphenText}),x===!0&&g!=null&&g.length>0?o.jsxRuntimeExports.jsx(t.Tooltip,{title:g,placement:"bottom",display:"flex",style:{padding:`12px ${t.Space.sp3}`},position:"relative",maxWidth:"311px",children:o.jsxRuntimeExports.jsx(Lt,{})}):null]}),h!==void 0&&k.length>0?k.length>1?o.jsxRuntimeExports.jsx(t.Tooltip,{style:{padding:"2px 5px"},title:`${Z.byText}${pe}${k.join(`${pe}${Z.orText}${pe}`)}`,placement:"bottom-start",children:o.jsxRuntimeExports.jsx(ge,{children:`${Z.byText}${pe}${k[0]}${Z.dots}`})}):o.jsxRuntimeExports.jsx(ge,{children:`${Z.byText}${pe}${k[0]}`}):null,b!=null?o.jsxRuntimeExports.jsx(ge,{children:b}):null,m!=null?o.jsxRuntimeExports.jsx(ge,{children:m}):null]}),o.jsxRuntimeExports.jsx(Ct,{windowSize:y,responsiveWidth:ae[4].width,children:t.amountToString("0,0[.]00",e.totalAmountInUSD)})]})}),a&&C.length>0?o.jsxRuntimeExports.jsx(t.ActiveThreadCount,{isLoading:P,count:C.length,style:{position:"absolute",float:"right",right:"44px",top:t.Space.sp1},openThread:$}):null]})},$t=i.div`
+  display: flex;
+  margin-bottom: ${t.Space.sp3};
+  background-color: ${e=>e.isProcessing?"transparent":e.theme.colors.grey5};
+  padding-left: ${e=>de.containerPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>de.containerPaddingRight.valuePx(e.windowSize)};
+  padding-top: ${e=>de.containerPaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>de.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"?`${t.Colors.dropShadowNormalDark} ${t.Space.sp0} 2px ${t.Space.sp1}`:`${t.Space.sp0} 2px ${t.Space.sp1} ${t.Colors.dropShadowNormalLight}`};
+  border-radius: ${t.Space.sp2};
+  cursor: ${e=>e.isProcessing?"initial":"pointer"};
+
+  ${e=>e.isProcessing?G.css`
+          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.css`
+            color: ${e.theme.colors.primary};
+            border-color: ${e.theme.colors.primary};
+            div {
+              :not(.statusTag) {
+                color: ${e.theme.colors.primary};
+              }
+            }
+            .statusTag {
+              color: ${t.billRemiStatusesHavingGreyColor.includes(e.statusCode)?e.theme.colors.primary:void 0};
+              border-color: ${t.billRemiStatusesHavingGreyColor.includes(e.statusCode)?e.theme.colors.primary:void 0};
+            }
+          `:G.css`
+            &:hover {
+              color: ${e.theme.colors.primary};
+              border-color: ${e.theme.colors.primary};
+              div {
+                :not(.statusTag) {
+                  color: ${e.theme.colors.primary};
+                }
+              }
+              .statusTag {
+                color: ${t.billRemiStatusesHavingGreyColor.includes(e.statusCode)?e.theme.colors.primary:void 0};
+                border-color: ${t.billRemiStatusesHavingGreyColor.includes(e.statusCode)?e.theme.colors.primary:void 0};
+              }
+            }
+          `}
+  margin-right: ${e=>de.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${t.Space.sp0};
+  box-sizing: border-box;
+  align-items: center;
+`,wt=i.div`
+  display: block;
+  width: 100%;
+`,vt=i.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  height: 42px;
+`,ft=i.div`
+  display: flex;
+  flex-direction: column;
+  column-gap: 12px;
+  align-items: flex-start;
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+`,Rt=i.div`
+  display: flex;
+  flex-direction: row;
+  gap: ${t.Space.sp1};
+  align-items: center;
+  margin-right: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,jt=i(t.StandardRegular)`
+  flex-grow: 1;
+  word-break: break-word;
+  display: -webkit-box;
+  -webkit-line-clamp: ${e=>de.webkitLineClamp.value(e.windowSize)};
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: ${e=>e.windowSize==="small"?"200px":"initial"};
+`,Ct=i(t.StandardRegular)`
+  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)};
+`,Tt=i.div`
+  color: ${e=>e.theme.colors.grey1};
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 90%;
+  white-space: nowrap;
+`,Et=i(t.ExtraSmallRegular)`
+  display: flex;
+  color: ${e=>e.color};
+  height: 20px;
+  align-items: center;
+  justify-content: flex-end;
+  padding: ${t.Space.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: ${t.Space.sp1};
+`,Pt=i(t.StandardRegular)``,We=i(t.StandardRegular)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+`,kt=i.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: ${t.Space.sp2};
+`,zt=i.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;
+`,ge=i(t.ExtraSmallRegular)`
+  position: relative;
+  top: 1px;
+  color: ${e=>e.theme.colors.grey1};
+`,It=i.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.isProcessing?e.theme.colors.grey2:e.theme.colors.primary};
+`,_t=i(t.SvgRecurringCycle)`
+  width: 12px;
+  height: 12px;
+  color: inherit;
+`,Lt=i(t.SvgHighImportance)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Y={containerPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[4]),containerPaddingRight:new t.ResponsiveSized(t.sp[3],t.sp[4]),containerPaddingTop:new t.ResponsiveSized(t.sp[2],t.sp[3]),containerPaddingBottom:new t.ResponsiveSized(t.sp[2],t.sp[3]),containerMarginLeft:new t.ResponsiveSized(t.sp[3],t.sp[8]),containerMarginRight:new t.ResponsiveSized(t.sp[3],t.sp[8]),webkitLineClamp:new t.ResponsiveSized(2,2,1,1,1)},{spendManagement:{billPay:{billDetails:J}},common:{strings:{empty:Pe,space:me}}}=t.appLocale.getLocalizedStrings(),Bt=({transactionDetail:e,tagStatus:n,isProcessing:c,isSelected:s,isBillPayCommentingEnabled:a,bulkSelectFormId:u,isBulkSelectionLimitReached:g,isSelectionMode:h,reportTitleAdditionalInfo:b,lowBalanceAlert:m,approvers:x,deletionAdditionalInfo:p,paidAdditionalInfo:y,showLowBalanceTooltip:d,onTransactionRowClick:r})=>{const w=t.useWindowSizeContext(),l=t.useGlobalInfoContext(),S=t.useComponentConnectContext(),P=t.useToolkitContext().analytics,C=`dashboard_${l.currentTenant?.companyId}`,{threads:$,isLoading:_}=t.useFilteredThreads({application:"dashboard",companyId:l.currentTenant?.companyId,tab:"bill",entityId:e.id,isGlobalComment:!1},"both",!1),k=R.useMemo(()=>$.filter(D=>D.resolved===!1),[$]),A=D=>{D.stopPropagation(),S?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:C,companyId:l.currentTenant?.companyId??Pe,companyName:l.currentTenant?.companyName??Pe,entityType:"bill.details",entityId:e.id}),P.trackCommentActivity("bill","clicked",l.currentTenant?.companyName??Pe,l.controllersList.controllers.map(Ce=>t.getFullName(Ce)),void 0,void 0,"comment on field")},{getValues:v,setValue:L}=o.useFormContext(),z=W.isAwaitingMarkAsPaid(e.billPayInfo.billPaymentStatus.code)?t.getCreatorUserName(e.createdByUser):t.getApproversNames(x),K=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:J.newBillTitle,X=()=>`${J.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`,xe=v(u),ne=R.useCallback(()=>{!g&&e.bulkSelectInfo?.isSelectableForBulkAction&&!s&&L(u,[...xe,e.id])},[u,g,s,L,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,xe]),se=R.useCallback(()=>{ne()},[ne]),je=R.useCallback(D=>{D.stopPropagation(),D.cancelable&&D.preventDefault(),h?ne():r(e.id)},[ne,h,r,e.id]),re={shouldPreventDefault:!1,delay:1e3},O=Fe.useLongPress({onLongPress:se},re);return o.jsxRuntimeExports.jsxs(Nt,{windowSize:w,statusCode:n?.code??"",isSelected:s,isProcessing:c,children:[o.jsxRuntimeExports.jsx(Mt,{onClick:je,...O,"data-testid":t.generateDataTestId("bill-pay-trxn-row-small",e.id),children:o.jsxRuntimeExports.jsxs(Ht,{children:[o.jsxRuntimeExports.jsxs(Kt,{children:[o.jsxRuntimeExports.jsxs(Wt,{children:[o.jsxRuntimeExports.jsxs(Ot,{children:[o.jsxRuntimeExports.jsx(Dt,{windowSize:w,children:K}),e.isRecurring?o.jsxRuntimeExports.jsx(t.Tooltip,{title:X(),placement:"right",style:{padding:`2px ${t.Space.sp2}`},children:o.jsxRuntimeExports.jsx(Ft,{isProcessing:c,children:o.jsxRuntimeExports.jsx(Zt,{})})}):null]}),o.jsxRuntimeExports.jsx(At,{children:`${b[0].label} ${b[0].value}`})]}),o.jsxRuntimeExports.jsx(Oe,{children:`${b[1].label} ${b[1].value}`}),o.jsxRuntimeExports.jsx(Oe,{children:`${b[2].label} ${b[2].value}`})]}),o.jsxRuntimeExports.jsxs(qt,{children:[o.jsxRuntimeExports.jsx(Vt,{children:t.amountToString("0,0[.]00",e.totalAmountInUSD)}),o.jsxRuntimeExports.jsxs(Gt,{hasAlertIcon:m!=null,children:[o.jsxRuntimeExports.jsxs(Jt,{children:[n!==void 0?o.jsxRuntimeExports.jsx(Ut,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??J.hyphenText}):o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:J.hyphenText}),d===!0&&m!=null&&m.length>0?o.jsxRuntimeExports.jsx(Xt,{onClick:D=>D.stopPropagation(),children:o.jsxRuntimeExports.jsx(t.Tooltip,{title:m,placement:"bottom",display:"flex",style:{padding:`12px ${t.Space.sp3}`},position:"relative",maxWidth:"311px",enterDelay:600,children:o.jsxRuntimeExports.jsx(Qt,{})})}):null]}),x!==void 0&&z.length>0?z.length>1?o.jsxRuntimeExports.jsx(t.Tooltip,{title:`${J.byText}${me}${z.join(`${me}${J.orText}${me}`)}`,placement:"bottom-start",children:o.jsxRuntimeExports.jsx(he,{children:`${J.byText}${me}${z[0]}${J.dots}`})}):o.jsxRuntimeExports.jsx(he,{children:`${J.byText}${me}${z[0]}`}):null,p!=null?o.jsxRuntimeExports.jsx(he,{children:p}):null,y!=null?o.jsxRuntimeExports.jsx(he,{children:y}):null]})]})]})}),a&&k.length>0?o.jsxRuntimeExports.jsx(t.ActiveThreadCount,{isLoading:_,count:k.length,style:{position:"absolute",float:"right",right:"6px",top:t.Space.sp1},openThread:A}):null]})},Nt=i.div`
+  display: flex;
+  margin-bottom: ${t.Space.sp3};
+  background-color: ${e=>e.isProcessing?"transparent":e.theme.colors.grey5};
+  padding-left: ${e=>Y.containerPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>Y.containerPaddingRight.valuePx(e.windowSize)};
+  padding-top: ${e=>Y.containerPaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>Y.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"?`${t.Colors.dropShadowNormalDark} ${t.Space.sp0} 2px ${t.Space.sp1}`:`${t.Space.sp0} 2px ${t.Space.sp1} ${t.Colors.dropShadowNormalLight}`};
+  border-radius: ${t.Space.sp2};
+  cursor: ${e=>e.isProcessing?"initial":"pointer"};
+  ${e=>e.isProcessing?G.css`
+          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.css`
+            color: ${e.theme.colors.primary};
+            border-color: ${e.theme.colors.primary};
+            div {
+              :not(.statusTag) {
+                color: ${e.theme.colors.primary};
+              }
+            }
+            .statusTag {
+              color: ${t.billRemiStatusesHavingGreyColor.includes(e.statusCode)?e.theme.colors.primary:void 0};
+              border-color: ${t.billRemiStatusesHavingGreyColor.includes(e.statusCode)?e.theme.colors.primary:void 0};
+            }
+          `:G.css`
+            &:hover {
+              color: ${e.theme.colors.primary};
+              border-color: ${e.theme.colors.primary};
+              div {
+                :not(.statusTag) {
+                  color: ${e.theme.colors.primary};
+                }
+              }
+              .statusTag {
+                color: ${t.billRemiStatusesHavingGreyColor.includes(e.statusCode)?e.theme.colors.primary:void 0};
+                border-color: ${t.billRemiStatusesHavingGreyColor.includes(e.statusCode)?e.theme.colors.primary:void 0};
+              }
+            }
+          `}
+  margin-right: ${e=>Y.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${e=>Y.containerMarginLeft.valuePx(e.windowSize)};
+`,Mt=i.div`
+  display: block;
+  width: 100%;
+`,Ht=i.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+`,Wt=i.div`
+  display: flex;
+  flex-direction: column;
+  column-gap: 12px;
+  align-items: flex-start;
+`,Ot=i.div`
+  display: flex;
+  flex-direction: row;
+  gap: ${t.Space.sp1};
+  align-items: center;
+  margin-right: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Dt=i(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+  flex-grow: 1;
+  word-break: break-word;
+  display: -webkit-box;
+  -webkit-line-clamp: ${e=>Y.webkitLineClamp.value(e.windowSize)};
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: ${e=>e.windowSize==="small"?`${q.ITEM_NAME_WIDTH_COMPACT}px`:"initial"};
+`,Vt=i(t.StandardRegular)`
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+  justify-content: flex-end;
+`,At=i(t.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.grey1};
+`,Ut=i(t.ExtraSmallRegular)`
+  color: ${e=>e.color};
+  height: 20px;
+  align-items: center;
+  justify-content: flex-end;
+  padding: ${t.Space.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: ${t.Space.sp1};
+`,Oe=i(t.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.grey1};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+`,Gt=i.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;
+`,he=i(t.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.grey1};
+`,Kt=i.div`
+  display: flex;
+  flex-direction: column;
+`,qt=i.div`
+  display: flex;
+  flex-direction: column;
+`,Ft=i.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.isProcessing?e.theme.colors.grey2:e.theme.colors.primary};
+`,Zt=i(t.SvgRecurringCycle)`
+  width: 12px;
+  height: 12px;
+  color: inherit;
+`,Jt=i.div`
+  display: flex;
+  flex-direction: row;
+  gap: ${t.Space.sp2};
+`,Qt=i(t.SvgHighImportance)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Xt=i.div``,Q=t.appLocale.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs.header,we={key:"reportName",value:Q.name,sortOrder:"ascending",width:new t.ResponsiveSized(30,30)},ve={key:"type",value:Q.type,sortOrder:"ascending",width:new t.ResponsiveSized(20,20)},fe={key:"status",value:Q.status,sortOrder:"ascending",width:new t.ResponsiveSized(20,20)},Re={key:"amount",value:Q.amount,sortOrder:"ascending",width:new t.ResponsiveSized(10,10)},ee=[we,{key:"submittedOn",value:Q.created,sortOrder:"ascending",width:new t.ResponsiveSized(20,20)},ve,fe,Re],Yt=[we,{key:"submittedOn",value:Q.submitted,sortOrder:"ascending",width:new t.ResponsiveSized(20,20)},ve,fe,Re],eo=[we,{key:"submittedOn",value:Q.paymentDate,sortOrder:"ascending",width:new t.ResponsiveSized(20,20)},ve,fe,Re],to=[we,{key:"submittedOn",value:Q.paidOn,sortOrder:"ascending",width:new t.ResponsiveSized(20,20)},ve,fe,Re],Ze={draft:ee,pending_approval:Yt,scheduled:eo,paid:to},ye={headerLastColumnTopPadding:new t.ResponsiveSized(t.sp[0],t.sp[4]),headerLastColumnRightPadding:new t.ResponsiveSized(t.sp[3],t.sp[11]),headerLastColumnBottomPadding:new t.ResponsiveSized(t.sp[0],t.sp[4]),headerLastColumnLeftPadding:new t.ResponsiveSized(t.sp[3],t.sp[4]),containerMarginLeft:new t.ResponsiveSized(t.sp[0],t.sp[8]),containerMarginRight:new t.ResponsiveSized(t.sp[0],t.sp[8])};function oo({companyNameSticky:e,currentTab:n,onColumnSortConfigChanged:c,sortConfig:s,analytics:a}){const u=t.useWindowSizeContext(),g=o.useTheme(),[h,b]=R.useState(o.cloneDeep(Ze[n]));R.useEffect(()=>{const r=[...h];for(const w of r)w.key===s.sortKey?w.sortOrder=s.sortOrder:w.sortOrder="ascending";b(r)},[s.sortKey,s.sortOrder]);const m=(r,w)=>{let l=w;s.sortKey===r&&(l=w==="ascending"?"descending":"ascending"),a?.trackReimbursementListSort(r,l),c?.(r,l)},x=h.find(r=>r.key===s.sortKey)??h[0],p=r=>h.find(w=>w.key===r)?.value??"",y=h.map(r=>r.key),d=t.appLocale.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs;return u==="small"?o.jsxRuntimeExports.jsxs(De,{height:q.HEADER_HEIGHT_MOBILE,windowSize:u,children:[o.jsxRuntimeExports.jsx(so,{children:o.jsxRuntimeExports.jsx(ro,{})}),o.jsxRuntimeExports.jsx(t.Picker$1,{title:d.sortBy,placeholder:d.sortBy,pickerValues:y,valueToLabel:p,selectedValue:s.sortKey,onPickerSelectionChanged:r=>{m(r,"ascending")},optionTextStyle:t.textStyles.smallRegular,titleTextStyle:t.textStyles.smallRegular,titleColor:g.colors.primary,selectedOptionColor:g.colors.hero,optionBackgroundColor:"inherit",downChevronVisible:!1}),o.jsxRuntimeExports.jsxs(po,{onClick:()=>m(x.key,x.sortOrder),"data-testid":t.generateDataTestId("remi-list-header-small",s.sortKey),children:[o.jsxRuntimeExports.jsx(t.SmallRegular,{children:x.value}),o.jsxRuntimeExports.jsx(Ve,{sortDataValue:s.sortKey,headerdata:x,children:o.jsxRuntimeExports.jsx(Ae,{})})]})]}):o.jsxRuntimeExports.jsx(De,{height:q.HEADER_HEIGHT,windowSize:u,children:h.map(r=>o.jsxRuntimeExports.jsxs(no,{companyNameSticky:e,sortDataValue:s.sortKey,actualDataValue:r.key,wrapperWidth:r.width,windowSize:u,children:[o.jsxRuntimeExports.jsxs(co,{onClick:()=>m(r.key,r.sortOrder),"data-testid":t.generateDataTestId("remi-list-header",s.sortKey),children:[o.jsxRuntimeExports.jsx(t.SmallRegular,{children:r.value}),o.jsxRuntimeExports.jsx(Ve,{sortDataValue:s.sortKey,headerdata:r,children:o.jsxRuntimeExports.jsx(Ae,{})})]}),o.jsxRuntimeExports.jsx(ao,{sortDataValue:s.sortKey,windowSize:u,isVisible:s.sortKey===r.key&&r.key!=="submittedOn",children:o.jsxRuntimeExports.jsx(lo,{onClick:()=>m("submittedOn","ascending"),"data-testid":t.generateDataTestId("remi-list-close-sort",s.sortKey)})})]},r.key))})}const io=R.memo(oo),De=i(t.SmallRegular)`
+  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=>`${ye.headerLastColumnTopPadding.valuePx(e.windowSize)} ${ye.headerLastColumnRightPadding.valuePx(e.windowSize)} ${ye.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${ye.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
+  background-color: ${e=>e.theme.colors.grey4};
+  position: sticky;
+`,no=i.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?t.Space.sp4:t.Space.sp0};
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  left: ${t.Space.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: ${t.Space.sp4};flex: 1 1 auto`:`padding-left: ${t.Space.sp0};`};
+  box-sizing: border-box;
+`,so=i.div`
+  margin-right: ${t.Space.sp1};
+  display: flex;
+  align-items: center;
+`,ro=i(t.SvgSortBy)`
+  width: 12px;
+  height: 12px;
+  color: inherit;
+`,lo=i(t.SvgCloseRound)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+`,Ve=i.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"}
+`,Ae=i(t.SvgArrowTailTop)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: inherit;
+`,ao=i.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  align-items: center;
+  padding-top: 2px;
+`,co=i.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,po=i.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+  margin-left: auto;
+`,ue={containerPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[4]),containerPaddingRight:new t.ResponsiveSized(t.sp[3],t.sp[4]),containerPaddingTop:new t.ResponsiveSized(t.sp[2],12),containerPaddingBottom:new t.ResponsiveSized(t.sp[2],12),containerMarginLeft:new t.ResponsiveSized(t.sp[4],t.sp[8]),containerMarginRight:new t.ResponsiveSized(t.sp[4],t.sp[8])},U=t.appLocale.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,mo=({reimbursementDetail:e,tagStatus:n,isProcessing:c,isSelected:s,reportTitleAdditionalInfo:a,date:u,approvers:g,deletionAdditionalInfo:h,isReimbursementCommentingEnabled:b,onTransactionRowClick:m})=>{const x=t.useWindowSizeContext(),p=t.useGlobalInfoContext(),y=R.useRef(null),[d,r]=R.useState(0);R.useLayoutEffect(()=>{y.current&&r(y.current.offsetWidth*q.REPORT_NAME_WIDTH_FACTOR)},[x]);const l=t.useToolkitContext().analytics,S=t.useComponentConnectContext(),T=`dashboard_${p.currentTenant?.companyId}`,P=()=>{m(e.id)},C=e.reimbursementTypesIncluded,$=t.getApproversNames(g),_=t.appLocale.getLocalizedStrings().common.strings.empty,{threads:k,isLoading:A}=t.useFilteredThreads({application:"dashboard",companyId:p.currentTenant?.companyId,tab:"reimbursement",entityId:e.id,isGlobalComment:!1},"both",!1),v=R.useMemo(()=>k.filter(z=>z.resolved===!1),[k]),L=z=>{z.stopPropagation(),S?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:T,companyId:p.currentTenant?.companyId??_,companyName:p.currentTenant?.companyName??_,entityType:"reimbursement.details",entityId:e.id??_}),l.trackCommentActivity("reimbursement","clicked",p.currentTenant?.companyName??_,p.controllersList.controllers.map(K=>t.getFullName(K)),void 0,void 0,"comment on field")};return o.jsxRuntimeExports.jsxs(uo,{windowSize:x,onClick:P,isProcessing:c,isSelected:s,statusCode:n?.code??_,"data-testid":t.generateDataTestId("remi-row-click",e.id),children:[o.jsxRuntimeExports.jsx(xo,{children:o.jsxRuntimeExports.jsxs(go,{children:[o.jsxRuntimeExports.jsxs(ho,{windowSize:x,responsiveWidth:ee[0].width,ref:y,children:[o.jsxRuntimeExports.jsx(yo,{windowSize:x,reportNameWidth:d,children:e.reportTitle??U.newReimbursementTitle}),a!=null&&o.jsxRuntimeExports.jsx(bo,{children:`${U.byText} ${a?.firstName} ${a?.lastName}`})]}),o.jsxRuntimeExports.jsx($o,{windowSize:x,responsiveWidth:ee[1].width,children:u}),C.length>1?o.jsxRuntimeExports.jsx(Ue,{windowSize:x,responsiveWidth:ee[2].width,children:o.jsxRuntimeExports.jsx(t.Tooltip,{title:U.reimbursementType.both,placement:"bottom-start",display:"flex",children:U.reimbursementType.titleForBoth})}):o.jsxRuntimeExports.jsx(Ue,{windowSize:x,responsiveWidth:ee[2].width,children:U.reimbursementType[C[0]]}),o.jsxRuntimeExports.jsxs(vo,{windowSize:x,responsiveWidth:ee[3].width,children:[n!==void 0?o.jsxRuntimeExports.jsx(fo,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??U.hyphenText}):o.jsxRuntimeExports.jsx(wo,{children:U.hyphenText}),g!==void 0&&$.length>0?$.length>1?o.jsxRuntimeExports.jsx(t.Tooltip,{title:`${U.byText} `+$.join(` ${U.orText} `),placement:"bottom-start",children:o.jsxRuntimeExports.jsx(ke,{children:`${U.byText} `+$[0]+`${U.dots}`})}):o.jsxRuntimeExports.jsx(ke,{children:`${U.byText} `+$[0]}):null,h!=null?o.jsxRuntimeExports.jsx(ke,{children:h}):null]}),o.jsxRuntimeExports.jsx(So,{windowSize:x,responsiveWidth:ee[4].width,children:t.amountToString("0,0[.]00",e.amount)})]})}),b&&v.length>0?o.jsxRuntimeExports.jsx(t.ActiveThreadCount,{isLoading:A,count:v.length,style:{position:"absolute",float:"right",right:`calc(${t.Space.sp6} + ${t.Space.sp1})`,top:t.Space.sp1},openThread:L}):null]})},uo=i.div`
+  display: flex;
+  margin-bottom: ${t.Space.sp3};
+  background-color: ${e=>e.isProcessing?"transparent":e.theme.colors.grey5};
+  padding-left: ${e=>ue.containerPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>ue.containerPaddingRight.valuePx(e.windowSize)};
+  padding-top: ${e=>ue.containerPaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>ue.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"?`${t.Colors.dropShadowNormalDark} ${t.Space.sp0} 2px ${t.Space.sp1}`:`${t.Space.sp0} 2px ${t.Space.sp1} ${t.Colors.boxShadowElevation}`};
+  border-radius: ${t.Space.sp2};
+  cursor: ${e=>e.isProcessing?"initial":"pointer"};
+
+  ${e=>e.isProcessing?G.css`
+          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.css`
+            color: ${e.theme.colors.primary};
+            border-color: ${e.theme.colors.primary};
+            div {
+              :not(.statusTag) {
+                color: ${e.theme.colors.primary};
+              }
+            }
+            .statusTag {
+              color: ${t.billRemiStatusesHavingGreyColor.includes(e.statusCode)?e.theme.colors.primary:void 0};
+              border-color: ${t.billRemiStatusesHavingGreyColor.includes(e.statusCode)?e.theme.colors.primary:void 0};
+            }
+          `:G.css`
+            &:hover {
+              color: ${e.theme.colors.primary};
+              border-color: ${e.theme.colors.primary};
+              div {
+                :not(.statusTag) {
+                  color: ${e.theme.colors.primary};
+                }
+              }
+              .statusTag {
+                color: ${t.billRemiStatusesHavingGreyColor.includes(e.statusCode)?e.theme.colors.primary:void 0};
+                border-color: ${t.billRemiStatusesHavingGreyColor.includes(e.statusCode)?e.theme.colors.primary:void 0};
+              }
+            }
+          `}
+
+  margin-right: ${e=>ue.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${t.Space.sp0};
+`,xo=i.div`
+  display: flex;
+  width: 100%;
+`,go=i.div`
+  display: flex;
+  width: 100%;
+  height: 42px;
+`,ho=i.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  column-gap: 12px;
+  align-items: flex-start;
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+`,yo=i(t.StandardRegular)`
+  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`:`${q.REPORT_NAME_WIDTH_FACTOR*100}%`};
+`,bo=i(t.SmallRegular)`
+  color: ${e=>e.theme.colors.grey1};
+`,So=i(t.StandardRegular)`
+  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;
+`,$o=i(t.StandardRegular)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+`,wo=i(t.StandardRegular)``,Ue=i(t.StandardRegular)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+`,vo=i(t.StandardRegular)`
+  position: relative;
+  top: 2px;
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+`,ke=i(t.ExtraSmallRegular)`
+  position: relative;
+  top: 1px;
+  color: ${e=>e.theme.colors.grey1};
+`,fo=i(t.ExtraSmallRegular)`
+  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: ${t.Space.sp1};
+`,te={containerPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[4]),containerPaddingRight:new t.ResponsiveSized(t.sp[3],t.sp[4]),containerPaddingTop:new t.ResponsiveSized(t.sp[2],t.sp[3]),containerPaddingBottom:new t.ResponsiveSized(t.sp[2],t.sp[3]),containerMarginLeft:new t.ResponsiveSized(t.sp[3],t.sp[8]),containerMarginRight:new t.ResponsiveSized(t.sp[3],t.sp[8]),webkitLineClamp:new t.ResponsiveSized(2,2,1,1,1)},H=t.appLocale.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,Ro=({reimbursementDetail:e,tagStatus:n,currentTab:c,isProcessing:s,isSelected:a,bulkSelectFormId:u,isBulkSelectionLimitReached:g,isSelectionMode:h,reportTitleAdditionalInfo:b,date:m,approvers:x,deletionAdditionalInfo:p,onTransactionRowClick:y})=>{const d=t.useWindowSizeContext(),{getValues:r,setValue:w}=o.useFormContext(),l=e.reimbursementTypesIncluded,S=t.getApproversNames(x),T=o.cloneDeep(Ze[c]),P=r(u),C=R.useCallback(()=>{!g&&e.bulkSelectInfo?.isSelectableForBulkAction&&!a&&w(u,[...P,e.id])},[u,g,a,w,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,P]),$=R.useCallback(()=>{C()},[C]),_=R.useCallback(v=>{v.stopPropagation(),v.cancelable&&v.preventDefault(),h?C():y(e.id)},[C,h,y,e.id]),k={shouldPreventDefault:!1,delay:1e3},A=Fe.useLongPress({onLongPress:$},k);return o.jsxRuntimeExports.jsx(jo,{windowSize:d,statusCode:n?.code??"",isProcessing:s,isSelected:a,children:o.jsxRuntimeExports.jsx(Co,{onClick:_,...A,"data-testid":t.generateDataTestId("remi-row-click-mobile",e.id),children:o.jsxRuntimeExports.jsxs(To,{children:[o.jsxRuntimeExports.jsxs(Eo,{children:[o.jsxRuntimeExports.jsxs(ko,{children:[o.jsxRuntimeExports.jsx(zo,{windowSize:d,children:e.reportTitle??H.newReimbursementTitle}),b!=null&&o.jsxRuntimeExports.jsx(Io,{children:`${H.byText} ${b?.firstName} ${b?.lastName}`})]}),o.jsxRuntimeExports.jsxs(Lo,{children:[T[1].value+": ",m]}),l.length>1?o.jsxRuntimeExports.jsx(t.Tooltip,{title:H.reimbursementType.both,placement:"bottom-start",display:"flex",children:o.jsxRuntimeExports.jsxs(Ge,{children:[H.reimbursementType.type+": ",H.reimbursementType.titleForBoth]})}):o.jsxRuntimeExports.jsxs(Ge,{children:[H.reimbursementType.type+": ",H.reimbursementType[l[0]]]})]}),o.jsxRuntimeExports.jsxs(Po,{children:[o.jsxRuntimeExports.jsx(_o,{children:t.amountToString("0,0[.]00",e.amount)}),o.jsxRuntimeExports.jsxs(Bo,{children:[n!==void 0?o.jsxRuntimeExports.jsx(No,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??H.hyphenText}):o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:H.hyphenText}),x!==void 0&&S.length>0?S.length>1?o.jsxRuntimeExports.jsx(t.Tooltip,{title:`${H.byText} `+S.join(` ${H.orText} `),placement:"bottom-start",children:o.jsxRuntimeExports.jsx(ze,{style:{marginLeft:"auto"},children:`${H.byText} `+S[0]+`${H.dots}`})}):o.jsxRuntimeExports.jsx(ze,{style:{marginLeft:"auto"},children:`${H.byText} `+S[0]}):null,p!=null?o.jsxRuntimeExports.jsx(ze,{children:p}):null]})]})]})})})},jo=i.div`
+  display: flex;
+  margin-bottom: ${t.Space.sp3};
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-left: ${e=>te.containerPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>te.containerPaddingRight.valuePx(e.windowSize)};
+  padding-top: ${e=>te.containerPaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>te.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"?`${t.Colors.dropShadowNormalDark} ${t.Space.sp0} 2px ${t.Space.sp1}`:`${t.Space.sp0} 2px ${t.Space.sp1} ${t.Colors.boxShadowElevation}`};
+  border-radius: ${t.Space.sp2};
+  cursor: ${e=>e.isProcessing?"initial":"pointer"};
+  ${e=>e.isProcessing?G.css`
+          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.css`
+            color: ${e.theme.colors.primary};
+            border-color: ${e.theme.colors.primary};
+            div {
+              :not(.statusTag) {
+                color: ${e.theme.colors.primary};
+              }
+            }
+            .statusTag {
+              color: ${t.billRemiStatusesHavingGreyColor.includes(e.statusCode)?e.theme.colors.primary:void 0};
+              border-color: ${t.billRemiStatusesHavingGreyColor.includes(e.statusCode)?e.theme.colors.primary:void 0};
+            }
+          `:G.css`
+            &:hover {
+              color: ${e.theme.colors.primary};
+              border-color: ${e.theme.colors.primary};
+              div {
+                :not(.statusTag) {
+                  color: ${e.theme.colors.primary};
+                }
+              }
+              .statusTag {
+                color: ${t.billRemiStatusesHavingGreyColor.includes(e.statusCode)?e.theme.colors.primary:void 0};
+                border-color: ${t.billRemiStatusesHavingGreyColor.includes(e.statusCode)?e.theme.colors.primary:void 0};
+              }
+            }
+          `}
+
+  margin-right: ${e=>te.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${e=>te.containerMarginLeft.valuePx(e.windowSize)};
+`,Co=i.div`
+  display: flex;
+  width: 100%;
+`,To=i.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+`,Eo=i.div`
+  display: flex;
+  flex-direction: column;
+`,Po=i.div`
+  display: flex;
+  flex-direction: column;
+  text-align: right;
+`,ko=i.div`
+  display: flex;
+  flex-direction: column;
+  column-gap: 12px;
+  align-items: flex-start;
+`,zo=i(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+  flex-grow: 1;
+  word-break: break-word;
+  display: -webkit-box;
+  -webkit-line-clamp: ${e=>te.webkitLineClamp.value(e.windowSize)};
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: ${e=>e.windowSize==="small"?`${q.ITEM_NAME_WIDTH_COMPACT}px`:"initial"};
+`,Io=i(t.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.grey1};
+`,_o=i(t.StandardRegular)`
+  display: flex;
+  margin-left: auto;
+  color: ${e=>e.theme.colors.hero};
+`,Lo=i(t.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.grey1};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+`,Ge=i(t.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.grey1};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+`,Bo=i.div`
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+`,ze=i(t.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.grey1};
+`,No=i(t.ExtraSmallRegular)`
+  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: ${t.Space.sp1};
+  margin-left: auto;
+`,Mo={lastListItemHeight:new t.ResponsiveSized(200,158),checkBoxTop:new t.ResponsiveSized(44,t.sp[4]),checkBoxLeft:new t.ResponsiveSized(t.sp[2],t.sp[4])},f=t.appLocale.getLocalizedStrings(),{common:{texts:{maxLimit:Ho}},spendManagement:{billPay:Je,reimbursement:Wo}}=f,V=Je.bulkActions,N=Wo.bulkActions,B=f.common.strings.empty,oe="bulkSelectIds",Oo=({transactionList:e,botEmail:n,selectedTab:c,selectedSubTab:s,isShowDeletedBillsEnabled:a,isShowDeletedReimbursementEnabled:u,isBillPayCommentingEnabled:g,isReimbursementCommentingEnabled:h,searchText:b,isAdmin:m,entity:x,uiState:p,bulkSubmissionLimit:y,isBulkActionAllowed:d,transactionsSelectedForBulkAction:r,isDetectInsufficientFundsEnabled:w,fetchState:l,analytics:S,onTransactionRowClick:T,onReloadTransactions:P,onColumnSortConfigChanged:C})=>{const $=t.useWindowSizeContext(),_=v=>{const L=x==="bill_pay"?e[v].vendor?.name??e[v].candidateVendorName??B:e[v].reportTitle??B;return q.getSpendManagementListItemSize(L,$)},k=R.useRef(null);R.useEffect(()=>{k.current?.resetAfterIndex(0)},[$,k,c,s]);const A=R.forwardRef((v,L)=>{const{children:z,style:K,...X}=v;return o.jsxRuntimeExports.jsx(pi,{ref:L,style:{...K,width:"auto"},...X,children:o.jsxRuntimeExports.jsx(ci,{children:z})})});return A.displayName=f.spendManagement.billPay.billsByTabs.headerElementDisplayName,t.useSentryPerformanceTracking({componentName:`${Ie.entityToTitle(x)}.${Ie.tabIdToTitle(c,x)}`,enabled:l==="Completed"}),o.jsxRuntimeExports.jsx(ti,{children:l==="Error"?o.jsxRuntimeExports.jsxs(ni,{children:[o.jsxRuntimeExports.jsx(si,{onClick:P,children:o.jsxRuntimeExports.jsx(ri,{})}),o.jsxRuntimeExports.jsx(li,{children:f.peoplePage.reloadPage.label})]}):l==="Completed"&&e.length===0&&b!=B?o.jsxRuntimeExports.jsx(t.NoListDataPage,{message:x==="bill_pay"?f.spendManagement.billPay.billsByTabs.noDataWithFilterText:f.spendManagement.reimbursement.reimbursementByTabs.noDataWithFilterText}):l==="Completed"&&e.length===0?o.jsxRuntimeExports.jsx(t.NoListDataPage,{message:x==="bill_pay"?f.spendManagement.billPay.billsByTabs.noDataText:f.spendManagement.reimbursement.reimbursementByTabs.noDataText,orMessage:x==="bill_pay"?f.spendManagement.billPay.billsByTabs.noDataTextViaMail:f.spendManagement.reimbursement.reimbursementByTabs.noDataTextViaMail,emailTextPrefix:x==="bill_pay"?void 0:f.spendManagement.reimbursement.reimbursementByTabs.receiptTo,botEmail:n}):l==="Not-Started"||l==="In-Progress"?o.jsxRuntimeExports.jsx(ot.BusyIndication,{fetchState:l,styles:{margin:"auto"}}):o.jsxRuntimeExports.jsx(ai,{windowSize:$,children:o.jsxRuntimeExports.jsx(o.AutoSizer,{children:({height:v,width:L})=>o.jsxRuntimeExports.jsx(o.VariableSizeList,{ref:k,height:v,itemCount:x==="bill_pay"||x==="reimbursement"?1:e.length,innerElementType:A,itemSize:_,estimatedItemSize:q.DEFAULT_LIST_ITEM_HEIGHT_COMPACT,itemKey:z=>e[z].id,width:L,overscanCount:q.OVERSCAN_COUNT,itemData:{entity:x,isBulkActionAllowed:d,isShowDeletedBillsEnabled:a,isShowDeletedReimbursementEnabled:u,isBillPayCommentingEnabled:g,isReimbursementCommentingEnabled:h,transactionList:e,isAdmin:m,selectedTab:c,transactionsSelectedForBulkAction:r,bulkSubmissionLimit:y,uiState:p,analytics:S,isDetectInsufficientFundsEnabled:w,onTransactionRowClick:T,onColumnSortConfigChanged:C},initialScrollOffset:0,children:Vo})})})})},Do=({transactionList:e,botEmail:n,allSubTabs:c,isAdmin:s,selectedTab:a,isShowDeletedBillsEnabled:u,isShowDeletedReimbursementEnabled:g,isBillPayCommentingEnabled:h,isReimbursementCommentingEnabled:b,selectedSubTab:m,searchText:x,entity:p,uiState:y,bulkSubmissionLimit:d,isBulkActionAllowed:r,isRecurringBillInBulkActionList:w,transactionsSelectedForBulkAction:l,allowedBulkActions:S,bulkSubmissionFetchState:T,isDetectInsufficientFundsEnabled:P,onTransactionRowClick:C,onSubtabChange:$,fetchState:_,onReloadTransactions:k,onColumnSortConfigChanged:A,analytics:v,updateBulkActionList:L,removeAllTransactionsFromBulkActionList:z,onProceedForBulkActionClick:K})=>{const X=o.useForm({defaultValues:{bulkSelectIds:l},values:{bulkSelectIds:l}});R.useEffect(()=>{const E=X.watch((I,{name:j})=>{j!=null&&I!=null&&o.defer(()=>xe(j,I))});return()=>{E.unsubscribe()}});const xe=async(E,I)=>{if(E===oe){let j=[];if(I[oe].includes(f.common.all.toLowerCase())){if(a==="scheduled"&&l.length===0){j=[];for(const M of e)if(M.bulkSelectInfo?.isSelectableForBulkActionSelectAll&&j.push(M.id),j.length===d)break}else j=I[oe].filter(M=>M!==f.common.all.toLowerCase());if(p==="bill_pay"){const M=e.filter(ce=>j.includes(ce.id)),Te=W.getBillListUniqueType(M);v?.trackBillPayBulkSelectAll(a,m,Te)}else{const M=e.filter(ce=>j.includes(ce.id)),Te=W.getRemiListUniqueType(M.map(ce=>ce.reimbursementTypesIncluded));v?.trackReimbursementBulkSelectAll(a,m,Te)}}else j=I[oe];L?.(j)}},ne=()=>{S.includes("cancel")?Ye():tt()},se=t.useWindowSizeContext(),[je,re]=R.useState(!1),[O,D]=R.useState({type:B,title:B,description:B,primaryButtonText:B,secondaryButtonText:B});R.useEffect(()=>{const E=t.getEventForTab(a,m,p);_==="Completed"&&E!=null&&v?.trackPageLoaded(E,p==="bill_pay"?"Bills":"Reimbursements")},[v,a,m,p,_]);const Ce=E=>{$(E)},Xe=R.useCallback(()=>{const{title:E,description:I}=Yo(p,l.length,a,w);if(D({type:"delete",title:E,description:I,primaryButtonText:f.common.texts.confirm,secondaryButtonText:f.common.texts.close}),p==="bill_pay"){const j=e.filter(M=>l.includes(M.id)),F=W.getBillListUniqueType(j);v?.trackBillPayBulkDeleted(l.length,a,m,F)}else{const j=e.filter(M=>l.includes(M.id)),F=W.getRemiListUniqueType(j.map(M=>M.reimbursementTypesIncluded));v?.trackReimbursementBulkDeleted(l.length,a,m,F)}re(!0)},[p,v,w,m,a,e,l]),Ye=R.useCallback(()=>{const{title:E,description:I}=Xo(p,l.length);D({type:"cancel",title:E,description:I,primaryButtonText:f.common.texts.confirm,secondaryButtonText:f.common.texts.close}),re(!0)},[p,l.length]),et={onOkClick:E=>{if(re(!1),p==="bill_pay"){const I=e.filter(F=>l.includes(F.id)),j=W.getBillListUniqueType(I);v?.trackBillPayBulkPopupConfirm(O.type,a,m,j)}else{const I=e.filter(F=>l.includes(F.id)),j=W.getRemiListUniqueType(I.map(F=>F.reimbursementTypesIncluded));v?.trackReimbursementBulkPopupConfirm(O.type,a,m,j)}O.type==="delete"?K?.("delete",E):K?.("cancel",E)},onCancelClick:()=>{z?.(),re(!1),D({type:B,title:B,description:B,primaryButtonText:B,secondaryButtonText:B})}},tt=R.useCallback(()=>{if(p==="bill_pay"){const E=e.filter(j=>l.includes(j.id)),I=W.getBillListUniqueType(E);v?.trackBillPayBulkSelection(l.length,a,m,I)}else{const E=e.filter(j=>l.includes(j.id)),I=W.getRemiListUniqueType(E.map(j=>j.reimbursementTypesIncluded));v?.trackReimbursementBulkSelection(l.length,a,m,I)}S.includes("send_for_approval")?K?.("send_for_approval"):K?.(P?"approve":"review")},[p,S,e,v,l,a,m,K,P]),Be=S.filter(E=>E!=="delete").length>0;return o.jsxRuntimeExports.jsxs(ii,{children:[o.jsxRuntimeExports.jsx(Ie.TabSwitcher,{tabIds:c,selectedTab:m,hasSubTabs:c.length>0,entity:p,enablePerformanceTracking:!1,onTabSelectedChange:Ce,isSwitcherLeftAlign:!0}),o.jsxRuntimeExports.jsx(o.FormProvider,{...X,children:o.jsxRuntimeExports.jsxs(oi,{onSubmit:X.handleSubmit(ne),children:[o.jsxRuntimeExports.jsx(Oo,{botEmail:n,selectedTab:a,selectedSubTab:m,searchText:x,transactionList:e,fetchState:_,onReloadTransactions:k,onTransactionRowClick:C,entity:p,uiState:y,isAdmin:s,onColumnSortConfigChanged:A,analytics:v,isShowDeletedBillsEnabled:u,isShowDeletedReimbursementEnabled:g,isBillPayCommentingEnabled:h,isReimbursementCommentingEnabled:b,bulkSubmissionLimit:d,isBulkActionAllowed:r,transactionsSelectedForBulkAction:l,isDetectInsufficientFundsEnabled:P}),je?o.jsxRuntimeExports.jsx(t.ConfirmationPopup,{titleComponent:o.jsxRuntimeExports.jsx(t.ConfirmationPopUpTitle,{children:O.title}),descriptionComponent:o.jsxRuntimeExports.jsx(t.ConfirmationPopUpDescription,{children:O.description}),primaryButtonText:O.primaryButtonText,proceedButtonVariant:O.type==="delete"?"danger":"primary",secondaryButtonText:O.secondaryButtonText,action:et,isNotesIncluded:a!=="draft",isEditPopup:!0}):null,l.length>0?o.jsxRuntimeExports.jsx(t.Footer,{helperContainerStyle:se==="small"?{margin:`${t.Space.sp5} ${S.includes("delete")&&Be?t.Space.sp7:t.Space.sp0} ${t.Space.sp2} ${t.Space.sp0}`}:{},showPrimaryButton:Be,primaryBtn:{label:Zo(p,S,l.length),isLoading:O.type!=="delete"&&T==="In-Progress",isDisabled:O.type==="delete"&&T==="In-Progress",type:"submit",style:Jo(S)},cancelBtn:{label:f.common.texts.goBack,isDisabled:T==="In-Progress",onClick:z,style:Qo(S,se)},leftSideComponent:qo(l.length,d,p,se),rightSideComponent:S.includes("delete")?Fo(l.length,O.type==="delete"&&T==="In-Progress",Xe,se):null}):null]})})]})},Vo=({style:e,data:n})=>{const{entity:c,transactionList:s,transactionsSelectedForBulkAction:a,isAdmin:u,isBulkActionAllowed:g,isShowDeletedBillsEnabled:h,isShowDeletedReimbursementEnabled:b,isBillPayCommentingEnabled:m,isReimbursementCommentingEnabled:x,bulkSubmissionLimit:p,selectedTab:y,uiState:d,analytics:r,isDetectInsufficientFundsEnabled:w,onTransactionRowClick:l,onColumnSortConfigChanged:S}=n,T=t.useWindowSizeContext(),P=o.useTheme(),C=g?a.length>0?"always_on":"checked_or_hover":"off";return o.jsxRuntimeExports.jsx(di,{style:{...e,width:"100%"},className:"spend-management-list-item",children:o.jsxRuntimeExports.jsx(t.LabeledGroupedCheckBoxField,{style:{width:"100%"},checkBoxContainerStyle:{gap:t.Space.sp3,width:"auto",marginLeft:T==="small"?t.Space.sp0:t.Space.sp4},labelStyle:{width:"100%"},checkBoxStyle:Go(T),labelCheckBoxStyle:{marginLeft:T==="small"?t.Space.sp2:t.Space.sp0},checkBoxIconStyle:{backgroundColor:P.colors.grey4},infoIconContainerStyle:Ko(T),name:oe,mode:C,selectionLimit:p,checkBoxes:c==="bill_pay"?[{label:o.jsxRuntimeExports.jsx(dt,{companyNameSticky:!1,currentTab:y,onColumnSortConfigChanged:S,sortConfig:{sortKey:d.sortKey,sortOrder:d.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:f.common.all.toLowerCase(),isException:!1},...s.map($=>({label:o.jsxRuntimeExports.jsx(Ao,{transactionDetail:$,selectedTab:y,isBillPayCommentingEnabled:m,isShowDeletedBillsEnabled:h,onTransactionRowClick:l,billsSelectedForBulkAction:a,bulkSelectFormId:oe,bulkSelectLimit:p,isSelectionMode:C==="always_on",isDetectInsufficientFundsEnabled:w}),value:$.id,groupLabel:!1,defaultChecked:!1,isException:$.bulkSelectInfo?.isSelectableForBulkAction===!1,exceptionMode:ei($,a),exceptionInfo:Ke(c,$),exceptionType:qe($)}))]:[{label:o.jsxRuntimeExports.jsx(io,{companyNameSticky:!1,currentTab:y,onColumnSortConfigChanged:S,analytics:r,sortConfig:{sortKey:d.sortKey,sortOrder:d.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:f.common.all.toLowerCase(),isException:!1},...s.map($=>({label:o.jsxRuntimeExports.jsx(Uo,{transactionDetail:$,isShowDeletedReimbursementEnabled:b,isReimbursementCommentingEnabled:x,selectedTab:y,isAdmin:u,onTransactionRowClick:l,remisSelectedForBulkAction:a,bulkSelectFormId:oe,bulkSelectLimit:p,isSelectionMode:C==="always_on"}),value:$.id,groupLabel:!1,defaultChecked:!1,isException:$.bulkSelectInfo?.isSelectableForBulkAction===!1,exceptionMode:"checked_or_hover",exceptionInfo:Ke(c,$),exceptionType:qe($)}))]})})},Ao=({transactionDetail:e,selectedTab:n,isShowDeletedBillsEnabled:c,billsSelectedForBulkAction:s,bulkSelectFormId:a,bulkSelectLimit:u,isBillPayCommentingEnabled:g,isSelectionMode:h,isDetectInsufficientFundsEnabled:b,onTransactionRowClick:m})=>{const p=t.useWindowSizeContext()==="small"?Bt:St,y=t.getBillPayAdditionalInfo(e,n),{bulkProcessingDetail:d}=e,r=W.isBulkProcessing(d?.type),w=()=>{const P=e.billPayInfo.outsideZeniTransactionPaymentMode;if(P==null||P==="other")return;const C=Je.billDetails.paymentOutsideZeni.paymentModeOptions.find($=>$.value===P)?.label;return`${f.common.via} ${C}`},l=b&&e.billPayInfo.stage.code==="scheduled"&&!e.isDeleted&&e.totalAmountWithFeesInUSD!=null?t.getLowBalanceAdditionalInfo(e.totalAmountWithFeesInUSD,e.withdrawFrom,e.billPayInfo.paymentDate):void 0,S=t.getBillPayTagStatus(e.billPayInfo,n,c,e.isDeleted,e.dueDate),T=l!=null&&S?.code!=="failed"&&S?.code!=="processing"&&S?.code!=="cancelled"&&S?.code!=="returned"&&S?.code!=="rejected"&&S?.code!=="paid";return o.jsxRuntimeExports.jsx(Qe,{children:o.jsxRuntimeExports.jsx(p,{reportTitleAdditionalInfo:y,transactionDetail:e,isBillPayCommentingEnabled:g,isSelected:s.includes(e.id),isProcessing:r,isBulkSelectionLimitReached:s.length===u,isSelectionMode:h,bulkSelectFormId:a,tagStatus:S,approvers:e.isDeleted===!0?void 0:t.getSpendManagementApprovers(e,n),deletionAdditionalInfo:e.isDeleted===!0&&n!=="draft"?t.getSpendManagementDeletionInfo(e,n):void 0,onTransactionRowClick:r?()=>null:m,paidAdditionalInfo:n==="paid"&&!e.isDeleted?w():void 0,lowBalanceAlert:l,showLowBalanceTooltip:T})})},Uo=({transactionDetail:e,selectedTab:n,isAdmin:c,isShowDeletedReimbursementEnabled:s,isReimbursementCommentingEnabled:a,remisSelectedForBulkAction:u,bulkSelectFormId:g,bulkSelectLimit:h,isSelectionMode:b,onTransactionRowClick:m})=>{const p=t.useWindowSizeContext()==="small"?Ro:mo,y=t.getReportTitleAdditionalInfo(c,e.submittedBy),{bulkProcessingDetail:d}=e,r=W.isBulkProcessing(d?.type);return o.jsxRuntimeExports.jsx(Qe,{children:o.jsxRuntimeExports.jsx(p,{reportTitleAdditionalInfo:y,reimbursementDetail:e,isReimbursementCommentingEnabled:a,isSelected:u.includes(e.id),isProcessing:r,isBulkSelectionLimitReached:u.length===h,isSelectionMode:b,bulkSelectFormId:g,currentTab:n,date:t.getRowDate(e,n),approvers:e.isDeleted===!0?void 0:t.getSpendManagementApprovers(e,n),tagStatus:t.getRemiTagStatus(e,n,s),deletionAdditionalInfo:e.isDeleted===!0&&n!=="draft"?t.getSpendManagementDeletionInfo(e,n):void 0,onTransactionRowClick:r?()=>null:m})})},Go=e=>{let n={zIndex:1,marginBottom:t.Space.sp3,backgroundColor:"inherit"};return e==="small"&&(n={...n,position:"absolute",left:t.Space.sp1,width:t.Space.sp4,height:t.Space.sp4}),n},Ko=e=>{let n={zIndex:1,marginBottom:t.Space.sp2};return e==="small"&&(n={...n,position:"absolute",left:t.Space.sp2,marginBottom:t.Space.sp1,width:t.Space.sp4,height:t.Space.sp4}),n},qo=(e,n,c,s)=>{const a=c==="bill_pay"?V.bill:N.report,u=(e>1?a+"s":a)+V.selected;return e>0?o.jsxRuntimeExports.jsxs(gi,{style:s==="small"?{position:"absolute",top:t.Space.sp2,left:`-${t.Space.sp5}`}:{},children:[o.jsxRuntimeExports.jsx(hi,{multiDigit:e>=10,children:e}),o.jsxRuntimeExports.jsx(yi,{children:u}),e===n?o.jsxRuntimeExports.jsx(bi,{children:Ho}):null]}):null},Fo=(e,n,c,s)=>e>0?o.jsxRuntimeExports.jsx(mi,{style:s==="small"?{position:"absolute",top:t.Space.sp7,right:`-${t.Space.sp5}`}:{},children:o.jsxRuntimeExports.jsx(ui,{isLoading:n,windowSize:s,className:"delete-icon-wrapper",onClick:n?()=>null:c,children:n?o.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"Small",start:!0}):o.jsxRuntimeExports.jsx(t.Tooltip,{enterDelay:600,title:f.common.delete,placement:"top",children:o.jsxRuntimeExports.jsx(xi,{})})})}):null,Ke=(e,n)=>{const{bulkProcessingDetail:c,bulkSelectInfo:s}=n,a=W.isBulkProcessing(c?.type),u=c?.type==="error";let g;if(a)g=c?.inProgressMessage;else if(u)g=c.error?.message;else if(s?.bulkSelectExceptionInfo!=null)if(e==="bill_pay"){const{exceptions:h}=f.spendManagement.billPay.bulkActions;g=h[s.bulkSelectExceptionInfo]}else{const{exceptions:h}=f.spendManagement.reimbursement.bulkActions;g=h[s.bulkSelectExceptionInfo]}return g},Zo=(e,n,c)=>{const{billPay:s}=f.spendManagement;return n.includes("cancel")?e==="reimbursement"?N.popUps.cancel.title.replace("__report__",c>1?N.reports:N.report):s.bulkActions.popUps.cancel.title.replace("<_bill_>",c>1?s.bulkActions.bills:s.bulkActions.bill):n.includes("send_for_approval")?s.billDetails.sendForApproval:f.common.review},Jo=e=>{let n;return e.includes("cancel")===!1&&e.includes("send_for_approval")===!1&&(n={minWidth:"92px"}),n},Qo=(e,n)=>{let c;return n!=="small"&&(e.includes("cancel")?c={minWidth:"116px"}:e.includes("send_for_approval")&&(c={minWidth:"160px"})),c},Xo=(e,n)=>{const{this_:c,these:s,payment:a,payments:u,bills:g,bill:h,reports:b,report:m,they:x,it:p}=f.common.texts;return n>1?e==="bill_pay"?{title:V.popUps.cancel.title.replace("<_bill_>",f.drawerMenus.bills),description:V.popUps.cancel.description.replace("<_this_>",s).replace("<_bill_>",g).replace("<_it_>",x).replace("<_payment_>",u)}:{title:N.popUps.cancel.title.replace("__report__",N.reports),description:N.popUps.cancel.description.replace("<_this_>",s).replace("__report__",b).replace("<_it_>",x).replace("<_payment_>",u)}:e==="reimbursement"?{title:N.popUps.cancel.title.replace("__report__",N.report),description:N.popUps.cancel.description.replace("<_this_>",c).replace("__report__",m).replace("<_it_>",p).replace("<_payment_>",a)}:{title:V.popUps.cancel.title.replace("<_bill_>",V.bill),description:V.popUps.cancel.description.replace("<_this_>",c).replace("<_bill_>",h).replace("<_it_>",p).replace("<_payment_>",a)}},Yo=(e,n,c,s)=>{const{this_:a,these:u,payment:g,payments:h,bills:b,bill:m,report:x,reports:p,they:y,it:d}=f.common.texts,r=n>1;let w=B;e==="bill_pay"?w=V.popUps.delete.title.replace("<_bill_>",r?V.bills:V.bill):w=N.popUps.delete.title.replace("__report__",r?N.reports:N.report);let l=B;return c==="draft"?e==="bill_pay"?l=V.popUps.delete.descriptionDraft.replace("<_this_>",r?u:a).replace("<_bill_>",r?b:m):l=N.popUps.delete.descriptionDraft.replace("<_this_>",r?u:a).replace("__report__",r?p:x):s?l=V.popUps.delete.descriptionRecurring.replace("<_payment_>",r?g:h):e==="bill_pay"?l=V.popUps.delete.descriptionOther.replace("<_this_>",r?u:a).replace("<_bill_>",r?b:m).replace("<_it_>",r?y:d).replace("<_payment_>",r?h:g):l=N.popUps.delete.descriptionOther.replace("<_this_>",r?u:a).replace("__report__",r?p:x).replace("<_it_>",r?y:d).replace("<_payment_>",r?h:g),{title:w,description:l}},ei=(e,n)=>{const c=e.bulkSelectInfo?.bulkSelectExceptionInfo;return n.length===0&&c!=null&&(c==="bookCloseDateProcessing"||c==="noActionRecurring")?"hover_only":"checked_or_hover"},qe=e=>W.isBulkProcessing(e.bulkProcessingDetail?.type)?"info":"alert",ti=i.div`
+  display: block;
+  height: 100%;
+`,oi=i.form`
+  height: 100%;
+`,ii=i.div`
+  height: calc(100% - 120px);
+  margin: auto;
+`,ni=i.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,si=i.div`
+  height: 96px;
+  width: 96px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+`,ri=i(t.SvgReload)`
+  height: ${t.Space.sp5};
+  width: ${t.Space.sp5};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,li=i(t.SmallRegularSp)`
+  margin-top: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,ai=i.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=>Mo.lastListItemHeight.valuePx(e.windowSize)} !important;
+    padding-bottom: ${t.Space.sp9};
+  }
+`,di=i.div`
+  top: ${t.Space.sp0};
+  left: ${t.Space.sp0};
+  padding-bottom: ${t.Space.sp3};
+  box-sizing: border-box;
+`,ci=i.div`
+  position: relative;
+  width: auto;
+  height: 100%;
+`,pi=i.div``,Qe=i.div`
+  position: relative;
+  width: 100%;
+`,mi=i.div`
+  display: flex;
+  justify-content: flex-end;
+`,ui=i.div`
+  margin-right: ${t.Space.sp8};
+  cursor: ${e=>e.isLoading?"initial":"pointer"};
+  color: ${e=>e.windowSize==="small"?t.Colors.important:e.theme.colors.grey1};
+`,xi=i(t.SvgDelete)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  cursor: pointer;
+  color: inherit;
+  &:hover {
+    color: ${t.Colors.important};
+  }
+`,gi=i.div`
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  gap: ${t.Space.sp2};
+  margin-left: ${t.Space.sp8};
+`,hi=i(t.ExtraSmallRegular)`
+  height: 18px;
+  width: ${e=>e.multiDigit?"auto":"18px"};
+  padding: ${t.Space.sp0} 6px;
+  border-radius: ${t.Space.sp12};
+  border: ${e=>`1px solid ${e.theme.colors.grey1}`};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,yi=i(t.StandardRegular)`
+  color: ${e=>e.theme.colors.primary};
+`,bi=i(t.SmallRegular)`
+  color: ${t.Colors.important};
+`;exports.default=Do;