@zeniai/web-app-ui 4.14.33-qa → 4.14.34-dev

package/dist/assets/{ChargeCardPaymentHistoryPage-sPGU7qmY-rwescXiM.js → ChargeCardPaymentHistoryPage-5lUxK8pF-eVmFgfvo.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-D57b0ZIG.js";import{a as S,b as G}from"./sentry-D8J10Xru.js";import{n,c as Q}from"./mui-CQrPxNXb.js";import{m as Ee}from"./BusyIndication-YMYY0Pff-D_KjfCvN.js";import{t as Ke}from"./SpendManagementSection-CPBOh_J5-DENgRE8u.js";import{r as Ve,a as Fe,i as ye,g as Ye}from"./SpendManagementListViewPage-DKRkSADM-CSd5tSEZ.js";import{m as Ze}from"./MoreMenuButton--MxUyTqX-1RkUcWJr.js";import{c as X,L as Ue,M as Ge,S as qe}from"./common-BxjzMhDO-S5r9siR9.js";import{Gv as ue,Gw as xe}from"./zeni-epic-state-BpS-Wh5Q.js";import{d as Je}from"./ZeniAvatar-Ct7MPW2X-MRoTqMzS.js";import{r as Qe}from"./auto-transfer-rule-mbafm5D3-DR96fUbR.js";import"./pdf-CPt_J5sA.js";import"./core-CRK-q5k6.js";import"./lottie-NpRVnd_t.js";import"./liveblocks-L3GY4hN_.js";import"./recharts-CuxDYXli.js";import"./dnd-CgFlpM7S.js";import"./analytics-BX2zKevq.js";import"./plaid-Dz-bwqi6.js";import"./utils-GhRHHdOC.js";import"./filter-cZIFUNvj-Dx-p_nKS.js";import"./ZeniDatePicker-RNJ2ukKC-BS6c2-W_.js";import"./avatar-Dz7aEm3d-DRSZhV3E.js";import"./StatusSwitcher-DN-yYdli-Car4Wffo.js";import"./bank-letter-BOcVjN6J-rbOCdeK7.js";import"./spend-limit-D6SyboD4-Due4I925.js";import"./dollar-round-D18u7nlm-CdMT-oeR.js";import"./money-2cg1MuG4-DLoKZhIi.js";import"./page-summary-D7_VQHwN-yb1lXduc.js";import"./transaction-placeholder-CpOwZAMG-D-Bv3g86.js";import"./unlock-BPWn2I5L-u0K-tQmu.js";import"./calculateSize-CzpGCfNE-Cy_LgZ5r.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]="b4814240-702b-4414-8466-72169d2bd433",e._sentryDebugIdIdentifier="sentry-dbid-b4814240-702b-4414-8466-72169d2bd433")}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{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 M,an as Ie,bV as Te,bd as De,ab as Be,l as W,cS as j,gk as U,a5 as K,bo as Me,bm as Oe,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-bPu7mlA1.js";import{a as S,b as G}from"./sentry-uXR4_KRo.js";import{n,c as Q}from"./mui-CvPZa6D0.js";import{m as Ee}from"./BusyIndication-BLGcHlgu-d1oE1KKV.js";import{t as Ke}from"./SpendManagementSection-DAqR2c98-Cn1QTtEj.js";import{r as Ve,a as Fe,i as ye,g as Ye}from"./SpendManagementListViewPage-BLjP9T8h-zDO_JYhV.js";import{m as Ze}from"./MoreMenuButton-DrAQ635T-BL2i_PBG.js";import{c as X,L as Ue,M as Ge,S as qe}from"./common-CAmBErdt-BVIeK7KA.js";import{Gv as ue,Gw as xe}from"./zeni-epic-state-BDdTNPzg.js";import{d as Je}from"./ZeniAvatar-CCOD249Z-DHdRsr5H.js";import{r as Qe}from"./auto-transfer-rule-mbafm5D3-CvacsS1B.js";import"./pdf-LR9rRMEe.js";import"./core-DuCBl3U1.js";import"./lottie-DyJgmWhI.js";import"./liveblocks-UDiQs1XL.js";import"./recharts-7AyWv7E-.js";import"./dnd-BPJHdlPA.js";import"./analytics-hnA26KoH.js";import"./plaid-C4PyP873.js";import"./utils-DXqO5lkM.js";import"./filter-cZIFUNvj-CU1t2o_9.js";import"./ZeniDatePicker-EhzRlpFY-Bagds5F3.js";import"./avatar-Dz7aEm3d-BBjMxgr_.js";import"./StatusSwitcher-BI-dgnrK-D9HsJYc3.js";import"./bank-letter-BOcVjN6J-BDC6rOv1.js";import"./spend-limit-D6SyboD4-lpJ_hpRn.js";import"./dollar-round-D18u7nlm-C91Luiym.js";import"./money-2cg1MuG4-BqWS5D8h.js";import"./page-summary-D7_VQHwN-CzEvyMZF.js";import"./transaction-placeholder-CpOwZAMG-Bn-8TRqx.js";import"./unlock-BPWn2I5L-BihjIVk1.js";import"./calculateSize-D-LzlJzs-DNCT8MgL.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]="2542f39e-6c9c-483e-b19d-6cd7e66ffa5a",e._sentryDebugIdIdentifier="sentry-dbid-2542f39e-6c9c-483e-b19d-6cd7e66ffa5a")}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(Oe,{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":M("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":M("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":M("payment-history-list-sort-cancel",o.sortKey)})})]},r.key))})})}),at=n.div`
   top: ${i.sp0};
   left: ${i.sp0};
   z-index: 2;
@@ -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:O}}}=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,O.sourceAccountUnknown),b=ye(e),v=e.paidByUser?.email?.endsWith("@zeni.ai")??!1,C=b||!s&&v,R=C?O.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(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:E?t.jsx(Me,{placement:"bottom-start",title:t.jsxs(Yt,{children:[t.jsxs(oe,{children:[t.jsx(ae,{children:O.initiatedOn}),t.jsx(re,{children:w})]}),t.jsxs(oe,{children:[t.jsx(ae,{children:O.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(Mt,{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(Ot,{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":M("retry-payment",e.cardRepaymentId),children:O.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(_t,{})}):t.jsx(Et,{children:t.jsx(Je,{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(Kt,{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: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`
   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;
@@ -206,7 +206,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
 `,Bt=n.span`
   white-space: nowrap;
   flex-shrink: 0;
-`,Ot=n.div`
+`,Mt=n.div`
   position: relative;
   top: 2px;
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
@@ -218,7 +218,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
   align-items: flex-start;
   justify-content: center;
   gap: ${e=>e.isLoading?i.sp1:i.sp0};
-`,Mt=n.div`
+`,Ot=n.div`
   display: flex;
   align-items: center;
   flex-direction: row;
@@ -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():"",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,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:K("0,0.[00]",e.amount),children:K("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":M("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`
   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=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 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":M("payment-history-list-reload"),children:t.jsx(Bi,{})}),t.jsx(Mi,{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(Oi,{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"?Gt: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=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`
   margin: ${e=>e.fetchState==="Error"?"auto":"unset"};
   display: block;
   height: 100%;
@@ -508,10 +508,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
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Oi=n(Be)`
+`,Mi=n(Be)`
   margin-top: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
-`,Mi=n.div`
+`,Oi=n.div`
   position: sticky;
   height: ${e=>e.isListTooLarge||e.windowSize==="small"?"calc(100vh - 86px)":`${e.availableHeight}px`};
   max-width: 99.9%;
@@ -551,7 +551,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
 `,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(),jn=({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(),[E,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: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},...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(Ke,{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(_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`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -562,4 +562,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
   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{jn as default};

package/dist/assets/ChargeCardPromoPage-CKl6K-nr-DnYu005E.js

@@ -0,0 +1,222 @@
+import{e as b,V as r,y as O,_ as ye,h as be,a7 as $e,a5 as je,fm as Se,a_ as Te,eY as ze,a as Q,b as ee,O as oe,o as i,c2 as ve,n as J,c3 as Pe,D as ke,x,s as Ie,bo as Ae,i2 as Be,C as _e,m as p,d as j,f as C,au as Le,ac as Re,i3 as Me}from"./index-bPu7mlA1.js";import{a as S}from"./sentry-uXR4_KRo.js";import{n,c as Ee,k as De}from"./mui-CvPZa6D0.js";import{F4 as Fe}from"./zeni-epic-state-BDdTNPzg.js";import{x as Ne}from"./NavigationDots-CwCZ9EAa-ovWuwmnJ.js";import{J as H,N as G}from"./PromoBaseCards-BrXJEufN-C4zOhiIC.js";import{M as _}from"./usp-line-BBd1wKwW-DYAH7Au1.js";import"./pdf-LR9rRMEe.js";import"./core-DuCBl3U1.js";import"./lottie-DyJgmWhI.js";import"./liveblocks-UDiQs1XL.js";import"./recharts-7AyWv7E-.js";import"./dnd-BPJHdlPA.js";import"./analytics-hnA26KoH.js";import"./plaid-C4PyP873.js";import"./utils-DXqO5lkM.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]="e1cf180d-498e-42ae-9cff-4f694a9d6d0d",e._sentryDebugIdIdentifier="sentry-dbid-e1cf180d-498e-42ae-9cff-4f694a9d6d0d")}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:o}}}=oe.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:L,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?o.getPreApprovedNow:a?o.enableCardsButton:o.setupCardsButton;return r.jsxs(Xe,{children:[r.jsx(Te,{title:o.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(ne,{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:o.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:o.orText}),r.jsx(Q,{variant:"primary",label:K,style:{minWidth:166},loading:t.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||Ce==="In-Progress",onClick:K===o.getPreApprovedNow?ge:()=>L(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:o.noCardAssigned.pre}),r.jsx(Ae,{title:s,placement:"top-start",style:{padding:`2px ${i.sp2}`},children:r.jsx(U,{underline:!0,windowSize:t,children:o.noCardAssigned.tooltip})}),r.jsx(U,{underline:!1,windowSize:t,children:o.noCardAssigned.post})]})},ne=({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: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(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"?o.promoTextDebitCreditCard:s==="debit"?o.promoTextDebitCard:o.promoTextCreditCard,$=e?r.jsxs(r.Fragment,{children:[o.promoBadgeText.approved,r.jsx(ie,{children:t}),o.creditLimit,N.strings.space]}):m?r.jsxs(r.Fragment,{children:[o.promoBadgeText.nonPreApproved.get,r.jsx(er,{children:o.promoBadgeText.nonPreApproved.scale}),o.promoBadgeText.nonPreApproved.doubleStarred,N.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(ie,{children:t}),o.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:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:u}),r.jsx(de,{children:o.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"?o.promoTextDebitCreditCard:m==="debit"?o.promoTextDebitCard:o.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[w==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:u}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:u}),r.jsx(de,{children:o.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(ne,{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=o.cardAssigned.singleCreditCard.replace("__issuing-user__",h).replace("__company-name__",s)}else m=o.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:oe.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=o.businessText;return s==="debit"&&(t=`${t} ${o.debit}`),r.jsx(r.Fragment,{children:s==="debit_and_credit"?r.jsx(Je,{}):r.jsxs(nr,{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=o.benefits;return r.jsxs(rr,{windowSize:t,children:[t==="small"?r.jsx(re,{windowSize:t,cardPromoType:e}):null,r.jsxs(or,{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=o.businessText,w=`${h} ${o.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:()=>(L=>{c||m(!0),a(L)})(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=n.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Ve=n(_e)`
+  color: ${e=>e.theme.colors.hero};
+`,We=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`,Ye=n.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  flex: 1;
+  width: 100%;
+`,Ze=n.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=n(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=n(ke)`
+  color: ${e=>e.theme.colors.primary};
+  margin: auto;
+  margin-top: ${i.sp2};
+`,le=n(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=n(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=n.img`
+  border-radius: 50%;
+  justify-content: center;
+  color: ${e=>e.theme.colors.hero};
+`,Ke=n.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=n(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=n.span``,ie=n.span`
+  color: ${C.success};
+`,rr=n.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=n.div`
+  display: flex;
+  flex-direction: column;
+`,tr=n.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)};
+`,or=n.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;
+`,nr=n.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=n.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=n(Le)`
+  color: ${e=>e.theme.colors.champion};
+  ${e=>`${T.uspText.style(e.windowSize)}`};
+`,I=n(Re)`
+  color: ${e=>e.theme.colors.champion};
+  ${e=>`${T.uspBoldText.style(e.windowSize)}`};
+`,A=n.div``,B=n.div`
+  padding-left: ${i.sp3};
+`,ar=n(_)`
+  color: ${C.graphColor16Dark};
+`,sr=n(_)`
+  color: ${C.alert};
+`,dr=n(_)`
+  color: ${C.graphColor11};
+`,lr=n(_)`
+  color: ${C.success};
+`,cr=n.div`
+  height: ${e=>g.emptySectionHeight.valuePx(e.windowSize)};
+  ${e=>e.windowSize==="small"?null:Ee`
+          margin-top: ${i.sp4};
+          margin-bottom: ${i.sp6};
+        `}
+`,pr=n(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=n(Me)`
+  ${e=>`${T.contactAdmin.style(e.windowSize)}`};
+  text-decoration: ${e=>e.underline?"underline":"none"};
+  cursor: ${e=>e.underline?"default":null};
+`,mr=n.div`
+  color: ${e=>e.mode==="dark"?e.theme.colors.brandColorJade:e.theme.colors.brandColorSapphire};
+`,gr=n.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=n.span`
+  ${e=>`${T.cardsContent.style(e.windowSize)}`};
+`,xr=n.div`
+  display: flex;
+  flex-direction: column;
+  min-height: ${e=>g.carouselHeight.valuePx(e.windowSize)};
+  min-width: 480px;
+  position: relative;
+`,wr=n.div`
+  position: relative;
+  margin-top: ${e=>g.carouselMarginTop.valuePx(e.windowSize)};
+  margin-left: ${e=>g.carouselMarginLeft.valuePx(e.windowSize)};
+`,ur=n.div`
+  position: relative;
+  overflow: visible;
+`,te=n.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=n.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};

package/dist/assets/{ChargeCardRoutes-CPgq-Fcs.js → ChargeCardRoutes-B4WS6JPM.js}

@@ -1,4 +1,4 @@
-import{j as s}from"./pdf-CPt_J5sA.js";import{j as ue,l as oa,i as me,u as S,h as be,k as he,N as pa,o as ot,R as Mt,m as te}from"./core-CRK-q5k6.js";import{ct as ce,F4 as Be,MN as Ia,cy as ye,cz as Se,cA as Ie,dt as Me,bH as $e,MO as Ge,MP as Va,pS as ha,gT as ga,MQ as fa,eg as ra,v$ as Xe,w1 as Ha,w2 as Ma,gL as ct,MR as ze,vP as it,MS as $t,MT as Gt,vS as ka,MU as zt,Lh as Ea,o2 as dt,vY as $a,er as Yt,MV as lt,MW as Ye,bs as Zt,MX as Kt,dj as Aa,di as Da,ww as Wt,dh as _a,KZ as qt,MY as ut,F5 as mt,bM as Qt,Lg as ca,x6 as Xt,MZ as Ja,wI as wa,M_ as Ct,x7 as Jt,LH as en,x8 as an,y2 as tn,pc as nn,xY as rn,wh as pt,wa as sn,M$ as on,dv as cn,wq as ht,wu as gt,du as dn,N0 as ln,wU as ft,N1 as un,N2 as mn,N3 as Cn,ws as bt,wd as yt,vV as St,wm as It,wk as kt,wo as pn,w0 as et,N4 as Et,N5 as Pa,wF as ba,HX as At,bN as Ga,N6 as hn,N7 as gn,N8 as fn,N9 as bn,wC as Oa,w$ as yn,wX as Sn,wy as In,wZ as kn,wP as En,wR as An,Na as Dt,x5 as _t,Dr as Dn,Nb as _n,Nc as wn,Nd as Pn,Ne as wt,Nf as Tn,xs as Fn,wH as Pt,wB as sa,wG as vn,Ng as xn,Nh as Ln,vM as Bn,Ni as Tt,Nj as Ft,Nk as Un,vO as Rn,vN as at,Nl as On,Nm as Nn,Nn as jn,HT as Vn,No as za,Np as Hn,sE as vt,hr as Mn,eh as $n,xx as Gn,Nq as xt,Nr as zn,xy as Yn,Ns as Zn,cg as Kn,pM as Wn,xn as qn,xh as Le,bt as Qn,FX as Xn,FY as Jn,G5 as er,Hb as ar}from"./zeni-epic-state-BpS-Wh5Q.js";import{js as X,_ as Re,aE as oe,aG as K,jQ as _e,lM as Ta,lX as tr,lY as nr,jM as Te,e as ia,aF as Pe,jO as fe,l8 as Ya,lZ as rr,x as da,jD as Fa,y as va,jz as q,O as Za,l_ as sr,a7 as Ka,i5 as qe,cR as Na,L as or,bk as Wa,k9 as cr,l$ as ir,kv as Lt,k4 as ja,k2 as Bt,J as Ut,m0 as dr,m1 as lr,m2 as ur,m3 as mr,o as ya,m4 as Cr,m5 as pr,m as Ba,N as hr,m6 as gr,m7 as fr,m8 as br,kc as yr}from"./index-D57b0ZIG.js";import{n as ke,D as Rt,S as Sr}from"./mui-CQrPxNXb.js";import{a as l}from"./sentry-D8J10Xru.js";import{g as pe,a as la,b as Ot,c as Ee,d as Ae,e as Ue,f as Oe,A as Ir,h as qa,P as kr,i as Qa,s as Qe,j as Nt,k as He,l as jt,m as Er,n as Vt,p as Ar,S as tt}from"./SetupPagesScreen-BW5sbmcH.js";import xa from"./NotFoundScreen-Bbv8H3nZ.js";import{M as ua}from"./MobileAppDrawer-2LbkYhdu.js";import{v as nt}from"./utils-GhRHHdOC.js";import{t as Dr}from"./AddressScreen--daeKsww.js";import"./lottie-NpRVnd_t.js";import"./liveblocks-L3GY4hN_.js";import"./recharts-CuxDYXli.js";import"./dnd-CgFlpM7S.js";import"./analytics-BX2zKevq.js";import"./plaid-Dz-bwqi6.js";import"./analyticsHelper-8YQEEKMi.js";import"./routePaths-BPx5L1hv.js";import"./BusinessVerificationPageScreen-C86_V-r6.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="1bb7015f-ae9d-4ae4-8974-bd252d3d5892",e._sentryDebugIdIdentifier="sentry-dbid-1bb7015f-ae9d-4ae4-8974-bd252d3d5892")}catch{}})();function _r(){const e=ue(),{cardId:t}=oa(),a=me(),r=X.getSignedInUser(),n=S(W=>ce(W)),c=Re(),u=Be(c?.loggedInUserRoleMap),{useFeatureGate:m}=oe();if(r==null)throw Error("Can't access Add To Wallet Page without signing in...");const[E,i]=l.useState(!1),g=S(W=>Ia(W).firstViewAfterActivation);if(t==null)throw Error("Empty card id is not valid...");const I=n.userRole.includes("charge_card_user"),{isFeatureEnabled:_}=m(K.isChargeCardFeatureEnabled),C=!!n.companyChargeCardInfo?.info?.isChargeCardEnabled,{isFeatureEnabled:U}=m(K.isDebitCardFeatureEnabled),v=ye(n),T=Se(n),d=Ie(U,n),f=n.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,b=Ee({isDebitCardFeatureEnabled:U,isBankingOnlyTenant:d}),o=Ae({isCardsOnlyTenant:v,isChargeCardFeatureEnabled:_,isBookKeepingTenant:T,isDebitCardProductVisible:b,chargeCardsCreditAccountLimit:f}),w=!!n.companyDebitCardInfo?.info?.isDebitCardEnabled,O=S(W=>Me(W,n.companyId)),N=$e(O.controllers),{creditAccount:L,creditAccountRepayment:F}=S(W=>Ge(W)),R=S(W=>W.classListState.fetchState),p=!I&&o&&C,h=S(W=>Va(W,t,p,o)),[k,A]=l.useState(!1),M=h.chargeCard,$=M?.cardCreatedByUser?.userId,H=S(W=>$!=null?ha(W.userRoleState,$):void 0),B=H?.accountingClassIDs[0],y=S(W=>B!=null?ga(W.classState,{classId:B,reportId:"class_list"}):void 0),Y=M?.cardHolderUser?.userId,x=S(W=>Y!=null?ha(W.userRoleState,Y):void 0),P=x?.accountingClassIDs[0],z=S(W=>P!=null?ga(W.classState,{classId:P,reportId:"class_list"}):void 0),D=M?.type.code==="business_physical_credit_card"||M?.type.code==="business_physical_debit_card",Z=M?.type.code==="business_physical_debit_card";l.useEffect(()=>{g&&E===!1&&D&&(i(!0),setTimeout(()=>{a(fa()),Z&&a(ra({messageSection:"set_debit_card_pin",messageText:"success",type:"success",showStatusIcon:!0}))},5e3))},[g,E,D,Z]),l.useEffect(()=>{k||h.fetchState==="Completed"||h.fetchState==="In-Progress"||t==null||(A(!0),a(Xe(t,p,!1)))},[k,h,t,a]),l.useEffect(()=>{if(h.fetchState==="Completed"&&(D===!1||D&&M?.status?.code!=="active"||M?.cardHolderUserId!==r.userId||g===!1&&E===!1||M?.type.code==="business_physical_debit_card"||M?.type.code==="business_virtual_debit_card")){const W=pe(n.tenantEmailDomain,t,r,M,g);e(W)}},[h.fetchState,g,D]),l.useEffect(()=>{L.fetchState!=="Completed"&&L.fetchState!=="In-Progress"&&o&&C&&u&&a(Ha()),F.fetchState!=="Completed"&&F.fetchState!=="In-Progress"&&o&&C&&u&&a(Ma()),R!=="Completed"&&R!=="In-Progress"&&a(ct())},[L.fetchState,F.fetchState,a,o,C,u,R]);const G=()=>{if(r!=null&&t!=null){a(fa());const W=pe(n.tenantEmailDomain,t,r);e(W)}},ae=M?.type.code==="business_physical_debit_card"||M?.type.code==="business_virtual_debit_card",se=Ue(o,b,w,C),J=la(o,C,u,L,F),de=Ot(ae,h);return h.fetchState!=="Completed"?s.jsx(_e,{fetchState:"In-Progress"}):s.jsxs(s.Fragment,{children:[s.jsx(Ta,{showConfetti:g}),s.jsx(tr,{onGotItClick:G,isDebitCard:M?.type.code==="business_physical_debit_card",controllerEmails:N,isChargeCardFeatureEnabled:o,isDebitCardFeatureEnabled:b,isDebitCardSetupEnabled:w,isChargeCardSetupEnabled:C,productInformation:se,creditAccountInformation:J,debitAccountInformation:de,chargeCardDetailView:h,creditAccount:L,classListFetchState:R,creditAccountRepayment:F,cardIssuedByRoles:H?.userRoles,cardIssuedByDepartmentName:y?.className,cardHolderRoles:x?.userRoles,cardHolderDepartmentName:z?.className})]})}const wr=he(function(e){const t=ze(e);return{insightsData:t.insight,cashbackByPeriod:t.cashbackByPeriod,uiState:t.uiState,cashbackSummary:t.cashbackSummary}},function(e,t){const{currentTenant:a,navigate:r,location:n}=t,{tenantEmailDomain:c}=a;return{onColumnSortConfigChanged:(u,m)=>{e($t({uiState:{sortKey:u,sortOrder:m}}))},onBackClick:()=>{const u=Te(n.state?.pathnameStackToGoBack),m=u.poppedPathname??Tr(c);r(m,{state:{pathnameStackToGoBack:u.newStack}})}}})(nr);function Pr(){const e=ue(),t=me(),a=be(),r=X.getSignedInUser(),n=S(E=>ce(E)),[c,u]=l.useState(!1),m=S(E=>ze(E));if(l.useEffect(()=>{c||m.fetchState==="Completed"||m.fetchState==="In-Progress"||(u(!0),t(it()))},[c,m,t]),r==null)throw Error("Can't access cashback detail page without signing in...");return m.fetchState==="In-Progress"?s.jsx(_e,{fetchState:m.fetchState}):m.cashbackSummary.cashbackEarned.amount===0&&m.fetchState==="Completed"?s.jsx(xa,{}):s.jsx(wr,{navigate:e,location:a,currentTenant:n})}const Tr=e=>`/${e}/cards`,Fr={containerWidth:new da(100,58)},vr=({appContent:e})=>{const t=ia(),a=me(),r=ue(),{cardId:n}=oa(),c=be(),{useDynamicConfig:u}=oe(),[m,E]=l.useState(!1),[i,g]=l.useState(!1),[I,_]=l.useState(!1),[C,U]=l.useState(!1),v=X.getSignedInUser();if(v==null)throw Error("Can't access onboarding card page without signing in...");const T=S(z=>ce(z));if(n==null)throw Error("Empty card id is not valid...");const{configValue:d}=u(Pe.zeniCardsConfig),f=d.max_charge_card_activation_attempts_by_card_id,b=S(z=>Gt(z,n)),o=b.chargeCard,w=S(z=>z.chargeCardConfigState.fetchState),{useFeatureGate:O}=oe(),{isFeatureEnabled:N}=O(K.isChargeCardFeatureEnabled),{isFeatureEnabled:L}=O(K.isDebitCardFeatureEnabled),F=Ie(L,T),R=Ee({isDebitCardFeatureEnabled:L,isBankingOnlyTenant:F}),p=!!T.companyChargeCardInfo?.info?.isChargeCardEnabled,h=T.userRole.includes("charge_card_user"),k=ye(T),A=Se(T),M=T.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,$=Ae({isCardsOnlyTenant:k,isChargeCardFeatureEnabled:N,isBookKeepingTenant:A,isDebitCardProductVisible:R,chargeCardsCreditAccountLimit:M}),H=!h&&$&&p;l.useEffect(()=>{m===!1&&w!=="In-Progress"&&w!=="Completed"&&(a(ka()),E(!0)),i===!1&&b.fetchState==="Not-Started"&&(g(!0),a(Xe(n,H,$)))},[i,b.fetchState,m,w]);const B=o?.type.code==="business_physical_credit_card"||o?.type.code==="business_physical_debit_card";l.useEffect(()=>{if(b.fetchState==="Completed"){if(I===!1&&(B===!1||B&&o?.status?.code!=="inactive"||o?.cardHolderUserId!==v.userId)){const z=pe(T.tenantEmailDomain,n,v,o,!0),D=fe(c.state?.pathnameStackToGoBack,c.pathname);r(z,{state:{pathnameStackToGoBack:D}})}else if(I&&b.isRefreshingViewInBackground===!1&&o?.status?.code==="active"){a(zt({chargeCardId:n}));const z=pe(T.tenantEmailDomain,n,v,o,!0),D=fe(c.state?.pathnameStackToGoBack,c.pathname);a(Ea()),r(z,{state:{pathnameStackToGoBack:D}})}}},[b.fetchState,o?.type.code,I,b.isRefreshingViewInBackground]);const y=X.getZeniOtpTokenForCardHolder(n),Y=S(z=>dt(z.userState,v.userId)),x=()=>{o?.status?.code!=="active"&&a($a(n,!0))};l.useEffect(()=>{b.updatePhysicalChargeCardAttemptFetchState.fetchState==="Completed"&&o?.cardActivationAttemptHistory.some(z=>z.statusCode==="success")===!0&&I===!1&&(setTimeout(x,3e3),_(!0))},[b.updatePhysicalChargeCardAttemptFetchState.fetchState,o?.cardActivationAttemptHistory]);const P=z=>{U(z)};if(w!=="Completed"||o==null)return s.jsx(_e,{fetchState:"In-Progress"});if(o.shippingAddressId==null)throw Error("Can't access shippingAddressId.");if(Y?.phone==null)throw Error("Can't access user phone number.");return s.jsxs(Br,{children:[s.jsx(ua,{isAppContentDrawerOpen:C,handleDrawerToggle:P}),s.jsx(xr,{cardId:n,card:o,shippingAddressId:o.shippingAddressId,phone:Y.phone,signedInUser:v,isSandboxEnv:Ya(),chargeCardDetailState:b,signedInUserToken:y,navigate:r,currentTenant:T,location:c,maxChargeCardActivationAttempts:f[n]!=null?f[n]:d.default_max_charge_card_activation_attempts!=null?d.default_max_charge_card_activation_attempts:3,chargeCardCashbackRatePerTransaction:d.charge_card_cashback_rate_per_transaction!=null?d.charge_card_cashback_rate_per_transaction:.0175,onClickMenuIcon:()=>{P(!0)}}),e!=null?s.jsx(Lr,{windowSize:t,children:e}):null]})},xr=he(function(e,{chargeCardDetailState:t,shippingAddressId:a,location:r,cardId:n}){const c=Yt(e.addressState,a);if(c==null)throw Error("Can't access shippingAddress.");const u=lt(e,n),m=t.updateStatus,E=Ye(e,!1,!1,!1);let i=!1;E.fetchState==="Completed"&&E.cards.length<=1&&(i=!0);const g=r.state?.message==="comingFromV2UrlPath";return{showActivatePage:t.chargeCard?.providerCardCreateTime!=null&&t.chargeCard.providerCardCreateTime.add(24,"h").isBefore(Zt())||g,showMenuIcon:i,shippingAddress:c,vgsVaultId:Fa.cardVaultId,twoFAView:u,activationWaitStatus:m,isRefreshingViewInBackground:t.isRefreshingViewInBackground}},function(e,t){const{navigate:a,cardId:r,location:n,currentTenant:c,chargeCardDetailState:u}=t,m=u.chargeCard?.cardProviderID,{tenantEmailDomain:E}=c;return{onGetOtp:i=>{m!=null&&e(_a(i,"ChargeCardHolder",r))},onUpdatePhysicalChargeCardAttempt:i=>{e(Wt(r,i))},onResendOtp:i=>{m!=null&&e(Da(i,"ChargeCardHolder",r))},onVerifyOtp:(i,g)=>{m!=null&&e(Aa(i,g,"ChargeCardHolder",r))},onVerifyOtpSuccess:i=>{i!=null&&X.saveZeniOtpTokenForCardHolder(i,r)},onCVVActivateSuccess:()=>{e(Kt({chargeCardId:r}))},onBackClick:()=>{const i=Te(n.state?.pathnameStackToGoBack),g=i.poppedPathname==null||i.poppedPathname.includes("onboard")===!0?Oe(E):i.poppedPathname;a(g,{state:{pathnameStackToGoBack:i.newStack}})}}})(rr),Lr=ke.div`
+import{j as s}from"./pdf-LR9rRMEe.js";import{j as ue,l as oa,i as me,u as S,h as be,k as he,N as pa,o as ot,R as Mt,m as te}from"./core-DuCBl3U1.js";import{ct as ce,F4 as Be,MN as Ia,cy as ye,cz as Se,cA as Ie,dt as Me,bH as $e,MO as Ge,MP as Va,pS as ha,gT as ga,MQ as fa,eg as ra,v$ as Xe,w1 as Ha,w2 as Ma,gL as ct,MR as ze,vP as it,MS as $t,MT as Gt,vS as ka,MU as zt,Lh as Ea,o2 as dt,vY as $a,er as Yt,MV as lt,MW as Ye,bs as Zt,MX as Kt,dj as Aa,di as Da,ww as Wt,dh as _a,KZ as qt,MY as ut,F5 as mt,bM as Qt,Lg as ca,x6 as Xt,MZ as Ja,wI as wa,M_ as Ct,x7 as Jt,LH as en,x8 as an,y2 as tn,pc as nn,xY as rn,wh as pt,wa as sn,M$ as on,dv as cn,wq as ht,wu as gt,du as dn,N0 as ln,wU as ft,N1 as un,N2 as mn,N3 as Cn,ws as bt,wd as yt,vV as St,wm as It,wk as kt,wo as pn,w0 as et,N4 as Et,N5 as Pa,wF as ba,HX as At,bN as Ga,N6 as hn,N7 as gn,N8 as fn,N9 as bn,wC as Oa,w$ as yn,wX as Sn,wy as In,wZ as kn,wP as En,wR as An,Na as Dt,x5 as _t,Dr as Dn,Nb as _n,Nc as wn,Nd as Pn,Ne as wt,Nf as Tn,xs as Fn,wH as Pt,wB as sa,wG as vn,Ng as xn,Nh as Ln,vM as Bn,Ni as Tt,Nj as Ft,Nk as Un,vO as Rn,vN as at,Nl as On,Nm as Nn,Nn as jn,HT as Vn,No as za,Np as Hn,sE as vt,hr as Mn,eh as $n,xx as Gn,Nq as xt,Nr as zn,xy as Yn,Ns as Zn,cg as Kn,pM as Wn,xn as qn,xh as Le,bt as Qn,FX as Xn,FY as Jn,G5 as er,Hb as ar}from"./zeni-epic-state-BDdTNPzg.js";import{js as X,_ as Re,aE as oe,aG as K,jQ as _e,lM as Ta,lX as tr,lY as nr,jM as Te,e as ia,aF as Pe,jO as fe,l8 as Ya,lZ as rr,x as da,jD as Fa,y as va,jz as q,O as Za,l_ as sr,a7 as Ka,i5 as qe,cR as Na,L as or,bk as Wa,k9 as cr,l$ as ir,kv as Lt,k4 as ja,k2 as Bt,J as Ut,m0 as dr,m1 as lr,m2 as ur,m3 as mr,o as ya,m4 as Cr,m5 as pr,m as Ba,N as hr,m6 as gr,m7 as fr,m8 as br,kc as yr}from"./index-bPu7mlA1.js";import{n as ke,D as Rt,S as Sr}from"./mui-CvPZa6D0.js";import{a as l}from"./sentry-uXR4_KRo.js";import{g as pe,a as la,b as Ot,c as Ee,d as Ae,e as Ue,f as Oe,A as Ir,h as qa,P as kr,i as Qa,s as Qe,j as Nt,k as He,l as jt,m as Er,n as Vt,p as Ar,S as tt}from"./SetupPagesScreen-BDAmd8Nv.js";import xa from"./NotFoundScreen-CJqSMVfb.js";import{M as ua}from"./MobileAppDrawer-CKcdPSDd.js";import{v as nt}from"./utils-DXqO5lkM.js";import{t as Dr}from"./AddressScreen-7cFlirZg.js";import"./lottie-DyJgmWhI.js";import"./liveblocks-UDiQs1XL.js";import"./recharts-7AyWv7E-.js";import"./dnd-BPJHdlPA.js";import"./analytics-hnA26KoH.js";import"./plaid-C4PyP873.js";import"./analyticsHelper-C6d1RQIz.js";import"./routePaths-rBllTjJq.js";import"./BusinessVerificationPageScreen-DB2AuUe-.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="1bb7015f-ae9d-4ae4-8974-bd252d3d5892",e._sentryDebugIdIdentifier="sentry-dbid-1bb7015f-ae9d-4ae4-8974-bd252d3d5892")}catch{}})();function _r(){const e=ue(),{cardId:t}=oa(),a=me(),r=X.getSignedInUser(),n=S(W=>ce(W)),c=Re(),u=Be(c?.loggedInUserRoleMap),{useFeatureGate:m}=oe();if(r==null)throw Error("Can't access Add To Wallet Page without signing in...");const[E,i]=l.useState(!1),g=S(W=>Ia(W).firstViewAfterActivation);if(t==null)throw Error("Empty card id is not valid...");const I=n.userRole.includes("charge_card_user"),{isFeatureEnabled:_}=m(K.isChargeCardFeatureEnabled),C=!!n.companyChargeCardInfo?.info?.isChargeCardEnabled,{isFeatureEnabled:U}=m(K.isDebitCardFeatureEnabled),v=ye(n),T=Se(n),d=Ie(U,n),f=n.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,b=Ee({isDebitCardFeatureEnabled:U,isBankingOnlyTenant:d}),o=Ae({isCardsOnlyTenant:v,isChargeCardFeatureEnabled:_,isBookKeepingTenant:T,isDebitCardProductVisible:b,chargeCardsCreditAccountLimit:f}),w=!!n.companyDebitCardInfo?.info?.isDebitCardEnabled,O=S(W=>Me(W,n.companyId)),N=$e(O.controllers),{creditAccount:L,creditAccountRepayment:F}=S(W=>Ge(W)),R=S(W=>W.classListState.fetchState),p=!I&&o&&C,h=S(W=>Va(W,t,p,o)),[k,A]=l.useState(!1),M=h.chargeCard,$=M?.cardCreatedByUser?.userId,H=S(W=>$!=null?ha(W.userRoleState,$):void 0),B=H?.accountingClassIDs[0],y=S(W=>B!=null?ga(W.classState,{classId:B,reportId:"class_list"}):void 0),Y=M?.cardHolderUser?.userId,x=S(W=>Y!=null?ha(W.userRoleState,Y):void 0),P=x?.accountingClassIDs[0],z=S(W=>P!=null?ga(W.classState,{classId:P,reportId:"class_list"}):void 0),D=M?.type.code==="business_physical_credit_card"||M?.type.code==="business_physical_debit_card",Z=M?.type.code==="business_physical_debit_card";l.useEffect(()=>{g&&E===!1&&D&&(i(!0),setTimeout(()=>{a(fa()),Z&&a(ra({messageSection:"set_debit_card_pin",messageText:"success",type:"success",showStatusIcon:!0}))},5e3))},[g,E,D,Z]),l.useEffect(()=>{k||h.fetchState==="Completed"||h.fetchState==="In-Progress"||t==null||(A(!0),a(Xe(t,p,!1)))},[k,h,t,a]),l.useEffect(()=>{if(h.fetchState==="Completed"&&(D===!1||D&&M?.status?.code!=="active"||M?.cardHolderUserId!==r.userId||g===!1&&E===!1||M?.type.code==="business_physical_debit_card"||M?.type.code==="business_virtual_debit_card")){const W=pe(n.tenantEmailDomain,t,r,M,g);e(W)}},[h.fetchState,g,D]),l.useEffect(()=>{L.fetchState!=="Completed"&&L.fetchState!=="In-Progress"&&o&&C&&u&&a(Ha()),F.fetchState!=="Completed"&&F.fetchState!=="In-Progress"&&o&&C&&u&&a(Ma()),R!=="Completed"&&R!=="In-Progress"&&a(ct())},[L.fetchState,F.fetchState,a,o,C,u,R]);const G=()=>{if(r!=null&&t!=null){a(fa());const W=pe(n.tenantEmailDomain,t,r);e(W)}},ae=M?.type.code==="business_physical_debit_card"||M?.type.code==="business_virtual_debit_card",se=Ue(o,b,w,C),J=la(o,C,u,L,F),de=Ot(ae,h);return h.fetchState!=="Completed"?s.jsx(_e,{fetchState:"In-Progress"}):s.jsxs(s.Fragment,{children:[s.jsx(Ta,{showConfetti:g}),s.jsx(tr,{onGotItClick:G,isDebitCard:M?.type.code==="business_physical_debit_card",controllerEmails:N,isChargeCardFeatureEnabled:o,isDebitCardFeatureEnabled:b,isDebitCardSetupEnabled:w,isChargeCardSetupEnabled:C,productInformation:se,creditAccountInformation:J,debitAccountInformation:de,chargeCardDetailView:h,creditAccount:L,classListFetchState:R,creditAccountRepayment:F,cardIssuedByRoles:H?.userRoles,cardIssuedByDepartmentName:y?.className,cardHolderRoles:x?.userRoles,cardHolderDepartmentName:z?.className})]})}const wr=he(function(e){const t=ze(e);return{insightsData:t.insight,cashbackByPeriod:t.cashbackByPeriod,uiState:t.uiState,cashbackSummary:t.cashbackSummary}},function(e,t){const{currentTenant:a,navigate:r,location:n}=t,{tenantEmailDomain:c}=a;return{onColumnSortConfigChanged:(u,m)=>{e($t({uiState:{sortKey:u,sortOrder:m}}))},onBackClick:()=>{const u=Te(n.state?.pathnameStackToGoBack),m=u.poppedPathname??Tr(c);r(m,{state:{pathnameStackToGoBack:u.newStack}})}}})(nr);function Pr(){const e=ue(),t=me(),a=be(),r=X.getSignedInUser(),n=S(E=>ce(E)),[c,u]=l.useState(!1),m=S(E=>ze(E));if(l.useEffect(()=>{c||m.fetchState==="Completed"||m.fetchState==="In-Progress"||(u(!0),t(it()))},[c,m,t]),r==null)throw Error("Can't access cashback detail page without signing in...");return m.fetchState==="In-Progress"?s.jsx(_e,{fetchState:m.fetchState}):m.cashbackSummary.cashbackEarned.amount===0&&m.fetchState==="Completed"?s.jsx(xa,{}):s.jsx(wr,{navigate:e,location:a,currentTenant:n})}const Tr=e=>`/${e}/cards`,Fr={containerWidth:new da(100,58)},vr=({appContent:e})=>{const t=ia(),a=me(),r=ue(),{cardId:n}=oa(),c=be(),{useDynamicConfig:u}=oe(),[m,E]=l.useState(!1),[i,g]=l.useState(!1),[I,_]=l.useState(!1),[C,U]=l.useState(!1),v=X.getSignedInUser();if(v==null)throw Error("Can't access onboarding card page without signing in...");const T=S(z=>ce(z));if(n==null)throw Error("Empty card id is not valid...");const{configValue:d}=u(Pe.zeniCardsConfig),f=d.max_charge_card_activation_attempts_by_card_id,b=S(z=>Gt(z,n)),o=b.chargeCard,w=S(z=>z.chargeCardConfigState.fetchState),{useFeatureGate:O}=oe(),{isFeatureEnabled:N}=O(K.isChargeCardFeatureEnabled),{isFeatureEnabled:L}=O(K.isDebitCardFeatureEnabled),F=Ie(L,T),R=Ee({isDebitCardFeatureEnabled:L,isBankingOnlyTenant:F}),p=!!T.companyChargeCardInfo?.info?.isChargeCardEnabled,h=T.userRole.includes("charge_card_user"),k=ye(T),A=Se(T),M=T.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,$=Ae({isCardsOnlyTenant:k,isChargeCardFeatureEnabled:N,isBookKeepingTenant:A,isDebitCardProductVisible:R,chargeCardsCreditAccountLimit:M}),H=!h&&$&&p;l.useEffect(()=>{m===!1&&w!=="In-Progress"&&w!=="Completed"&&(a(ka()),E(!0)),i===!1&&b.fetchState==="Not-Started"&&(g(!0),a(Xe(n,H,$)))},[i,b.fetchState,m,w]);const B=o?.type.code==="business_physical_credit_card"||o?.type.code==="business_physical_debit_card";l.useEffect(()=>{if(b.fetchState==="Completed"){if(I===!1&&(B===!1||B&&o?.status?.code!=="inactive"||o?.cardHolderUserId!==v.userId)){const z=pe(T.tenantEmailDomain,n,v,o,!0),D=fe(c.state?.pathnameStackToGoBack,c.pathname);r(z,{state:{pathnameStackToGoBack:D}})}else if(I&&b.isRefreshingViewInBackground===!1&&o?.status?.code==="active"){a(zt({chargeCardId:n}));const z=pe(T.tenantEmailDomain,n,v,o,!0),D=fe(c.state?.pathnameStackToGoBack,c.pathname);a(Ea()),r(z,{state:{pathnameStackToGoBack:D}})}}},[b.fetchState,o?.type.code,I,b.isRefreshingViewInBackground]);const y=X.getZeniOtpTokenForCardHolder(n),Y=S(z=>dt(z.userState,v.userId)),x=()=>{o?.status?.code!=="active"&&a($a(n,!0))};l.useEffect(()=>{b.updatePhysicalChargeCardAttemptFetchState.fetchState==="Completed"&&o?.cardActivationAttemptHistory.some(z=>z.statusCode==="success")===!0&&I===!1&&(setTimeout(x,3e3),_(!0))},[b.updatePhysicalChargeCardAttemptFetchState.fetchState,o?.cardActivationAttemptHistory]);const P=z=>{U(z)};if(w!=="Completed"||o==null)return s.jsx(_e,{fetchState:"In-Progress"});if(o.shippingAddressId==null)throw Error("Can't access shippingAddressId.");if(Y?.phone==null)throw Error("Can't access user phone number.");return s.jsxs(Br,{children:[s.jsx(ua,{isAppContentDrawerOpen:C,handleDrawerToggle:P}),s.jsx(xr,{cardId:n,card:o,shippingAddressId:o.shippingAddressId,phone:Y.phone,signedInUser:v,isSandboxEnv:Ya(),chargeCardDetailState:b,signedInUserToken:y,navigate:r,currentTenant:T,location:c,maxChargeCardActivationAttempts:f[n]!=null?f[n]:d.default_max_charge_card_activation_attempts!=null?d.default_max_charge_card_activation_attempts:3,chargeCardCashbackRatePerTransaction:d.charge_card_cashback_rate_per_transaction!=null?d.charge_card_cashback_rate_per_transaction:.0175,onClickMenuIcon:()=>{P(!0)}}),e!=null?s.jsx(Lr,{windowSize:t,children:e}):null]})},xr=he(function(e,{chargeCardDetailState:t,shippingAddressId:a,location:r,cardId:n}){const c=Yt(e.addressState,a);if(c==null)throw Error("Can't access shippingAddress.");const u=lt(e,n),m=t.updateStatus,E=Ye(e,!1,!1,!1);let i=!1;E.fetchState==="Completed"&&E.cards.length<=1&&(i=!0);const g=r.state?.message==="comingFromV2UrlPath";return{showActivatePage:t.chargeCard?.providerCardCreateTime!=null&&t.chargeCard.providerCardCreateTime.add(24,"h").isBefore(Zt())||g,showMenuIcon:i,shippingAddress:c,vgsVaultId:Fa.cardVaultId,twoFAView:u,activationWaitStatus:m,isRefreshingViewInBackground:t.isRefreshingViewInBackground}},function(e,t){const{navigate:a,cardId:r,location:n,currentTenant:c,chargeCardDetailState:u}=t,m=u.chargeCard?.cardProviderID,{tenantEmailDomain:E}=c;return{onGetOtp:i=>{m!=null&&e(_a(i,"ChargeCardHolder",r))},onUpdatePhysicalChargeCardAttempt:i=>{e(Wt(r,i))},onResendOtp:i=>{m!=null&&e(Da(i,"ChargeCardHolder",r))},onVerifyOtp:(i,g)=>{m!=null&&e(Aa(i,g,"ChargeCardHolder",r))},onVerifyOtpSuccess:i=>{i!=null&&X.saveZeniOtpTokenForCardHolder(i,r)},onCVVActivateSuccess:()=>{e(Kt({chargeCardId:r}))},onBackClick:()=>{const i=Te(n.state?.pathnameStackToGoBack),g=i.poppedPathname==null||i.poppedPathname.includes("onboard")===!0?Oe(E):i.poppedPathname;a(g,{state:{pathnameStackToGoBack:i.newStack}})}}})(rr),Lr=ke.div`
   display: flex;
   flex-direction: column;
   width: ${e=>`${Fr.containerWidth.value(e.windowSize)}%`};

package/dist/assets/{ChargeCardSetupPage-DmhPAnYT-Dyz8DCk0.js → ChargeCardSetupPage-Dqoel2Do-DOmmeiiu.js}

@@ -1,4 +1,4 @@
-import{y as je,e as Be,h as Ue,a7 as G,T as _e,c8 as ze,ad as Z,V as t,eI as Re,f as Le,x as d,a_ as We,L as $e,A as Ne,eZ as qe,de as He,e_ as Me,o as B,w as Ge,i4 as J,aU as Ze,a9 as Je,f0 as Ke,O as Qe,m as o,l as Xe}from"./index-D57b0ZIG.js";import{a as f}from"./sentry-D8J10Xru.js";import{n as S}from"./mui-CQrPxNXb.js";import{cg as Ye}from"./zeni-epic-state-BpS-Wh5Q.js";import{x as et}from"./LabeledControlledCheckBoxField-BdWZgcQc-BRawuCYy.js";import{g as tt}from"./UploadAdditionalDocumentOverlay-DrAWxBXn-GduEZkMl.js";import"./pdf-CPt_J5sA.js";import"./core-CRK-q5k6.js";import"./lottie-NpRVnd_t.js";import"./liveblocks-L3GY4hN_.js";import"./recharts-CuxDYXli.js";import"./dnd-CgFlpM7S.js";import"./analytics-BX2zKevq.js";import"./plaid-Dz-bwqi6.js";import"./utils-GhRHHdOC.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]="fdac0705-298c-4b0a-9d20-08541d0f30ab",e._sentryDebugIdIdentifier="sentry-dbid-fdac0705-298c-4b0a-9d20-08541d0f30ab")}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",g="payAccount",{commonSetUp:nt,spendManagement:it}=Qe.getLocalizedStrings(),{chargeCard:Y}=it,{chargeCardSetUp:m}=Y,{setUp:U}=nt,At=({autoPayThreshold:e,isDisabled:r,meetingUrl:w,isEarlyPayEnabled:h,chargeCardSetUpView:i,connectedAccountProvider:ee,filesEndPoint:te,authParams:ne,isAccountsEnabled:ie,isDebitCardOnlyEnabled:k,isCreditCardOnlyEnabled:ae,accountsPromoConfig:oe,onFetchLinkTokenClick:ce,onBackClick:se,onEnableChargeCardClick:le,onUpdateChargeCardClick:de,onBusinessVerificationSectionClick:re,onUpdatePaymentAccountStatus:ue,onUpdatePaymentAccountLoginStatus:pe,onUpdatePrimaryFundingAccount:fe,onUpdateAutoPayClick:me,onEstablishConnectionClick:ge,onEstablishConnectionSuccess:he,onClickMenuIcon:ye,onEnableChargeCardSuccess:x,onEditFileName:be,onDeleteFile:Ce,updateFilesEntity:Se,onCompanyOfficerUpdated:we,onSendForVerificationClick:xe,onSignUpClick:Pe})=>{const y=je(),n=Be(),T=Ue().analytics,[P,b]=f.useState(!1),{fetchState:C,companyBillPayInfo:_,isRefreshingViewInBackground:Ae,updateStatus:u,accountUpdateStatus:ke,plaidConnectionDetails:Te,allBankAccounts:Ee,companyChargeCardInfo:E,companyDebitCardInfo:z,selectedCompanyOfficer:s,primaryFundingAccount:l,allFundingAccounts:R}=i,L=G(C),A=G(u.fetchState),v=_e({mode:"all",reValidateMode:"onChange",defaultValues:f.useMemo(()=>Q(i),[i]),values:Q(i)}),ve=v.handleSubmit(le);f.useEffect(()=>{const Oe=v.watch((H,{name:M})=>{M!=null&&H!=null&&ze(()=>(async(V,Ve)=>{const a=Ve[g];if(V.includes(g))if(V.includes("fundingAccount")){if(a.fundingAccount.selectedOption!=null&&l?.id!=a.fundingAccount.selectedOption){const p=R.find(j=>j.id===a.fundingAccount.selectedOption);p!=null&&fe(a.fundingAccount.selectedOption,p.accType)}}else if(a.account.selectedOption!=null&&l?.id!=null&&l?.zeniAccountId!=a.account.selectedOption){const p=a.account.allOptions.find(j=>j.value===a.account.selectedOption);p!=null&&typeof p.label=="string"&&T.trackConnectBankLink(p.value,p.label,"charge_cards"),de(a.account.selectedOption,l.id,l.accType)}else V.includes("enableAutoPay")&&a.enableAutoPay!=null&&me(a.enableAutoPay)})(M,H))});return()=>{Oe.unsubscribe()}}),f.useEffect(()=>{!P&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&b(!0),P&&L==="In-Progress"&&C==="Completed"&&b(!1)},[s,C,L]),f.useEffect(()=>{A==="In-Progress"&&u.fetchState==="Completed"&&x()},[x,A,u.fetchState]);const I=E?.isChargeCardEnabled===!0,D=z?.isDebitCardEnabled===!0,W=z?.isDebitCardTOSAccepted===!0,$=E?.isChargeCardTOSAccepted===!0,N=_?.isBusinessVerified===!0,Ie=l?.accType==="depositAccount"||Ye(l?.providerVerificationStatus?.code??""),F=k?N:N&&Ie,De=C==="In-Progress"||C==="Not-Started";f.useEffect(()=>{A==="In-Progress"&&u.fetchState==="Completed"&&x()},[x,A,u.fetchState]);const O=k?F&&!D&&W:ae?F&&!I&&$:F&&!(I&&D)&&$&&W,Fe=O?m.setupSubTitleNotEnabled:m.setupSubTitle,q=y.mode==="light"?new Z(y.colors.brandColorJadeLight):new Z(y.colors.brandColorJadeDark);return t.jsxs(ot,{children:[t.jsx(Re,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(n),boxShadow:"none"}},open:P,onClose:()=>b(!1),style:{backgroundColor:Le.drawerBackground},transitionDuration:250,children:t.jsx(tt,{authParams:ne,filesEndPoint:te,updateStatus:u,onEditFileName:be,onDeleteFile:Ce,updateFilesEntity:Se,companyOfficer:s,onClose:()=>b(!1),onCompanyOfficerUpdated:we,onSendForVerificationClick:xe})}),t.jsx(We,{title:m.setupTitle,backgroundColor:y.colors.grey4,style:{zIndex:3},onBackClick:se,showMenuIcon:!(I||D||n!=="medium-compact"&&n!=="small"),onClickMenuIcon:ye,source:"ChargeCardSetupPage"}),t.jsxs(at,{windowSize:n,children:[t.jsx(ct,{windowSize:n,children:Fe}),De?t.jsx(st,{children:t.jsx($e,{size:"ExtraLarge",start:!0})}):t.jsx(Ne,{...v,children:t.jsx("form",{id:X(K),onSubmit:ve,children:t.jsxs(lt,{windowSize:n,children:[t.jsx(qe,{onClick:()=>{P||s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")!==!0||!s.areAdditionalDocumentsRequestedForVerification||s.areAdditionalDocumentsSubmittedForVerification||s.userVerificationStatus?.code!=="require_info"?re?.():b(!0)},title:U.businessVerificationTitle,subTitle:U.businessVerificationSubTitle,header:U.businessVerificationHeader,icon:{element:t.jsx(He,{width:c.iconWidthHeight.valuePx(n),height:c.iconWidthHeight.valuePx(n)}),color:q},status:_?.businessVerificationStatus,isLoading:Ae,isActiveWhileLoading:!0}),k?null:t.jsx(Me,{connectedAccountProvider:ee,primaryFundingAccount:l,allFundingAccounts:R,plaidConnectionDetails:Te,allBankAccounts:Ee,sectionId:g,isDisabled:r,onFetchLinkTokenClick:ce,onEstablishConnectionClick:ge,onUpdatePaymentAccountStatus:ue,onUpdatePaymentAccountLoginStatus:pe,sectionTitle:m.setupAccountSectionTitle,onEstablishConnectionSuccess:he,icon:{element:t.jsx(Ze,{width:c.iconWidthHeight.valuePx(n),height:c.iconWidthHeight.valuePx(n)}),color:q},analytics:T,productType:"charge_cards",isAccountsEnabled:ie,onSignUpClick:Pe,pageName:m.pageName,accountsPromoConfig:oe,accountSelectContainerStyle:h?{marginBottom:"20px"}:{},bottomComponent:h&&t.jsx(et,{label:{label:Y.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:y.colors.primary,...Ge.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:B.sp4,marginTop:B.sp1,alignItems:n==="small"?"flex-start":"center"},checkBoxField:{name:J(g,"enableAutoPay"),checkBoxValue:J(g,"enableAutoPay"),defaultChecked:E?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(n)}}})})]})})})]}),O?t.jsx(Je,{formId:X(K),primaryBtn:{label:m.enableAccounts,style:{width:"auto",minWidth:n==="small"?"auto":"181px"},isLoading:u.fetchState==="In-Progress"||ke.fetchState==="In-Progress",isDisabled:r!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${B.sp3}`}}):null,t.jsx(Ke,{isFooterRendered:O,meetingUrl:w,analytics:T,productType:"charge_cards"})]})},Q=e=>{const{allBankAccounts:r,allFundingAccounts:w,primaryFundingAccount:h}=e;return{[g]:{fundingAccount:{selectedOption:h?.id,allOptions:w.map(i=>({label:i.label,value:i.id,isRecommended:i.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:r.map(i=>({label:i.accountName,value:i.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},X=e=>`${e}_form`,at=S.div`
+import{y as je,e as Be,h as Ue,a7 as G,T as _e,c8 as ze,ad as Z,V as t,eI as Re,f as Le,x as d,a_ as We,L as $e,A as Ne,eZ as qe,de as He,e_ as Me,o as B,w as Ge,i4 as J,aU as Ze,a9 as Je,f0 as Ke,O as Qe,m as o,l as Xe}from"./index-bPu7mlA1.js";import{a as f}from"./sentry-uXR4_KRo.js";import{n as S}from"./mui-CvPZa6D0.js";import{cg as Ye}from"./zeni-epic-state-BDdTNPzg.js";import{x as et}from"./LabeledControlledCheckBoxField-DT_nxhPN-DrCJem7I.js";import{g as tt}from"./UploadAdditionalDocumentOverlay-qrcEQmkz-DEAH1rR2.js";import"./pdf-LR9rRMEe.js";import"./core-DuCBl3U1.js";import"./lottie-DyJgmWhI.js";import"./liveblocks-UDiQs1XL.js";import"./recharts-7AyWv7E-.js";import"./dnd-BPJHdlPA.js";import"./analytics-hnA26KoH.js";import"./plaid-C4PyP873.js";import"./utils-DXqO5lkM.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]="da388a31-f811-4750-ad76-efcd62712a6c",e._sentryDebugIdIdentifier="sentry-dbid-da388a31-f811-4750-ad76-efcd62712a6c")}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",g="payAccount",{commonSetUp:nt,spendManagement:it}=Qe.getLocalizedStrings(),{chargeCard:Y}=it,{chargeCardSetUp:m}=Y,{setUp:U}=nt,At=({autoPayThreshold:e,isDisabled:r,meetingUrl:w,isEarlyPayEnabled:h,chargeCardSetUpView:i,connectedAccountProvider:ee,filesEndPoint:te,authParams:ne,isAccountsEnabled:ie,isDebitCardOnlyEnabled:k,isCreditCardOnlyEnabled:ae,accountsPromoConfig:oe,onFetchLinkTokenClick:ce,onBackClick:se,onEnableChargeCardClick:le,onUpdateChargeCardClick:de,onBusinessVerificationSectionClick:re,onUpdatePaymentAccountStatus:ue,onUpdatePaymentAccountLoginStatus:pe,onUpdatePrimaryFundingAccount:fe,onUpdateAutoPayClick:me,onEstablishConnectionClick:ge,onEstablishConnectionSuccess:he,onClickMenuIcon:ye,onEnableChargeCardSuccess:x,onEditFileName:be,onDeleteFile:Ce,updateFilesEntity:Se,onCompanyOfficerUpdated:we,onSendForVerificationClick:xe,onSignUpClick:Pe})=>{const y=je(),n=Be(),T=Ue().analytics,[P,b]=f.useState(!1),{fetchState:C,companyBillPayInfo:_,isRefreshingViewInBackground:Ae,updateStatus:u,accountUpdateStatus:ke,plaidConnectionDetails:Te,allBankAccounts:Ee,companyChargeCardInfo:E,companyDebitCardInfo:z,selectedCompanyOfficer:s,primaryFundingAccount:l,allFundingAccounts:R}=i,L=G(C),A=G(u.fetchState),v=_e({mode:"all",reValidateMode:"onChange",defaultValues:f.useMemo(()=>Q(i),[i]),values:Q(i)}),ve=v.handleSubmit(le);f.useEffect(()=>{const Oe=v.watch((H,{name:M})=>{M!=null&&H!=null&&ze(()=>(async(V,Ve)=>{const a=Ve[g];if(V.includes(g))if(V.includes("fundingAccount")){if(a.fundingAccount.selectedOption!=null&&l?.id!=a.fundingAccount.selectedOption){const p=R.find(j=>j.id===a.fundingAccount.selectedOption);p!=null&&fe(a.fundingAccount.selectedOption,p.accType)}}else if(a.account.selectedOption!=null&&l?.id!=null&&l?.zeniAccountId!=a.account.selectedOption){const p=a.account.allOptions.find(j=>j.value===a.account.selectedOption);p!=null&&typeof p.label=="string"&&T.trackConnectBankLink(p.value,p.label,"charge_cards"),de(a.account.selectedOption,l.id,l.accType)}else V.includes("enableAutoPay")&&a.enableAutoPay!=null&&me(a.enableAutoPay)})(M,H))});return()=>{Oe.unsubscribe()}}),f.useEffect(()=>{!P&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&b(!0),P&&L==="In-Progress"&&C==="Completed"&&b(!1)},[s,C,L]),f.useEffect(()=>{A==="In-Progress"&&u.fetchState==="Completed"&&x()},[x,A,u.fetchState]);const I=E?.isChargeCardEnabled===!0,D=z?.isDebitCardEnabled===!0,W=z?.isDebitCardTOSAccepted===!0,$=E?.isChargeCardTOSAccepted===!0,N=_?.isBusinessVerified===!0,Ie=l?.accType==="depositAccount"||Ye(l?.providerVerificationStatus?.code??""),F=k?N:N&&Ie,De=C==="In-Progress"||C==="Not-Started";f.useEffect(()=>{A==="In-Progress"&&u.fetchState==="Completed"&&x()},[x,A,u.fetchState]);const O=k?F&&!D&&W:ae?F&&!I&&$:F&&!(I&&D)&&$&&W,Fe=O?m.setupSubTitleNotEnabled:m.setupSubTitle,q=y.mode==="light"?new Z(y.colors.brandColorJadeLight):new Z(y.colors.brandColorJadeDark);return t.jsxs(ot,{children:[t.jsx(Re,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(n),boxShadow:"none"}},open:P,onClose:()=>b(!1),style:{backgroundColor:Le.drawerBackground},transitionDuration:250,children:t.jsx(tt,{authParams:ne,filesEndPoint:te,updateStatus:u,onEditFileName:be,onDeleteFile:Ce,updateFilesEntity:Se,companyOfficer:s,onClose:()=>b(!1),onCompanyOfficerUpdated:we,onSendForVerificationClick:xe})}),t.jsx(We,{title:m.setupTitle,backgroundColor:y.colors.grey4,style:{zIndex:3},onBackClick:se,showMenuIcon:!(I||D||n!=="medium-compact"&&n!=="small"),onClickMenuIcon:ye,source:"ChargeCardSetupPage"}),t.jsxs(at,{windowSize:n,children:[t.jsx(ct,{windowSize:n,children:Fe}),De?t.jsx(st,{children:t.jsx($e,{size:"ExtraLarge",start:!0})}):t.jsx(Ne,{...v,children:t.jsx("form",{id:X(K),onSubmit:ve,children:t.jsxs(lt,{windowSize:n,children:[t.jsx(qe,{onClick:()=>{P||s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")!==!0||!s.areAdditionalDocumentsRequestedForVerification||s.areAdditionalDocumentsSubmittedForVerification||s.userVerificationStatus?.code!=="require_info"?re?.():b(!0)},title:U.businessVerificationTitle,subTitle:U.businessVerificationSubTitle,header:U.businessVerificationHeader,icon:{element:t.jsx(He,{width:c.iconWidthHeight.valuePx(n),height:c.iconWidthHeight.valuePx(n)}),color:q},status:_?.businessVerificationStatus,isLoading:Ae,isActiveWhileLoading:!0}),k?null:t.jsx(Me,{connectedAccountProvider:ee,primaryFundingAccount:l,allFundingAccounts:R,plaidConnectionDetails:Te,allBankAccounts:Ee,sectionId:g,isDisabled:r,onFetchLinkTokenClick:ce,onEstablishConnectionClick:ge,onUpdatePaymentAccountStatus:ue,onUpdatePaymentAccountLoginStatus:pe,sectionTitle:m.setupAccountSectionTitle,onEstablishConnectionSuccess:he,icon:{element:t.jsx(Ze,{width:c.iconWidthHeight.valuePx(n),height:c.iconWidthHeight.valuePx(n)}),color:q},analytics:T,productType:"charge_cards",isAccountsEnabled:ie,onSignUpClick:Pe,pageName:m.pageName,accountsPromoConfig:oe,accountSelectContainerStyle:h?{marginBottom:"20px"}:{},bottomComponent:h&&t.jsx(et,{label:{label:Y.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:y.colors.primary,...Ge.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:B.sp4,marginTop:B.sp1,alignItems:n==="small"?"flex-start":"center"},checkBoxField:{name:J(g,"enableAutoPay"),checkBoxValue:J(g,"enableAutoPay"),defaultChecked:E?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(n)}}})})]})})})]}),O?t.jsx(Je,{formId:X(K),primaryBtn:{label:m.enableAccounts,style:{width:"auto",minWidth:n==="small"?"auto":"181px"},isLoading:u.fetchState==="In-Progress"||ke.fetchState==="In-Progress",isDisabled:r!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${B.sp3}`}}):null,t.jsx(Ke,{isFooterRendered:O,meetingUrl:w,analytics:T,productType:"charge_cards"})]})},Q=e=>{const{allBankAccounts:r,allFundingAccounts:w,primaryFundingAccount:h}=e;return{[g]:{fundingAccount:{selectedOption:h?.id,allOptions:w.map(i=>({label:i.label,value:i.id,isRecommended:i.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:r.map(i=>({label:i.accountName,value:i.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},X=e=>`${e}_form`,at=S.div`
   display: flex;
   justify-content: flex-start;
   height: 100%;

package/dist/assets/{ChargeCardStatementsPage-DUXupPSN-Db6p_ygZ.js → ChargeCardStatementsPage-Dalrj66w-B8hsBg7k.js}

@@ -1,4 +1,4 @@
-import{y as F,e as T,V as t,a_ as W,o as h,O as R,x as g,l as B,at as _,h as O,h9 as V,L as q,b as J,m as s,by as U}from"./index-D57b0ZIG.js";import{n as o}from"./mui-CQrPxNXb.js";import{$ as G,g as H}from"./BoxItem-CIyMdw2s-nxbr18CH.js";import{a as K}from"./sentry-D8J10Xru.js";import{w as Q}from"./downloadPdf-BFFM3Hea-C4uN458-.js";import"./pdf-CPt_J5sA.js";import"./zeni-epic-state-BpS-Wh5Q.js";import"./core-CRK-q5k6.js";import"./lottie-NpRVnd_t.js";import"./liveblocks-L3GY4hN_.js";import"./recharts-CuxDYXli.js";import"./dnd-CgFlpM7S.js";import"./analytics-BX2zKevq.js";import"./plaid-Dz-bwqi6.js";import"./utils-GhRHHdOC.js";import"./commonDimensions-CzWWgDTA-Dv5cpYCb.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]="5ad18f1e-4011-46d5-8fbf-40a6e53b87c4",e._sentryDebugIdIdentifier="sentry-dbid-5ad18f1e-4011-46d5-8fbf-40a6e53b87c4")}catch{}})();const E=R.getLocalizedStrings().months,Y={downloadButtonSize:new g(s[4],20)},X=o.div`
+import{y as W,e as T,V as t,a_ as F,o as h,O as R,x as g,l as B,at as _,h as O,h9 as V,L as q,b as J,m as s,by as U}from"./index-bPu7mlA1.js";import{n as o}from"./mui-CvPZa6D0.js";import{$ as G,g as H}from"./BoxItem-XoWq-tnh-BmrAcTRu.js";import{a as K}from"./sentry-uXR4_KRo.js";import{w as Q}from"./downloadPdf-B5WrL0K1-C6-xl2en.js";import"./pdf-LR9rRMEe.js";import"./zeni-epic-state-BDdTNPzg.js";import"./core-DuCBl3U1.js";import"./lottie-DyJgmWhI.js";import"./liveblocks-UDiQs1XL.js";import"./recharts-7AyWv7E-.js";import"./dnd-BPJHdlPA.js";import"./analytics-hnA26KoH.js";import"./plaid-C4PyP873.js";import"./utils-DXqO5lkM.js";import"./commonDimensions-DIm7kTtR-DqNzhcTL.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]="ec272990-ba79-4ec6-9713-be304644e5c5",e._sentryDebugIdIdentifier="sentry-dbid-ec272990-ba79-4ec6-9713-be304644e5c5")}catch{}})();const E=R.getLocalizedStrings().months,Y={downloadButtonSize:new g(s[4],20)},X=o.div`
   display: flex;
   padding: ${h.sp3} ${h.sp4};
   flex-direction: row;
@@ -27,7 +27,7 @@ import{y as F,e as T,V as t,a_ as W,o as h,O as R,x as g,l as B,at as _,h as O,h
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`;function ae({currentTenantCompanyName:e,data:a,index:r,controllerEmails:l,isDebitCardFeatureEnabled:i,isDebitCardSetupEnabled:n,chargeCardCashbackDetailState:d,depositAccountListWithDebitCardIssued:y,debitCardSummary:x,productInformation:C,creditAccountInformation:S,debitAccountInformation:I,cashbackInformation:f,creditAccountRepayment:P,authParams:$,downloadEndPoint:j,boxType:k}){const b=O().analytics,[v,z]=K.useState(!1),c=T(),D=E[a.monthYearPeriod.month-1],p=`${e}-Credit-Card-Monthly-Statement-${E[a.monthYearPeriod.month-1]}-${a.monthYearPeriod.year}.pdf`,m={period:`${a.monthYearPeriod.year}-${V(a.monthYearPeriod.month)}`,format:"pdf"},u=t.jsx(X,{children:t.jsxs(Z,{children:[t.jsx(ee,{children:D}),t.jsx(te,{"data-testid":J("download-card-statement"),onClick:()=>{d.fetchState==="Completed"&&P.fetchState==="Completed"&&(!(i&&n)||y.fetchState==="Completed"&&x?.fetchState==="Completed")&&f!=null&&b.trackCardsDownloadClick(l,C,f,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:p,fileMonthYear:`${E[a.monthYearPeriod.month-1]} ${a.monthYearPeriod.year}`},"Credit Card Statements",r+1,S,I),Q(`${j}/statements?query=${encodeURIComponent(JSON.stringify(m))}`,p,$,z)},children:v?t.jsx(q,{size:"Small",start:!0}):t.jsx(ie,{windowSize:c})})]})});return t.jsx(H,{content:u,boxType:k,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])},ve=({currentTenantCompanyName:e,authParams:a,controllerEmails:r,productInformation:l,cashbackInformation:i,creditAccountInformation:n,debitAccountInformation:d,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:C,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:I,depositAccountListWithDebitCardIssued:f,creditAccountRepayment:P,debitCardSummary:$,creditAccount:j,downloadEndPoint:k,statementListView:b,onBackClick:v})=>{const z=F(),c=T(),{sortedYear:D,monthsByYearWithSortedMonth:p}=me(b.statements);return t.jsxs(se,{children:[t.jsx(W,{title:L.title,backgroundColor:z.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(N,{windowSize:c,children:t.jsx(le,{children:L.noStatements})})})}):t.jsx(oe,{children:D.map(m=>t.jsxs(re,{children:[t.jsx(ne,{windowSize:c,children:m}),t.jsx(M,{children:p[m].map((u,A)=>t.jsx(N,{windowSize:c,children:t.jsx(ae,{productInformation:l,creditAccountInformation:n,debitAccountInformation:d,cashbackInformation:i,creditAccountRepayment:P,depositAccountListWithDebitCardIssued:f,debitCardSummary:$,controllerEmails:r,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:C,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:I,creditAccount:j,currentTenantCompanyName:e,index:A,data:u,authParams:a,downloadEndPoint:k,boxType:G(A,p[m].length)},u.id)},u.id))})]},m))})})]})},oe=o.div``,re=o.div`
+`;function ae({currentTenantCompanyName:e,data:a,index:r,controllerEmails:l,isDebitCardFeatureEnabled:i,isDebitCardSetupEnabled:n,chargeCardCashbackDetailState:d,depositAccountListWithDebitCardIssued:y,debitCardSummary:x,productInformation:C,creditAccountInformation:S,debitAccountInformation:P,cashbackInformation:b,creditAccountRepayment:$,authParams:I,downloadEndPoint:j,boxType:k}){const f=O().analytics,[v,z]=K.useState(!1),c=T(),D=E[a.monthYearPeriod.month-1],p=`${e}-Credit-Card-Monthly-Statement-${E[a.monthYearPeriod.month-1]}-${a.monthYearPeriod.year}.pdf`,m={period:`${a.monthYearPeriod.year}-${V(a.monthYearPeriod.month)}`,format:"pdf"},u=t.jsx(X,{children:t.jsxs(Z,{children:[t.jsx(ee,{children:D}),t.jsx(te,{"data-testid":J("download-card-statement"),onClick:()=>{d.fetchState==="Completed"&&$.fetchState==="Completed"&&(!(i&&n)||y.fetchState==="Completed"&&x?.fetchState==="Completed")&&b!=null&&f.trackCardsDownloadClick(l,C,b,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:p,fileMonthYear:`${E[a.monthYearPeriod.month-1]} ${a.monthYearPeriod.year}`},"Credit Card Statements",r+1,S,P),Q(`${j}/statements?query=${encodeURIComponent(JSON.stringify(m))}`,p,I,z)},children:v?t.jsx(q,{size:"Small",start:!0}):t.jsx(ie,{windowSize:c})})]})});return t.jsx(H,{content:u,boxType:k,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])},ve=({currentTenantCompanyName:e,authParams:a,controllerEmails:r,productInformation:l,cashbackInformation:i,creditAccountInformation:n,debitAccountInformation:d,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:C,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:P,depositAccountListWithDebitCardIssued:b,creditAccountRepayment:$,debitCardSummary:I,creditAccount:j,downloadEndPoint:k,statementListView:f,onBackClick:v})=>{const z=W(),c=T(),{sortedYear:D,monthsByYearWithSortedMonth:p}=me(f.statements);return t.jsxs(se,{children:[t.jsx(F,{title:L.title,backgroundColor:z.colors.grey4,style:{zIndex:3},onBackClick:v,source:"ChargeCardStatementsPage"}),t.jsx(ce,{windowSize:c,children:f.statements.length===0?t.jsx(M,{children:t.jsx(de,{children:t.jsx(N,{windowSize:c,children:t.jsx(le,{children:L.noStatements})})})}):t.jsx(oe,{children:D.map(m=>t.jsxs(re,{children:[t.jsx(ne,{windowSize:c,children:m}),t.jsx(M,{children:p[m].map((u,A)=>t.jsx(N,{windowSize:c,children:t.jsx(ae,{productInformation:l,creditAccountInformation:n,debitAccountInformation:d,cashbackInformation:i,creditAccountRepayment:$,depositAccountListWithDebitCardIssued:b,debitCardSummary:I,controllerEmails:r,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:C,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:P,creditAccount:j,currentTenantCompanyName:e,index:A,data:u,authParams:a,downloadEndPoint:k,boxType:G(A,p[m].length)},u.id)},u.id))})]},m))})})]})},oe=o.div``,re=o.div`
   margin-bottom: ${h.sp6};
 `,M=o.div``,ne=o(_)`
   margin-left: ${e=>w.titleMarginLeftRight.valuePx(e.windowSize)};