@zeniai/web-cockpit-ui 1.15.1-qa → 1.15.2-dev

package/dist/assets/ChargeCardPaymentHistoryPage-COWdn2l7-BqABNtl_.js

@@ -1,565 +0,0 @@
-import{a8 as Pe,aw as Le,q as H,d as _,V as t,bA as ze,b as R,g2 as Re,F as I,c as l,o as i,y as x,jh as Ie,cb as Te,ji as X,aN as A,b2 as De,cr as Be,iO as Ae,bM as Me,aR as Oe,al as W,dr as b,gU as Z,aL as V,bR as Ne,ct as He,bP as We,am as N,cw as G,p as $,gV as he,fM as pe,fI as me,cg as Ee,ai as F,iD as ge,bK as Ke,jj as Ve,iW as _e,cz as Fe,aT as L,iX as Ue,iY as Ye}from"./index-CD9C31qH.js";import{a as S,S as q}from"./sentry-D4D7HRQR.js";import{n,c as J}from"./mui-Fyk6sRCR.js";import{t as Ze}from"./SpendManagementSection-BO--0F_T-C9bXKSSM.js";import{r as qe,a as Xe,i as ue,g as Ge}from"./SpendManagementListViewPage-DJgNAGhp-CZvaBELF.js";import{ck as ye,G5 as xe}from"./zeni-epic-state-I555vKHy.js";import{r as Je}from"./auto-transfer-rule-mbafm5D3-DXWlGTms.js";import"./liveblocks-BmXYR5uO.js";import"./core-D7_k1EhP.js";import"./recharts-j_eh1fXg.js";import"./lottie--pGIoexZ.js";import"./analytics-CO_4s2X8.js";import"./lexical-CGMN4tXG.js";import"./utils-BTQ24URD.js";import"./StatusSwitcher-Bcqhq2ht-DClBNvwT.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="b8bda1d1-dca2-42e9-ab60-3b44572eb6bb",e._sentryDebugIdIdentifier="sentry-dbid-b8bda1d1-dca2-42e9-ab60-3b44572eb6bb")}catch{}})();const E=I.getLocalizedStrings().spendManagement.chargeCard.paymentHistory.header,Qe={key:"paymentDate",value:E.paymentDate,sortOrder:"ascending",width:new x(18,18,18,18,18)},et={key:"sourceAccount",value:E.sourceAccount,sortOrder:"ascending",width:new x(30,30,30,30,30)},tt={key:"paymentStatus",value:E.paymentStatus,sortOrder:"ascending",width:new x(22,22,22,22,22)},it={key:"initiatedBy",value:E.initiatedBy,sortOrder:"ascending",width:new x(18,18,18,18,18)},nt={key:"amount",value:E.amount,sortOrder:"ascending",width:new x(12,12,12,12,12)},fe=()=>[Qe,et,tt,it,nt],P={containerPaddingLeft:i.sp2,containerPaddingRight:i.sp3,containerPaddingTop:i.sp3,containerPaddingBottom:i.sp3,headerLastColumnTopPadding:new x(l[0],l[4]),headerLastColumnRightPadding:new x(l[3],l[11]),headerLastColumnBottomPadding:new x(l[0],l[4]),headerLastColumnLeftPadding:new x(l[0],l[11]),headerHeight:new x(Ue,Ye)};function ot({companyNameSticky:e,sortConfig:o,onColumnSortConfigChanged:c}){const a=_(),r=H(),[d,g]=S.useState(fe());S.useEffect(()=>{const s=[...d];for(const m of s)m.key===o.sortKey?m.sortOrder=o.sortOrder:m.sortOrder="ascending";g(s)},[o.sortKey,o.sortOrder]);const y=(s,m)=>{let C=m;o.sortKey===s&&(C=m==="ascending"?"descending":"ascending"),c(s,C)},h=d.find(s=>s.key===o.sortKey)??d[0],p=s=>d.find(m=>m.key===s)?.value??"",u=d.map(s=>s.key),j=I.getLocalizedStrings().spendManagement.chargeCard.paymentHistory;return r==="small"?t.jsxs(dt,{windowSize:r,children:[t.jsxs(ht,{children:[t.jsx(mt,{children:t.jsx(pt,{})}),t.jsx(We,{title:j.header.paymentDate,placeholder:j.header.paymentDate,pickerValues:u,valueToLabel:p,selectedValue:o.sortKey,onPickerSelectionChanged:s=>{y(s,"ascending")},optionTextStyle:R.extraSmallRegular,titleTextStyle:R.extraSmallRegular,titleColor:a.colors.primary,selectedOptionColor:a.colors.hero,optionBackgroundColor:a.colors.grey5,downChevronVisible:!1,backgroundColor:a.colors.grey4})]}),t.jsxs(yt,{onClick:()=>y(h.key,h.sortOrder),"data-testid":A("mobile-payment-history-list-sort-clicked",o.sortKey),children:[t.jsx(N,{children:h.value}),t.jsx(Q,{windowSize:r,sortDataValue:o.sortKey,headerdata:h,children:t.jsx(ee,{windowSize:r,children:t.jsx(G,{})})})]})]}):t.jsx(st,{windowSize:r,children:t.jsx(rt,{children:d.map(s=>s.width.value(r)!==0&&t.jsxs(lt,{companyNameSticky:e,sortDataValue:o.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:r,children:[t.jsxs(ut,{onClick:()=>y(s.key,s.sortOrder),"data-testid":A("payment-history-list-sort-clicked",o.sortKey),children:[t.jsx(N,{children:s.value}),t.jsx(Q,{windowSize:r,sortDataValue:o.sortKey,headerdata:s,children:t.jsx(ee,{windowSize:r,children:t.jsx(G,{})})})]}),t.jsx(gt,{sortDataValue:o.sortKey,windowSize:r,isVisible:o.sortKey===s.key&&!(o.sortKey==="paymentDate"&&o.sortOrder==="ascending"),children:t.jsx(ct,{onClick:()=>y("paymentDate","ascending"),"data-testid":A("payment-history-list-sort-cancel",o.sortKey)})})]},s.key))})})}const at=q.memo(ot),st=n.div`
-  top: ${i.sp0};
-  left: ${i.sp0};
-  z-index: 2;
-  background-color: ${e=>e.theme.colors.grey4};
-  position: sticky;
-  width: 100%;
-`,rt=n.div`
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  padding: ${P.containerPaddingTop} ${P.containerPaddingRight}
-    ${P.containerPaddingBottom} ${P.containerPaddingLeft};
-  justify-content: space-between;
-`,dt=n(F)`
-  top: ${i.sp0};
-  left: ${i.sp0};
-  min-height: ${e=>P.headerHeight.valuePx(e.windowSize)};
-  max-height: ${e=>P.headerHeight.valuePx(e.windowSize)};
-  width: auto;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  padding: ${e=>`${P.headerLastColumnTopPadding.valuePx(e.windowSize)} ${P.headerLastColumnRightPadding.valuePx(e.windowSize)} ${P.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${P.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
-  background-color: ${e=>e.theme.colors.grey4};
-  justify-content: space-between;
-  position: sticky;
-  width: 100%;
-`,lt=n.div`
-  color: ${e=>e.sortDataValue===e.actualDataValue?e.theme.colors.primary:e.theme.colors.grey1};
-  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  left: ${i.sp0};
-  justify-content: ${e=>e.actualDataValue==="amount"?"flex-end":"flex-start"};
-  ${e=>e.companyNameSticky?J`
-          position: sticky;
-          z-index: 1;
-        `:J`
-          position: static;
-          z-index: 0;
-        `};
-  box-sizing: border-box;
-  overflow: hidden;
-  padding-left: ${i.sp3};
-  padding-right: ${e=>e.actualDataValue==="amount"?i.sp2:i.sp3};
-`,ct=n(Fe)`
-  width: ${i.sp3};
-  height: ${i.sp3};
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-`,Q=n.div`
-  display: flex;
-  align-items: center;
-  transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
-`,ee=n.div`
-  width: ${i.sp2};
-  height: ${i.sp2};
-  cursor: pointer;
-  color: inherit;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,ht=n.div`
-  gap: ${i.sp1};
-  display: flex;
-  color: ${e=>e.theme.colors.hero};
-`,pt=n(_e)`
-  width: ${i.sp3};
-  height: ${i.sp3};
-  color: inherit;
-`,mt=n.div`
-  margin-right: ${i.sp1};
-  display: flex;
-  align-items: center;
-`,gt=n.div`
-  display: ${e=>e.isVisible?"flex":"none"};
-  align-items: center;
-  padding-top: 2px;
-`,ut=n.div`
-  display: flex;
-  cursor: pointer;
-  gap: 5px;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,yt=n.div`
-  display: flex;
-  cursor: pointer;
-  gap: 5px;
-  color: ${e=>e.theme.colors.primary};
-`,B={containerPaddingLeft:new x(l[3],l[2]),containerPaddingRight:new x(l[2],l[3]),containerPaddingTop:new x(l[2],l[3]),containerPaddingBottom:new x(l[2],l[3]),containerMarginLeft:new x(l[4],l[0]),containerMarginRight:new x(l[4],l[0])},{spendManagement:{chargeCard:{paymentHistory:M}}}=I.getLocalizedStrings(),xt=e=>e.base64!==void 0?`${pe}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",ft=({repayment:e,accountInfo:o,isLatestFailedPayment:c=!1,isLoading:a=!1,isZeniTenant:r,onRetryPaymentClick:d})=>{const{accountLogo:g,accountType:y,depositAccountLast4:h,depositAccountName:p}=o??{},u=H(),j=S.useCallback(Y=>{Y.stopPropagation(),d&&d(e.cardRepaymentId)},[d,e.cardRepaymentId]),s=I.getLocalizedStrings(),m=e.repaymentDate.format(s.dateFormat.visual.MMMDCommaYYYYformat),C=Ge(p,h,M.sourceAccountUnknown),v=ue(e),w=e.paidByUser?.email?.endsWith("@zeni.ai")??!1,f=v||!r&&w,z=f?M.autopay:ye(e.paidByUser),T=e.status==="Rejected"||e.status==="Returned",K=e.status==="Clear"||e.status==="Sent",U=e.updateTime.format(s.dateFormat.visual.MMMDCommaYYYYformat),k=fe();return t.jsx(bt,{windowSize:u,children:t.jsx(jt,{children:t.jsxs(St,{children:[t.jsx(Ct,{windowSize:u,responsiveWidth:k[0].width,children:t.jsx(b,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:K?t.jsx(Ne,{placement:"bottom-start",title:t.jsxs(Yt,{children:[t.jsxs(ne,{children:[t.jsx(oe,{children:M.initiatedOn}),t.jsx(ae,{children:m})]}),t.jsxs(ne,{children:[t.jsx(oe,{children:M.completedOn}),t.jsx(ae,{children:U})]})]}),style:{padding:"12px 16px"},display:"block",children:t.jsx(te,{className:"paymentDate",children:m})}):t.jsx(te,{className:"paymentDate",children:m})})}),t.jsxs(kt,{windowSize:u,responsiveWidth:k[1].width,children:[t.jsx(b,{isLoading:a,customStyle:{width:i.sp4,height:i.sp4,borderRadius:"50%"},children:t.jsx(Pt,{children:y==="depositAccount"&&p!=null&&p!==""?t.jsx(Lt,{children:t.jsx(zt,{color:Z(0)})}):y==="paymentAccount"&&g!==void 0&&(g.base64||g.url)?t.jsx(Tt,{src:xt(g),loading:"lazy"}):t.jsx(Rt,{children:t.jsx(It,{})})})}),t.jsx(Dt,{children:t.jsx(b,{isLoading:a,customStyle:{width:"150px",height:"20px",borderRadius:i.sp1},children:p!=null&&p!==""?t.jsxs(ie,{className:"sourceAccount",children:[t.jsx(Bt,{children:p}),h!=null&&h!==""&&t.jsx(At,{children:`•••• ${h}`})]}):t.jsx(ie,{className:"sourceAccount",children:C})})})]}),t.jsx(Mt,{windowSize:u,isLoading:a,responsiveWidth:k[2].width,children:t.jsx(b,{isLoading:a,customStyle:{width:"120px",height:i.sp4,borderRadius:i.sp1},children:t.jsxs(Ot,{children:[t.jsx(Nt,{children:t.jsx(wt,{status:e.status})}),T===!0&&c===!0&&d!=null&&t.jsxs(t.Fragment,{children:[t.jsx(vt,{}),t.jsx(Ht,{onClick:j,"data-testid":A("retry-payment",e.cardRepaymentId),children:M.retryPayment})]})]})})}),t.jsxs(Wt,{windowSize:u,responsiveWidth:k[3].width,children:[t.jsx(b,{isLoading:a,customStyle:{width:i.sp4,height:i.sp4,borderRadius:"50%"},children:f?t.jsx(Et,{children:t.jsx(Kt,{})}):t.jsx(Vt,{children:t.jsx(He,{personBasic:e.paidByUser,styles:{height:i.sp4,width:i.sp4,minWidth:i.sp4}})})}),t.jsx(b,{isLoading:a,customStyle:{width:"80px",height:"20px",borderRadius:i.sp1,marginLeft:i.sp2},children:t.jsx(_t,{className:"initiatedBy",children:z})})]}),t.jsx(Ft,{windowSize:u,responsiveWidth:k[4].width,children:t.jsx(b,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:t.jsx(Ut,{className:"amount",windowSize:u,title:V("0,0.00",e.amount),children:V("0,0.00",e.amount)})})})]})})})},wt=({status:e,style:o})=>{const c=_(),a=$t(e,c),r=xe(e);return t.jsx(ge,{textColor:a,borderColor:a,text:r,tagStyles:{padding:"1px 6px",...o}})},$t=(e,o)=>{switch(e){case"Clear":case"Sent":return new L($.success);case"Pending":case"PendingReview":return new L($.alert);case"Rejected":case"Returned":return new L($.important);default:return new L(o.colors.grey1)}},vt=n.div`
-  width: ${i.sp1};
-  height: ${i.sp1};
-  background-color: ${e=>e.theme.colors.grey1};
-  border-radius: ${i.sp2};
-`,bt=n.div`
-  display: flex;
-  background-color: ${e=>e.theme.colors.grey5};
-  padding-left: ${e=>B.containerPaddingLeft.valuePx(e.windowSize)};
-  padding-right: ${e=>B.containerPaddingRight.valuePx(e.windowSize)};
-  padding-top: ${e=>B.containerPaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>B.containerPaddingBottom.valuePx(e.windowSize)};
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  box-shadow: ${e=>e.theme.mode==="dark"?$.Elevation1Dark:$.Elevation1Light};
-  border-radius: ${i.sp2};
-  width: 100%;
-  cursor: ${e=>e.onClick?"pointer":"default"};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    border-color: ${e=>e.theme.colors.primary};
-    .paymentDate,
-    .sourceAccount,
-    .initiatedBy,
-    .amount {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-
-  margin-right: ${e=>B.containerMarginLeft.valuePx(e.windowSize)};
-  margin-left: ${e=>B.containerMarginRight.valuePx(e.windowSize)};
-  margin-bottom: ${i.sp3};
-  box-sizing: border-box;
-  align-items: center;
-`,jt=n.div`
-  display: block;
-  width: 100%;
-`,St=n.div`
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-  align-items: center;
-`,Ct=n.div`
-  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  box-sizing: border-box;
-  padding-left: ${i.sp3};
-  display: flex;
-  align-items: center;
-`,te=n(W)`
-  color: ${e=>e.theme.colors.hero};
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`,kt=n.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${i.sp2};
-  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  box-sizing: border-box;
-  padding-left: ${i.sp3};
-`,Pt=n.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: ${i.sp4};
-  height: ${i.sp4};
-  min-width: ${i.sp4};
-`,Lt=n.div`
-  min-width: ${i.sp4};
-  width: ${i.sp4};
-  height: ${i.sp4};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,zt=n(he)`
-  min-width: inherit;
-  width: ${i.sp4};
-  height: ${i.sp4};
-`,Rt=n.div`
-  min-width: ${i.sp4};
-  width: ${i.sp4};
-  height: ${i.sp4};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,It=n(me)`
-  min-width: inherit;
-  width: ${i.sp4};
-  height: ${i.sp4};
-`,Tt=n.img`
-  display: flex;
-  width: ${i.sp4};
-  height: ${i.sp4};
-  min-width: ${i.sp4};
-  border-radius: 50%;
-  object-fit: cover;
-`,Dt=n.div`
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-`,ie=n(W)`
-  color: ${e=>e.theme.colors.hero};
-  display: flex;
-  align-items: baseline;
-  column-gap: ${i.sp1};
-  overflow: hidden;
-  min-width: 0;
-`,Bt=n.span`
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  min-width: 0;
-`,At=n.span`
-  white-space: nowrap;
-  flex-shrink: 0;
-`,Mt=n.div`
-  position: relative;
-  top: 2px;
-  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  color: ${e=>e.theme.colors.hero};
-  box-sizing: border-box;
-  padding-left: ${i.sp3};
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: center;
-  gap: ${e=>e.isLoading?i.sp1:i.sp0};
-`,Ot=n.div`
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-  gap: ${i.sp2};
-`,Nt=n.div`
-  display: flex;
-  align-items: center;
-  gap: ${i.sp2};
-  &:hover {
-    .infoIconTooltip {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,Ht=n(Ve)`
-  font-size: ${R.smallRegular.fontSize};
-  font-weight: ${R.smallRegular.fontWeight};
-  line-height: ${R.smallRegular.lineHeight};
-  font-family: ${R.smallRegular.fontFamily};
-  letter-spacing: ${R.smallRegular.letterSpacing};
-  color: ${$.link};
-  &:after {
-    background: ${$.link};
-  }
-  &:hover {
-    color: ${$.link};
-  }
-`,Wt=n.div`
-  display: flex;
-  align-items: center;
-  gap: ${i.sp2};
-  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  box-sizing: border-box;
-  padding-left: ${i.sp3};
-`,Et=n.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: ${i.sp4};
-  height: ${i.sp4};
-  border-radius: 50%;
-`,Kt=n(Je)`
-  width: ${i.sp4};
-  height: ${i.sp4};
-  color: ${e=>e.theme.colors.hero};
-`,Vt=n.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: ${i.sp4};
-  height: ${i.sp4};
-  border-radius: 50%;
-  background-color: ${e=>e.theme.colors.grey3};
-`,_t=n(W)`
-  color: ${e=>e.theme.colors.hero};
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`,Ft=n.div`
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  padding-left: ${i.sp3};
-  padding-right: ${i.sp2};
-  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  box-sizing: border-box;
-`,Ut=n(W)`
-  color: ${e=>e.theme.colors.hero};
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`,Yt=n.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${i.sp1};
-`,ne=n.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: ${i.sp3};
-`,oe=n(F)`
-  color: ${e=>e.theme.colors.hero};
-`,ae=n(F)`
-  color: ${$.brandColorPearl};
-`,Zt=new L(Z(0)).lighten(.3).hex(),{spendManagement:{chargeCard:{paymentHistory:O}}}=I.getLocalizedStrings(),qt=e=>e.base64!==void 0?`${pe}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",Xt=({repayment:e,accountInfo:o,isLatestFailedPayment:c=!1,isLoading:a=!1,isZeniTenant:r,onRetryPaymentClick:d})=>{const{accountLogo:g,accountType:y,depositAccountLast4:h,depositAccountName:p}=o??{},u=S.useCallback(f=>{f.stopPropagation(),d&&d(e.cardRepaymentId)},[d,e.cardRepaymentId]),j=I.getLocalizedStrings(),s=e.repaymentDate.format(j.dateFormat.visual.MMMDCommaYYYYformat),m=ue(e),C=e.paidByUser?.email?.endsWith("@zeni.ai")??!1,v=m||!r&&C?O.autopay:ye(e.paidByUser),w=e.status==="Rejected"||e.status==="Returned";return t.jsx(Qt,{children:t.jsxs(ei,{children:[t.jsxs(ti,{children:[t.jsx(ii,{children:t.jsx(b,{isLoading:a,customStyle:{width:i.sp6,height:i.sp6,borderRadius:"50%"},children:y==="depositAccount"&&p!=null&&p!==""?t.jsx(ni,{children:t.jsx(oi,{color:Z(0)})}):y==="paymentAccount"&&g!==void 0&&(g.base64||g.url)?t.jsx(ri,{src:qt(g),loading:"lazy"}):t.jsx(ai,{children:t.jsx(si,{})})})}),t.jsxs(di,{children:[t.jsx(li,{children:t.jsx(b,{isLoading:a,customStyle:{width:"150px",height:"20px",borderRadius:i.sp1},children:t.jsx(ci,{className:"sourceAccount",children:p!=null&&p!==""?p:O.sourceAccountUnknown})})}),t.jsx(hi,{children:t.jsx(b,{isLoading:a,customStyle:{width:"120px",height:"16px",borderRadius:i.sp1},children:t.jsx(pi,{children:h!=null&&h!==""?`Checking •••• ${h}`:""})})}),t.jsx(mi,{children:t.jsx(b,{isLoading:a,customStyle:{width:"150px",height:"16px",borderRadius:i.sp1},children:t.jsxs(gi,{children:[O.header.initiatedBy,":"," ",t.jsx(ui,{className:"initiatedBy",children:v})]})})}),t.jsx(yi,{children:t.jsx(b,{isLoading:a,customStyle:{width:"150px",height:"16px",borderRadius:i.sp1},children:t.jsxs(xi,{children:[O.header.paymentDate,":"," ",t.jsx(fi,{className:"paymentDate",children:s})]})})})]})]}),t.jsxs(wi,{children:[t.jsx($i,{children:t.jsx(b,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:t.jsx(vi,{className:"amount",title:V("0,0.[00]",e.amount),children:V("0,0.[00]",e.amount)})})}),t.jsx(bi,{children:t.jsx(b,{isLoading:a,customStyle:{width:"120px",height:i.sp4,borderRadius:i.sp1},children:t.jsx(ji,{children:t.jsx(Si,{children:t.jsx(Gt,{status:e.status})})})})}),w===!0&&c===!0&&d!=null&&t.jsx(Ci,{children:t.jsx(ki,{onClick:u,"data-testid":A("retry-payment",e.cardRepaymentId),children:O.retryPayment})})]})]})})},Gt=({status:e,style:o})=>{const c=_(),a=Jt(e,c),r=xe(e);return t.jsx(ge,{textColor:a,borderColor:a,text:r,tagStyles:{padding:"1px 6px",...o}})},Jt=(e,o)=>{switch(e){case"Clear":case"Sent":return new L($.success);case"Pending":case"PendingReview":return new L($.info);case"Rejected":case"Returned":return new L($.important);default:return new L(o.colors.grey1)}},Qt=n.div`
-  display: flex;
-  background-color: ${e=>e.theme.colors.grey5};
-  padding: ${i.sp3};
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  box-shadow: ${e=>e.theme.mode==="dark"?$.Elevation1Dark:$.Elevation1Light};
-  border-radius: ${i.sp2};
-  width: 100%;
-  margin-bottom: ${i.sp3};
-  box-sizing: border-box;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    border-color: ${e=>e.theme.colors.primary};
-    .paymentDate,
-    .sourceAccount,
-    .initiatedBy,
-    .amount {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,ei=n.div`
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-  justify-content: space-between;
-  align-items: flex-start;
-  gap: ${i.sp3};
-`,ti=n.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  gap: ${i.sp2};
-  flex: 1;
-  min-width: 0;
-`,ii=n.div`
-  display: flex;
-  align-items: flex-start;
-  justify-content: flex-start;
-  width: ${i.sp6};
-  height: ${i.sp6};
-  min-width: ${i.sp6};
-  margin-top: ${i.sp1};
-`,ni=n.div`
-  min-width: ${i.sp6};
-  width: ${i.sp6};
-  height: ${i.sp6};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 50%;
-  background-color: ${Zt};
-`,oi=n(he)`
-  min-width: inherit;
-  width: ${i.sp6};
-  height: ${i.sp6};
-`,ai=n.div`
-  min-width: ${i.sp6};
-  width: ${i.sp6};
-  height: ${i.sp6};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 50%;
-  background-color: ${e=>e.theme.colors.grey3};
-`,si=n(me)`
-  min-width: inherit;
-  width: ${i.sp6};
-  height: ${i.sp6};
-`,ri=n.img`
-  display: flex;
-  width: ${i.sp6};
-  height: ${i.sp6};
-  min-width: ${i.sp6};
-  border-radius: 50%;
-  object-fit: cover;
-`,di=n.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${i.sp0};
-  flex: 1;
-  min-width: 0;
-`,li=n.div`
-  display: flex;
-  align-items: center;
-`,ci=n(Ee)`
-  color: ${e=>e.theme.colors.primary};
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-weight: 600;
-`,hi=n.div`
-  display: flex;
-  align-items: center;
-`,pi=n(F)`
-  color: ${e=>e.theme.colors.hero};
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  position: relative;
-  top: -2px;
-`,mi=n.div`
-  display: flex;
-  align-items: center;
-  margin-top: 3px;
-`,gi=n(N)`
-  color: ${e=>e.theme.colors.hero};
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`,ui=n.span`
-  color: ${e=>e.theme.colors.hero};
-`,yi=n.div`
-  display: flex;
-  align-items: center;
-  position: relative;
-  top: -2px;
-`,xi=n(N)`
-  color: ${e=>e.theme.colors.hero};
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`,fi=n.span`
-  color: ${e=>e.theme.colors.hero};
-`,wi=n.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  justify-content: flex-start;
-  flex-shrink: 0;
-`,$i=n.div`
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-`,vi=n(N)`
-  color: ${e=>e.theme.colors.hero};
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`,bi=n.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  justify-content: flex-start;
-  margin-top: ${i.sp1};
-  margin-bottom: ${i.sp3};
-`,ji=n.div`
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-  gap: ${i.sp2};
-  flex-wrap: wrap;
-  justify-content: flex-end;
-`,Si=n.div`
-  display: flex;
-  align-items: center;
-  gap: ${i.sp2};
-  &:hover {
-    .infoIconTooltip {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,Ci=n.div`
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-`,ki=n(Ke)`
-  color: ${$.link};
-  cursor: pointer;
-  text-decoration: underline;
-  &:hover {
-    text-decoration: underline;
-  }
-`,Pi={lastListItemHeight:new x(200,114)},Li=I.getLocalizedStrings(),{spendManagement:{chargeCard:se},common:zi}=Li,re=50,Ri=64,Ii=351,Ti=86,we=q.memo(({fetchState:e,repaymentListWithAccountInfo:o,sortConfig:c,searchText:a,isZeniTenant:r,onColumnSortConfigChanged:d,onReloadPayments:g,onRetryPaymentClick:y})=>{const h=H(),p=S.useCallback(v=>v===0?re:h==="small"?132:X,[h]),u=S.useMemo(()=>{let v=re+Ri;for(let w=1;w<=o.length;w++)v+=p(w);return v},[o.length,p]),j=S.useMemo(()=>window.innerHeight-Ii,[]),s=u>j,m=S.useRef(null);S.useEffect(()=>{m.current?.resetAfterIndex(0)},[h]);const C=()=>e==="Error"?t.jsxs(Oi,{children:[t.jsx(Ni,{onClick:g,"data-testid":A("payment-history-list-reload"),children:t.jsx(Hi,{})}),t.jsx(Wi,{children:zi.reloadPage.label})]}):e==="Completed"&&o.length===0?t.jsx(Vi,{children:t.jsx(_i,{children:a!==""?se.paymentHistory.noPaymentHistoryMatchedSearch:se.paymentHistory.noPaymentHistoryAvailable})}):t.jsx(ve,{children:t.jsx(Ei,{windowSize:h,availableHeight:j,isListTooLarge:s,children:t.jsx(De,{children:({height:v,width:w})=>t.jsx(Be,{ref:m,height:v,itemCount:o.length+1,innerElementType:$e,itemSize:p,estimatedItemSize:X,itemKey:f=>f===0?"header":o[f-1].repayment.cardRepaymentId,width:w,overscanCount:Ae,initialScrollOffset:0,children:f=>t.jsx(Di,{...f,repaymentListWithAccountInfo:o,sortConfig:c,isZeniTenant:r,onColumnSortConfigChanged:d,onRetryPaymentClick:y})})})})});return t.jsx(Mi,{fetchState:e,children:C()})},(e,o)=>e.repaymentListWithAccountInfo===o.repaymentListWithAccountInfo&&e.fetchState===o.fetchState&&e.sortConfig.sortKey===o.sortConfig.sortKey&&e.sortConfig.sortOrder===o.sortConfig.sortOrder&&e.searchText===o.searchText&&e.isZeniTenant===o.isZeniTenant);we.displayName="ChargeCardPaymentHistoryContent";const $e=S.forwardRef((e,o)=>{const{children:c,style:a,...r}=e;return t.jsx(ve,{ref:o,style:{...a,width:"auto"},...r,children:t.jsx(Ki,{children:c})})});$e.displayName="ChargeCardPaymentHistoryInnerElement";const Di=({index:e,style:o,repaymentListWithAccountInfo:c,sortConfig:a,isZeniTenant:r,onColumnSortConfigChanged:d,onRetryPaymentClick:g})=>{const y=H(),h=e===0,p=h?null:c[e-1],u=p?.repayment??null,j=p?.accountInfo,s=S.useMemo(()=>{if(c.length===0)return null;const w=c.map(z=>z.repayment),f=w.slice(1).reduce((z,T)=>T.repaymentDate.isAfter(z.repaymentDate)?T:z,w[0]);return f.status==="Rejected"||f.status==="Returned"?f.cardRepaymentId:null},[c]),m={...o,width:"100%"};if(h)return t.jsx(de,{style:m,className:"spend-management-list-item",children:t.jsx(at,{companyNameSticky:!1,sortConfig:a,onColumnSortConfigChanged:d})});if(u==null)return null;const C=s!==null&&u.cardRepaymentId===s,v=y==="small"?Xt:ft;return t.jsx(de,{style:m,className:"spend-management-list-item",children:t.jsx(v,{repayment:u,accountInfo:j,isLatestFailedPayment:C,isZeniTenant:r,onRetryPaymentClick:g})})},Bi=({fetchState:e,repaymentListWithAccountInfo:o,sortConfig:c,onColumnSortConfigChanged:a,onReloadPayments:r,searchText:d,isZeniTenant:g,onRetryPaymentClick:y})=>(Te({componentName:"charge_card_payment_history.list",enabled:e==="Completed"}),t.jsx(we,{fetchState:e,repaymentListWithAccountInfo:o,sortConfig:c,onColumnSortConfigChanged:a,onReloadPayments:r,searchText:d,isZeniTenant:g,onRetryPaymentClick:y})),Ai=q.memo(Bi),Mi=n.div`
-  margin: ${e=>e.fetchState==="Error"?"auto":"unset"};
-  display: block;
-  height: 100%;
-`,Oi=n.div`
-  display: flex;
-  width: 100%;
-  height: calc(100% - 60px);
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-`,Ni=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;
-`,Hi=n(Me)`
-  height: ${i.sp5};
-  width: ${i.sp5};
-  color: ${e=>e.theme.colors.grey1};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Wi=n(Oe)`
-  margin-top: ${i.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,Ei=n.div`
-  position: sticky;
-  height: ${e=>e.isListTooLarge||e.windowSize==="small"?`calc(100vh - ${Ti}px)`:`${e.availableHeight}px`};
-  max-width: 99.9%;
-  ${({isListTooLarge:e,windowSize:o})=>(e||o==="small")&&`
-    .spend-management-list-item:last-of-type {
-      /* NOTE: !important is used to ensure padding is applied to the last item in the virtualized list. */
-      height: ${Pi.lastListItemHeight.valuePx(o)} !important;
-      padding-bottom: ${i.sp8};
-    }
-  `}
-
-  /* Hide scrollbar for Chrome, Safari and Opera */
-  & > div > div::-webkit-scrollbar {
-    display: none;
-  }
-  /* Hide scrollbar for IE, Edge and Firefox */
-  & > div > div {
-    -ms-overflow-style: none;
-    scrollbar-width: none;
-  }
-`,de=n.div`
-  top: ${i.sp0};
-  left: ${i.sp0};
-  padding-bottom: ${i.sp3};
-  box-sizing: border-box;
-`,Ki=n.div`
-  position: relative;
-  width: auto;
-  height: 100%;
-`,ve=n.div``,Vi=n.div`
-  display: flex;
-  height: 100%;
-  flex: 1 1 auto;
-  flex-direction: row;
-  justify-content: center;
-  align-items: flex-end;
-`,_i=n(W)`
-  display: flex;
-  color: ${e=>e.theme.colors.grey2};
-`,le={contentContainerMargin:new x(l[3],l[4],l[8])},{spendManagement:{chargeCard:{paymentHistory:ce}},common:Fi}=I.getLocalizedStrings(),cn=({repaymentList:e,fetchState:o,sortConfig:c,accountInfoByAccountId:a,searchText:r,filters:d,isZeniTenant:g,onBackClick:y,repaymentHistoryUsers:h,onColumnSortConfigChanged:p,onFiltersChange:u,onReloadPayments:j,onRetryPaymentClick:s,onSearchTextChanged:m,onClickMenuIcon:C,downloadParams:v,downloadState:w,updateDownloadStateHandler:f})=>{const z=Pe().analytics,T=Le(),[K,U]=S.useState(!1),k=H(),Y=_(),be=D=>{U(D)},je={entity:"charge_card_payment_history",showNewButtonOnNavbar:!1,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:Fi.strings.empty,hideSearchBtn:!1,searchTextBoxStyle:{right:"86px"},moreIconContainerStyle:{paddingRight:l[4]},isSearchOpen:K,searchPlaceHolder:ce.searchPlaceHolder,searchText:r,showSettingsIcon:!1,showSettingsIconOnNavbar:!1,showStatementButtonOnNavbar:!1,showPayEarlyButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,showDownloadIcon:!0,onDownloadClick:async()=>{f("In-Progress");try{await Ie({localeID:"en-US",fileType:"excel",entity:"charge_card_payment_history",filter:{filters:d,searchText:r},...v})}finally{f("Completed")}},disableDownloadButton:w==="In-Progress"||o!=="Completed"||e.length===0,analytics:z,onSearchOpen:be,filterIconContainerStyle:{...k==="small"&&{position:"static",paddingRight:"10px"}},onSearchTextChanged:m,onClickSetupIcon:()=>{},onClickStatementsIcon:()=>{},downloadState:w,onNewButtonClick:()=>{},onClickPayEarlyIcon:()=>{},onMenuOpen:()=>{},filters:d,onFiltersChange:u,createdByUserListLoaded:o==="Completed",getFilterOptions:()=>Xe("charge_card_payment_history",h,T.loggedInUserRole??[],[],a),renderDropdownOptionIcon:qe},Se=t.jsx(Ze,{spendManagementSectionProps:je}),Ce=ce.pageTitle,ke=S.useMemo(()=>e.map(D=>({repayment:D,accountInfo:D.paymentAccountId!=null&&D.paymentAccountId!==""?a?.[D.paymentAccountId]:void 0})),[e,a]);return t.jsxs(Ui,{children:[t.jsx(ze,{title:Ce,showBackButton:!0,showMenuIcon:k==="medium-compact"||k==="small",onClickMenuIcon:C,titleTextStyles:k==="small"?{...R.standardMedium.cssObject}:void 0,style:{zIndex:3},onBackClick:y,rightSideComponent:Se,isSearchOpen:K,hideSearchBtn:!1,scrollableContent:void 0,source:"ChargeCardPaymentHistoryPage",backgroundColor:Y.colors.grey4}),o==="Not-Started"||o==="In-Progress"?t.jsx(Re,{fetchState:o,styles:{margin:"auto"}}):t.jsx(Yi,{windowSize:k,children:t.jsx(Ai,{fetchState:o,repaymentListWithAccountInfo:ke,sortConfig:c,onColumnSortConfigChanged:p,onReloadPayments:j,searchText:r,isZeniTenant:g,onRetryPaymentClick:s})})]})},Ui=n.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100vh;
-  overflow: auto;
-`,Yi=n.div`
-  margin-top: ${i.sp4};
-  margin-right: ${e=>le.contentContainerMargin.valuePx(e.windowSize)};
-  margin-bottom: ${i.sp0};
-  margin-left: ${e=>le.contentContainerMargin.valuePx(e.windowSize)};
-`;export{cn as default};

package/dist/assets/CustomerOnboardingContainerPage-DLdgYP_E-VJ-ysRY-.js

@@ -1 +0,0 @@
-import{V as o}from"./index-CD9C31qH.js";import i from"./CustomerOnboardingNoStepsPage-Dri4v3Rf-BJzE5s0-.js";import e from"./CustomerOnboardingPage-BkdhcwN8-DmE6GIUm.js";import"./sentry-D4D7HRQR.js";import"./liveblocks-BmXYR5uO.js";import"./core-D7_k1EhP.js";import"./recharts-j_eh1fXg.js";import"./zeni-epic-state-I555vKHy.js";import"./mui-Fyk6sRCR.js";import"./lottie--pGIoexZ.js";import"./analytics-CO_4s2X8.js";import"./lexical-CGMN4tXG.js";import"./utils-BTQ24URD.js";import"./PaymentAccountSetupBillingAddressSection-BcQ07YZL-BZGt-jPq.js";import"./commonTypes-Gv0Fff59-C0n9xJpy.js";import"./SetUpAccountSection-CywFKgZo-p_1OWNEx.js";import"./CustomerOnboardingDetailPageSkeleton-BF484X8E-CaAZph1n.js";import"./CompanyOfficerDetailsSection-BotE5oj4-CeLb2lq5.js";import"./LabeledAddressValueField-BW6ytr8f-3MnpjjEc.js";import"./LabeledCountryMultiSelectField-DOEcKGdZ-C0Jyvygp.js";import"./LabeledCreatableSingleSelectField-Bsowq6Ia-WVOdOf4y.js";import"./LabeledDocumentField-DHqxzbx7-BskAR3wZ.js";import"./LabeledMultiSelectField-wuzYNgjQ-Df-SCo5M.js";import"./QBOSetupSection-BFxjIzV1-CYBW1H_4.js";import"./QBOConnectionDialog-B5v60lo1-Ch9POgNM.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new t.Error().stack;r&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[r]="629968d6-00d0-47a7-94e6-9becb62c8e7b",t._sentryDebugIdIdentifier="sentry-dbid-629968d6-00d0-47a7-94e6-9becb62c8e7b")}catch{}})();const P=t=>t.currentTenant?.productSettings.isOtherProductsEnabled===!0?o.jsx(i,{...t}):o.jsx(e,{...t});export{P as default};