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

package/dist/assets/{ChargeCardPaymentHistoryPage--jOwsMla-BI5A12QH.js → ChargeCardPaymentHistoryPage-CbGR18s--Df_3JGQc.js}

@@ -1,4 +1,4 @@
-import{h as Pe,_ as Le,e as H,y as V,V as t,a_ as ze,w as I,O as T,m as l,o as i,x,bF as Re,b as O,an as Ie,bV as Te,bd as De,ab as Be,l as W,cS as b,gk as U,a5 as K,bo as Oe,bm as Me,H as N,b_ as J,f,gl as he,fi as pe,fe as me,bH as Ae,C as F,h_ as ge,b8 as Ne,iw as He,ib as We,c1 as _e,ad as z}from"./index-Djco7rZW.js";import{a as S,b as G}from"./sentry-CEBEW6Zv.js";import{n,c as Q}from"./mui-Xyv5fYYp.js";import{m as Ee}from"./BusyIndication-9zDqSKBP-9t4cVWUp.js";import{t as Ke}from"./SpendManagementSection-CIz4nE_w-DAna-1JL.js";import{r as Ve,a as Fe,i as ye,g as Ye}from"./SpendManagementListViewPage-CFUxCqkU-J9ATHqo5.js";import{m as Ze}from"./MoreMenuButton-BsBKwXvk-DHBQkdln.js";import{c as X,L as Ue,M as Ge,S as qe}from"./common-BpxEACHl-Buzd-sJA.js";import{Gv as ue,Gw as xe}from"./zeni-epic-state-Ddwqsd5-.js";import{d as Je}from"./ZeniAvatar-Bzhq25CU-C2bD0hCf.js";import{r as Qe}from"./auto-transfer-rule-mbafm5D3-z35I1d4Z.js";import"./pdf-BCMUg4JF.js";import"./core-Cd4LmmhG.js";import"./lottie-D3b06MuY.js";import"./liveblocks-IsOzz8u-.js";import"./recharts-CwRU7bDL.js";import"./dnd-CAuW2Onh.js";import"./analytics-CxExYOQN.js";import"./plaid-C49TlIE8.js";import"./utils-PmQt3_O8.js";import"./filter-cZIFUNvj-UT3bl1R9.js";import"./ZeniDatePicker-BHXPxPnI-CMWZ6uB_.js";import"./avatar-Dz7aEm3d-BJFW_gi9.js";import"./StatusSwitcher-Bv-ozN6U-DoZiCLb7.js";import"./bank-letter-BOcVjN6J-DG6tnMPR.js";import"./spend-limit-D6SyboD4-Bn5NEHPU.js";import"./dollar-round-D18u7nlm-Bgjzafb1.js";import"./money-2cg1MuG4-S7Hyh6G5.js";import"./page-summary-D7_VQHwN-CTvBuwro.js";import"./transaction-placeholder-CpOwZAMG-Cm13WfkG.js";import"./unlock-BPWn2I5L-BsNNzlL3.js";import"./calculateSize-B2w5JPEU-DirCjmcI.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]="7bc2edc3-9079-4186-bad8-6b5f97fe7684",e._sentryDebugIdIdentifier="sentry-dbid-7bc2edc3-9079-4186-bad8-6b5f97fe7684")}catch{}})();const _=T.getLocalizedStrings().spendManagement.chargeCard.paymentHistory.header,Xe={key:"paymentDate",value:_.paymentDate,sortOrder:"ascending",width:new x(18,18,18,18,18)},et={key:"sourceAccount",value:_.sourceAccount,sortOrder:"ascending",width:new x(30,30,30,30,30)},tt={key:"paymentStatus",value:_.paymentStatus,sortOrder:"ascending",width:new x(22,22,22,22,22)},it={key:"initiatedBy",value:_.initiatedBy,sortOrder:"ascending",width:new x(18,18,18,18,18)},nt={key:"amount",value:_.amount,sortOrder:"ascending",width:new x(12,12,12,12,12)},we=()=>[Xe,et,tt,it,nt],P={containerPaddingLeft:i.sp2,containerPaddingRight:i.sp3,containerPaddingTop:i.sp3,containerPaddingBottom:i.sp3,headerLastColumnTopPadding:new x(l[0],l[4]),headerLastColumnRightPadding:new x(l[3],l[11]),headerLastColumnBottomPadding:new x(l[0],l[4]),headerLastColumnLeftPadding:new x(l[0],l[11]),headerHeight:new x(Ge,qe)},ot=G.memo(function({companyNameSticky:e,sortConfig:o,onColumnSortConfigChanged:c}){const a=V(),s=H(),[d,y]=S.useState(we());S.useEffect(()=>{const r=[...d];for(const g of r)g.key===o.sortKey?g.sortOrder=o.sortOrder:g.sortOrder="ascending";y(r)},[o.sortKey,o.sortOrder]);const u=(r,g)=>{let w=g;o.sortKey===r&&(w=g==="ascending"?"descending":"ascending"),c(r,w)},h=d.find(r=>r.key===o.sortKey)??d[0],p=d.map(r=>r.key),m=T.getLocalizedStrings().spendManagement.chargeCard.paymentHistory;return s==="small"?t.jsxs(st,{windowSize:s,children:[t.jsxs(ct,{children:[t.jsx(pt,{children:t.jsx(ht,{})}),t.jsx(Me,{title:m.header.paymentDate,placeholder:m.header.paymentDate,pickerValues:p,valueToLabel:r=>d.find(g=>g.key===r)?.value??"",selectedValue:o.sortKey,onPickerSelectionChanged:r=>{u(r,"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(yt,{onClick:()=>u(h.key,h.sortOrder),"data-testid":O("mobile-payment-history-list-sort-clicked",o.sortKey),children:[t.jsx(N,{children:h.value}),t.jsx(ee,{windowSize:s,sortDataValue:o.sortKey,headerdata:h,children:t.jsx(te,{windowSize:s,children:t.jsx(J,{})})})]})]}):t.jsx(at,{windowSize:s,children:t.jsx(rt,{children:d.map(r=>r.width.value(s)!==0&&t.jsxs(dt,{companyNameSticky:e,sortDataValue:o.sortKey,actualDataValue:r.key,wrapperWidth:r.width,windowSize:s,children:[t.jsxs(gt,{onClick:()=>u(r.key,r.sortOrder),"data-testid":O("payment-history-list-sort-clicked",o.sortKey),children:[t.jsx(N,{children:r.value}),t.jsx(ee,{windowSize:s,sortDataValue:o.sortKey,headerdata:r,children:t.jsx(te,{windowSize:s,children:t.jsx(J,{})})})]}),t.jsx(mt,{sortDataValue:o.sortKey,windowSize:s,isVisible:o.sortKey===r.key&&!(o.sortKey==="paymentDate"&&o.sortOrder==="ascending"),children:t.jsx(lt,{onClick:()=>u("paymentDate","ascending"),"data-testid":O("payment-history-list-sort-cancel",o.sortKey)})})]},r.key))})})}),at=n.div`
+import{c as Pe,t as Le,J as H,y as V,V as t,a_ as ze,j as I,O as T,u as l,o as i,b as x,bz as Re,a6 as O,an as Ie,bO as Te,ba as De,ab as Be,s as W,cL as j,ga as U,a4 as _,bg as Oe,be as Me,W as N,bT as G,e as f,gb as he,f8 as pe,f4 as me,bB as Ae,x as F,hO as ge,b8 as Ne,ij as He,h$ as We,bW as Ee,ad as z}from"./index-T6cemxxv.js";import{a as S,b as J}from"./sentry-BoIfGJBF.js";import{n,c as Q}from"./mui-GaW5Gk_e.js";import{m as Ke}from"./BusyIndication-DizZe0Gu-Ui3yaqtY.js";import{t as _e}from"./SpendManagementSection-dT-N4bSQ-zSvxEGhY.js";import{r as Ve,a as Fe,i as ye,g as Ye}from"./SpendManagementListViewPage-9V9u1jPF-impkLVzs.js";import{u as Ze}from"./MoreMenuButton-CJue6xR9-DxdJkjEQ.js";import{c as X,L as Ue,M as Je,S as qe}from"./common-DEB71I4X-BRhAN_mv.js";import{FK as ue,FL as xe}from"./zeni-epic-state-BtVcBgvu.js";import{d as Ge}from"./ZeniAvatar-CwHVUcMc-BJ8AyUay.js";import{r as Qe}from"./auto-transfer-rule-mbafm5D3-Dm3PoOP-.js";import"./pdf-DWoGjGSw.js";import"./core-BSWMBnrJ.js";import"./lottie-DOxhyevU.js";import"./liveblocks--WiFaeN0.js";import"./recharts-BQ8VH5gX.js";import"./dnd-DJrh3JTW.js";import"./analytics-BZz0SPy3.js";import"./plaid-CNcdZ4gc.js";import"./utils-BGRwbgi2.js";import"./filter-cZIFUNvj-CBGTjKNF.js";import"./ZeniDatePicker-DCurorsW-jSixMxUp.js";import"./avatar-Dz7aEm3d-B59e782o.js";import"./StatusSwitcher-CaoFw0cf-DekkCuBN.js";import"./spend-limit-D6SyboD4-D6KSyTVe.js";import"./dollar-round-D18u7nlm-qWQy8tOr.js";import"./money-2cg1MuG4-ZZWEE1BS.js";import"./page-summary-D7_VQHwN-C4mva4td.js";import"./transaction-placeholder-CpOwZAMG-DpSw-x8s.js";import"./unlock-BPWn2I5L-C7FVhrTq.js";import"./calculateSize-Bn1NnCzV-CbPGQ475.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="79091401-3029-487c-8c41-4d43e22e8674",e._sentryDebugIdIdentifier="sentry-dbid-79091401-3029-487c-8c41-4d43e22e8674")}catch{}})();const E=T.getLocalizedStrings().spendManagement.chargeCard.paymentHistory.header,Xe={key:"paymentDate",value:E.paymentDate,sortOrder:"ascending",width:new x(18,18,18,18,18)},et={key:"sourceAccount",value:E.sourceAccount,sortOrder:"ascending",width:new x(30,30,30,30,30)},tt={key:"paymentStatus",value:E.paymentStatus,sortOrder:"ascending",width:new x(22,22,22,22,22)},it={key:"initiatedBy",value:E.initiatedBy,sortOrder:"ascending",width:new x(18,18,18,18,18)},nt={key:"amount",value:E.amount,sortOrder:"ascending",width:new x(12,12,12,12,12)},we=()=>[Xe,et,tt,it,nt],P={containerPaddingLeft:i.sp2,containerPaddingRight:i.sp3,containerPaddingTop:i.sp3,containerPaddingBottom:i.sp3,headerLastColumnTopPadding:new x(l[0],l[4]),headerLastColumnRightPadding:new x(l[3],l[11]),headerLastColumnBottomPadding:new x(l[0],l[4]),headerLastColumnLeftPadding:new x(l[0],l[11]),headerHeight:new x(Je,qe)},ot=J.memo(function({companyNameSticky:e,sortConfig:o,onColumnSortConfigChanged:c}){const a=V(),s=H(),[d,y]=S.useState(we());S.useEffect(()=>{const r=[...d];for(const g of r)g.key===o.sortKey?g.sortOrder=o.sortOrder:g.sortOrder="ascending";y(r)},[o.sortKey,o.sortOrder]);const u=(r,g)=>{let w=g;o.sortKey===r&&(w=g==="ascending"?"descending":"ascending"),c(r,w)},h=d.find(r=>r.key===o.sortKey)??d[0],p=d.map(r=>r.key),m=T.getLocalizedStrings().spendManagement.chargeCard.paymentHistory;return s==="small"?t.jsxs(st,{windowSize:s,children:[t.jsxs(ct,{children:[t.jsx(pt,{children:t.jsx(ht,{})}),t.jsx(Me,{title:m.header.paymentDate,placeholder:m.header.paymentDate,pickerValues:p,valueToLabel:r=>d.find(g=>g.key===r)?.value??"",selectedValue:o.sortKey,onPickerSelectionChanged:r=>{u(r,"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(yt,{onClick:()=>u(h.key,h.sortOrder),"data-testid":O("mobile-payment-history-list-sort-clicked",o.sortKey),children:[t.jsx(N,{children:h.value}),t.jsx(ee,{windowSize:s,sortDataValue:o.sortKey,headerdata:h,children:t.jsx(te,{windowSize:s,children:t.jsx(G,{})})})]})]}):t.jsx(at,{windowSize:s,children:t.jsx(rt,{children:d.map(r=>r.width.value(s)!==0&&t.jsxs(dt,{companyNameSticky:e,sortDataValue:o.sortKey,actualDataValue:r.key,wrapperWidth:r.width,windowSize:s,children:[t.jsxs(gt,{onClick:()=>u(r.key,r.sortOrder),"data-testid":O("payment-history-list-sort-clicked",o.sortKey),children:[t.jsx(N,{children:r.value}),t.jsx(ee,{windowSize:s,sortDataValue:o.sortKey,headerdata:r,children:t.jsx(te,{windowSize:s,children:t.jsx(G,{})})})]}),t.jsx(mt,{sortDataValue:o.sortKey,windowSize:s,isVisible:o.sortKey===r.key&&!(o.sortKey==="paymentDate"&&o.sortOrder==="ascending"),children:t.jsx(lt,{onClick:()=>u("paymentDate","ascending"),"data-testid":O("payment-history-list-sort-cancel",o.sortKey)})})]},r.key))})})}),at=n.div`
   top: ${i.sp0};
   left: ${i.sp0};
   z-index: 2;
@@ -46,7 +46,7 @@ import{h as Pe,_ as Le,e as H,y as V,V as t,a_ as ze,w as I,O as T,m as l,o as i
   overflow: hidden;
   padding-left: ${i.sp3};
   padding-right: ${e=>e.actualDataValue==="amount"?i.sp2:i.sp3};
-`,lt=n(_e)`
+`,lt=n(Ee)`
   width: ${i.sp3};
   height: ${i.sp3};
   cursor: pointer;
@@ -91,7 +91,7 @@ import{h as Pe,_ as Le,e as H,y as V,V as t,a_ as ze,w as I,O as T,m as l,o as i
   cursor: pointer;
   gap: 5px;
   color: ${e=>e.theme.colors.primary};
-`,B={containerPaddingLeft:new x(l[3],l[2]),containerPaddingRight:new x(l[2],l[3]),containerPaddingTop:new x(l[2],l[3]),containerPaddingBottom:new x(l[2],l[3]),containerMarginLeft:new x(l[4],l[0]),containerMarginRight:new x(l[4],l[0])},{spendManagement:{chargeCard:{paymentHistory:M}}}=T.getLocalizedStrings(),ut=e=>e.base64!==void 0?`${pe}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",xt=({repayment:e,accountInfo:o,isLatestFailedPayment:c=!1,isLoading:a=!1,isZeniTenant:s,onRetryPaymentClick:d})=>{const{accountLogo:y,accountType:u,depositAccountLast4:h,depositAccountName:p}=o??{},m=H(),r=S.useCallback(Z=>{Z.stopPropagation(),d&&d(e.cardRepaymentId)},[d,e.cardRepaymentId]),g=T.getLocalizedStrings(),w=e.repaymentDate.format(g.dateFormat.visual.MMMDCommaYYYYformat),$=Ye(p,h,M.sourceAccountUnknown),j=ye(e),v=e.paidByUser?.email?.endsWith("@zeni.ai")??!1,C=j||!s&&v,R=C?M.autopay:ue(e.paidByUser),D=e.status==="Rejected"||e.status==="Returned",E=e.status==="Sent",Y=e.updateTime.format(g.dateFormat.visual.MMMDCommaYYYYformat),k=we();return t.jsx(vt,{windowSize:m,children:t.jsx(bt,{children:t.jsxs(jt,{children:[t.jsx(St,{windowSize:m,responsiveWidth:k[0].width,children:t.jsx(b,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:E?t.jsx(Oe,{placement:"bottom-start",title:t.jsxs(Yt,{children:[t.jsxs(oe,{children:[t.jsx(ae,{children:M.initiatedOn}),t.jsx(re,{children:w})]}),t.jsxs(oe,{children:[t.jsx(ae,{children:M.completedOn}),t.jsx(re,{children:Y})]})]}),style:{padding:"12px 16px"},display:"block",children:t.jsx(ie,{className:"paymentDate",children:w})}):t.jsx(ie,{className:"paymentDate",children:w})})}),t.jsxs(Ct,{windowSize:m,responsiveWidth:k[1].width,children:[t.jsx(b,{isLoading:a,customStyle:{width:i.sp4,height:i.sp4,borderRadius:"50%"},children:t.jsx(kt,{children:u==="depositAccount"&&p!=null&&p!==""?t.jsx(Pt,{children:t.jsx(Lt,{color:U(0)})}):u==="paymentAccount"&&y!==void 0&&(y.base64||y.url)?t.jsx(It,{src:ut(y),loading:"lazy"}):t.jsx(zt,{children:t.jsx(Rt,{})})})}),t.jsx(Tt,{children:t.jsx(b,{isLoading:a,customStyle:{width:"150px",height:"20px",borderRadius:i.sp1},children:p!=null&&p!==""?t.jsxs(ne,{className:"sourceAccount",children:[t.jsx(Dt,{children:p}),h!=null&&h!==""&&t.jsx(Bt,{children:`•••• ${h}`})]}):t.jsx(ne,{className:"sourceAccount",children:$})})})]}),t.jsx(Ot,{windowSize:m,isLoading:a,responsiveWidth:k[2].width,children:t.jsx(b,{isLoading:a,customStyle:{width:"120px",height:i.sp4,borderRadius:i.sp1},children:t.jsxs(Mt,{children:[t.jsx(At,{children:t.jsx(wt,{status:e.status})}),D===!0&&c===!0&&d!=null&&t.jsxs(t.Fragment,{children:[t.jsx($t,{}),t.jsx(Nt,{onClick:r,"data-testid":O("retry-payment",e.cardRepaymentId),children:M.retryPayment})]})]})})}),t.jsxs(Ht,{windowSize:m,responsiveWidth:k[3].width,children:[t.jsx(b,{isLoading:a,customStyle:{width:i.sp4,height:i.sp4,borderRadius:"50%"},children:C?t.jsx(Wt,{children:t.jsx(_t,{})}):t.jsx(Et,{children:t.jsx(Je,{personBasic:e.paidByUser,styles:{height:i.sp4,width:i.sp4,minWidth:i.sp4}})})}),t.jsx(b,{isLoading:a,customStyle:{width:"80px",height:"20px",borderRadius:i.sp1,marginLeft:i.sp2},children:t.jsx(Kt,{className:"initiatedBy",children:R})})]}),t.jsx(Vt,{windowSize:m,responsiveWidth:k[4].width,children:t.jsx(b,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:t.jsx(Ft,{className:"amount",windowSize:m,title:K("0,0.00",e.amount),children:K("0,0.00",e.amount)})})})]})})})},wt=({status:e,style:o})=>{const c=V(),a=ft(e,c),s=xe(e);return t.jsx(ge,{textColor:a,borderColor:a,text:s,tagStyles:{padding:"1px 6px",...o}})},ft=(e,o)=>{switch(e){case"Sent":return new z(f.success);case"Clearing":case"Pending":case"PendingReview":return new z(f.alert);case"Rejected":case"Returned":return new z(f.important);default:return new z(o.colors.grey1)}},$t=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:M}}}=T.getLocalizedStrings(),ut=e=>e.base64!==void 0?`${pe}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",xt=({repayment:e,accountInfo:o,isLatestFailedPayment:c=!1,isLoading:a=!1,isZeniTenant:s,onRetryPaymentClick:d})=>{const{accountLogo:y,accountType:u,depositAccountLast4:h,depositAccountName:p}=o??{},m=H(),r=S.useCallback(Z=>{Z.stopPropagation(),d&&d(e.cardRepaymentId)},[d,e.cardRepaymentId]),g=T.getLocalizedStrings(),w=e.repaymentDate.format(g.dateFormat.visual.MMMDCommaYYYYformat),$=Ye(p,h,M.sourceAccountUnknown),b=ye(e),v=e.paidByUser?.email?.endsWith("@zeni.ai")??!1,C=b||!s&&v,R=C?M.autopay:ue(e.paidByUser),D=e.status==="Rejected"||e.status==="Returned",K=e.status==="Sent",Y=e.updateTime.format(g.dateFormat.visual.MMMDCommaYYYYformat),k=we();return t.jsx(vt,{windowSize:m,children:t.jsx(jt,{children:t.jsxs(bt,{children:[t.jsx(St,{windowSize:m,responsiveWidth:k[0].width,children:t.jsx(j,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:K?t.jsx(Oe,{placement:"bottom-start",title:t.jsxs(Yt,{children:[t.jsxs(oe,{children:[t.jsx(ae,{children:M.initiatedOn}),t.jsx(re,{children:w})]}),t.jsxs(oe,{children:[t.jsx(ae,{children:M.completedOn}),t.jsx(re,{children:Y})]})]}),style:{padding:"12px 16px"},display:"block",children:t.jsx(ie,{className:"paymentDate",children:w})}):t.jsx(ie,{className:"paymentDate",children:w})})}),t.jsxs(Ct,{windowSize:m,responsiveWidth:k[1].width,children:[t.jsx(j,{isLoading:a,customStyle:{width:i.sp4,height:i.sp4,borderRadius:"50%"},children:t.jsx(kt,{children:u==="depositAccount"&&p!=null&&p!==""?t.jsx(Pt,{children:t.jsx(Lt,{color:U(0)})}):u==="paymentAccount"&&y!==void 0&&(y.base64||y.url)?t.jsx(It,{src:ut(y),loading:"lazy"}):t.jsx(zt,{children:t.jsx(Rt,{})})})}),t.jsx(Tt,{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(Dt,{children:p}),h!=null&&h!==""&&t.jsx(Bt,{children:`•••• ${h}`})]}):t.jsx(ne,{className:"sourceAccount",children:$})})})]}),t.jsx(Ot,{windowSize:m,isLoading:a,responsiveWidth:k[2].width,children:t.jsx(j,{isLoading:a,customStyle:{width:"120px",height:i.sp4,borderRadius:i.sp1},children:t.jsxs(Mt,{children:[t.jsx(At,{children:t.jsx(wt,{status:e.status})}),D===!0&&c===!0&&d!=null&&t.jsxs(t.Fragment,{children:[t.jsx($t,{}),t.jsx(Nt,{onClick:r,"data-testid":O("retry-payment",e.cardRepaymentId),children:M.retryPayment})]})]})})}),t.jsxs(Ht,{windowSize:m,responsiveWidth:k[3].width,children:[t.jsx(j,{isLoading:a,customStyle:{width:i.sp4,height:i.sp4,borderRadius:"50%"},children:C?t.jsx(Wt,{children:t.jsx(Et,{})}):t.jsx(Kt,{children:t.jsx(Ge,{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(_t,{className:"initiatedBy",children:R})})]}),t.jsx(Vt,{windowSize:m,responsiveWidth:k[4].width,children:t.jsx(j,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:t.jsx(Ft,{className:"amount",windowSize:m,title:_("0,0.00",e.amount),children:_("0,0.00",e.amount)})})})]})})})},wt=({status:e,style:o})=>{const c=V(),a=ft(e,c),s=xe(e);return t.jsx(ge,{textColor:a,borderColor:a,text:s,tagStyles:{padding:"1px 6px",...o}})},ft=(e,o)=>{switch(e){case"Sent":return new z(f.success);case"Clearing":case"Pending":case"PendingReview":return new z(f.alert);case"Rejected":case"Returned":return new z(f.important);default:return new z(o.colors.grey1)}},$t=n.div`
   width: ${i.sp1};
   height: ${i.sp1};
   background-color: ${e=>e.theme.colors.grey1};
@@ -124,10 +124,10 @@ import{h as Pe,_ as Le,e as H,y as V,V as t,a_ as ze,w as I,O as T,m as l,o as i
   margin-bottom: ${i.sp3};
   box-sizing: border-box;
   align-items: center;
-`,bt=n.div`
+`,jt=n.div`
   display: block;
   width: 100%;
-`,jt=n.div`
+`,bt=n.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
@@ -259,11 +259,11 @@ import{h as Pe,_ as Le,e as H,y as V,V as t,a_ as ze,w as I,O as T,m as l,o as i
   width: ${i.sp4};
   height: ${i.sp4};
   border-radius: 50%;
-`,_t=n(Qe)`
+`,Et=n(Qe)`
   width: ${i.sp4};
   height: ${i.sp4};
   color: ${e=>e.theme.colors.hero};
-`,Et=n.div`
+`,Kt=n.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -271,7 +271,7 @@ import{h as Pe,_ as Le,e as H,y as V,V as t,a_ as ze,w as I,O as T,m as l,o as i
   height: ${i.sp4};
   border-radius: 50%;
   background-color: ${e=>e.theme.colors.grey3};
-`,Kt=n(W)`
+`,_t=n(W)`
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   overflow: hidden;
@@ -304,7 +304,7 @@ import{h as Pe,_ as Le,e as H,y as V,V as t,a_ as ze,w as I,O as T,m as l,o as i
   color: ${e=>e.theme.colors.hero};
 `,re=n(F)`
   color: ${f.brandColorPearl};
-`,Zt=new z(U(0)).lighten(.3).hex(),{spendManagement:{chargeCard:{paymentHistory:A}}}=T.getLocalizedStrings(),Ut=e=>e.base64!==void 0?`${pe}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",Gt=({repayment:e,accountInfo:o,isLatestFailedPayment:c=!1,isLoading:a=!1,isZeniTenant:s,onRetryPaymentClick:d})=>{const{accountLogo:y,accountType:u,depositAccountLast4:h,depositAccountName:p}=o??{},m=S.useCallback(C=>{C.stopPropagation(),d&&d(e.cardRepaymentId)},[d,e.cardRepaymentId]),r=T.getLocalizedStrings(),g=e.repaymentDate.format(r.dateFormat.visual.MMMDCommaYYYYformat),w=ye(e),$=e.paidByUser?.email?.endsWith("@zeni.ai")??!1,j=w||!s&&$?A.autopay:ue(e.paidByUser),v=e.status==="Rejected"||e.status==="Returned";return t.jsx(Qt,{children:t.jsxs(Xt,{children:[t.jsxs(ei,{children:[t.jsx(ti,{children:t.jsx(b,{isLoading:a,customStyle:{width:i.sp6,height:i.sp6,borderRadius:"50%"},children:u==="depositAccount"&&p!=null&&p!==""?t.jsx(ii,{children:t.jsx(ni,{color:U(0)})}):u==="paymentAccount"&&y!==void 0&&(y.base64||y.url)?t.jsx(ri,{src:Ut(y),loading:"lazy"}):t.jsx(oi,{children:t.jsx(ai,{})})})}),t.jsxs(si,{children:[t.jsx(di,{children:t.jsx(b,{isLoading:a,customStyle:{width:"150px",height:"20px",borderRadius:i.sp1},children:t.jsx(li,{className:"sourceAccount",children:p!=null&&p!==""?p:A.sourceAccountUnknown})})}),t.jsx(ci,{children:t.jsx(b,{isLoading:a,customStyle:{width:"120px",height:"16px",borderRadius:i.sp1},children:t.jsx(hi,{children:h!=null&&h!==""?`Checking •••• ${h}`:""})})}),t.jsx(pi,{children:t.jsx(b,{isLoading:a,customStyle:{width:"150px",height:"16px",borderRadius:i.sp1},children:t.jsxs(mi,{children:[A.header.initiatedBy,":"," ",t.jsx(gi,{className:"initiatedBy",children:j})]})})}),t.jsx(yi,{children:t.jsx(b,{isLoading:a,customStyle:{width:"150px",height:"16px",borderRadius:i.sp1},children:t.jsxs(ui,{children:[A.header.paymentDate,":"," ",t.jsx(xi,{className:"paymentDate",children:g})]})})})]})]}),t.jsxs(wi,{children:[t.jsx(fi,{children:t.jsx(b,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:t.jsx($i,{className:"amount",title:K("0,0.[00]",e.amount),children:K("0,0.[00]",e.amount)})})}),t.jsx(vi,{children:t.jsx(b,{isLoading:a,customStyle:{width:"120px",height:i.sp4,borderRadius:i.sp1},children:t.jsx(bi,{children:t.jsx(ji,{children:t.jsx(qt,{status:e.status})})})})}),v===!0&&c===!0&&d!=null&&t.jsx(Si,{children:t.jsx(Ci,{onClick:m,"data-testid":O("retry-payment",e.cardRepaymentId),children:A.retryPayment})})]})]})})},qt=({status:e,style:o})=>{const c=V(),a=Jt(e,c),s=xe(e);return t.jsx(ge,{textColor:a,borderColor:a,text:s,tagStyles:{padding:"1px 6px",...o}})},Jt=(e,o)=>{switch(e){case"Sent":return new z(f.success);case"Clearing":case"Pending":case"PendingReview":return new z(f.alert);case"Rejected":case"Returned":return new z(f.important);default:return new z(o.colors.grey1)}},Qt=n.div`
+`,Zt=new z(U(0)).lighten(.3).hex(),{spendManagement:{chargeCard:{paymentHistory:A}}}=T.getLocalizedStrings(),Ut=e=>e.base64!==void 0?`${pe}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",Jt=({repayment:e,accountInfo:o,isLatestFailedPayment:c=!1,isLoading:a=!1,isZeniTenant:s,onRetryPaymentClick:d})=>{const{accountLogo:y,accountType:u,depositAccountLast4:h,depositAccountName:p}=o??{},m=S.useCallback(C=>{C.stopPropagation(),d&&d(e.cardRepaymentId)},[d,e.cardRepaymentId]),r=T.getLocalizedStrings(),g=e.repaymentDate.format(r.dateFormat.visual.MMMDCommaYYYYformat),w=ye(e),$=e.paidByUser?.email?.endsWith("@zeni.ai")??!1,b=w||!s&&$?A.autopay:ue(e.paidByUser),v=e.status==="Rejected"||e.status==="Returned";return t.jsx(Qt,{children:t.jsxs(Xt,{children:[t.jsxs(ei,{children:[t.jsx(ti,{children:t.jsx(j,{isLoading:a,customStyle:{width:i.sp6,height:i.sp6,borderRadius:"50%"},children:u==="depositAccount"&&p!=null&&p!==""?t.jsx(ii,{children:t.jsx(ni,{color:U(0)})}):u==="paymentAccount"&&y!==void 0&&(y.base64||y.url)?t.jsx(ri,{src:Ut(y),loading:"lazy"}):t.jsx(oi,{children:t.jsx(ai,{})})})}),t.jsxs(si,{children:[t.jsx(di,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"20px",borderRadius:i.sp1},children:t.jsx(li,{className:"sourceAccount",children:p!=null&&p!==""?p:A.sourceAccountUnknown})})}),t.jsx(ci,{children:t.jsx(j,{isLoading:a,customStyle:{width:"120px",height:"16px",borderRadius:i.sp1},children:t.jsx(hi,{children:h!=null&&h!==""?`Checking •••• ${h}`:""})})}),t.jsx(pi,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"16px",borderRadius:i.sp1},children:t.jsxs(mi,{children:[A.header.initiatedBy,":"," ",t.jsx(gi,{className:"initiatedBy",children:b})]})})}),t.jsx(yi,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"16px",borderRadius:i.sp1},children:t.jsxs(ui,{children:[A.header.paymentDate,":"," ",t.jsx(xi,{className:"paymentDate",children:g})]})})})]})]}),t.jsxs(wi,{children:[t.jsx(fi,{children:t.jsx(j,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:t.jsx($i,{className:"amount",title:_("0,0.[00]",e.amount),children:_("0,0.[00]",e.amount)})})}),t.jsx(vi,{children:t.jsx(j,{isLoading:a,customStyle:{width:"120px",height:i.sp4,borderRadius:i.sp1},children:t.jsx(ji,{children:t.jsx(bi,{children:t.jsx(qt,{status:e.status})})})})}),v===!0&&c===!0&&d!=null&&t.jsx(Si,{children:t.jsx(Ci,{onClick:m,"data-testid":O("retry-payment",e.cardRepaymentId),children:A.retryPayment})})]})]})})},qt=({status:e,style:o})=>{const c=V(),a=Gt(e,c),s=xe(e);return t.jsx(ge,{textColor:a,borderColor:a,text:s,tagStyles:{padding:"1px 6px",...o}})},Gt=(e,o)=>{switch(e){case"Sent":return new z(f.success);case"Clearing":case"Pending":case"PendingReview":return new z(f.alert);case"Rejected":case"Returned":return new z(f.important);default:return new z(o.colors.grey1)}},Qt=n.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   padding: ${i.sp3};
@@ -454,14 +454,14 @@ import{h as Pe,_ as Le,e as H,y as V,V as t,a_ as ze,w as I,O as T,m as l,o as i
   justify-content: flex-start;
   margin-top: ${i.sp1};
   margin-bottom: ${i.sp3};
-`,bi=n.div`
+`,ji=n.div`
   display: flex;
   align-items: center;
   flex-direction: row;
   gap: ${i.sp2};
   flex-wrap: wrap;
   justify-content: flex-end;
-`,ji=n.div`
+`,bi=n.div`
   display: flex;
   align-items: center;
   gap: ${i.sp2};
@@ -481,7 +481,7 @@ import{h as Pe,_ as Le,e as H,y as V,V as t,a_ as ze,w as I,O as T,m as l,o as i
   &:hover {
     text-decoration: underline;
   }
-`,ki={lastListItemHeight:new x(200,114)},Pi=T.getLocalizedStrings(),{spendManagement:{chargeCard:se},common:Li}=Pi,fe=G.memo(({fetchState:e,repaymentListWithAccountInfo:o,sortConfig:c,searchText:a,isZeniTenant:s,onColumnSortConfigChanged:d,onReloadPayments:y,onRetryPaymentClick:u})=>{const h=H(),p=S.useCallback($=>$===0?50:h==="small"?132:X,[h]),m=S.useMemo(()=>{let $=114;for(let j=1;j<=o.length;j++)$+=p(j);return $},[o.length,p]),r=S.useMemo(()=>window.innerHeight-351,[]),g=m>r,w=S.useRef(null);return S.useEffect(()=>{w.current?.resetAfterIndex(0)},[h]),t.jsx(Ii,{fetchState:e,children:e==="Error"?t.jsxs(Ti,{children:[t.jsx(Di,{onClick:y,"data-testid":O("payment-history-list-reload"),children:t.jsx(Bi,{})}),t.jsx(Oi,{children:Li.reloadPage.label})]}):e==="Completed"&&o.length===0?t.jsx(Ni,{children:t.jsx(Hi,{children:a!==""?se.paymentHistory.noPaymentHistoryMatchedSearch:se.paymentHistory.noPaymentHistoryAvailable})}):t.jsx(ve,{children:t.jsx(Mi,{windowSize:h,availableHeight:r,isListTooLarge:g,children:t.jsx(Ie,{children:({height:$,width:j})=>t.jsx(Te,{ref:w,height:$,itemCount:o.length+1,innerElementType:$e,itemSize:p,estimatedItemSize:X,itemKey:v=>v===0?"header":o[v-1].repayment.cardRepaymentId,width:j,overscanCount:Ue,initialScrollOffset:0,children:v=>t.jsx(zi,{...v,repaymentListWithAccountInfo:o,sortConfig:c,isZeniTenant:s,onColumnSortConfigChanged:d,onRetryPaymentClick:u})})})})})})},(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);fe.displayName="ChargeCardPaymentHistoryContent";const $e=S.forwardRef((e,o)=>{const{children:c,style:a,...s}=e;return t.jsx(ve,{ref:o,style:{...a,width:"auto"},...s,children:t.jsx(Ai,{children:c})})});$e.displayName="ChargeCardPaymentHistoryInnerElement";const zi=({index:e,style:o,repaymentListWithAccountInfo:c,sortConfig:a,isZeniTenant:s,onColumnSortConfigChanged:d,onRetryPaymentClick:y})=>{const u=H(),h=e===0,p=h?null:c[e-1],m=p?.repayment??null,r=p?.accountInfo,g=S.useMemo(()=>{if(c.length===0)return null;const v=c.map(R=>R.repayment),C=v.slice(1).reduce((R,D)=>D.repaymentDate.isAfter(R.repaymentDate)?D:R,v[0]);return C.status==="Rejected"||C.status==="Returned"?C.cardRepaymentId:null},[c]),w={...o,width:"100%"};if(h)return t.jsx(de,{style:w,className:"spend-management-list-item",children:t.jsx(ot,{companyNameSticky:!1,sortConfig:a,onColumnSortConfigChanged:d})});if(m==null)return null;const $=g!==null&&m.cardRepaymentId===g,j=u==="small"?Gt:xt;return t.jsx(de,{style:w,className:"spend-management-list-item",children:t.jsx(j,{repayment:m,accountInfo:r,isLatestFailedPayment:$,isZeniTenant:s,onRetryPaymentClick:y})})},Ri=G.memo(({fetchState:e,repaymentListWithAccountInfo:o,sortConfig:c,onColumnSortConfigChanged:a,onReloadPayments:s,searchText:d,isZeniTenant:y,onRetryPaymentClick:u})=>(Re({componentName:"charge_card_payment_history.list",enabled:e==="Completed"}),t.jsx(fe,{fetchState:e,repaymentListWithAccountInfo:o,sortConfig:c,onColumnSortConfigChanged:a,onReloadPayments:s,searchText:d,isZeniTenant:y,onRetryPaymentClick:u}))),Ii=n.div`
+`,ki={lastListItemHeight:new x(200,114)},Pi=T.getLocalizedStrings(),{spendManagement:{chargeCard:se},common:Li}=Pi,fe=J.memo(({fetchState:e,repaymentListWithAccountInfo:o,sortConfig:c,searchText:a,isZeniTenant:s,onColumnSortConfigChanged:d,onReloadPayments:y,onRetryPaymentClick:u})=>{const h=H(),p=S.useCallback($=>$===0?50:h==="small"?132:X,[h]),m=S.useMemo(()=>{let $=114;for(let b=1;b<=o.length;b++)$+=p(b);return $},[o.length,p]),r=S.useMemo(()=>window.innerHeight-351,[]),g=m>r,w=S.useRef(null);return S.useEffect(()=>{w.current?.resetAfterIndex(0)},[h]),t.jsx(Ii,{fetchState:e,children:e==="Error"?t.jsxs(Ti,{children:[t.jsx(Di,{onClick:y,"data-testid":O("payment-history-list-reload"),children:t.jsx(Bi,{})}),t.jsx(Oi,{children:Li.reloadPage.label})]}):e==="Completed"&&o.length===0?t.jsx(Ni,{children:t.jsx(Hi,{children:a!==""?se.paymentHistory.noPaymentHistoryMatchedSearch:se.paymentHistory.noPaymentHistoryAvailable})}):t.jsx(ve,{children:t.jsx(Mi,{windowSize:h,availableHeight:r,isListTooLarge:g,children:t.jsx(Ie,{children:({height:$,width:b})=>t.jsx(Te,{ref:w,height:$,itemCount:o.length+1,innerElementType:$e,itemSize:p,estimatedItemSize:X,itemKey:v=>v===0?"header":o[v-1].repayment.cardRepaymentId,width:b,overscanCount:Ue,initialScrollOffset:0,children:v=>t.jsx(zi,{...v,repaymentListWithAccountInfo:o,sortConfig:c,isZeniTenant:s,onColumnSortConfigChanged:d,onRetryPaymentClick:u})})})})})})},(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);fe.displayName="ChargeCardPaymentHistoryContent";const $e=S.forwardRef((e,o)=>{const{children:c,style:a,...s}=e;return t.jsx(ve,{ref:o,style:{...a,width:"auto"},...s,children:t.jsx(Ai,{children:c})})});$e.displayName="ChargeCardPaymentHistoryInnerElement";const zi=({index:e,style:o,repaymentListWithAccountInfo:c,sortConfig:a,isZeniTenant:s,onColumnSortConfigChanged:d,onRetryPaymentClick:y})=>{const u=H(),h=e===0,p=h?null:c[e-1],m=p?.repayment??null,r=p?.accountInfo,g=S.useMemo(()=>{if(c.length===0)return null;const v=c.map(R=>R.repayment),C=v.slice(1).reduce((R,D)=>D.repaymentDate.isAfter(R.repaymentDate)?D:R,v[0]);return C.status==="Rejected"||C.status==="Returned"?C.cardRepaymentId:null},[c]),w={...o,width:"100%"};if(h)return t.jsx(de,{style:w,className:"spend-management-list-item",children:t.jsx(ot,{companyNameSticky:!1,sortConfig:a,onColumnSortConfigChanged:d})});if(m==null)return null;const $=g!==null&&m.cardRepaymentId===g,b=u==="small"?Jt:xt;return t.jsx(de,{style:w,className:"spend-management-list-item",children:t.jsx(b,{repayment:m,accountInfo:r,isLatestFailedPayment:$,isZeniTenant:s,onRetryPaymentClick:y})})},Ri=J.memo(({fetchState:e,repaymentListWithAccountInfo:o,sortConfig:c,onColumnSortConfigChanged:a,onReloadPayments:s,searchText:d,isZeniTenant:y,onRetryPaymentClick:u})=>(Re({componentName:"charge_card_payment_history.list",enabled:e==="Completed"}),t.jsx(fe,{fetchState:e,repaymentListWithAccountInfo:o,sortConfig:c,onColumnSortConfigChanged:a,onReloadPayments:s,searchText:d,isZeniTenant:y,onRetryPaymentClick:u}))),Ii=n.div`
   margin: ${e=>e.fetchState==="Error"?"auto":"unset"};
   display: block;
   height: 100%;
@@ -551,15 +551,15 @@ import{h as Pe,_ as Le,e as H,y as V,V as t,a_ as ze,w as I,O as T,m as l,o as i
 `,Hi=n(W)`
   display: flex;
   color: ${e=>e.theme.colors.grey2};
-`,le={contentContainerMargin:new x(l[3],l[4],l[8])},{spendManagement:{chargeCard:{paymentHistory:ce}},common:Wi}=T.getLocalizedStrings(),bn=({repaymentList:e,fetchState:o,sortConfig:c,accountInfoByAccountId:a,searchText:s,filters:d,isZeniTenant:y,onBackClick:u,repaymentHistoryUsers:h,onColumnSortConfigChanged:p,onFiltersChange:m,onReloadPayments:r,onRetryPaymentClick:g,onSearchTextChanged:w,onClickMenuIcon:$,downloadParams:j,downloadState:v,updateDownloadStateHandler:C})=>{const R=Pe().analytics,D=Le(),[E,Y]=S.useState(!1),k=H(),Z=V(),be=s===""&&(d?.categories==null||d.categories.length===0||d.categories.every(L=>L.values==null||L.values.length===0)),q=o==="Completed"&&be&&e.length===0,je={entity:"charge_card_payment_history",showNewButtonOnNavbar:!1,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:Wi.strings.empty,hideSearchBtn:!1,disableSearch:q,disableFilters:q,searchTextBoxStyle:{right:"86px"},moreIconContainerStyle:{paddingRight:l[4]},isSearchOpen:E,searchPlaceHolder:ce.searchPlaceHolder,searchText:s,showSettingsIcon:!1,showSettingsIconOnNavbar:!1,showStatementButtonOnNavbar:!1,showPayEarlyButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,showDownloadIcon:!0,onDownloadClick:async()=>{C("In-Progress");try{await Ze({localeID:"en-US",fileType:"excel",entity:"charge_card_payment_history",filter:{filters:d,searchText:s},...j})}finally{C("Completed")}},disableDownloadButton:v==="In-Progress"||o!=="Completed"||e.length===0,analytics:R,onSearchOpen:L=>{Y(L)},filterIconContainerStyle:{...k==="small"&&{position:"static",paddingRight:"10px"}},onSearchTextChanged:w,onClickSetupIcon:()=>{},onClickStatementsIcon:()=>{},downloadState:v,onNewButtonClick:()=>{},onClickPayEarlyIcon:()=>{},onMenuOpen:()=>{},filters:d,onFiltersChange:m,createdByUserListLoaded:o==="Completed",getFilterOptions:()=>Fe("charge_card_payment_history",h,D.loggedInUserRole??[],[],a),renderDropdownOptionIcon:Ve},Se=t.jsx(Ke,{spendManagementSectionProps:je}),Ce=ce.pageTitle,ke=S.useMemo(()=>e.map(L=>({repayment:L,accountInfo:L.paymentAccountId!=null&&L.paymentAccountId!==""?a?.[L.paymentAccountId]:void 0})),[e,a]);return t.jsxs(_i,{children:[t.jsx(ze,{title:Ce,showBackButton:!0,showMenuIcon:k==="medium-compact"||k==="small",onClickMenuIcon:$,titleTextStyles:k==="small"?{...I.standardMedium.cssObject}:void 0,style:{zIndex:3},onBackClick:u,rightSideComponent:Se,isSearchOpen:E,hideSearchBtn:!1,scrollableContent:void 0,source:"ChargeCardPaymentHistoryPage",backgroundColor:Z.colors.grey4}),o==="Not-Started"||o==="In-Progress"?t.jsx(Ee,{fetchState:o,styles:{margin:"auto"}}):t.jsx(Ei,{windowSize:k,children:t.jsx(Ri,{fetchState:o,repaymentListWithAccountInfo:ke,sortConfig:c,onColumnSortConfigChanged:p,onReloadPayments:r,searchText:s,isZeniTenant:y,onRetryPaymentClick:g})})]})},_i=n.div`
+`,le={contentContainerMargin:new x(l[3],l[4],l[8])},{spendManagement:{chargeCard:{paymentHistory:ce}},common:Wi}=T.getLocalizedStrings(),vn=({repaymentList:e,fetchState:o,sortConfig:c,accountInfoByAccountId:a,searchText:s,filters:d,isZeniTenant:y,onBackClick:u,repaymentHistoryUsers:h,onColumnSortConfigChanged:p,onFiltersChange:m,onReloadPayments:r,onRetryPaymentClick:g,onSearchTextChanged:w,onClickMenuIcon:$,downloadParams:b,downloadState:v,updateDownloadStateHandler:C})=>{const R=Pe().analytics,D=Le(),[K,Y]=S.useState(!1),k=H(),Z=V(),je=s===""&&(d?.categories==null||d.categories.length===0||d.categories.every(L=>L.values==null||L.values.length===0)),q=o==="Completed"&&je&&e.length===0,be={entity:"charge_card_payment_history",showNewButtonOnNavbar:!1,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:Wi.strings.empty,hideSearchBtn:!1,disableSearch:q,disableFilters:q,searchTextBoxStyle:{right:"86px"},moreIconContainerStyle:{paddingRight:l[4]},isSearchOpen:K,searchPlaceHolder:ce.searchPlaceHolder,searchText:s,showSettingsIcon:!1,showSettingsIconOnNavbar:!1,showStatementButtonOnNavbar:!1,showPayEarlyButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,showDownloadIcon:!0,onDownloadClick:async()=>{C("In-Progress");try{await Ze({localeID:"en-US",fileType:"excel",entity:"charge_card_payment_history",filter:{filters:d,searchText:s},...b})}finally{C("Completed")}},disableDownloadButton:v==="In-Progress"||o!=="Completed"||e.length===0,analytics:R,onSearchOpen:L=>{Y(L)},filterIconContainerStyle:{...k==="small"&&{position:"static",paddingRight:"10px"}},onSearchTextChanged:w,onClickSetupIcon:()=>{},onClickStatementsIcon:()=>{},downloadState:v,onNewButtonClick:()=>{},onClickPayEarlyIcon:()=>{},onMenuOpen:()=>{},filters:d,onFiltersChange:m,createdByUserListLoaded:o==="Completed",getFilterOptions:()=>Fe("charge_card_payment_history",h,D.loggedInUserRole??[],[],a),renderDropdownOptionIcon:Ve},Se=t.jsx(_e,{spendManagementSectionProps:be}),Ce=ce.pageTitle,ke=S.useMemo(()=>e.map(L=>({repayment:L,accountInfo:L.paymentAccountId!=null&&L.paymentAccountId!==""?a?.[L.paymentAccountId]:void 0})),[e,a]);return t.jsxs(Ei,{children:[t.jsx(ze,{title:Ce,showBackButton:!0,showMenuIcon:k==="medium-compact"||k==="small",onClickMenuIcon:$,titleTextStyles:k==="small"?{...I.standardMedium.cssObject}:void 0,style:{zIndex:3},onBackClick:u,rightSideComponent:Se,isSearchOpen:K,hideSearchBtn:!1,scrollableContent:void 0,source:"ChargeCardPaymentHistoryPage",backgroundColor:Z.colors.grey4}),o==="Not-Started"||o==="In-Progress"?t.jsx(Ke,{fetchState:o,styles:{margin:"auto"}}):t.jsx(Ki,{windowSize:k,children:t.jsx(Ri,{fetchState:o,repaymentListWithAccountInfo:ke,sortConfig:c,onColumnSortConfigChanged:p,onReloadPayments:r,searchText:s,isZeniTenant:y,onRetryPaymentClick:g})})]})},Ei=n.div`
   display: flex;
   flex-direction: column;
   width: 100%;
   height: 100vh;
   overflow: auto;
-`,Ei=n.div`
+`,Ki=n.div`
   margin-top: ${i.sp4};
   margin-right: ${e=>le.contentContainerMargin.valuePx(e.windowSize)};
   margin-bottom: ${i.sp0};
   margin-left: ${e=>le.contentContainerMargin.valuePx(e.windowSize)};
-`;export{bn as default};
+`;export{vn as default};

package/dist/assets/ChargeCardPromoPage-CPpNh89o-52aj5A04.js

@@ -0,0 +1,222 @@
+import{J as b,V as r,y as O,t as ye,c as be,a7 as $e,a4 as je,fc as Se,a_ as Te,eO as ze,i as Q,a6 as ee,O as ne,o as i,bX as ve,l as J,bY as Pe,I as ke,b as x,n as Ie,bg as Ae,hS as Be,x as Le,u as p,H as j,e as C,au as _e,ac as Re,hT as Me}from"./index-T6cemxxv.js";import{a as S}from"./sentry-BoIfGJBF.js";import{n as o,c as Ee,k as De}from"./mui-GaW5Gk_e.js";import{Ej as Fe}from"./zeni-epic-state-BtVcBgvu.js";import{k as Ne}from"./NavigationDots-Bv4tBDN3-C3q3rN5Z.js";import{J as H,N as G}from"./PromoBaseCards-DdCMZIc7-B4qYL3sb.js";import{M as L}from"./usp-line-BBd1wKwW-BDy8G8EG.js";import"./pdf-DWoGjGSw.js";import"./core-BSWMBnrJ.js";import"./lottie-DOxhyevU.js";import"./liveblocks--WiFaeN0.js";import"./recharts-BQ8VH5gX.js";import"./dnd-DJrh3JTW.js";import"./analytics-BZz0SPy3.js";import"./plaid-CNcdZ4gc.js";import"./utils-BGRwbgi2.js";(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]="9ecb5c3f-b338-43d9-9560-ae65fc3ca799",e._sentryDebugIdIdentifier="sentry-dbid-9ecb5c3f-b338-43d9-9560-ae65fc3ca799")}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])},T={promoBadgeText:new j("standardRegular","largeRegular"),promoBadgeTextBold:new j("standardBold","largeBold"),cardsContent:new j("extraSmallRegular","smallRegular"),contactAdmin:new j("extraSmallRegular","largeRegular"),uspText:new j("smallRegular","standardRegular"),uspBoldText:new j("smallMedium","standardMedium")},{common:N,spendManagement:{chargeCard:{chargeCardsPromo:n}}}=ne.getLocalizedStrings(),Mr=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:t,showEnableCardButton:a,controllerEmails:c,isCreditCardProductVisible:m,isDebitCardFeatureEnabled:h,isDebitCardSetupEnabled:w,isChargeCardSetupEnabled:u,admins:$,cashbackRate:v,cardPromoType:d="credit",isCheckingEnabled:l,onSetupButtonClick:_,onBackClick:pe,onClickMenuIcon:me,onSetupChargeCardSuccess:X,onExpressInterestClick:ge})=>{const he=O(),V=ye(),z=b(),W=be().analytics,{chargeCardTermsDetails:R,companyChargeCardInfo:f,companyLocaleInfo:M}=t,Y=$e(R?.fetchStatus.fetchState),[xe,Z]=S.useState(!1),we=f!=null&&M!=null?je("0,0",{amount:f.chargeCardsCreditAccountLimit,currencyCode:M.currencyCode,currencySymbol:M.currencySymbol}):void 0;S.useEffect(()=>{Y==="In-Progress"&&R?.fetchStatus.fetchState==="Completed"&&X()},[Y,X,R?.fetchStatus]);const q=Fe(V.loggedInUserRoleMap),ue=Se(V),E=d==="credit"&&f?.isCompanyInterestedInChargeCard===!1&&f.chargeCardsCreditAccountLimit===0,D=d==="credit"&&f?.isCompanyInterestedInChargeCard===!0&&f.chargeCardsCreditAccountLimit===-1,F=d==="credit"&&f?.isCompanyInterestedInChargeCard===!0&&f.chargeCardsCreditAccountLimit===0,fe=d==="credit"&&f?.isCompanyInterestedInChargeCard===!0&&f.chargeCardsCreditAccountLimit>0,{expressInterestInChargeCardFetchState:Ce}=t,K=E?n.getPreApprovedNow:a?n.enableCardsButton:n.setupCardsButton;return r.jsxs(Xe,{children:[r.jsx(Te,{title:n.title[d],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:()=>{Z(!1)},meetingUrl:e}):null,r.jsx(Ze,{windowSize:z,children:q===!0?r.jsxs(Ye,{children:[r.jsxs(We,{children:[r.jsx(He,{isApproved:fe,creditAmount:we,cardPromoType:d,isUnderReview:F,isRejected:D,showExpressInterest:E,creditLimit:f?.chargeCardsCreditAccountLimit}),r.jsx(ae,{cardPromoType:d,cashbackRate:v})]}),r.jsx(oe,{showEnableCardButton:a,cardPromoType:d,isUnderReview:F,isRejected:D,showExpressInterest:E,isCheckingEnabled:l})]}):r.jsx(Ge,{companyLegalName:s,cards:[],admins:$,cashbackRate:v,hasZeniFinopsRoles:ue,cardPromoType:d,isCheckingEnabled:l})}),!q||F||D?null:r.jsxs(tr,{windowSize:z,children:[r.jsx(Q,{variant:"secondary",label:n.scheduleDemoButton,style:{width:166},onClick:()=>{W.trackCardsPromoPageClicked("schedule demo"),W.trackCardsScheduleDemoClick(c,{isCreditCardOffered:m,isDebitCardOffered:h,isDebitCardEnabled:w,isCreditCardEnabled:u},"Cards Promo"),Z(!0)},"data-testid":ee("schedule-demo-button")}),r.jsx(Ve,{windowSize:z,children:n.orText}),r.jsx(Q,{variant:"primary",label:K,style:{minWidth:166},loading:t.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||Ce==="In-Progress",onClick:K===n.getPreApprovedNow?ge:()=>_(d),"data-testid":ee("enable-card-button")})]})]})},Ue=({admins:e})=>{const s=e.flatMap(a=>a.user?.firstName+" "+a.user?.lastName).join(", "),t=b();return r.jsxs(pr,{windowSize:t,children:[r.jsx(U,{underline:!1,windowSize:t,children:n.noCardAssigned.pre}),r.jsx(Ae,{title:s,placement:"top-start",style:{padding:`2px ${i.sp2}`},children:r.jsx(U,{underline:!0,windowSize:t,children:n.noCardAssigned.tooltip})}),r.jsx(U,{underline:!1,windowSize:t,children:n.noCardAssigned.post})]})},oe=({cardPromoType:e,showEnableCardButton:s,isCheckingEnabled:t,isUnderReview:a,isRejected:c,showExpressInterest:m,isCardUser:h=!1})=>{const w=b();return r.jsx(ir,{windowSize:w,children:r.jsx(Be,{topTermLabel:n.terms.checkingAccountTerm,buttonTermLabel:a===!0||c===!0||h===!0?void 0:m===!0?n.terms.getPreApprovedNowTerm:s?n.terms.alternateTerm1:n.terms.terms1,showEndIcon:!1,showTerms:c===!1&&h===!1&&a===!1,style:{marginTop:g.termsOfAgreementMarginTop.valuePx(w)},cardPromoType:e,isCheckingEnabled:t})})},He=({isApproved:e,cardPromoType:s,creditAmount:t,isUnderReview:a,isRejected:c,showExpressInterest:m,creditLimit:h})=>{const w=b(),u=s==="debit_and_credit"?n.promoTextDebitCreditCard:s==="debit"?n.promoTextDebitCard:n.promoTextCreditCard,$=e?r.jsxs(r.Fragment,{children:[n.promoBadgeText.approved,r.jsx(ie,{children:t}),n.creditLimit,N.strings.space]}):m?r.jsxs(r.Fragment,{children:[n.promoBadgeText.nonPreApproved.get,r.jsx(er,{children:n.promoBadgeText.nonPreApproved.scale}),n.promoBadgeText.nonPreApproved.doubleStarred,N.strings.space,n.promoBadgeText.nonPreApproved.higherLimits]}):a?n.promoBadgeText.underReview:c?n.promoBadgeText.rejected:s==="debit_and_credit"&&h===0?null:r.jsxs(r.Fragment,{children:[n.promoBadgeText.preApproved,r.jsx(ie,{children:t}),n.creditLimit,N.strings.space]});return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:w==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:u}),r.jsx(ce,{children:n.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:u}),r.jsx(de,{children:n.promoSubText})]})}),r.jsxs(Ke,{cardPromoType:s,hasContent:$!=null,hideBadge:t==null||s==="debit",windowSize:w,children:[a||c||m?null:r.jsx(Cr,{}),r.jsx(Qe,{windowSize:w,children:$})]})]})},Ge=({companyLegalName:e,cards:s,admins:t,cashbackRate:a,hasZeniFinopsRoles:c,cardPromoType:m="credit",isCheckingEnabled:h})=>{const w=b(),u=m==="debit_and_credit"?n.promoTextDebitCreditCard:m==="debit"?n.promoTextDebitCard:n.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[w==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:u}),r.jsx(ce,{children:n.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:u}),r.jsx(de,{children:n.promoSubText})]}),s.length===0?r.jsx(cr,{windowSize:w}):r.jsx(Oe,{cards:s,companyLegalName:e}),r.jsx(ae,{cardPromoType:m,cashbackRate:a}),c?null:r.jsx(Ue,{admins:t}),r.jsx(oe,{isCardUser:!0,showEnableCardButton:!1,cardPromoType:m,isCheckingEnabled:h})]})},Oe=({cards:e,companyLegalName:s})=>{const t=O(),a=b();let c,m="";if(e.length===1){c=e[0].cardCreatedByUser.photo;const h=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;m=n.cardAssigned.singleCreditCard.replace("__issuing-user__",h).replace("__company-name__",s)}else m=n.cardAssigned.multipleCreditCards.replace("__company-name__",s);return r.jsxs(gr,{children:[c!=null?r.jsx(qe,{width:i.sp5,height:i.sp5,style:{paddingTop:a==="small"?i.sp1:i.sp0},src:c.href,alt:ne.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:h})=>{h.onerror=null,h.src=Ie},loading:"lazy"}):null,r.jsx(mr,{windowSize:a,mode:t.mode,children:r.jsx(hr,{windowSize:a,children:m})})]})},re=({windowSize:e,cardPromoType:s})=>{let t=n.businessText;return s==="debit"&&(t=`${t} ${n.debit}`),r.jsx(r.Fragment,{children:s==="debit_and_credit"?r.jsx(Je,{}):r.jsxs(or,{windowSize:e,children:[r.jsx(H,{cardPromoType:s,cardText:t,shouldAnimate:!0,showChip:!0,forDashboard:!1,forListPage:!1}),r.jsx(G,{cardPromoType:s,cardText:t,showChip:!0,forDashboard:!1,shouldAnimate:!0,forListPage:!1})]})})},ae=({cardPromoType:e,cashbackRate:s})=>{const t=b(),a=n.benefits;return r.jsxs(rr,{windowSize:t,children:[t==="small"?r.jsx(re,{windowSize:t,cardPromoType:e}):null,r.jsxs(nr,{windowSize:t,children:[r.jsxs(k,{windowSize:t,children:[r.jsx(A,{children:r.jsx(dr,{})}),r.jsxs(B,{children:[r.jsx(y,{windowSize:t,children:a.item1.pre}),r.jsx(I,{windowSize:t,children:a.item1.bold.replace("__cashback__",(100*s).toFixed(2))}),r.jsx(y,{windowSize:t,children:`${e==="credit"||e==="debit_and_credit"?a.singleStarred:""}${a.item1.post}`})]})]}),r.jsxs(k,{windowSize:t,children:[r.jsx(A,{children:r.jsx(ar,{})}),r.jsxs(B,{children:[r.jsx(y,{windowSize:t,children:a.item2.pre}),r.jsx(I,{windowSize:t,children:a.item2.bold}),r.jsx(y,{windowSize:t,children:a.item2.post})]})]}),r.jsxs(k,{windowSize:t,children:[r.jsx(A,{children:r.jsx(lr,{})}),r.jsxs(B,{children:[r.jsx(y,{windowSize:t,children:a.item3.pre}),r.jsx(I,{windowSize:t,children:a.item3.bold}),r.jsx(y,{windowSize:t,children:a.item3.post})]})]}),r.jsxs(k,{windowSize:t,children:[r.jsx(A,{children:r.jsx(sr,{})}),r.jsxs(B,{children:[r.jsx(y,{windowSize:t,children:a.item4.pre}),r.jsx(I,{windowSize:t,children:a.item4.bold}),r.jsx(y,{windowSize:t,children:a.item4.post})]})]})]}),t==="small"?null:r.jsx(re,{windowSize:t,cardPromoType:e})]})};let P;const Je=()=>{const e=b(),s=O(),[t,a]=S.useState(0),[c,m]=S.useState(!1),h=n.businessText,w=`${h} ${n.debit}`,u=[{id:1,cardType:"debit",cardText:w},{id:2,cardType:"debit",cardText:w},{id:3,cardType:"credit",cardText:h},{id:4,cardType:"credit",cardText:h}];S.useEffect(()=>(c||(P=setInterval(()=>{a(d=>{const l=d+1;return l===u.length?(m(!0),0):l})},2e3)),()=>clearInterval(P)),[c,u.length]),S.useEffect(()=>{c&&P!=null&&clearInterval(P)},[c]);const $=(d,l)=>{switch((d-t+u.length)%u.length){case 0:return{transform:`translate(0,${l?"100%":0}) scale(1)`,zIndex:l?5:6,opacity:1,transition:"transform 0.4s"};case 1:return{transform:`translate(35%, ${l?"80%":"5%"}) scale(0.75)`,zIndex:l?4:5,opacity:1,transition:"all 0.4s"};case 2:return{transform:`translate(35%,${l?"80%":"5%"}) scale(0.75)`,zIndex:l?3:4,opacity:0,transition:"transform 0.4s 0.2s, opacity 0.4s 0.0s"};case 3:return{transform:`translate(-35%, ${l?"80%":"5%"}) scale(0.75)`,zIndex:l?4:5,opacity:1,transition:"all 0.4s"};default:return}},v=d=>{const l=$(d,!0);return{...l,transform:`${l?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}};return r.jsxs(xr,{windowSize:e,children:[r.jsx(wr,{windowSize:e,children:u.map((d,l)=>r.jsxs(ur,{children:[r.jsx(te,{isReflection:!1,style:{...$(l,!1)},onClick:()=>(_=>{c||m(!0),a(_)})(l),children:l===0||l===2?r.jsx(H,{cardPromoType:d.cardType,cardText:d.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}}):r.jsx(G,{cardPromoType:d.cardType,cardText:d.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}})},d.id),r.jsx(te,{isReflection:!0,style:{...v(l)},children:l===0||l===2?r.jsx(H,{cardPromoType:d.cardType,cardText:d.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:d.cardType,cardText:d.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-${d.id}`)]},d.id))}),c&&r.jsx(Ne,{numberOfDots:u.length,activeIndex:t,handleClick:a,promoColor:s.colors.primary,promoColorHover:s.colors.grey5,spendManagementPromoCardActive:!0,dotStyle:{width:i.sp2,height:i.sp2},style:{cursor:"default",position:"absolute",bottom:g.navigationBottom.valuePx(e),left:g.navigationLeft.valuePx(e),zIndex:7}})]})},Xe=o.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Ve=o(Le)`
+  color: ${e=>e.theme.colors.hero};
+`,We=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`,Ye=o.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  flex: 1;
+  width: 100%;
+`,Ze=o.div`
+  padding-top: ${e=>g.containerPaddingTopBottom.valuePx(e.windowSize)};
+  padding-bottom: ${e=>g.containerPaddingTopBottom.valuePx(e.windowSize)};
+  text-align: center;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow-x: hidden;
+`,se=o(Pe)`
+  max-width: 927px;
+  margin: auto;
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+  padding: ${i.sp7} ${i.sp0} ${i.sp0} ${i.sp0};
+  color: ${e=>e.theme.colors.primary};
+`,de=o(ke)`
+  color: ${e=>e.theme.colors.primary};
+  margin: auto;
+  margin-top: ${i.sp2};
+`,le=o(ve)`
+  margin: auto;
+  max-width: 343px;
+  display: flex;
+  justify-content: center;
+  text-align: center;
+  flex-wrap: wrap;
+  padding: ${i.sp5} ${i.sp0} ${i.sp0} ${i.sp0};
+  color: ${e=>e.theme.colors.primary};
+`,ce=o(J)`
+  max-width: 314px;
+  margin: auto;
+  color: ${e=>e.theme.colors.primary};
+  padding: 6px ${i.sp3} ${i.sp0} ${i.sp3};
+  text-align: center;
+  margin-top: 6px;
+`,qe=o.img`
+  border-radius: 50%;
+  justify-content: center;
+  color: ${e=>e.theme.colors.hero};
+`,Ke=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  overflow: hidden;
+  padding: ${e=>e.hasContent?`${i.sp2} ${i.sp3}`:i.sp0};
+  background-color: ${e=>e.theme.colors.grey3};
+  border-radius: 96px;
+  margin-top: ${i.sp4};
+  margin-left: ${e=>e.windowSize==="small"?i.sp3:"auto"};
+  margin-right: ${e=>e.windowSize==="small"?i.sp3:"auto"};
+  margin-bottom: ${e=>e.cardPromoType==="debit_and_credit"&&e.windowSize==="small"?i.sp0:i.sp6};
+  width: fit-content;
+  gap: ${i.sp1};
+  ${e=>e.hideBadge&&`
+    visibility: hidden;
+    `}
+`,Qe=o(J)`
+  color: ${e=>e.theme.mode==="dark"?C.brandColorJade:C.brandColorSapphire};
+  text-align: ${e=>e.windowSize==="small"?"left":"center"};
+  ${e=>`${T.promoBadgeText.style(e.windowSize)}`};
+  span {
+    ${e=>`${T.promoBadgeTextBold.style(e.windowSize)}`};
+  }
+`,er=o.span``,ie=o.span`
+  color: ${C.success};
+`,rr=o.div`
+  display: flex;
+  gap: ${e=>g.midContainerGap.valuePx(e.windowSize)};
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: center;
+  justify-content: center;
+`,ir=o.div`
+  display: flex;
+  flex-direction: column;
+`,tr=o.div`
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+  padding: ${i.sp2} ${i.sp3};
+  position: sticky;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 8;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: row;
+  row-gap: ${i.sp2};
+  background-color: ${e=>e.theme.colors.grey5};
+  gap: ${e=>g.buttonTrayGap.valuePx(e.windowSize)};
+`,nr=o.div`
+  width: ${e=>e.windowSize==="small"?"auto":"288px"};
+  display: flex;
+  flex-direction: column;
+  margin-left: ${e=>g.uspContainerMarginX.valuePx(e.windowSize)};
+  margin-right: ${e=>g.uspContainerMarginX.valuePx(e.windowSize)};
+  z-index: 8;
+`,or=o.div`
+  display: flex;
+  justify-content: ${e=>e.windowSize==="small"?"center":"flex-start"};
+  min-height: ${e=>g.iconContainerMinHeight.valuePx(e.windowSize)};
+  align-items: center;
+  min-width: 480px;
+`,k=o.div`
+  border-radius: ${i.sp12};
+  border: ${e=>`1px solid ${e.theme.colors.grey2}`};
+  padding: ${e=>e.windowSize==="small"?`${i.sp2} ${i.sp4} ${i.sp2} ${i.sp0}`:`${i.sp3} ${i.sp5} ${i.sp3} ${i.sp0}`};
+  background: ${e=>e.theme.colors.grey5};
+  position: relative;
+  margin-bottom: ${i.sp3};
+  display: flex;
+  align-items: center;
+  text-align: start;
+  width: ${e=>e.windowSize==="small"?"288px":"100%"};
+  min-height: ${e=>e.windowSize!=="small"?"83px":"44px"};
+  box-sizing: ${e=>e.windowSize==="small"?"unset":"border-box"};
+`,y=o(_e)`
+  color: ${e=>e.theme.colors.champion};
+  ${e=>`${T.uspText.style(e.windowSize)}`};
+`,I=o(Re)`
+  color: ${e=>e.theme.colors.champion};
+  ${e=>`${T.uspBoldText.style(e.windowSize)}`};
+`,A=o.div``,B=o.div`
+  padding-left: ${i.sp3};
+`,ar=o(L)`
+  color: ${C.graphColor16Dark};
+`,sr=o(L)`
+  color: ${C.alert};
+`,dr=o(L)`
+  color: ${C.graphColor11};
+`,lr=o(L)`
+  color: ${C.success};
+`,cr=o.div`
+  height: ${e=>g.emptySectionHeight.valuePx(e.windowSize)};
+  ${e=>e.windowSize==="small"?null:Ee`
+          margin-top: ${i.sp4};
+          margin-bottom: ${i.sp6};
+        `}
+`,pr=o(J)`
+  color: ${e=>e.theme.colors.hero};
+  margin-top: ${e=>g.contactAdminContainerMarginTop.valuePx(e.windowSize)};
+  margin-bottom: ${e=>g.contactAdminContainerMarginBottom.valuePx(e.windowSize)};
+  margin-left: ${e=>g.contactAdminContainerMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>g.contactAdminContainerMarginLeftRight.valuePx(e.windowSize)};
+  text-align: center;
+`,U=o(Me)`
+  ${e=>`${T.contactAdmin.style(e.windowSize)}`};
+  text-decoration: ${e=>e.underline?"underline":"none"};
+  cursor: ${e=>e.underline?"default":null};
+`,mr=o.div`
+  color: ${e=>e.mode==="dark"?e.theme.colors.brandColorJade:e.theme.colors.brandColorSapphire};
+`,gr=o.div`
+  background-color: ${e=>e.theme.colors.grey3};
+  padding: ${i.sp2} ${i.sp3};
+  display: flex;
+  gap: ${i.sp2};
+  margin: auto;
+  max-width: fit-content;
+  border-radius: 96px;
+  margin-top: ${i.sp4};
+  margin-bottom: ${i.sp6};
+`,hr=o.span`
+  ${e=>`${T.cardsContent.style(e.windowSize)}`};
+`,xr=o.div`
+  display: flex;
+  flex-direction: column;
+  min-height: ${e=>g.carouselHeight.valuePx(e.windowSize)};
+  min-width: 480px;
+  position: relative;
+`,wr=o.div`
+  position: relative;
+  margin-top: ${e=>g.carouselMarginTop.valuePx(e.windowSize)};
+  margin-left: ${e=>g.carouselMarginLeft.valuePx(e.windowSize)};
+`,ur=o.div`
+  position: relative;
+  overflow: visible;
+`,te=o.div`
+  position: absolute;
+  ${e=>e.isReflection&&`
+  background-color: ${e.theme.colors.grey4};
+  clip-path: inset(16% 0 0 0);
+  `}
+`,fr=De`
+  0% {
+    left: -${i.sp6};
+  }
+  50% {
+    left: calc(100% + ${i.sp6});
+  }
+  100% {
+    left: calc(100% + ${i.sp6});
+  }
+`,Cr=o.div`
+  position: absolute;
+  background:
+    ${C.promoCardGradient1Strong}, ${C.promoCardGradient2Strong};
+  width: ${i.sp10};
+  z-index: 3;
+  height: 100%;
+  transform: skew(15deg);
+  animation: ${fr} 4s linear infinite;
+`;export{Ge as ChargeCardPromoUserContent,Mr as default};