@zeniai/web-cockpit-ui 1.15.58-qa → 1.15.59-dev

package/dist/assets/{ChargeCardPaymentHistoryPage-BdQWV5hd-BxCbxBo_.js → ChargeCardPaymentHistoryPage-CXlqzaUt-BEtGgsbY.js}

@@ -1,4 +1,4 @@
-import{a9 as Le,ay as Re,K as N,f as _,V as t,bE as Ie,w as I,gc as Te,O as T,u as l,o as i,x,jw as De,cg as Oe,jx as Q,ac as B,b5 as Be,cx as Ae,j2 as Me,bQ as He,aV as Ne,an as W,dy as j,h5 as U,aQ as K,bX as We,cz as Ee,bV as Ve,ao as H,cD as q,p as $,h6 as pe,fW as me,fS as ge,cl as Ke,ak as F,iT as ue,bO as _e,jy as Fe,ja as Ye,cG as Ze,aX as L,jb as Ue,jc as Ge}from"./index-uV9C0lq0.js";import{a as S,P as G}from"./sentry-rcvLxAzW.js";import{n,c as J}from"./mui-CgOsYmSB.js";import{t as Xe}from"./SpendManagementSection-DqDra2TJ-DXPdzdx4.js";import{r as Qe,a as qe,i as ye,g as Je}from"./SpendManagementListViewPage-DkEZTojy-CA6_5Fky.js";import{ck as xe,H1 as fe}from"./zeni-epic-state-D5MWzrZ6.js";import{r as et}from"./auto-transfer-rule-mbafm5D3-keRK9wSo.js";import"./liveblocks-PPyiYwu4.js";import"./core-DpPwA1EY.js";import"./recharts-B5a8DAKj.js";import"./lottie-CwowL814.js";import"./analytics-R4GG3mhr.js";import"./lexical-WuSd_Y3l.js";import"./utils-GKlM-QyI.js";import"./StatusSwitcher-Z7jo_R2B-D-RVNmDS.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]="084f0c08-0474-4dfb-9abd-1335528e21a8",e._sentryDebugIdIdentifier="sentry-dbid-084f0c08-0474-4dfb-9abd-1335528e21a8")}catch{}})();const E=T.getLocalizedStrings().spendManagement.chargeCard.paymentHistory.header,tt={key:"paymentDate",value:E.paymentDate,sortOrder:"ascending",width:new x(18,18,18,18,18)},it={key:"sourceAccount",value:E.sourceAccount,sortOrder:"ascending",width:new x(30,30,30,30,30)},nt={key:"paymentStatus",value:E.paymentStatus,sortOrder:"ascending",width:new x(22,22,22,22,22)},ot={key:"initiatedBy",value:E.initiatedBy,sortOrder:"ascending",width:new x(18,18,18,18,18)},at={key:"amount",value:E.amount,sortOrder:"ascending",width:new x(12,12,12,12,12)},we=()=>[tt,it,nt,ot,at],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,Ge)};function st({companyNameSticky:e,sortConfig:o,onColumnSortConfigChanged:c}){const a=_(),r=N(),[d,g]=S.useState(we());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),b=T.getLocalizedStrings().spendManagement.chargeCard.paymentHistory;return r==="small"?t.jsxs(ct,{windowSize:r,children:[t.jsxs(mt,{children:[t.jsx(ut,{children:t.jsx(gt,{})}),t.jsx(Ve,{title:b.header.paymentDate,placeholder:b.header.paymentDate,pickerValues:u,valueToLabel:p,selectedValue:o.sortKey,onPickerSelectionChanged:s=>{y(s,"ascending")},optionTextStyle:I.extraSmallRegular,titleTextStyle:I.extraSmallRegular,titleColor:a.colors.primary,selectedOptionColor:a.colors.hero,optionBackgroundColor:a.colors.grey5,downChevronVisible:!1,backgroundColor:a.colors.grey4})]}),t.jsxs(ft,{onClick:()=>y(h.key,h.sortOrder),"data-testid":B("mobile-payment-history-list-sort-clicked",o.sortKey),children:[t.jsx(H,{children:h.value}),t.jsx(ee,{windowSize:r,sortDataValue:o.sortKey,headerdata:h,children:t.jsx(te,{windowSize:r,children:t.jsx(q,{})})})]})]}):t.jsx(dt,{windowSize:r,children:t.jsx(lt,{children:d.map(s=>s.width.value(r)!==0&&t.jsxs(ht,{companyNameSticky:e,sortDataValue:o.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:r,children:[t.jsxs(xt,{onClick:()=>y(s.key,s.sortOrder),"data-testid":B("payment-history-list-sort-clicked",o.sortKey),children:[t.jsx(H,{children:s.value}),t.jsx(ee,{windowSize:r,sortDataValue:o.sortKey,headerdata:s,children:t.jsx(te,{windowSize:r,children:t.jsx(q,{})})})]}),t.jsx(yt,{sortDataValue:o.sortKey,windowSize:r,isVisible:o.sortKey===s.key&&!(o.sortKey==="paymentDate"&&o.sortOrder==="ascending"),children:t.jsx(pt,{onClick:()=>y("paymentDate","ascending"),"data-testid":B("payment-history-list-sort-cancel",o.sortKey)})})]},s.key))})})}const rt=G.memo(st),dt=n.div`
+import{a9 as ze,ay as Re,e as N,g as K,V as t,bE as Ie,w as I,gk as Te,O as T,u as l,o as i,x,jA as De,cl as Be,jB as G,ac as O,b5 as Oe,cC as Ae,j6 as Me,bT as He,aV as Ne,an as W,dF as j,h9 as U,aQ as V,c0 as We,cE as Ee,b_ as _e,ao as H,cI as Q,d as $,ha as pe,g2 as me,f_ as ge,cq as Ve,ak as F,iX as ue,bO as Ke,jC as Fe,je as Ye,cL as Ze,aX as z,jf as Ue,jg as qe}from"./index-aCBnCBoN.js";import{a as S,P as q}from"./sentry-DzaNjvx0.js";import{n,c as J}from"./mui-BosmckWV.js";import{t as Xe}from"./SpendManagementSection-DZFPfKNi-BUQ2S0Kz.js";import{r as Ge,a as Qe,i as ye,g as Je}from"./SpendManagementListViewPage-MOCWuROI-DKR38Veg.js";import{cl as xe,H1 as fe}from"./zeni-epic-state-BNpJ2txa.js";import{r as et}from"./auto-transfer-rule-mbafm5D3-Ba30im8q.js";import"./liveblocks-CEY7tsth.js";import"./core-Cjh03OPu.js";import"./recharts-CimMNwCJ.js";import"./lottie-BmLFYENY.js";import"./analytics-B_VWX-BQ.js";import"./lexical-9REae7LV.js";import"./utils-THjX-QSp.js";import"./StatusSwitcher-jxaonB4S-Dw8Z5KsP.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]="d10ab1b9-147a-44be-b0cb-34ea7f9df1f7",e._sentryDebugIdIdentifier="sentry-dbid-d10ab1b9-147a-44be-b0cb-34ea7f9df1f7")}catch{}})();const E=T.getLocalizedStrings().spendManagement.chargeCard.paymentHistory.header,tt={key:"paymentDate",value:E.paymentDate,sortOrder:"ascending",width:new x(18,18,18,18,18)},it={key:"sourceAccount",value:E.sourceAccount,sortOrder:"ascending",width:new x(30,30,30,30,30)},nt={key:"paymentStatus",value:E.paymentStatus,sortOrder:"ascending",width:new x(22,22,22,22,22)},ot={key:"initiatedBy",value:E.initiatedBy,sortOrder:"ascending",width:new x(18,18,18,18,18)},at={key:"amount",value:E.amount,sortOrder:"ascending",width:new x(12,12,12,12,12)},we=()=>[tt,it,nt,ot,at],k={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,qe)};function st({companyNameSticky:e,sortConfig:o,onColumnSortConfigChanged:c}){const a=K(),r=N(),[d,g]=S.useState(we());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),b=T.getLocalizedStrings().spendManagement.chargeCard.paymentHistory;return r==="small"?t.jsxs(ct,{windowSize:r,children:[t.jsxs(mt,{children:[t.jsx(ut,{children:t.jsx(gt,{})}),t.jsx(_e,{title:b.header.paymentDate,placeholder:b.header.paymentDate,pickerValues:u,valueToLabel:p,selectedValue:o.sortKey,onPickerSelectionChanged:s=>{y(s,"ascending")},optionTextStyle:I.extraSmallRegular,titleTextStyle:I.extraSmallRegular,titleColor:a.colors.primary,selectedOptionColor:a.colors.hero,optionBackgroundColor:a.colors.grey5,downChevronVisible:!1,backgroundColor:a.colors.grey4})]}),t.jsxs(ft,{onClick:()=>y(h.key,h.sortOrder),"data-testid":O("mobile-payment-history-list-sort-clicked",o.sortKey),children:[t.jsx(H,{children:h.value}),t.jsx(ee,{windowSize:r,sortDataValue:o.sortKey,headerdata:h,children:t.jsx(te,{windowSize:r,children:t.jsx(Q,{})})})]})]}):t.jsx(dt,{windowSize:r,children:t.jsx(lt,{children:d.map(s=>s.width.value(r)!==0&&t.jsxs(ht,{companyNameSticky:e,sortDataValue:o.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:r,children:[t.jsxs(xt,{onClick:()=>y(s.key,s.sortOrder),"data-testid":O("payment-history-list-sort-clicked",o.sortKey),children:[t.jsx(H,{children:s.value}),t.jsx(ee,{windowSize:r,sortDataValue:o.sortKey,headerdata:s,children:t.jsx(te,{windowSize:r,children:t.jsx(Q,{})})})]}),t.jsx(yt,{sortDataValue:o.sortKey,windowSize:r,isVisible:o.sortKey===s.key&&!(o.sortKey==="paymentDate"&&o.sortOrder==="ascending"),children:t.jsx(pt,{onClick:()=>y("paymentDate","ascending"),"data-testid":O("payment-history-list-sort-cancel",o.sortKey)})})]},s.key))})})}const rt=q.memo(st),dt=n.div`
   top: ${i.sp0};
   left: ${i.sp0};
   z-index: 2;
@@ -9,20 +9,20 @@ import{a9 as Le,ay as Re,K as N,f as _,V as t,bE as Ie,w as I,gc as Te,O as T,u
   display: flex;
   align-items: center;
   box-sizing: border-box;
-  padding: ${P.containerPaddingTop} ${P.containerPaddingRight}
-    ${P.containerPaddingBottom} ${P.containerPaddingLeft};
+  padding: ${k.containerPaddingTop} ${k.containerPaddingRight}
+    ${k.containerPaddingBottom} ${k.containerPaddingLeft};
   justify-content: space-between;
 `,ct=n(F)`
   top: ${i.sp0};
   left: ${i.sp0};
-  min-height: ${e=>P.headerHeight.valuePx(e.windowSize)};
-  max-height: ${e=>P.headerHeight.valuePx(e.windowSize)};
+  min-height: ${e=>k.headerHeight.valuePx(e.windowSize)};
+  max-height: ${e=>k.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)}`};
+  padding: ${e=>`${k.headerLastColumnTopPadding.valuePx(e.windowSize)} ${k.headerLastColumnRightPadding.valuePx(e.windowSize)} ${k.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${k.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
   background-color: ${e=>e.theme.colors.grey4};
   justify-content: space-between;
   position: sticky;
@@ -91,7 +91,7 @@ import{a9 as Le,ay as Re,K as N,f as _,V as t,bE as Ie,w as I,gc as Te,O as T,u
   cursor: pointer;
   gap: 5px;
   color: ${e=>e.theme.colors.primary};
-`,O={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:A}}}=T.getLocalizedStrings(),wt=e=>e.base64!==void 0?`${me}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",$t=({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=N(),b=S.useCallback(Z=>{Z.stopPropagation(),d&&d(e.cardRepaymentId)},[d,e.cardRepaymentId]),s=T.getLocalizedStrings(),m=e.repaymentDate.format(s.dateFormat.visual.MMMDCommaYYYYformat),C=Je(p,h,A.sourceAccountUnknown),v=ye(e),w=e.paidByUser?.email?.endsWith("@zeni.ai")??!1,f=v||!r&&w,R=f?A.autopay:xe(e.paidByUser),D=e.status==="Rejected"||e.status==="Returned",V=e.status==="Sent",Y=e.updateTime.format(s.dateFormat.visual.MMMDCommaYYYYformat),k=we();return t.jsx(St,{windowSize:u,children:t.jsx(Ct,{children:t.jsxs(kt,{children:[t.jsx(Pt,{windowSize:u,responsiveWidth:k[0].width,children:t.jsx(j,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:V?t.jsx(We,{placement:"bottom-start",title:t.jsxs(Gt,{children:[t.jsxs(oe,{children:[t.jsx(ae,{children:A.initiatedOn}),t.jsx(se,{children:m})]}),t.jsxs(oe,{children:[t.jsx(ae,{children:A.completedOn}),t.jsx(se,{children:Y})]})]}),style:{padding:"12px 16px"},display:"block",children:t.jsx(ie,{className:"paymentDate",children:m})}):t.jsx(ie,{className:"paymentDate",children:m})})}),t.jsxs(zt,{windowSize:u,responsiveWidth:k[1].width,children:[t.jsx(j,{isLoading:a,customStyle:{width:i.sp4,height:i.sp4,borderRadius:"50%"},children:t.jsx(Lt,{children:y==="depositAccount"&&p!=null&&p!==""?t.jsx(Rt,{children:t.jsx(It,{color:U(0)})}):y==="paymentAccount"&&g!==void 0&&(g.base64||g.url)?t.jsx(Ot,{src:wt(g),loading:"lazy"}):t.jsx(Tt,{children:t.jsx(Dt,{})})})}),t.jsx(Bt,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"20px",borderRadius:i.sp1},children:p!=null&&p!==""?t.jsxs(ne,{className:"sourceAccount",children:[t.jsx(At,{children:p}),h!=null&&h!==""&&t.jsx(Mt,{children:`•••• ${h}`})]}):t.jsx(ne,{className:"sourceAccount",children:C})})})]}),t.jsx(Ht,{windowSize:u,isLoading:a,responsiveWidth:k[2].width,children:t.jsx(j,{isLoading:a,customStyle:{width:"120px",height:i.sp4,borderRadius:i.sp1},children:t.jsxs(Nt,{children:[t.jsx(Wt,{children:t.jsx(vt,{status:e.status})}),D===!0&&c===!0&&d!=null&&t.jsxs(t.Fragment,{children:[t.jsx(bt,{}),t.jsx(Et,{onClick:b,"data-testid":B("retry-payment",e.cardRepaymentId),children:A.retryPayment})]})]})})}),t.jsxs(Vt,{windowSize:u,responsiveWidth:k[3].width,children:[t.jsx(j,{isLoading:a,customStyle:{width:i.sp4,height:i.sp4,borderRadius:"50%"},children:f?t.jsx(Kt,{children:t.jsx(_t,{})}):t.jsx(Ft,{children:t.jsx(Ee,{personBasic:e.paidByUser,styles:{height:i.sp4,width:i.sp4,minWidth:i.sp4}})})}),t.jsx(j,{isLoading:a,customStyle:{width:"80px",height:"20px",borderRadius:i.sp1,marginLeft:i.sp2},children:t.jsx(Yt,{className:"initiatedBy",children:R})})]}),t.jsx(Zt,{windowSize:u,responsiveWidth:k[4].width,children:t.jsx(j,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:t.jsx(Ut,{className:"amount",windowSize:u,title:K("0,0.00",e.amount),children:K("0,0.00",e.amount)})})})]})})})},vt=({status:e,style:o})=>{const c=_(),a=jt(e,c),r=fe(e);return t.jsx(ue,{textColor:a,borderColor:a,text:r,tagStyles:{padding:"1px 6px",...o}})},jt=(e,o)=>{switch(e){case"Sent":return new L($.success);case"Clearing":case"Pending":case"PendingReview":return new L($.alert);case"Rejected":case"Returned":return new L($.important);default:return new L(o.colors.grey1)}},bt=n.div`
+`,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:A}}}=T.getLocalizedStrings(),wt=e=>e.base64!==void 0?`${me}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",$t=({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=N(),b=S.useCallback(Z=>{Z.stopPropagation(),d&&d(e.cardRepaymentId)},[d,e.cardRepaymentId]),s=T.getLocalizedStrings(),m=e.repaymentDate.format(s.dateFormat.visual.MMMDCommaYYYYformat),C=Je(p,h,A.sourceAccountUnknown),v=ye(e),w=e.paidByUser?.email?.endsWith("@zeni.ai")??!1,f=v||!r&&w,R=f?A.autopay:xe(e.paidByUser),D=e.status==="Rejected"||e.status==="Returned",_=e.status==="Sent",Y=e.updateTime.format(s.dateFormat.visual.MMMDCommaYYYYformat),P=we();return t.jsx(St,{windowSize:u,children:t.jsx(Ct,{children:t.jsxs(Pt,{children:[t.jsx(kt,{windowSize:u,responsiveWidth:P[0].width,children:t.jsx(j,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:_?t.jsx(We,{placement:"bottom-start",title:t.jsxs(qt,{children:[t.jsxs(oe,{children:[t.jsx(ae,{children:A.initiatedOn}),t.jsx(se,{children:m})]}),t.jsxs(oe,{children:[t.jsx(ae,{children:A.completedOn}),t.jsx(se,{children:Y})]})]}),style:{padding:"12px 16px"},display:"block",children:t.jsx(ie,{className:"paymentDate",children:m})}):t.jsx(ie,{className:"paymentDate",children:m})})}),t.jsxs(Lt,{windowSize:u,responsiveWidth:P[1].width,children:[t.jsx(j,{isLoading:a,customStyle:{width:i.sp4,height:i.sp4,borderRadius:"50%"},children:t.jsx(zt,{children:y==="depositAccount"&&p!=null&&p!==""?t.jsx(Rt,{children:t.jsx(It,{color:U(0)})}):y==="paymentAccount"&&g!==void 0&&(g.base64||g.url)?t.jsx(Bt,{src:wt(g),loading:"lazy"}):t.jsx(Tt,{children:t.jsx(Dt,{})})})}),t.jsx(Ot,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"20px",borderRadius:i.sp1},children:p!=null&&p!==""?t.jsxs(ne,{className:"sourceAccount",children:[t.jsx(At,{children:p}),h!=null&&h!==""&&t.jsx(Mt,{children:`•••• ${h}`})]}):t.jsx(ne,{className:"sourceAccount",children:C})})})]}),t.jsx(Ht,{windowSize:u,isLoading:a,responsiveWidth:P[2].width,children:t.jsx(j,{isLoading:a,customStyle:{width:"120px",height:i.sp4,borderRadius:i.sp1},children:t.jsxs(Nt,{children:[t.jsx(Wt,{children:t.jsx(vt,{status:e.status})}),D===!0&&c===!0&&d!=null&&t.jsxs(t.Fragment,{children:[t.jsx(bt,{}),t.jsx(Et,{onClick:b,"data-testid":O("retry-payment",e.cardRepaymentId),children:A.retryPayment})]})]})})}),t.jsxs(_t,{windowSize:u,responsiveWidth:P[3].width,children:[t.jsx(j,{isLoading:a,customStyle:{width:i.sp4,height:i.sp4,borderRadius:"50%"},children:f?t.jsx(Vt,{children:t.jsx(Kt,{})}):t.jsx(Ft,{children:t.jsx(Ee,{personBasic:e.paidByUser,styles:{height:i.sp4,width:i.sp4,minWidth:i.sp4}})})}),t.jsx(j,{isLoading:a,customStyle:{width:"80px",height:"20px",borderRadius:i.sp1,marginLeft:i.sp2},children:t.jsx(Yt,{className:"initiatedBy",children:R})})]}),t.jsx(Zt,{windowSize:u,responsiveWidth:P[4].width,children:t.jsx(j,{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)})})})]})})})},vt=({status:e,style:o})=>{const c=K(),a=jt(e,c),r=fe(e);return t.jsx(ue,{textColor:a,borderColor:a,text:r,tagStyles:{padding:"1px 6px",...o}})},jt=(e,o)=>{switch(e){case"Sent":return new z($.success);case"Clearing":case"Pending":case"PendingReview":return new z($.alert);case"Rejected":case"Returned":return new z($.important);default:return new z(o.colors.grey1)}},bt=n.div`
   width: ${i.sp1};
   height: ${i.sp1};
   background-color: ${e=>e.theme.colors.grey1};
@@ -99,10 +99,10 @@ import{a9 as Le,ay as Re,K as N,f as _,V as t,bE as Ie,w as I,gc as Te,O as T,u
 `,St=n.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
-  padding-left: ${e=>O.containerPaddingLeft.valuePx(e.windowSize)};
-  padding-right: ${e=>O.containerPaddingRight.valuePx(e.windowSize)};
-  padding-top: ${e=>O.containerPaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>O.containerPaddingBottom.valuePx(e.windowSize)};
+  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};
@@ -119,20 +119,20 @@ import{a9 as Le,ay as Re,K as N,f as _,V as t,bE as Ie,w as I,gc as Te,O as T,u
     }
   }
 
-  margin-right: ${e=>O.containerMarginLeft.valuePx(e.windowSize)};
-  margin-left: ${e=>O.containerMarginRight.valuePx(e.windowSize)};
+  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;
 `,Ct=n.div`
   display: block;
   width: 100%;
-`,kt=n.div`
+`,Pt=n.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
   align-items: center;
-`,Pt=n.div`
+`,kt=n.div`
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   box-sizing: border-box;
   padding-left: ${i.sp3};
@@ -144,14 +144,14 @@ import{a9 as Le,ay as Re,K as N,f as _,V as t,bE as Ie,w as I,gc as Te,O as T,u
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,zt=n.div`
+`,Lt=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};
-`,Lt=n.div`
+`,zt=n.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -180,14 +180,14 @@ import{a9 as Le,ay as Re,K as N,f as _,V as t,bE as Ie,w as I,gc as Te,O as T,u
   min-width: inherit;
   width: ${i.sp4};
   height: ${i.sp4};
-`,Ot=n.img`
+`,Bt=n.img`
   display: flex;
   width: ${i.sp4};
   height: ${i.sp4};
   min-width: ${i.sp4};
   border-radius: 50%;
   object-fit: cover;
-`,Bt=n.div`
+`,Ot=n.div`
   display: flex;
   flex-direction: column;
   overflow: hidden;
@@ -245,21 +245,21 @@ import{a9 as Le,ay as Re,K as N,f as _,V as t,bE as Ie,w as I,gc as Te,O as T,u
   &:hover {
     color: ${$.link};
   }
-`,Vt=n.div`
+`,_t=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};
-`,Kt=n.div`
+`,Vt=n.div`
   display: flex;
   align-items: center;
   justify-content: center;
   width: ${i.sp4};
   height: ${i.sp4};
   border-radius: 50%;
-`,_t=n(et)`
+`,Kt=n(et)`
   width: ${i.sp4};
   height: ${i.sp4};
   color: ${e=>e.theme.colors.hero};
@@ -291,7 +291,7 @@ import{a9 as Le,ay as Re,K as N,f as _,V as t,bE as Ie,w as I,gc as Te,O as T,u
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,Gt=n.div`
+`,qt=n.div`
   display: flex;
   flex-direction: column;
   gap: ${i.sp1};
@@ -304,7 +304,7 @@ import{a9 as Le,ay as Re,K as N,f as _,V as t,bE as Ie,w as I,gc as Te,O as T,u
   color: ${e=>e.theme.colors.hero};
 `,se=n(F)`
   color: ${$.brandColorPearl};
-`,Xt=new L(U(0)).lighten(.3).hex(),{spendManagement:{chargeCard:{paymentHistory:M}}}=T.getLocalizedStrings(),Qt=e=>e.base64!==void 0?`${me}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",qt=({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]),b=T.getLocalizedStrings(),s=e.repaymentDate.format(b.dateFormat.visual.MMMDCommaYYYYformat),m=ye(e),C=e.paidByUser?.email?.endsWith("@zeni.ai")??!1,v=m||!r&&C?M.autopay:xe(e.paidByUser),w=e.status==="Rejected"||e.status==="Returned";return t.jsx(ti,{children:t.jsxs(ii,{children:[t.jsxs(ni,{children:[t.jsx(oi,{children:t.jsx(j,{isLoading:a,customStyle:{width:i.sp6,height:i.sp6,borderRadius:"50%"},children:y==="depositAccount"&&p!=null&&p!==""?t.jsx(ai,{children:t.jsx(si,{color:U(0)})}):y==="paymentAccount"&&g!==void 0&&(g.base64||g.url)?t.jsx(li,{src:Qt(g),loading:"lazy"}):t.jsx(ri,{children:t.jsx(di,{})})})}),t.jsxs(ci,{children:[t.jsx(hi,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"20px",borderRadius:i.sp1},children:t.jsx(pi,{className:"sourceAccount",children:p!=null&&p!==""?p:M.sourceAccountUnknown})})}),t.jsx(mi,{children:t.jsx(j,{isLoading:a,customStyle:{width:"120px",height:"16px",borderRadius:i.sp1},children:t.jsx(gi,{children:h!=null&&h!==""?`Checking •••• ${h}`:""})})}),t.jsx(ui,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"16px",borderRadius:i.sp1},children:t.jsxs(yi,{children:[M.header.initiatedBy,":"," ",t.jsx(xi,{className:"initiatedBy",children:v})]})})}),t.jsx(fi,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"16px",borderRadius:i.sp1},children:t.jsxs(wi,{children:[M.header.paymentDate,":"," ",t.jsx($i,{className:"paymentDate",children:s})]})})})]})]}),t.jsxs(vi,{children:[t.jsx(ji,{children:t.jsx(j,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:t.jsx(bi,{className:"amount",title:K("0,0.[00]",e.amount),children:K("0,0.[00]",e.amount)})})}),t.jsx(Si,{children:t.jsx(j,{isLoading:a,customStyle:{width:"120px",height:i.sp4,borderRadius:i.sp1},children:t.jsx(Ci,{children:t.jsx(ki,{children:t.jsx(Jt,{status:e.status})})})})}),w===!0&&c===!0&&d!=null&&t.jsx(Pi,{children:t.jsx(zi,{onClick:u,"data-testid":B("retry-payment",e.cardRepaymentId),children:M.retryPayment})})]})]})})},Jt=({status:e,style:o})=>{const c=_(),a=ei(e,c),r=fe(e);return t.jsx(ue,{textColor:a,borderColor:a,text:r,tagStyles:{padding:"1px 6px",...o}})},ei=(e,o)=>{switch(e){case"Sent":return new L($.success);case"Clearing":case"Pending":case"PendingReview":return new L($.alert);case"Rejected":case"Returned":return new L($.important);default:return new L(o.colors.grey1)}},ti=n.div`
+`,Xt=new z(U(0)).lighten(.3).hex(),{spendManagement:{chargeCard:{paymentHistory:M}}}=T.getLocalizedStrings(),Gt=e=>e.base64!==void 0?`${me}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",Qt=({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]),b=T.getLocalizedStrings(),s=e.repaymentDate.format(b.dateFormat.visual.MMMDCommaYYYYformat),m=ye(e),C=e.paidByUser?.email?.endsWith("@zeni.ai")??!1,v=m||!r&&C?M.autopay:xe(e.paidByUser),w=e.status==="Rejected"||e.status==="Returned";return t.jsx(ti,{children:t.jsxs(ii,{children:[t.jsxs(ni,{children:[t.jsx(oi,{children:t.jsx(j,{isLoading:a,customStyle:{width:i.sp6,height:i.sp6,borderRadius:"50%"},children:y==="depositAccount"&&p!=null&&p!==""?t.jsx(ai,{children:t.jsx(si,{color:U(0)})}):y==="paymentAccount"&&g!==void 0&&(g.base64||g.url)?t.jsx(li,{src:Gt(g),loading:"lazy"}):t.jsx(ri,{children:t.jsx(di,{})})})}),t.jsxs(ci,{children:[t.jsx(hi,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"20px",borderRadius:i.sp1},children:t.jsx(pi,{className:"sourceAccount",children:p!=null&&p!==""?p:M.sourceAccountUnknown})})}),t.jsx(mi,{children:t.jsx(j,{isLoading:a,customStyle:{width:"120px",height:"16px",borderRadius:i.sp1},children:t.jsx(gi,{children:h!=null&&h!==""?`Checking •••• ${h}`:""})})}),t.jsx(ui,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"16px",borderRadius:i.sp1},children:t.jsxs(yi,{children:[M.header.initiatedBy,":"," ",t.jsx(xi,{className:"initiatedBy",children:v})]})})}),t.jsx(fi,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"16px",borderRadius:i.sp1},children:t.jsxs(wi,{children:[M.header.paymentDate,":"," ",t.jsx($i,{className:"paymentDate",children:s})]})})})]})]}),t.jsxs(vi,{children:[t.jsx(ji,{children:t.jsx(j,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:t.jsx(bi,{className:"amount",title:V("0,0.[00]",e.amount),children:V("0,0.[00]",e.amount)})})}),t.jsx(Si,{children:t.jsx(j,{isLoading:a,customStyle:{width:"120px",height:i.sp4,borderRadius:i.sp1},children:t.jsx(Ci,{children:t.jsx(Pi,{children:t.jsx(Jt,{status:e.status})})})})}),w===!0&&c===!0&&d!=null&&t.jsx(ki,{children:t.jsx(Li,{onClick:u,"data-testid":O("retry-payment",e.cardRepaymentId),children:M.retryPayment})})]})]})})},Jt=({status:e,style:o})=>{const c=K(),a=ei(e,c),r=fe(e);return t.jsx(ue,{textColor:a,borderColor:a,text:r,tagStyles:{padding:"1px 6px",...o}})},ei=(e,o)=>{switch(e){case"Sent":return new z($.success);case"Clearing":case"Pending":case"PendingReview":return new z($.alert);case"Rejected":case"Returned":return new z($.important);default:return new z(o.colors.grey1)}},ti=n.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   padding: ${i.sp3};
@@ -388,7 +388,7 @@ import{a9 as Le,ay as Re,K as N,f as _,V as t,bE as Ie,w as I,gc as Te,O as T,u
 `,hi=n.div`
   display: flex;
   align-items: center;
-`,pi=n(Ke)`
+`,pi=n(Ve)`
   color: ${e=>e.theme.colors.primary};
   max-width: 100%;
   overflow: hidden;
@@ -461,7 +461,7 @@ import{a9 as Le,ay as Re,K as N,f as _,V as t,bE as Ie,w as I,gc as Te,O as T,u
   gap: ${i.sp2};
   flex-wrap: wrap;
   justify-content: flex-end;
-`,ki=n.div`
+`,Pi=n.div`
   display: flex;
   align-items: center;
   gap: ${i.sp2};
@@ -470,18 +470,18 @@ import{a9 as Le,ay as Re,K as N,f as _,V as t,bE as Ie,w as I,gc as Te,O as T,u
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,Pi=n.div`
+`,ki=n.div`
   display: flex;
   align-items: center;
   justify-content: flex-end;
-`,zi=n(_e)`
+`,Li=n(Ke)`
   color: ${$.link};
   cursor: pointer;
   text-decoration: underline;
   &:hover {
     text-decoration: underline;
   }
-`,Li={lastListItemHeight:new x(200,114)},Ri=T.getLocalizedStrings(),{spendManagement:{chargeCard:re},common:Ii}=Ri,de=50,Ti=64,Di=351,Oi=86,$e=G.memo(({fetchState:e,repaymentListWithAccountInfo:o,sortConfig:c,searchText:a,isZeniTenant:r,onColumnSortConfigChanged:d,onReloadPayments:g,onRetryPaymentClick:y})=>{const h=N(),p=S.useCallback(v=>v===0?de:h==="small"?132:Q,[h]),u=S.useMemo(()=>{let v=de+Ti;for(let w=1;w<=o.length;w++)v+=p(w);return v},[o.length,p]),b=S.useMemo(()=>window.innerHeight-Di,[]),s=u>b,m=S.useRef(null);S.useEffect(()=>{m.current?.resetAfterIndex(0)},[h]);const C=()=>e==="Error"?t.jsxs(Ni,{children:[t.jsx(Wi,{onClick:g,"data-testid":B("payment-history-list-reload"),children:t.jsx(Ei,{})}),t.jsx(Vi,{children:Ii.reloadPage.label})]}):e==="Completed"&&o.length===0?t.jsx(Fi,{children:t.jsx(Yi,{children:a!==""?re.paymentHistory.noPaymentHistoryMatchedSearch:re.paymentHistory.noPaymentHistoryAvailable})}):t.jsx(je,{children:t.jsx(Ki,{windowSize:h,availableHeight:b,isListTooLarge:s,children:t.jsx(Be,{children:({height:v,width:w})=>t.jsx(Ae,{ref:m,height:v,itemCount:o.length+1,innerElementType:ve,itemSize:p,estimatedItemSize:Q,itemKey:f=>f===0?"header":o[f-1].repayment.cardRepaymentId,width:w,overscanCount:Me,initialScrollOffset:0,children:f=>t.jsx(Bi,{...f,repaymentListWithAccountInfo:o,sortConfig:c,isZeniTenant:r,onColumnSortConfigChanged:d,onRetryPaymentClick:y})})})})});return t.jsx(Hi,{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);$e.displayName="ChargeCardPaymentHistoryContent";const ve=S.forwardRef((e,o)=>{const{children:c,style:a,...r}=e;return t.jsx(je,{ref:o,style:{...a,width:"auto"},...r,children:t.jsx(_i,{children:c})})});ve.displayName="ChargeCardPaymentHistoryInnerElement";const Bi=({index:e,style:o,repaymentListWithAccountInfo:c,sortConfig:a,isZeniTenant:r,onColumnSortConfigChanged:d,onRetryPaymentClick:g})=>{const y=N(),h=e===0,p=h?null:c[e-1],u=p?.repayment??null,b=p?.accountInfo,s=S.useMemo(()=>{if(c.length===0)return null;const w=c.map(R=>R.repayment),f=w.slice(1).reduce((R,D)=>D.repaymentDate.isAfter(R.repaymentDate)?D:R,w[0]);return f.status==="Rejected"||f.status==="Returned"?f.cardRepaymentId:null},[c]),m={...o,width:"100%"};if(h)return t.jsx(le,{style:m,className:"spend-management-list-item",children:t.jsx(rt,{companyNameSticky:!1,sortConfig:a,onColumnSortConfigChanged:d})});if(u==null)return null;const C=s!==null&&u.cardRepaymentId===s,v=y==="small"?qt:$t;return t.jsx(le,{style:m,className:"spend-management-list-item",children:t.jsx(v,{repayment:u,accountInfo:b,isLatestFailedPayment:C,isZeniTenant:r,onRetryPaymentClick:g})})},Ai=({fetchState:e,repaymentListWithAccountInfo:o,sortConfig:c,onColumnSortConfigChanged:a,onReloadPayments:r,searchText:d,isZeniTenant:g,onRetryPaymentClick:y})=>(Oe({componentName:"charge_card_payment_history.list",enabled:e==="Completed"}),t.jsx($e,{fetchState:e,repaymentListWithAccountInfo:o,sortConfig:c,onColumnSortConfigChanged:a,onReloadPayments:r,searchText:d,isZeniTenant:g,onRetryPaymentClick:y})),Mi=G.memo(Ai),Hi=n.div`
+`,zi={lastListItemHeight:new x(200,114)},Ri=T.getLocalizedStrings(),{spendManagement:{chargeCard:re},common:Ii}=Ri,de=50,Ti=64,Di=351,Bi=86,$e=q.memo(({fetchState:e,repaymentListWithAccountInfo:o,sortConfig:c,searchText:a,isZeniTenant:r,onColumnSortConfigChanged:d,onReloadPayments:g,onRetryPaymentClick:y})=>{const h=N(),p=S.useCallback(v=>v===0?de:h==="small"?132:G,[h]),u=S.useMemo(()=>{let v=de+Ti;for(let w=1;w<=o.length;w++)v+=p(w);return v},[o.length,p]),b=S.useMemo(()=>window.innerHeight-Di,[]),s=u>b,m=S.useRef(null);S.useEffect(()=>{m.current?.resetAfterIndex(0)},[h]);const C=()=>e==="Error"?t.jsxs(Ni,{children:[t.jsx(Wi,{onClick:g,"data-testid":O("payment-history-list-reload"),children:t.jsx(Ei,{})}),t.jsx(_i,{children:Ii.reloadPage.label})]}):e==="Completed"&&o.length===0?t.jsx(Fi,{children:t.jsx(Yi,{children:a!==""?re.paymentHistory.noPaymentHistoryMatchedSearch:re.paymentHistory.noPaymentHistoryAvailable})}):t.jsx(je,{children:t.jsx(Vi,{windowSize:h,availableHeight:b,isListTooLarge:s,children:t.jsx(Oe,{children:({height:v,width:w})=>t.jsx(Ae,{ref:m,height:v,itemCount:o.length+1,innerElementType:ve,itemSize:p,estimatedItemSize:G,itemKey:f=>f===0?"header":o[f-1].repayment.cardRepaymentId,width:w,overscanCount:Me,initialScrollOffset:0,children:f=>t.jsx(Oi,{...f,repaymentListWithAccountInfo:o,sortConfig:c,isZeniTenant:r,onColumnSortConfigChanged:d,onRetryPaymentClick:y})})})})});return t.jsx(Hi,{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);$e.displayName="ChargeCardPaymentHistoryContent";const ve=S.forwardRef((e,o)=>{const{children:c,style:a,...r}=e;return t.jsx(je,{ref:o,style:{...a,width:"auto"},...r,children:t.jsx(Ki,{children:c})})});ve.displayName="ChargeCardPaymentHistoryInnerElement";const Oi=({index:e,style:o,repaymentListWithAccountInfo:c,sortConfig:a,isZeniTenant:r,onColumnSortConfigChanged:d,onRetryPaymentClick:g})=>{const y=N(),h=e===0,p=h?null:c[e-1],u=p?.repayment??null,b=p?.accountInfo,s=S.useMemo(()=>{if(c.length===0)return null;const w=c.map(R=>R.repayment),f=w.slice(1).reduce((R,D)=>D.repaymentDate.isAfter(R.repaymentDate)?D:R,w[0]);return f.status==="Rejected"||f.status==="Returned"?f.cardRepaymentId:null},[c]),m={...o,width:"100%"};if(h)return t.jsx(le,{style:m,className:"spend-management-list-item",children:t.jsx(rt,{companyNameSticky:!1,sortConfig:a,onColumnSortConfigChanged:d})});if(u==null)return null;const C=s!==null&&u.cardRepaymentId===s,v=y==="small"?Qt:$t;return t.jsx(le,{style:m,className:"spend-management-list-item",children:t.jsx(v,{repayment:u,accountInfo:b,isLatestFailedPayment:C,isZeniTenant:r,onRetryPaymentClick:g})})},Ai=({fetchState:e,repaymentListWithAccountInfo:o,sortConfig:c,onColumnSortConfigChanged:a,onReloadPayments:r,searchText:d,isZeniTenant:g,onRetryPaymentClick:y})=>(Be({componentName:"charge_card_payment_history.list",enabled:e==="Completed"}),t.jsx($e,{fetchState:e,repaymentListWithAccountInfo:o,sortConfig:c,onColumnSortConfigChanged:a,onReloadPayments:r,searchText:d,isZeniTenant:g,onRetryPaymentClick:y})),Mi=q.memo(Ai),Hi=n.div`
   margin: ${e=>e.fetchState==="Error"?"auto":"unset"};
   display: block;
   height: 100%;
@@ -508,17 +508,17 @@ import{a9 as Le,ay as Re,K as N,f as _,V as t,bE as Ie,w as I,gc as Te,O as T,u
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Vi=n(Ne)`
+`,_i=n(Ne)`
   margin-top: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
-`,Ki=n.div`
+`,Vi=n.div`
   position: sticky;
-  height: ${e=>e.isListTooLarge||e.windowSize==="small"?`calc(100vh - ${Oi}px)`:`${e.availableHeight}px`};
+  height: ${e=>e.isListTooLarge||e.windowSize==="small"?`calc(100vh - ${Bi}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: ${Li.lastListItemHeight.valuePx(o)} !important;
+      height: ${zi.lastListItemHeight.valuePx(o)} !important;
       padding-bottom: ${i.sp8};
     }
   `}
@@ -537,7 +537,7 @@ import{a9 as Le,ay as Re,K as N,f as _,V as t,bE as Ie,w as I,gc as Te,O as T,u
   left: ${i.sp0};
   padding-bottom: ${i.sp3};
   box-sizing: border-box;
-`,_i=n.div`
+`,Ki=n.div`
   position: relative;
   width: auto;
   height: 100%;
@@ -551,13 +551,13 @@ import{a9 as Le,ay as Re,K as N,f as _,V as t,bE as Ie,w as I,gc as Te,O as T,u
 `,Yi=n(W)`
   display: flex;
   color: ${e=>e.theme.colors.grey2};
-`,ce={contentContainerMargin:new x(l[3],l[4],l[8])},{spendManagement:{chargeCard:{paymentHistory:he}},common:Zi}=T.getLocalizedStrings(),pn=({repaymentList:e,fetchState:o,sortConfig:c,accountInfoByAccountId:a,searchText:r,filters:d,isZeniTenant:g,onBackClick:y,repaymentHistoryUsers:h,onColumnSortConfigChanged:p,onFiltersChange:u,onReloadPayments:b,onRetryPaymentClick:s,onSearchTextChanged:m,onClickMenuIcon:C,downloadParams:v,downloadState:w,updateDownloadStateHandler:f})=>{const R=Le().analytics,D=Re(),[V,Y]=S.useState(!1),k=N(),Z=_(),be=r===""&&(d?.categories==null||d.categories.length===0||d.categories.every(z=>z.values==null||z.values.length===0)),X=o==="Completed"&&be&&e.length===0,Se=z=>{Y(z)},Ce={entity:"charge_card_payment_history",showNewButtonOnNavbar:!1,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:Zi.strings.empty,hideSearchBtn:!1,disableSearch:X,disableFilters:X,searchTextBoxStyle:{right:"86px"},moreIconContainerStyle:{paddingRight:l[4]},isSearchOpen:V,searchPlaceHolder:he.searchPlaceHolder,searchText:r,showSettingsIcon:!1,showSettingsIconOnNavbar:!1,showStatementButtonOnNavbar:!1,showPayEarlyButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,showDownloadIcon:!0,onDownloadClick:async()=>{f("In-Progress");try{await De({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:R,onSearchOpen:Se,filterIconContainerStyle:{...k==="small"&&{position:"static",paddingRight:"10px"}},onSearchTextChanged:m,onClickSetupIcon:()=>{},onClickStatementsIcon:()=>{},downloadState:w,onNewButtonClick:()=>{},onClickPayEarlyIcon:()=>{},onMenuOpen:()=>{},filters:d,onFiltersChange:u,createdByUserListLoaded:o==="Completed",getFilterOptions:()=>qe("charge_card_payment_history",h,D.loggedInUserRole??[],[],a),renderDropdownOptionIcon:Qe},ke=t.jsx(Xe,{spendManagementSectionProps:Ce}),Pe=he.pageTitle,ze=S.useMemo(()=>e.map(z=>({repayment:z,accountInfo:z.paymentAccountId!=null&&z.paymentAccountId!==""?a?.[z.paymentAccountId]:void 0})),[e,a]);return t.jsxs(Ui,{children:[t.jsx(Ie,{title:Pe,showBackButton:!0,showMenuIcon:k==="medium-compact"||k==="small",onClickMenuIcon:C,titleTextStyles:k==="small"?{...I.standardMedium.cssObject}:void 0,style:{zIndex:3},onBackClick:y,rightSideComponent:ke,isSearchOpen:V,hideSearchBtn:!1,scrollableContent:void 0,source:"ChargeCardPaymentHistoryPage",backgroundColor:Z.colors.grey4}),o==="Not-Started"||o==="In-Progress"?t.jsx(Te,{fetchState:o,styles:{margin:"auto"}}):t.jsx(Gi,{windowSize:k,children:t.jsx(Mi,{fetchState:o,repaymentListWithAccountInfo:ze,sortConfig:c,onColumnSortConfigChanged:p,onReloadPayments:b,searchText:r,isZeniTenant:g,onRetryPaymentClick:s})})]})},Ui=n.div`
+`,ce={contentContainerMargin:new x(l[3],l[4],l[8])},{spendManagement:{chargeCard:{paymentHistory:he}},common:Zi}=T.getLocalizedStrings(),pn=({repaymentList:e,fetchState:o,sortConfig:c,accountInfoByAccountId:a,searchText:r,filters:d,isZeniTenant:g,onBackClick:y,repaymentHistoryUsers:h,onColumnSortConfigChanged:p,onFiltersChange:u,onReloadPayments:b,onRetryPaymentClick:s,onSearchTextChanged:m,onClickMenuIcon:C,downloadParams:v,downloadState:w,updateDownloadStateHandler:f})=>{const R=ze().analytics,D=Re(),[_,Y]=S.useState(!1),P=N(),Z=K(),be=r===""&&(d?.categories==null||d.categories.length===0||d.categories.every(L=>L.values==null||L.values.length===0)),X=o==="Completed"&&be&&e.length===0,Se=L=>{Y(L)},Ce={entity:"charge_card_payment_history",showNewButtonOnNavbar:!1,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:Zi.strings.empty,hideSearchBtn:!1,disableSearch:X,disableFilters:X,searchTextBoxStyle:{right:"86px"},moreIconContainerStyle:{paddingRight:l[4]},isSearchOpen:_,searchPlaceHolder:he.searchPlaceHolder,searchText:r,showSettingsIcon:!1,showSettingsIconOnNavbar:!1,showStatementButtonOnNavbar:!1,showPayEarlyButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,showDownloadIcon:!0,onDownloadClick:async()=>{f("In-Progress");try{await De({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:R,onSearchOpen:Se,filterIconContainerStyle:{...P==="small"&&{position:"static",paddingRight:"10px"}},onSearchTextChanged:m,onClickSetupIcon:()=>{},onClickStatementsIcon:()=>{},downloadState:w,onNewButtonClick:()=>{},onClickPayEarlyIcon:()=>{},onMenuOpen:()=>{},filters:d,onFiltersChange:u,createdByUserListLoaded:o==="Completed",getFilterOptions:()=>Qe("charge_card_payment_history",h,D.loggedInUserRole??[],[],a),renderDropdownOptionIcon:Ge},Pe=t.jsx(Xe,{spendManagementSectionProps:Ce}),ke=he.pageTitle,Le=S.useMemo(()=>e.map(L=>({repayment:L,accountInfo:L.paymentAccountId!=null&&L.paymentAccountId!==""?a?.[L.paymentAccountId]:void 0})),[e,a]);return t.jsxs(Ui,{children:[t.jsx(Ie,{title:ke,showBackButton:!0,showMenuIcon:P==="medium-compact"||P==="small",onClickMenuIcon:C,titleTextStyles:P==="small"?{...I.standardMedium.cssObject}:void 0,style:{zIndex:3},onBackClick:y,rightSideComponent:Pe,isSearchOpen:_,hideSearchBtn:!1,scrollableContent:void 0,source:"ChargeCardPaymentHistoryPage",backgroundColor:Z.colors.grey4}),o==="Not-Started"||o==="In-Progress"?t.jsx(Te,{fetchState:o,styles:{margin:"auto"}}):t.jsx(qi,{windowSize:P,children:t.jsx(Mi,{fetchState:o,repaymentListWithAccountInfo:Le,sortConfig:c,onColumnSortConfigChanged:p,onReloadPayments:b,searchText:r,isZeniTenant:g,onRetryPaymentClick:s})})]})},Ui=n.div`
   display: flex;
   flex-direction: column;
   width: 100%;
   height: 100vh;
   overflow: auto;
-`,Gi=n.div`
+`,qi=n.div`
   margin-top: ${i.sp4};
   margin-right: ${e=>ce.contentContainerMargin.valuePx(e.windowSize)};
   margin-bottom: ${i.sp0};

package/dist/assets/{ChargeCardPromoPage-DAk2fYcE--OhP0cnw.js → ChargeCardPromoPage-D4canPX9-DuNs-QpK.js}

@@ -1,22 +1,22 @@
-import{K as $,V as r,f as O,ay as be,a9 as $e,aS as je,aQ as Se,f_ as Te,bE as ze,fz as ve,a as Y,ac as ee,O as oe,o as t,c as Pe,n as V,cH as ke,as as Ae,x,ar as Ie,bX as Be,iX as Le,ak as _e,u as p,N as S,p as y,bc as Re,aW as Me,iY as Ee}from"./index-uV9C0lq0.js";import{a as T}from"./sentry-rcvLxAzW.js";import{n,c as De,k as Fe}from"./mui-CgOsYmSB.js";import{FA as Ue}from"./zeni-epic-state-D5MWzrZ6.js";import{x as Ne}from"./NavigationDots-D4jbU1WN-2Zgm3tFB.js";import{J as H,N as G}from"./PromoBaseCards-DMnQ-nBZ-DDlepqsM.js";import{M as _}from"./usp-line-BBd1wKwW-BM7i27Wh.js";import"./liveblocks-PPyiYwu4.js";import"./core-DpPwA1EY.js";import"./recharts-B5a8DAKj.js";import"./lottie-CwowL814.js";import"./analytics-R4GG3mhr.js";import"./lexical-WuSd_Y3l.js";import"./utils-GKlM-QyI.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="d22139b8-d182-4692-926d-4b7c2ce2c571",e._sentryDebugIdIdentifier="sentry-dbid-d22139b8-d182-4692-926d-4b7c2ce2c571")}catch{}})();const g={containerPaddingTopBottom:new x(p[0],p[0]),uspContainerMarginX:new x(p[6],p[0]),midContainerGap:new x(p[4],84),iconContainerMinHeight:new x(236,396),emptySectionHeight:new x(p[6],43),navigationBottom:new x(p[4],94),navigationLeft:new x(192,244),carouselHeight:new x(268,396),carouselMarginTop:new x(54,p[4]),carouselMarginLeft:new x(120,p[12]),buttonTrayGap:new x(p[3],p[5]),termsOfAgreementMarginTop:new x(p[5],p[10]),contactAdminContainerMarginTop:new x(p[0],p[10]),contactAdminContainerMarginBottom:new x(p[4],p[0]),contactAdminContainerMarginLeftRight:new x(p[3],p[0])},z={promoBadgeText:new S("standardRegular","largeRegular"),promoBadgeTextBold:new S("standardBold","largeBold"),cardsContent:new S("extraSmallRegular","smallRegular"),contactAdmin:new S("extraSmallRegular","largeRegular"),uspText:new S("smallRegular","standardRegular"),uspBoldText:new S("smallMedium","standardMedium")},{common:U,spendManagement:{chargeCard:{chargeCardsPromo:o}}}=oe.getLocalizedStrings(),Rr=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:i,showEnableCardButton:a,controllerEmails:c,isCreditCardProductVisible:m,isDebitCardFeatureEnabled:h,isDebitCardSetupEnabled:u,isChargeCardSetupEnabled:w,admins:j,cashbackRate:P,cardPromoType:f="credit",isCheckingEnabled:l,onSetupButtonClick:d,onBackClick:pe,onClickMenuIcon:me,onSetupChargeCardSuccess:X,onExpressInterestClick:ge})=>{const he=O(),W=be(),v=$(),J=$e().analytics,{chargeCardTermsDetails:R,companyChargeCardInfo:C,companyLocaleInfo:M}=i,K=je(R?.fetchStatus.fetchState),[xe,Z]=T.useState(!1),ue=()=>{J.trackCardsPromoPageClicked("schedule demo"),J.trackCardsScheduleDemoClick(c,{isCreditCardOffered:m,isDebitCardOffered:h,isDebitCardEnabled:u,isCreditCardEnabled:w},"Cards Promo"),Z(!0)},we=C!=null&&M!=null?Se("0,0",{amount:C.chargeCardsCreditAccountLimit,currencyCode:M.currencyCode,currencySymbol:M.currencySymbol}):void 0;T.useEffect(()=>{K==="In-Progress"&&R?.fetchStatus.fetchState==="Completed"&&X()},[K,X,R?.fetchStatus]);const Q=Ue(W.loggedInUserRoleMap),fe=Te(W),E=f==="credit"&&C?.isCompanyInterestedInChargeCard===!1&&C.chargeCardsCreditAccountLimit===0,D=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===-1,F=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===0,Ce=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit>0,{expressInterestInChargeCardFetchState:ye}=i,q=E?o.getPreApprovedNow:a?o.enableCardsButton:o.setupCardsButton;return r.jsxs(We,{children:[r.jsx(ze,{title:o.title[f],backgroundColor:he.colors.grey4,onBackClick:pe,showBackButton:!0,showMenuIcon:v==="medium-compact"||v==="small",onClickMenuIcon:me,style:{zIndex:9},source:"ChargeCardPromoPage"}),xe===!0?r.jsx(ve,{onCancelClick:()=>{Z(!1)},meetingUrl:e}):null,r.jsx(Qe,{windowSize:v,children:Q===!0?r.jsxs(Ze,{children:[r.jsxs(Ke,{children:[r.jsx(Ge,{isApproved:Ce,creditAmount:we,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:E,creditLimit:C?.chargeCardsCreditAccountLimit}),r.jsx(ae,{cardPromoType:f,cashbackRate:P})]}),r.jsx(ne,{showEnableCardButton:a,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:E,isCheckingEnabled:l})]}):r.jsx(Oe,{companyLegalName:s,cards:[],admins:j,cashbackRate:P,hasZeniFinopsRoles:fe,cardPromoType:f,isCheckingEnabled:l})}),Q&&!(F||D)?r.jsxs(or,{windowSize:v,children:[r.jsx(Y,{variant:"secondary",label:o.scheduleDemoButton,style:{width:166},onClick:ue,"data-testid":ee("schedule-demo-button")}),r.jsx(Je,{windowSize:v,children:o.orText}),r.jsx(Y,{variant:"primary",label:q,style:{minWidth:166},loading:i.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||ye==="In-Progress",onClick:q===o.getPreApprovedNow?ge:()=>d(f),"data-testid":ee("enable-card-button")})]}):null]})},He=({admins:e})=>{const s=e.flatMap(a=>a.user?.firstName+" "+a.user?.lastName).join(", "),i=$();return r.jsxs(mr,{windowSize:i,children:[r.jsx(N,{underline:!1,windowSize:i,children:o.noCardAssigned.pre}),r.jsx(Be,{title:s,placement:"top-start",style:{padding:`2px ${t.sp2}`},children:r.jsx(N,{underline:!0,windowSize:i,children:o.noCardAssigned.tooltip})}),r.jsx(N,{underline:!1,windowSize:i,children:o.noCardAssigned.post})]})},ne=({cardPromoType:e,showEnableCardButton:s,isCheckingEnabled:i,isUnderReview:a,isRejected:c,showExpressInterest:m,isCardUser:h=!1})=>{const u=$();return r.jsx(ir,{windowSize:u,children:r.jsx(Le,{topTermLabel:o.terms.checkingAccountTerm,buttonTermLabel:a===!0||c===!0||h===!0?void 0:m===!0?o.terms.getPreApprovedNowTerm:s?o.terms.alternateTerm1:o.terms.terms1,showEndIcon:!1,showTerms:c===!1&&h===!1&&a===!1,style:{marginTop:g.termsOfAgreementMarginTop.valuePx(u)},cardPromoType:e,isCheckingEnabled:i})})},Ge=({isApproved:e,cardPromoType:s,creditAmount:i,isUnderReview:a,isRejected:c,showExpressInterest:m,creditLimit:h})=>{const u=$(),w=s==="debit_and_credit"?o.promoTextDebitCreditCard:s==="debit"?o.promoTextDebitCard:o.promoTextCreditCard,j=e?r.jsxs(r.Fragment,{children:[o.promoBadgeText.approved,r.jsx(te,{children:i}),o.creditLimit,U.strings.space]}):m?r.jsxs(r.Fragment,{children:[o.promoBadgeText.nonPreApproved.get,r.jsx(rr,{children:o.promoBadgeText.nonPreApproved.scale}),o.promoBadgeText.nonPreApproved.doubleStarred,U.strings.space,o.promoBadgeText.nonPreApproved.higherLimits]}):a?o.promoBadgeText.underReview:c?o.promoBadgeText.rejected:s==="debit_and_credit"&&h===0?null:r.jsxs(r.Fragment,{children:[o.promoBadgeText.preApproved,r.jsx(te,{children:i}),o.creditLimit,U.strings.space]});return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:u==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]})}),r.jsxs(Ye,{cardPromoType:s,hasContent:j!=null,hideBadge:i==null||s==="debit",windowSize:u,children:[a||c||m?null:r.jsx(yr,{}),r.jsx(er,{windowSize:u,children:j})]})]})},Oe=({companyLegalName:e,cards:s,admins:i,cashbackRate:a,hasZeniFinopsRoles:c,cardPromoType:m="credit",isCheckingEnabled:h})=>{const u=$(),w=m==="debit_and_credit"?o.promoTextDebitCreditCard:m==="debit"?o.promoTextDebitCard:o.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[u==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]}),s.length===0?r.jsx(pr,{windowSize:u}):r.jsx(Ve,{cards:s,companyLegalName:e}),r.jsx(ae,{cardPromoType:m,cashbackRate:a}),c?null:r.jsx(He,{admins:i}),r.jsx(ne,{isCardUser:!0,showEnableCardButton:!1,cardPromoType:m,isCheckingEnabled:h})]})},Ve=({cards:e,companyLegalName:s})=>{const i=O(),a=$();let c="",m;if(e.length===1){m=e[0].cardCreatedByUser.photo;const h=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;c=o.cardAssigned.singleCreditCard.replace("__issuing-user__",h).replace("__company-name__",s)}else c=o.cardAssigned.multipleCreditCards.replace("__company-name__",s);return r.jsxs(hr,{children:[m!=null?r.jsx(qe,{width:t.sp5,height:t.sp5,style:{paddingTop:a==="small"?t.sp1:t.sp0},src:m.href,alt:oe.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:h})=>{h.onerror=null,h.src=Ie},loading:"lazy"}):null,r.jsx(gr,{windowSize:a,mode:i.mode,children:r.jsx(xr,{windowSize:a,children:c})})]})},re=({windowSize:e,cardPromoType:s})=>{let i=o.businessText;return s==="debit"&&(i=`${i} ${o.debit}`),r.jsx(r.Fragment,{children:s==="debit_and_credit"?r.jsx(Xe,{}):r.jsxs(ar,{windowSize:e,children:[r.jsx(H,{cardPromoType:s,cardText:i,shouldAnimate:!0,showChip:!0,forDashboard:!1,forListPage:!1}),r.jsx(G,{cardPromoType:s,cardText:i,showChip:!0,forDashboard:!1,shouldAnimate:!0,forListPage:!1})]})})},ae=({cardPromoType:e,cashbackRate:s})=>{const i=$(),a=o.benefits;return r.jsxs(tr,{windowSize:i,children:[i==="small"?r.jsx(re,{windowSize:i,cardPromoType:e}):null,r.jsxs(nr,{windowSize:i,children:[r.jsxs(A,{windowSize:i,children:[r.jsx(B,{children:r.jsx(lr,{})}),r.jsxs(L,{children:[r.jsx(b,{windowSize:i,children:a.item1.pre}),r.jsx(I,{windowSize:i,children:a.item1.bold.replace("__cashback__",(s*100).toFixed(2))}),r.jsx(b,{windowSize:i,children:`${e==="credit"||e==="debit_and_credit"?a.singleStarred:""}${a.item1.post}`})]})]}),r.jsxs(A,{windowSize:i,children:[r.jsx(B,{children:r.jsx(sr,{})}),r.jsxs(L,{children:[r.jsx(b,{windowSize:i,children:a.item2.pre}),r.jsx(I,{windowSize:i,children:a.item2.bold}),r.jsx(b,{windowSize:i,children:a.item2.post})]})]}),r.jsxs(A,{windowSize:i,children:[r.jsx(B,{children:r.jsx(cr,{})}),r.jsxs(L,{children:[r.jsx(b,{windowSize:i,children:a.item3.pre}),r.jsx(I,{windowSize:i,children:a.item3.bold}),r.jsx(b,{windowSize:i,children:a.item3.post})]})]}),r.jsxs(A,{windowSize:i,children:[r.jsx(B,{children:r.jsx(dr,{})}),r.jsxs(L,{children:[r.jsx(b,{windowSize:i,children:a.item4.pre}),r.jsx(I,{windowSize:i,children:a.item4.bold}),r.jsx(b,{windowSize:i,children:a.item4.post})]})]})]}),i==="small"?null:r.jsx(re,{windowSize:i,cardPromoType:e})]})};let k;const Xe=()=>{const e=$(),s=O(),[i,a]=T.useState(0),[c,m]=T.useState(!1),h=o.businessText,u=`${h} ${o.debit}`,w=[{id:1,cardType:"debit",cardText:u},{id:2,cardType:"debit",cardText:u},{id:3,cardType:"credit",cardText:h},{id:4,cardType:"credit",cardText:h}];T.useEffect(()=>(c||(k=setInterval(()=>{a(l=>{const d=l+1;return d===w.length?(m(!0),0):d})},2e3)),()=>clearInterval(k)),[c,w.length]),T.useEffect(()=>{c&&k!=null&&clearInterval(k)},[c]);const j=(l,d)=>{switch((l-i+w.length)%w.length){case 0:return{transform:`translate(0,${d?"100%":0}) scale(1)`,zIndex:d?5:6,opacity:1,transition:"transform 0.4s"};case 1:return{transform:`translate(35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};case 2:return{transform:`translate(35%,${d?"80%":"5%"}) scale(0.75)`,zIndex:d?3:4,opacity:0,transition:"transform 0.4s 0.2s, opacity 0.4s 0.0s"};case 3:return{transform:`translate(-35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};default:return}},P=l=>{const d=j(l,!0);return{...d,transform:`${d?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}},f=l=>{c||m(!0),a(l)};return r.jsxs(ur,{windowSize:e,children:[r.jsx(wr,{windowSize:e,children:w.map((l,d)=>r.jsxs(fr,{children:[r.jsx(ie,{isReflection:!1,style:{...j(d,!1)},onClick:()=>f(d),children:d===0||d===2?r.jsx(H,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}}):r.jsx(G,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}})},l.id),r.jsx(ie,{isReflection:!0,style:{...P(d)},children:d===0||d===2?r.jsx(H,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,forDashboard:!1,showChip:!0,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent 90%)",WebkitMaskImage:"linear-gradient(to top, black, transparent 90%)"}}):r.jsx(G,{cardPromoType:l.cardType,cardText:l.cardText,showChip:!0,shouldAnimate:!1,forDashboard:!1,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent)",WebkitMaskImage:"linear-gradient(to top, black, transparent)"}})},`reflection-${l.id}`)]},l.id))}),c&&r.jsx(Ne,{numberOfDots:w.length,activeIndex:i,handleClick:a,promoColor:s.colors.primary,promoColorHover:s.colors.grey5,spendManagementPromoCardActive:!0,dotStyle:{width:t.sp2,height:t.sp2},style:{cursor:"default",position:"absolute",bottom:g.navigationBottom.valuePx(e),left:g.navigationLeft.valuePx(e),zIndex:7}})]})},We=n.div`
+import{e as $,V as r,g as G,ay as ye,a9 as $e,aS as je,aQ as Se,g6 as Te,bE as ve,fH as ze,a as Y,ac as ee,O as oe,o as t,c as Pe,n as V,cM as ke,as as Ae,x,ar as Be,c0 as Ie,i$ as Le,ak as _e,u as p,N as S,d as b,bc as Re,aW as Ee,j0 as Me}from"./index-aCBnCBoN.js";import{a as T}from"./sentry-DzaNjvx0.js";import{n,c as De,k as Fe}from"./mui-BosmckWV.js";import{FB as Ue}from"./zeni-epic-state-BNpJ2txa.js";import{x as Ne}from"./NavigationDots-c-XSrFzE-Dxzsqafk.js";import{J as H,N as O}from"./PromoBaseCards-CN9uZfG4-4ZG6rDcT.js";import{M as _}from"./usp-line-BBd1wKwW-Bnk1sVWO.js";import"./liveblocks-CEY7tsth.js";import"./core-Cjh03OPu.js";import"./recharts-CimMNwCJ.js";import"./lottie-BmLFYENY.js";import"./analytics-B_VWX-BQ.js";import"./lexical-9REae7LV.js";import"./utils-THjX-QSp.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="266e3350-cfbe-4b91-a2df-ef6fc791b725",e._sentryDebugIdIdentifier="sentry-dbid-266e3350-cfbe-4b91-a2df-ef6fc791b725")}catch{}})();const g={containerPaddingTopBottom:new x(p[0],p[0]),uspContainerMarginX:new x(p[6],p[0]),midContainerGap:new x(p[4],84),iconContainerMinHeight:new x(236,396),emptySectionHeight:new x(p[6],43),navigationBottom:new x(p[4],94),navigationLeft:new x(192,244),carouselHeight:new x(268,396),carouselMarginTop:new x(54,p[4]),carouselMarginLeft:new x(120,p[12]),buttonTrayGap:new x(p[3],p[5]),termsOfAgreementMarginTop:new x(p[5],p[10]),contactAdminContainerMarginTop:new x(p[0],p[10]),contactAdminContainerMarginBottom:new x(p[4],p[0]),contactAdminContainerMarginLeftRight:new x(p[3],p[0])},v={promoBadgeText:new S("standardRegular","largeRegular"),promoBadgeTextBold:new S("standardBold","largeBold"),cardsContent:new S("extraSmallRegular","smallRegular"),contactAdmin:new S("extraSmallRegular","largeRegular"),uspText:new S("smallRegular","standardRegular"),uspBoldText:new S("smallMedium","standardMedium")},{common:U,spendManagement:{chargeCard:{chargeCardsPromo:o}}}=oe.getLocalizedStrings(),Rr=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:i,showEnableCardButton:a,controllerEmails:c,isCreditCardProductVisible:m,isDebitCardFeatureEnabled:h,isDebitCardSetupEnabled:u,isChargeCardSetupEnabled:w,admins:j,cashbackRate:P,cardPromoType:f="credit",isCheckingEnabled:l,onSetupButtonClick:d,onBackClick:pe,onClickMenuIcon:me,onSetupChargeCardSuccess:W,onExpressInterestClick:ge})=>{const he=G(),J=ye(),z=$(),Z=$e().analytics,{chargeCardTermsDetails:R,companyChargeCardInfo:C,companyLocaleInfo:E}=i,K=je(R?.fetchStatus.fetchState),[xe,Q]=T.useState(!1),ue=()=>{Z.trackCardsPromoPageClicked("schedule demo"),Z.trackCardsScheduleDemoClick(c,{isCreditCardOffered:m,isDebitCardOffered:h,isDebitCardEnabled:u,isCreditCardEnabled:w},"Cards Promo"),Q(!0)},we=C!=null&&E!=null?Se("0,0",{amount:C.chargeCardsCreditAccountLimit,currencyCode:E.currencyCode,currencySymbol:E.currencySymbol}):void 0;T.useEffect(()=>{K==="In-Progress"&&R?.fetchStatus.fetchState==="Completed"&&W()},[K,W,R?.fetchStatus]);const X=Ue(J.loggedInUserRoleMap),fe=Te(J),M=f==="credit"&&C?.isCompanyInterestedInChargeCard===!1&&C.chargeCardsCreditAccountLimit===0,D=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===-1,F=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===0,Ce=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit>0,{expressInterestInChargeCardFetchState:be}=i,q=M?o.getPreApprovedNow:a?o.enableCardsButton:o.setupCardsButton;return r.jsxs(Je,{children:[r.jsx(ve,{title:o.title[f],backgroundColor:he.colors.grey4,onBackClick:pe,showBackButton:!0,showMenuIcon:z==="medium-compact"||z==="small",onClickMenuIcon:me,style:{zIndex:9},source:"ChargeCardPromoPage"}),xe===!0?r.jsx(ze,{onCancelClick:()=>{Q(!1)},meetingUrl:e}):null,r.jsx(Xe,{windowSize:z,children:X===!0?r.jsxs(Qe,{children:[r.jsxs(Ke,{children:[r.jsx(Oe,{isApproved:Ce,creditAmount:we,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:M,creditLimit:C?.chargeCardsCreditAccountLimit}),r.jsx(ae,{cardPromoType:f,cashbackRate:P})]}),r.jsx(ne,{showEnableCardButton:a,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:M,isCheckingEnabled:l})]}):r.jsx(Ge,{companyLegalName:s,cards:[],admins:j,cashbackRate:P,hasZeniFinopsRoles:fe,cardPromoType:f,isCheckingEnabled:l})}),X&&!(F||D)?r.jsxs(or,{windowSize:z,children:[r.jsx(Y,{variant:"secondary",label:o.scheduleDemoButton,style:{width:166},onClick:ue,"data-testid":ee("schedule-demo-button")}),r.jsx(Ze,{windowSize:z,children:o.orText}),r.jsx(Y,{variant:"primary",label:q,style:{minWidth:166},loading:i.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||be==="In-Progress",onClick:q===o.getPreApprovedNow?ge:()=>d(f),"data-testid":ee("enable-card-button")})]}):null]})},He=({admins:e})=>{const s=e.flatMap(a=>a.user?.firstName+" "+a.user?.lastName).join(", "),i=$();return r.jsxs(mr,{windowSize:i,children:[r.jsx(N,{underline:!1,windowSize:i,children:o.noCardAssigned.pre}),r.jsx(Ie,{title:s,placement:"top-start",style:{padding:`2px ${t.sp2}`},children:r.jsx(N,{underline:!0,windowSize:i,children:o.noCardAssigned.tooltip})}),r.jsx(N,{underline:!1,windowSize:i,children:o.noCardAssigned.post})]})},ne=({cardPromoType:e,showEnableCardButton:s,isCheckingEnabled:i,isUnderReview:a,isRejected:c,showExpressInterest:m,isCardUser:h=!1})=>{const u=$();return r.jsx(ir,{windowSize:u,children:r.jsx(Le,{topTermLabel:o.terms.checkingAccountTerm,buttonTermLabel:a===!0||c===!0||h===!0?void 0:m===!0?o.terms.getPreApprovedNowTerm:s?o.terms.alternateTerm1:o.terms.terms1,showEndIcon:!1,showTerms:c===!1&&h===!1&&a===!1,style:{marginTop:g.termsOfAgreementMarginTop.valuePx(u)},cardPromoType:e,isCheckingEnabled:i})})},Oe=({isApproved:e,cardPromoType:s,creditAmount:i,isUnderReview:a,isRejected:c,showExpressInterest:m,creditLimit:h})=>{const u=$(),w=s==="debit_and_credit"?o.promoTextDebitCreditCard:s==="debit"?o.promoTextDebitCard:o.promoTextCreditCard,j=e?r.jsxs(r.Fragment,{children:[o.promoBadgeText.approved,r.jsx(te,{children:i}),o.creditLimit,U.strings.space]}):m?r.jsxs(r.Fragment,{children:[o.promoBadgeText.nonPreApproved.get,r.jsx(rr,{children:o.promoBadgeText.nonPreApproved.scale}),o.promoBadgeText.nonPreApproved.doubleStarred,U.strings.space,o.promoBadgeText.nonPreApproved.higherLimits]}):a?o.promoBadgeText.underReview:c?o.promoBadgeText.rejected:s==="debit_and_credit"&&h===0?null:r.jsxs(r.Fragment,{children:[o.promoBadgeText.preApproved,r.jsx(te,{children:i}),o.creditLimit,U.strings.space]});return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:u==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]})}),r.jsxs(Ye,{cardPromoType:s,hasContent:j!=null,hideBadge:i==null||s==="debit",windowSize:u,children:[a||c||m?null:r.jsx(br,{}),r.jsx(er,{windowSize:u,children:j})]})]})},Ge=({companyLegalName:e,cards:s,admins:i,cashbackRate:a,hasZeniFinopsRoles:c,cardPromoType:m="credit",isCheckingEnabled:h})=>{const u=$(),w=m==="debit_and_credit"?o.promoTextDebitCreditCard:m==="debit"?o.promoTextDebitCard:o.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[u==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]}),s.length===0?r.jsx(pr,{windowSize:u}):r.jsx(Ve,{cards:s,companyLegalName:e}),r.jsx(ae,{cardPromoType:m,cashbackRate:a}),c?null:r.jsx(He,{admins:i}),r.jsx(ne,{isCardUser:!0,showEnableCardButton:!1,cardPromoType:m,isCheckingEnabled:h})]})},Ve=({cards:e,companyLegalName:s})=>{const i=G(),a=$();let c="",m;if(e.length===1){m=e[0].cardCreatedByUser.photo;const h=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;c=o.cardAssigned.singleCreditCard.replace("__issuing-user__",h).replace("__company-name__",s)}else c=o.cardAssigned.multipleCreditCards.replace("__company-name__",s);return r.jsxs(hr,{children:[m!=null?r.jsx(qe,{width:t.sp5,height:t.sp5,style:{paddingTop:a==="small"?t.sp1:t.sp0},src:m.href,alt:oe.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:h})=>{h.onerror=null,h.src=Be},loading:"lazy"}):null,r.jsx(gr,{windowSize:a,mode:i.mode,children:r.jsx(xr,{windowSize:a,children:c})})]})},re=({windowSize:e,cardPromoType:s})=>{let i=o.businessText;return s==="debit"&&(i=`${i} ${o.debit}`),r.jsx(r.Fragment,{children:s==="debit_and_credit"?r.jsx(We,{}):r.jsxs(ar,{windowSize:e,children:[r.jsx(H,{cardPromoType:s,cardText:i,shouldAnimate:!0,showChip:!0,forDashboard:!1,forListPage:!1}),r.jsx(O,{cardPromoType:s,cardText:i,showChip:!0,forDashboard:!1,shouldAnimate:!0,forListPage:!1})]})})},ae=({cardPromoType:e,cashbackRate:s})=>{const i=$(),a=o.benefits;return r.jsxs(tr,{windowSize:i,children:[i==="small"?r.jsx(re,{windowSize:i,cardPromoType:e}):null,r.jsxs(nr,{windowSize:i,children:[r.jsxs(A,{windowSize:i,children:[r.jsx(I,{children:r.jsx(lr,{})}),r.jsxs(L,{children:[r.jsx(y,{windowSize:i,children:a.item1.pre}),r.jsx(B,{windowSize:i,children:a.item1.bold.replace("__cashback__",(s*100).toFixed(2))}),r.jsx(y,{windowSize:i,children:`${e==="credit"||e==="debit_and_credit"?a.singleStarred:""}${a.item1.post}`})]})]}),r.jsxs(A,{windowSize:i,children:[r.jsx(I,{children:r.jsx(sr,{})}),r.jsxs(L,{children:[r.jsx(y,{windowSize:i,children:a.item2.pre}),r.jsx(B,{windowSize:i,children:a.item2.bold}),r.jsx(y,{windowSize:i,children:a.item2.post})]})]}),r.jsxs(A,{windowSize:i,children:[r.jsx(I,{children:r.jsx(cr,{})}),r.jsxs(L,{children:[r.jsx(y,{windowSize:i,children:a.item3.pre}),r.jsx(B,{windowSize:i,children:a.item3.bold}),r.jsx(y,{windowSize:i,children:a.item3.post})]})]}),r.jsxs(A,{windowSize:i,children:[r.jsx(I,{children:r.jsx(dr,{})}),r.jsxs(L,{children:[r.jsx(y,{windowSize:i,children:a.item4.pre}),r.jsx(B,{windowSize:i,children:a.item4.bold}),r.jsx(y,{windowSize:i,children:a.item4.post})]})]})]}),i==="small"?null:r.jsx(re,{windowSize:i,cardPromoType:e})]})};let k;const We=()=>{const e=$(),s=G(),[i,a]=T.useState(0),[c,m]=T.useState(!1),h=o.businessText,u=`${h} ${o.debit}`,w=[{id:1,cardType:"debit",cardText:u},{id:2,cardType:"debit",cardText:u},{id:3,cardType:"credit",cardText:h},{id:4,cardType:"credit",cardText:h}];T.useEffect(()=>(c||(k=setInterval(()=>{a(l=>{const d=l+1;return d===w.length?(m(!0),0):d})},2e3)),()=>clearInterval(k)),[c,w.length]),T.useEffect(()=>{c&&k!=null&&clearInterval(k)},[c]);const j=(l,d)=>{switch((l-i+w.length)%w.length){case 0:return{transform:`translate(0,${d?"100%":0}) scale(1)`,zIndex:d?5:6,opacity:1,transition:"transform 0.4s"};case 1:return{transform:`translate(35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};case 2:return{transform:`translate(35%,${d?"80%":"5%"}) scale(0.75)`,zIndex:d?3:4,opacity:0,transition:"transform 0.4s 0.2s, opacity 0.4s 0.0s"};case 3:return{transform:`translate(-35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};default:return}},P=l=>{const d=j(l,!0);return{...d,transform:`${d?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}},f=l=>{c||m(!0),a(l)};return r.jsxs(ur,{windowSize:e,children:[r.jsx(wr,{windowSize:e,children:w.map((l,d)=>r.jsxs(fr,{children:[r.jsx(ie,{isReflection:!1,style:{...j(d,!1)},onClick:()=>f(d),children:d===0||d===2?r.jsx(H,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}}):r.jsx(O,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}})},l.id),r.jsx(ie,{isReflection:!0,style:{...P(d)},children:d===0||d===2?r.jsx(H,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,forDashboard:!1,showChip:!0,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent 90%)",WebkitMaskImage:"linear-gradient(to top, black, transparent 90%)"}}):r.jsx(O,{cardPromoType:l.cardType,cardText:l.cardText,showChip:!0,shouldAnimate:!1,forDashboard:!1,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent)",WebkitMaskImage:"linear-gradient(to top, black, transparent)"}})},`reflection-${l.id}`)]},l.id))}),c&&r.jsx(Ne,{numberOfDots:w.length,activeIndex:i,handleClick:a,promoColor:s.colors.primary,promoColorHover:s.colors.grey5,spendManagementPromoCardActive:!0,dotStyle:{width:t.sp2,height:t.sp2},style:{cursor:"default",position:"absolute",bottom:g.navigationBottom.valuePx(e),left:g.navigationLeft.valuePx(e),zIndex:7}})]})},Je=n.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
-`,Je=n(_e)`
+`,Ze=n(_e)`
   color: ${e=>e.theme.colors.hero};
 `,Ke=n.div`
   display: flex;
   flex-direction: column;
   align-items: center;
-`,Ze=n.div`
+`,Qe=n.div`
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   flex: 1;
   width: 100%;
-`,Qe=n.div`
+`,Xe=n.div`
   padding-top: ${e=>g.containerPaddingTopBottom.valuePx(e.windowSize)};
   padding-bottom: ${e=>g.containerPaddingTopBottom.valuePx(e.windowSize)};
   text-align: center;
@@ -76,14 +76,14 @@ import{K as $,V as r,f as O,ay as be,a9 as $e,aS as je,aQ as Se,f_ as Te,bE as z
     visibility: hidden;
     `}
 `,er=n(V)`
-  color: ${e=>e.theme.mode==="dark"?y.brandColorJade:y.brandColorSapphire};
+  color: ${e=>e.theme.mode==="dark"?b.brandColorJade:b.brandColorSapphire};
   text-align: ${e=>e.windowSize==="small"?"left":"center"};
-  ${e=>`${z.promoBadgeText.style(e.windowSize)}`};
+  ${e=>`${v.promoBadgeText.style(e.windowSize)}`};
   span {
-    ${e=>`${z.promoBadgeTextBold.style(e.windowSize)}`};
+    ${e=>`${v.promoBadgeTextBold.style(e.windowSize)}`};
   }
 `,rr=n.span``,te=n.span`
-  color: ${y.success};
+  color: ${b.success};
 `,tr=n.div`
   display: flex;
   gap: ${e=>g.midContainerGap.valuePx(e.windowSize)};
@@ -134,22 +134,22 @@ import{K as $,V as r,f as O,ay as be,a9 as $e,aS as je,aQ as Se,f_ as Te,bE as z
   width: ${e=>e.windowSize==="small"?"288px":"100%"};
   min-height: ${e=>e.windowSize!=="small"?"83px":"44px"};
   box-sizing: ${e=>e.windowSize==="small"?"unset":"border-box"};
-`,b=n(Re)`
+`,y=n(Re)`
   color: ${e=>e.theme.colors.champion};
-  ${e=>`${z.uspText.style(e.windowSize)}`};
-`,I=n(Me)`
+  ${e=>`${v.uspText.style(e.windowSize)}`};
+`,B=n(Ee)`
   color: ${e=>e.theme.colors.champion};
-  ${e=>`${z.uspBoldText.style(e.windowSize)}`};
-`,B=n.div``,L=n.div`
+  ${e=>`${v.uspBoldText.style(e.windowSize)}`};
+`,I=n.div``,L=n.div`
   padding-left: ${t.sp3};
 `,sr=n(_)`
-  color: ${y.graphColor16Dark};
+  color: ${b.graphColor16Dark};
 `,dr=n(_)`
-  color: ${y.alert};
+  color: ${b.alert};
 `,lr=n(_)`
-  color: ${y.graphColor11};
+  color: ${b.graphColor11};
 `,cr=n(_)`
-  color: ${y.success};
+  color: ${b.success};
 `,pr=n.div`
   height: ${e=>g.emptySectionHeight.valuePx(e.windowSize)};
   ${e=>e.windowSize==="small"?null:De`
@@ -163,8 +163,8 @@ import{K as $,V as r,f as O,ay as be,a9 as $e,aS as je,aQ as Se,f_ as Te,bE as z
   margin-left: ${e=>g.contactAdminContainerMarginLeftRight.valuePx(e.windowSize)};
   margin-right: ${e=>g.contactAdminContainerMarginLeftRight.valuePx(e.windowSize)};
   text-align: center;
-`,N=n(Ee)`
-  ${e=>`${z.contactAdmin.style(e.windowSize)}`};
+`,N=n(Me)`
+  ${e=>`${v.contactAdmin.style(e.windowSize)}`};
   text-decoration: ${e=>e.underline?"underline":"none"};
   cursor: ${e=>e.underline?"default":null};
 `,gr=n.div`
@@ -180,7 +180,7 @@ import{K as $,V as r,f as O,ay as be,a9 as $e,aS as je,aQ as Se,f_ as Te,bE as z
   margin-top: ${t.sp4};
   margin-bottom: ${t.sp6};
 `,xr=n.span`
-  ${e=>`${z.cardsContent.style(e.windowSize)}`};
+  ${e=>`${v.cardsContent.style(e.windowSize)}`};
 `,ur=n.div`
   display: flex;
   flex-direction: column;
@@ -210,13 +210,13 @@ import{K as $,V as r,f as O,ay as be,a9 as $e,aS as je,aQ as Se,f_ as Te,bE as z
   100% {
     left: calc(100% + ${t.sp6});
   }
-`,yr=n.div`
+`,br=n.div`
   position: absolute;
   background:
-    ${y.promoCardGradient1Strong}, ${y.promoCardGradient2Strong};
+    ${b.promoCardGradient1Strong}, ${b.promoCardGradient2Strong};
   width: ${t.sp10};
   z-index: 3;
   height: 100%;
   transform: skew(15deg);
   animation: ${Cr} 4s linear infinite;
-`;export{Oe as ChargeCardPromoUserContent,Rr as default};
+`;export{Ge as ChargeCardPromoUserContent,Rr as default};

package/dist/assets/{ChargeCardSetupPage-64bBN1fe-BqFWzRA1.js → ChargeCardSetupPage-BtikPFOq-_QFEhM40.js}

@@ -1,4 +1,4 @@
-import{f as je,K as Oe,a9 as Ue,aS as M,aa as Be,cJ as _e,aX as G,V as t,fh as $e,p as ze,x as d,bE as Le,L as Re,ae as We,fA as Ne,dT as qe,fB as He,o as B,w as Me,iZ as J,by as Ge,aT as Je,fD as Ke,O as Ze,u as o,an as Qe}from"./index-uV9C0lq0.js";import{a as f}from"./sentry-rcvLxAzW.js";import{n as w}from"./mui-CgOsYmSB.js";import{bJ as Xe}from"./zeni-epic-state-D5MWzrZ6.js";import{x as Ye}from"./LabeledControlledCheckBoxField-DNFUkVLh-CuadpuTO.js";import{g as et}from"./UploadAdditionalDocumentOverlay-D0FPdZ3n-DT1NoKwU.js";import"./liveblocks-PPyiYwu4.js";import"./core-DpPwA1EY.js";import"./recharts-B5a8DAKj.js";import"./lottie-CwowL814.js";import"./analytics-R4GG3mhr.js";import"./lexical-WuSd_Y3l.js";import"./utils-GKlM-QyI.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="7483b7d8-20bd-4870-a0f1-aa908861f6a7",e._sentryDebugIdIdentifier="sentry-dbid-7483b7d8-20bd-4870-a0f1-aa908861f6a7")}catch{}})();const c={titleWidth:new d(343,580,726,826),setupDetailsRowGap:new d(12,o[5],o[5]),sectionRowGap:new d(o[5],o[9],o[9]),iconWidthHeight:new d(20,o[4]),subTitlePaddingTop:new d(12,o[3]),subTitlePaddingBottom:new d(o[3],o[3]),overlayWidth:new d(100,100,59),checkBoxTop:new d(o[1],o[0])},K="chargeCardSetUpPage",m="payAccount",{commonSetUp:tt,spendManagement:nt}=Ze.getLocalizedStrings(),{chargeCard:X}=nt,{chargeCardSetUp:g}=X,{setUp:_}=tt,wt=({autoPayThreshold:e,isDisabled:r,meetingUrl:x,isEarlyPayEnabled:h,chargeCardSetUpView:a,connectedAccountProvider:Y,filesEndPoint:ee,authParams:te,isAccountsEnabled:ne,isDebitCardOnlyEnabled:v,isCreditCardOnlyEnabled:ie,accountsPromoConfig:ae,onFetchLinkTokenClick:oe,onBackClick:ce,onEnableChargeCardClick:se,onUpdateChargeCardClick:le,onBusinessVerificationSectionClick:de,onUpdatePaymentAccountStatus:re,onUpdatePaymentAccountLoginStatus:ue,onUpdatePrimaryFundingAccount:pe,onUpdateAutoPayClick:fe,onEstablishConnectionClick:ge,onEstablishConnectionSuccess:me,onClickMenuIcon:he,onEnableChargeCardSuccess:P,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,onCompanyOfficerUpdated:Se,onSendForVerificationClick:we,onSignUpClick:xe})=>{const y=je(),i=Oe(),E=Ue().analytics,[A,b]=f.useState(!1),{fetchState:C,companyBillPayInfo:$,isRefreshingViewInBackground:Pe,updateStatus:u,accountUpdateStatus:Ae,plaidConnectionDetails:ke,allBankAccounts:Te,companyChargeCardInfo:I,companyDebitCardInfo:z,selectedCompanyOfficer:s,primaryFundingAccount:l,allFundingAccounts:L}=a,R=M(C),k=M(u.fetchState),D=Be({mode:"all",reValidateMode:"onChange",defaultValues:f.useMemo(()=>Z(a),[a]),values:Z(a)}),ve=D.handleSubmit(se),Ee=async(S,T)=>{const n=T[m];if(S.includes(m))if(S.includes("fundingAccount")){if(n.fundingAccount.selectedOption!=null&&l?.id!=n.fundingAccount.selectedOption){const p=L.find(U=>U.id===n.fundingAccount.selectedOption);p!=null&&pe(n.fundingAccount.selectedOption,p.accType)}}else if(n.account.selectedOption!=null&&l?.id!=null&&l?.zeniAccountId!=n.account.selectedOption){const p=n.account.allOptions.find(U=>U.value===n.account.selectedOption);p!=null&&typeof p.label=="string"&&E.trackConnectBankLink(p.value,p.label,"charge_cards"),le(n.account.selectedOption,l.id,l.accType)}else S.includes("enableAutoPay")&&n.enableAutoPay!=null&&fe(n.enableAutoPay)};f.useEffect(()=>{const S=D.watch((T,{name:n})=>{n!=null&&T!=null&&_e(()=>Ee(n,T))});return()=>{S.unsubscribe()}}),f.useEffect(()=>{!A&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&b(!0),A&&R==="In-Progress"&&C==="Completed"&&b(!1)},[s,C,R]),f.useEffect(()=>{k==="In-Progress"&&u.fetchState==="Completed"&&P()},[P,k,u.fetchState]);const V=I?.isChargeCardEnabled===!0,F=z?.isDebitCardEnabled===!0,W=z?.isDebitCardTOSAccepted===!0,N=I?.isChargeCardTOSAccepted===!0,q=$?.isBusinessVerified===!0,Ie=l?.accType==="depositAccount"||Xe(l?.providerVerificationStatus?.code??""),j=v?q:q&&Ie,De=C==="In-Progress"||C==="Not-Started";f.useEffect(()=>{k==="In-Progress"&&u.fetchState==="Completed"&&P()},[P,k,u.fetchState]);const O=v?j&&!F&&W:ie?j&&!V&&N:j&&!(V&&F)&&N&&W,Ve=O?g.setupSubTitleNotEnabled:g.setupSubTitle,H=y.mode==="light"?new G(y.colors.brandColorJadeLight):new G(y.colors.brandColorJadeDark),Fe=()=>{!A&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"?b(!0):de?.()};return t.jsxs(at,{children:[t.jsx($e,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:A,onClose:()=>b(!1),style:{backgroundColor:ze.drawerBackground},transitionDuration:250,children:t.jsx(et,{authParams:te,filesEndPoint:ee,updateStatus:u,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,companyOfficer:s,onClose:()=>b(!1),onCompanyOfficerUpdated:Se,onSendForVerificationClick:we})}),t.jsx(Le,{title:g.setupTitle,backgroundColor:y.colors.grey4,style:{zIndex:3},onBackClick:ce,showMenuIcon:!V&&!F&&(i==="medium-compact"||i==="small"),onClickMenuIcon:he,source:"ChargeCardSetupPage"}),t.jsxs(it,{windowSize:i,children:[t.jsx(ot,{windowSize:i,children:Ve}),De?t.jsx(ct,{children:t.jsx(Re,{size:"ExtraLarge",start:!0})}):t.jsx(We,{...D,children:t.jsx("form",{id:Q(K),onSubmit:ve,children:t.jsxs(st,{windowSize:i,children:[t.jsx(Ne,{onClick:Fe,title:_.businessVerificationTitle,subTitle:_.businessVerificationSubTitle,header:_.businessVerificationHeader,icon:{element:t.jsx(qe,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:H},status:$?.businessVerificationStatus,isLoading:Pe,isActiveWhileLoading:!0}),v?null:t.jsx(He,{connectedAccountProvider:Y,primaryFundingAccount:l,allFundingAccounts:L,plaidConnectionDetails:ke,allBankAccounts:Te,sectionId:m,isDisabled:r,onFetchLinkTokenClick:oe,onEstablishConnectionClick:ge,onUpdatePaymentAccountStatus:re,onUpdatePaymentAccountLoginStatus:ue,sectionTitle:g.setupAccountSectionTitle,onEstablishConnectionSuccess:me,icon:{element:t.jsx(Ge,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:H},analytics:E,productType:"charge_cards",isAccountsEnabled:ne,onSignUpClick:xe,pageName:g.pageName,accountsPromoConfig:ae,accountSelectContainerStyle:h?{marginBottom:"20px"}:{},bottomComponent:h&&t.jsx(Ye,{label:{label:X.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:y.colors.primary,...Me.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:B.sp4,marginTop:B.sp1,alignItems:i==="small"?"flex-start":"center"},checkBoxField:{name:J(m,"enableAutoPay"),checkBoxValue:J(m,"enableAutoPay"),defaultChecked:I?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(i)}}})})]})})})]}),O?t.jsx(Je,{formId:Q(K),primaryBtn:{label:g.enableAccounts,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:u.fetchState==="In-Progress"||Ae.fetchState==="In-Progress",isDisabled:r!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${B.sp3}`}}):null,t.jsx(Ke,{isFooterRendered:O,meetingUrl:x,analytics:E,productType:"charge_cards"})]})},Z=e=>{const{allBankAccounts:r,allFundingAccounts:x,primaryFundingAccount:h}=e;return{[m]:{fundingAccount:{selectedOption:h?.id,allOptions:x.map(a=>({label:a.label,value:a.id,isRecommended:a.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:r.map(a=>({label:a.accountName,value:a.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},Q=e=>`${e}_form`,it=w.div`
+import{g as je,e as Oe,a9 as Ue,aS as M,aa as Be,cQ as _e,aX as G,V as t,fr as $e,d as Le,x as r,bE as ze,L as Re,ae as We,fI as Ne,e1 as qe,fJ as He,o as B,w as Me,j1 as J,by as Ge,aT as Je,fL as Qe,O as Xe,u as o,an as Ze}from"./index-aCBnCBoN.js";import{a as f}from"./sentry-DzaNjvx0.js";import{n as w}from"./mui-BosmckWV.js";import{bJ as Ke}from"./zeni-epic-state-BNpJ2txa.js";import{x as Ye}from"./LabeledControlledCheckBoxField-BtnsqE4D-CLMK-CUC.js";import{g as et}from"./UploadAdditionalDocumentOverlay-eqwSLigx-Ci9eqDqb.js";import"./liveblocks-CEY7tsth.js";import"./core-Cjh03OPu.js";import"./recharts-CimMNwCJ.js";import"./lottie-BmLFYENY.js";import"./analytics-B_VWX-BQ.js";import"./lexical-9REae7LV.js";import"./utils-THjX-QSp.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},d=new e.Error().stack;d&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[d]="e73b42b0-5a55-47a9-8868-e9fc8c8ced5e",e._sentryDebugIdIdentifier="sentry-dbid-e73b42b0-5a55-47a9-8868-e9fc8c8ced5e")}catch{}})();const c={titleWidth:new r(343,580,726,826),setupDetailsRowGap:new r(12,o[5],o[5]),sectionRowGap:new r(o[5],o[9],o[9]),iconWidthHeight:new r(20,o[4]),subTitlePaddingTop:new r(12,o[3]),subTitlePaddingBottom:new r(o[3],o[3]),overlayWidth:new r(100,100,59),checkBoxTop:new r(o[1],o[0])},Q="chargeCardSetUpPage",m="payAccount",{commonSetUp:tt,spendManagement:nt}=Xe.getLocalizedStrings(),{chargeCard:K}=nt,{chargeCardSetUp:g}=K,{setUp:_}=tt,wt=({autoPayThreshold:e,isDisabled:d,meetingUrl:x,isEarlyPayEnabled:h,chargeCardSetUpView:a,connectedAccountProvider:Y,filesEndPoint:ee,authParams:te,isAccountsEnabled:ne,isDebitCardOnlyEnabled:v,isCreditCardOnlyEnabled:ie,accountsPromoConfig:ae,onFetchLinkTokenClick:oe,onBackClick:ce,onEnableChargeCardClick:se,onUpdateChargeCardClick:le,onBusinessVerificationSectionClick:re,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ue,onUpdatePrimaryFundingAccount:pe,onUpdateAutoPayClick:fe,onEstablishConnectionClick:ge,onEstablishConnectionSuccess:me,onClickMenuIcon:he,onEnableChargeCardSuccess:P,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,onCompanyOfficerUpdated:Se,onSendForVerificationClick:we,onSignUpClick:xe})=>{const y=je(),i=Oe(),E=Ue().analytics,[A,b]=f.useState(!1),{fetchState:C,companyBillPayInfo:$,isRefreshingViewInBackground:Pe,updateStatus:u,accountUpdateStatus:Ae,plaidConnectionDetails:ke,allBankAccounts:Te,companyChargeCardInfo:I,companyDebitCardInfo:L,selectedCompanyOfficer:s,primaryFundingAccount:l,allFundingAccounts:z}=a,R=M(C),k=M(u.fetchState),D=Be({mode:"all",reValidateMode:"onChange",defaultValues:f.useMemo(()=>X(a),[a]),values:X(a)}),ve=D.handleSubmit(se),Ee=async(S,T)=>{const n=T[m];if(S.includes(m))if(S.includes("fundingAccount")){if(n.fundingAccount.selectedOption!=null&&l?.id!=n.fundingAccount.selectedOption){const p=z.find(U=>U.id===n.fundingAccount.selectedOption);p!=null&&pe(n.fundingAccount.selectedOption,p.accType)}}else if(n.account.selectedOption!=null&&l?.id!=null&&l?.zeniAccountId!=n.account.selectedOption){const p=n.account.allOptions.find(U=>U.value===n.account.selectedOption);p!=null&&typeof p.label=="string"&&E.trackConnectBankLink(p.value,p.label,"charge_cards"),le(n.account.selectedOption,l.id,l.accType)}else S.includes("enableAutoPay")&&n.enableAutoPay!=null&&fe(n.enableAutoPay)};f.useEffect(()=>{const S=D.watch((T,{name:n})=>{n!=null&&T!=null&&_e(()=>Ee(n,T))});return()=>{S.unsubscribe()}}),f.useEffect(()=>{!A&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&b(!0),A&&R==="In-Progress"&&C==="Completed"&&b(!1)},[s,C,R]),f.useEffect(()=>{k==="In-Progress"&&u.fetchState==="Completed"&&P()},[P,k,u.fetchState]);const V=I?.isChargeCardEnabled===!0,F=L?.isDebitCardEnabled===!0,W=L?.isDebitCardTOSAccepted===!0,N=I?.isChargeCardTOSAccepted===!0,q=$?.isBusinessVerified===!0,Ie=l?.accType==="depositAccount"||Ke(l?.providerVerificationStatus?.code??""),j=v?q:q&&Ie,De=C==="In-Progress"||C==="Not-Started";f.useEffect(()=>{k==="In-Progress"&&u.fetchState==="Completed"&&P()},[P,k,u.fetchState]);const O=v?j&&!F&&W:ie?j&&!V&&N:j&&!(V&&F)&&N&&W,Ve=O?g.setupSubTitleNotEnabled:g.setupSubTitle,H=y.mode==="light"?new G(y.colors.brandColorJadeLight):new G(y.colors.brandColorJadeDark),Fe=()=>{!A&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"?b(!0):re?.()};return t.jsxs(at,{children:[t.jsx($e,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:A,onClose:()=>b(!1),style:{backgroundColor:Le.drawerBackground},transitionDuration:250,children:t.jsx(et,{authParams:te,filesEndPoint:ee,updateStatus:u,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,companyOfficer:s,onClose:()=>b(!1),onCompanyOfficerUpdated:Se,onSendForVerificationClick:we})}),t.jsx(ze,{title:g.setupTitle,backgroundColor:y.colors.grey4,style:{zIndex:3},onBackClick:ce,showMenuIcon:!V&&!F&&(i==="medium-compact"||i==="small"),onClickMenuIcon:he,source:"ChargeCardSetupPage"}),t.jsxs(it,{windowSize:i,children:[t.jsx(ot,{windowSize:i,children:Ve}),De?t.jsx(ct,{children:t.jsx(Re,{size:"ExtraLarge",start:!0})}):t.jsx(We,{...D,children:t.jsx("form",{id:Z(Q),onSubmit:ve,children:t.jsxs(st,{windowSize:i,children:[t.jsx(Ne,{onClick:Fe,title:_.businessVerificationTitle,subTitle:_.businessVerificationSubTitle,header:_.businessVerificationHeader,icon:{element:t.jsx(qe,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:H},status:$?.businessVerificationStatus,isLoading:Pe,isActiveWhileLoading:!0}),v?null:t.jsx(He,{connectedAccountProvider:Y,primaryFundingAccount:l,allFundingAccounts:z,plaidConnectionDetails:ke,allBankAccounts:Te,sectionId:m,isDisabled:d,onFetchLinkTokenClick:oe,onEstablishConnectionClick:ge,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ue,sectionTitle:g.setupAccountSectionTitle,onEstablishConnectionSuccess:me,icon:{element:t.jsx(Ge,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:H},analytics:E,productType:"charge_cards",isAccountsEnabled:ne,onSignUpClick:xe,pageName:g.pageName,accountsPromoConfig:ae,accountSelectContainerStyle:h?{marginBottom:"20px"}:{},bottomComponent:h&&t.jsx(Ye,{label:{label:K.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:y.colors.primary,...Me.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:B.sp4,marginTop:B.sp1,alignItems:i==="small"?"flex-start":"center"},checkBoxField:{name:J(m,"enableAutoPay"),checkBoxValue:J(m,"enableAutoPay"),defaultChecked:I?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(i)}}})})]})})})]}),O?t.jsx(Je,{formId:Z(Q),primaryBtn:{label:g.enableAccounts,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:u.fetchState==="In-Progress"||Ae.fetchState==="In-Progress",isDisabled:d!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${B.sp3}`}}):null,t.jsx(Qe,{isFooterRendered:O,meetingUrl:x,analytics:E,productType:"charge_cards"})]})},X=e=>{const{allBankAccounts:d,allFundingAccounts:x,primaryFundingAccount:h}=e;return{[m]:{fundingAccount:{selectedOption:h?.id,allOptions:x.map(a=>({label:a.label,value:a.id,isRecommended:a.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:d.map(a=>({label:a.accountName,value:a.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},Z=e=>`${e}_form`,it=w.div`
   display: flex;
   justify-content: flex-start;
   height: 100%;
@@ -13,7 +13,7 @@ import{f as je,K as Oe,a9 as Ue,aS as M,aa as Be,cJ as _e,aX as G,V as t,fh as $
   flex-direction: column;
   width: 100%;
   background-color: ${e=>e.theme.colors.grey4};
-`,ot=w(Qe)`
+`,ot=w(Ze)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   justify-content: center;
@@ -33,4 +33,4 @@ import{f as je,K as Oe,a9 as Ue,aS as M,aa as Be,cJ as _e,aX as G,V as t,fh as $
   display: flex;
   flex-direction: column;
   row-gap: ${e=>c.sectionRowGap.valuePx(e.windowSize)};
-`;export{wt as default,Q as uniqueName};
+`;export{wt as default,Z as uniqueName};

package/dist/assets/ChargeCardStatementsPage-RepWBbvJ-fE-f9dTt.js

@@ -0,0 +1,60 @@
+import{g as W,e as N,V as t,bE as F,o as h,O as R,x as g,an as B,bb as O,a9 as V,i0 as _,L as J,ac as q,u as s,cc as G}from"./index-aCBnCBoN.js";import{n as r}from"./mui-BosmckWV.js";import{$ as U,g as X}from"./BoxItem-CvCo0wr6-DKAIvhWo.js";import{a as H}from"./sentry-DzaNjvx0.js";import{w as K}from"./downloadPdf-BuPJ6cfr-Dyz4TLVR.js";import"./liveblocks-CEY7tsth.js";import"./core-Cjh03OPu.js";import"./recharts-CimMNwCJ.js";import"./zeni-epic-state-BNpJ2txa.js";import"./lottie-BmLFYENY.js";import"./analytics-B_VWX-BQ.js";import"./lexical-9REae7LV.js";import"./utils-THjX-QSp.js";import"./commonDimensions-CVpc-NCw-D6CVEqC_.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="c08dedd5-1d4f-40c6-8953-73f7643caf0b",e._sentryDebugIdIdentifier="sentry-dbid-c08dedd5-1d4f-40c6-8953-73f7643caf0b")}catch{}})();const D=R.getLocalizedStrings().months,Y={downloadButtonSize:new g(s[4],20)},Q=r.div`
+  display: flex;
+  padding: ${h.sp3} ${h.sp4};
+  flex-direction: row;
+  width: 100%;
+`,Z=r.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+`,ee=r(B)`
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  max-height: ${h.sp11};
+  text-overflow: ellipsis;
+  word-break: break-word;
+  text-align: left;
+  overflow: hidden;
+`,te=r.div`
+  cursor: pointer;
+`,ie=r(G)`
+  width: ${e=>Y.downloadButtonSize.valuePx(e.windowSize)};
+  height: ${e=>Y.downloadButtonSize.valuePx(e.windowSize)};
+  min-height: ${e=>Y.downloadButtonSize.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`;function ae({currentTenantCompanyName:e,data:a,index:n,controllerEmails:l,isDebitCardFeatureEnabled:i,isDebitCardSetupEnabled:o,chargeCardCashbackDetailState:d,depositAccountListWithDebitCardIssued:y,debitCardSummary:x,productInformation:C,creditAccountInformation:S,debitAccountInformation:$,cashbackInformation:f,creditAccountRepayment:I,authParams:P,downloadEndPoint:k,boxType:j}){const b=V().analytics,[v,E]=H.useState(!1),c=N(),z=D[a.monthYearPeriod.month-1],u=`${e}-Credit-Card-Monthly-Statement-${D[a.monthYearPeriod.month-1]}-${a.monthYearPeriod.year}.pdf`,m={period:`${a.monthYearPeriod.year}-${_(a.monthYearPeriod.month)}`,format:"pdf"},p=t.jsx(Q,{children:t.jsxs(Z,{children:[t.jsx(ee,{children:z}),t.jsx(te,{"data-testid":q("download-card-statement"),onClick:()=>{d.fetchState==="Completed"&&I.fetchState==="Completed"&&(!(i&&o)||y.fetchState==="Completed"&&x?.fetchState==="Completed")&&f!=null&&b.trackCardsDownloadClick(l,C,f,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:u,fileMonthYear:`${D[a.monthYearPeriod.month-1]} ${a.monthYearPeriod.year}`},"Credit Card Statements",n+1,S,$),K(`${k}/statements?query=${encodeURIComponent(JSON.stringify(m))}`,u,P,E)},children:v?t.jsx(J,{size:"Small",start:!0}):t.jsx(ie,{windowSize:c})})]})});return t.jsx(X,{content:p,boxType:j,isDisabled:!1,isNotClickable:!0})}const L=R.getLocalizedStrings().spendManagement.chargeCard.statements,w={listItemMarginLeftRight:new g(s[3],s[8]),containerMarginTop:new g(s[0],s[2]),titleMarginLeftRight:new g(s[3],s[8])},ke=({currentTenantCompanyName:e,authParams:a,controllerEmails:n,productInformation:l,cashbackInformation:i,creditAccountInformation:o,debitAccountInformation:d,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:C,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:$,depositAccountListWithDebitCardIssued:f,creditAccountRepayment:I,debitCardSummary:P,creditAccount:k,downloadEndPoint:j,statementListView:b,onBackClick:v})=>{const E=W(),c=N(),{sortedYear:z,monthsByYearWithSortedMonth:u}=me(b.statements);return t.jsxs(se,{children:[t.jsx(F,{title:L.title,backgroundColor:E.colors.grey4,style:{zIndex:3},onBackClick:v,source:"ChargeCardStatementsPage"}),t.jsx(ce,{windowSize:c,children:b.statements.length===0?t.jsx(M,{children:t.jsx(de,{children:t.jsx(T,{windowSize:c,children:t.jsx(le,{children:L.noStatements})})})}):t.jsx(re,{children:z.map(m=>t.jsxs(ne,{children:[t.jsx(oe,{windowSize:c,children:m}),t.jsx(M,{children:u[m].map((p,A)=>t.jsx(T,{windowSize:c,children:t.jsx(ae,{productInformation:l,creditAccountInformation:o,debitAccountInformation:d,cashbackInformation:i,creditAccountRepayment:I,depositAccountListWithDebitCardIssued:f,debitCardSummary:P,controllerEmails:n,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:C,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:$,creditAccount:k,currentTenantCompanyName:e,index:A,data:p,authParams:a,downloadEndPoint:j,boxType:U(A,u[m].length)},p.id)},p.id))})]},m))})})]})},re=r.div``,ne=r.div`
+  margin-bottom: ${h.sp6};
+`,M=r.div``,oe=r(O)`
+  margin-left: ${e=>w.titleMarginLeftRight.valuePx(e.windowSize)};
+  margin-bottom: ${h.sp3};
+`,T=r.div`
+  margin-left: ${e=>w.listItemMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>w.listItemMarginLeftRight.valuePx(e.windowSize)};
+`,de=r.div`
+  display: flex;
+  height: 100%;
+  flex: 1 1 auto;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-end;
+`,se=r.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  padding-bottom: ${h.sp7};
+`,le=r(B)`
+  display: flex;
+  color: ${e=>e.theme.colors.grey2};
+`,ce=r.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  margin-top: ${e=>w.containerMarginTop.valuePx(e.windowSize)};
+`,me=e=>{const a=e.map(i=>{const[o,d]=i.period.split("-");return{id:i.id,monthYearPeriod:{year:parseInt(o),month:parseInt(d)}}}),n={};a.forEach(i=>{n[i.monthYearPeriod.year]!=null?n[i.monthYearPeriod.year].push(i):n[i.monthYearPeriod.year]=[i]});const l={};return Object.keys(n).forEach(i=>{l[Number(i)]=n[Number(i)].sort((o,d)=>d.monthYearPeriod.month-o.monthYearPeriod.month)}),{sortedYear:Object.keys(n).sort((i,o)=>Number(o)-Number(i)).map(i=>Number(i)),monthsByYearWithSortedMonth:l}};export{ke as default};