@zeniai/web-components 3.17.3 → 3.17.4

package/dist/SpendManagementPerTabPage-U8L80K_D.cjs

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