@zeniai/web-cockpit-ui 1.14.0-qa → 1.14.1-dev

package/dist/assets/{ChargeCardListPage-CKjT6WqS-BusO0rPu.js → ChargeCardListPage-CLHFYydY-CXTzCBUe.js}

@@ -1,4 +1,4 @@
-import{d2 as St,t as jt,fk as vt,l as M,ff as v,X as pe,M as Be,o as a,u as _e,j as t,aV as kt,fy as Pt,cO as A,v as C,bs as le,g as n,_ as It,aa as ce,Y as me,C as B,w as E,Q as Tt,h as Mt,cl as At,aB as Fe,b4 as Et,ae as ue,a5 as Lt,f as ge,n as I,d3 as Rt,Z as Dt,q as zt,c0 as Nt,ck as Ot,aP as Bt}from"./index-B6_cg6uw.js";import{b as O,n as i,j as xe,k as _t}from"./vendor-CnQcJ2Lu.js";import{Y as Ft}from"./SpendManagementSection-CiavvRPP-DrT0DnBR.js";import{ChargeCardPromoUserContent as Ut}from"./ChargeCardPromoPage-BLnOo8KV-g9OGsau9.js";import{N as Wt,J as Gt}from"./PromoBaseCards-BaRq2gW7-Dnv2udfr.js";import{M as Yt}from"./ChargeCardListTable-B3e8phUk-DjC7fkct.js";import{r as Ht,i as Jt}from"./graphic-no-data-net-burn-l-CzmycA0m-DR-LfIWY.js";import{t as Vt,o as Zt}from"./arrow-south-east-round-PEovUgvH-DBLhwZXJ.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./MeetingCalenderPopup-CRSDBuLJ-D1XUzPrf.js";import"./NavigationDots-Cv-F19I9-tBMc8ISf.js";import"./usp-line-BBd1wKwW-CgKq8-Xn.js";import"./Menu-BzQoNjkh-cD4Fdts5.js";import"./RoleWithToolTip-B2SfhDfC-B2LT4PHT.js";import"./CardNumberSubText-D5z3PEdv-H47FlSvQ.js";import"./ChargeCardUtils-CHHXg_Qi-Cx1TeQt_.js";const be={infoSubheadingTextMarginTop:new B(I[0],I[0]),cardsMinWidth:new B(343,353)},ve=Be.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,ke=({cardPromoType:e,cardText:s,header:l,title:h,subTitle:r,slidingTextList:u,onClick:d})=>{const p=pe();return t.jsxs(Kt,{windowSize:p,cardPromoType:e,"data-testid":me("list-page-promo-card",e),onClick:()=>d(e),children:[t.jsxs(Ue,{children:[t.jsxs(Ge,{children:[t.jsx(We,{children:l}),t.jsx(ea,{children:h}),t.jsx(ia,{children:r})]}),t.jsxs(ra,{children:[t.jsx(na,{}),u.length>0&&t.jsx(he,{slideUpCount:u.length,children:u.map((g,x)=>t.jsx(Ye,{children:g},`card-promo-${x.toString()}`))}),t.jsx(oa,{})]})]}),t.jsx(sa,{children:t.jsx(Wt,{cardPromoType:e,cardText:s,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(da,{children:t.jsx(Gt,{cardPromoType:e,cardText:s,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Pe=({cardType:e,header:s,title:l,creditLimit:h,onCreateNowClick:r})=>{const u=pe();return t.jsx(Qt,{windowSize:u,cardType:e,children:t.jsxs(Xt,{children:[t.jsxs(Ge,{children:[t.jsx(We,{children:s}),t.jsx(aa,{children:t.jsx(ta,{children:l})}),t.jsx(la,{windowSize:u,children:t.jsxs(ca,{windowSize:u,onClick:()=>r(e),"data-testid":me("total-cashback-info"),children:[t.jsx(Ye,{children:ve.createNow}),t.jsx(ha,{})]})})]}),e==="creditCard"?t.jsxs(pa,{children:[t.jsx(ma,{children:ve.creditLimit}),t.jsx(ua,{children:h})]}):null]})})},qt=e=>{const s=e-1;let l=`
+import{d2 as St,w as jt,fk as vt,l as M,ff as v,X as pe,M as Be,o as a,u as _e,j as t,aV as kt,fy as Pt,cO as A,p as C,bs as le,g as n,_ as It,aa as ce,Y as me,C as B,v as E,Q as Tt,h as Mt,cl as At,aB as Fe,b4 as Et,ae as ue,a5 as Lt,e as ge,m as I,d3 as Rt,Z as Dt,s as zt,c0 as Nt,ck as Ot,aP as Bt}from"./index-CWmqNC4C.js";import{b as O,n as i,j as xe,k as _t}from"./vendor-CnQcJ2Lu.js";import{Y as Ft}from"./SpendManagementSection-BaEgJPY4-DbFNSMHd.js";import{ChargeCardPromoUserContent as Ut}from"./ChargeCardPromoPage-Bi9cAv-f-5sPJiGwd.js";import{N as Wt,J as Gt}from"./PromoBaseCards-CuJXuijt-Cwtg1Msq.js";import{M as Yt}from"./ChargeCardListTable-ePSGyBtc-B6G4rFZ9.js";import{r as Ht,i as Jt}from"./graphic-no-data-net-burn-l-CzmycA0m-DR-LfIWY.js";import{t as Vt,o as Zt}from"./arrow-south-east-round-PEovUgvH-DBLhwZXJ.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./MeetingCalenderPopup-CTuOhFQC-C5al8-0n.js";import"./NavigationDots-yYTGREt4-DTRiZdAJ.js";import"./usp-line-BBd1wKwW-CgKq8-Xn.js";import"./Menu-DlBP5CCV-y1Vf24E1.js";import"./RoleWithToolTip-4WCTaiOg-BCe2sjxQ.js";import"./CardNumberSubText-FOFiHz-M-BomqpZHj.js";import"./ChargeCardUtils--ltNyvP2-TY5I7nE-.js";const be={infoSubheadingTextMarginTop:new B(I[0],I[0]),cardsMinWidth:new B(343,353)},ve=Be.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,ke=({cardPromoType:e,cardText:s,header:l,title:h,subTitle:r,slidingTextList:u,onClick:d})=>{const p=pe();return t.jsxs(Kt,{windowSize:p,cardPromoType:e,"data-testid":me("list-page-promo-card",e),onClick:()=>d(e),children:[t.jsxs(Ue,{children:[t.jsxs(Ge,{children:[t.jsx(We,{children:l}),t.jsx(ea,{children:h}),t.jsx(ia,{children:r})]}),t.jsxs(ra,{children:[t.jsx(na,{}),u.length>0&&t.jsx(he,{slideUpCount:u.length,children:u.map((g,x)=>t.jsx(Ye,{children:g},`card-promo-${x.toString()}`))}),t.jsx(oa,{})]})]}),t.jsx(sa,{children:t.jsx(Wt,{cardPromoType:e,cardText:s,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(da,{children:t.jsx(Gt,{cardPromoType:e,cardText:s,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Pe=({cardType:e,header:s,title:l,creditLimit:h,onCreateNowClick:r})=>{const u=pe();return t.jsx(Qt,{windowSize:u,cardType:e,children:t.jsxs(Xt,{children:[t.jsxs(Ge,{children:[t.jsx(We,{children:s}),t.jsx(aa,{children:t.jsx(ta,{children:l})}),t.jsx(la,{windowSize:u,children:t.jsxs(ca,{windowSize:u,onClick:()=>r(e),"data-testid":me("total-cashback-info"),children:[t.jsx(Ye,{children:ve.createNow}),t.jsx(ha,{})]})})]}),e==="creditCard"?t.jsxs(pa,{children:[t.jsx(ma,{children:ve.creditLimit}),t.jsx(ua,{children:h})]}):null]})})},qt=e=>{const s=e-1;let l=`
     0% {
       transform: translateY(0);
     }

package/dist/assets/{ChargeCardListTable-B3e8phUk-DjC7fkct.js → ChargeCardListTable-ePSGyBtc-B6G4rFZ9.js}

@@ -1,4 +1,4 @@
-import{j as i,X as V,t as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as yi,Y as b,M as _,bL as ji,v as oe,g as y,ai as bi,bT as ki,ia as Si,ib as Ii,o as r,be as zi,a5 as Li,C as p,eu as Ri,ao as Pi,ic as Di,a6 as Ui,ax as Ni,w as F,fe as Ti,n as a,dq as Vi,_ as T,bV as De,c as Ue,bs as le,bl as _i,f as k,bY as we,q as U,i1 as ue,b4 as Ne,bc as Te,id as Mi,b$ as Oi,a7 as Q,ie as Ei,ig as Fi}from"./index-B6_cg6uw.js";import{b as C,n as o,f as Wi,j as fe}from"./vendor-CnQcJ2Lu.js";import{R as Ve}from"./Menu-BzQoNjkh-cD4Fdts5.js";import{T as _e}from"./RoleWithToolTip-B2SfhDfC-B2LT4PHT.js";import{R as ce}from"./CardNumberSubText-D5z3PEdv-H47FlSvQ.js";import{_ as Me}from"./ChargeCardUtils-CHHXg_Qi-Cx1TeQt_.js";const W=_.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Ai=_.getLocalizedStrings().common.strings.empty,$e={key:"owner",value:W.owner,sortOrder:"ascending",width:new p(120,120,160,200,200)},ve={key:"cardName",value:W.cardName,sortOrder:"ascending",width:new p(120,120,160,171,171)},Ce={key:"cardType",value:W.cardType,sortOrder:"ascending",width:new p(120,120,130,170,170)},ye={key:"status",value:W.status,sortOrder:"ascending",width:new p(115,115,125,132,132)},je={key:"utilisation",value:W.utilisation,sortOrder:"ascending",width:new p(a[11],a[11],a[11],a[12],120)},be={key:"limit",value:W.limit,sortOrder:"ascending",width:new p(68,68,68,a[11],100)},Oe=e=>e===!0?[{...$e,width:new p(0,0),value:Ai},ve,Ce,ye,je,be]:[$e,ve,Ce,ye,je,be],z={containerPaddingLeft:r.sp2,containerPaddingRight:r.sp3,containerPaddingTop:r.sp3,containerPaddingBottom:r.sp3,headerLastColumnTopPadding:new p(a[0],a[4]),headerLastColumnRightPadding:new p(a[3],a[11]),headerLastColumnBottomPadding:new p(a[0],a[4]),headerLastColumnLeftPadding:new p(a[3],a[11]),headerHeight:new p(Ei,Fi)};function Hi({companyNameSticky:e,sortConfig:t,showViewForCardUser:n,onColumnSortConfigChanged:h}){const d=de(),l=V(),x=!!ee().loggedInUserRole.includes("charge_card_user")||n,[c,w]=C.useState(Oe(x));C.useEffect(()=>{const s=[...c];for(const g of s)g.key===t.sortKey?g.sortOrder=t.sortOrder:g.sortOrder="ascending";w(s)},[t.sortKey,t.sortOrder]);const u=(s,g)=>{let $=g;t.sortKey===s&&($=g==="ascending"?"descending":"ascending"),h(s,$)},f=c.find(s=>s.key===t.sortKey)??(x?c[1]:c[0]),S=s=>c.find(g=>g.key===s)?.value??"",m=(x?c.filter(s=>s.key!=="owner"):c).map(s=>s.key),j=_.getLocalizedStrings().spendManagement.chargeCard.cardList;return l==="small"?i.jsxs(Ji,{windowSize:l,children:[i.jsxs(Qi,{children:[i.jsx(Zi,{children:i.jsx(Xi,{})}),i.jsx(_i,{title:j.sortBy,placeholder:j.sortBy,pickerValues:m,valueToLabel:S,selectedValue:t.sortKey,onPickerSelectionChanged:s=>{u(s,"ascending")},optionTextStyle:oe.extraSmallRegular,titleTextStyle:oe.extraSmallRegular,titleColor:d.colors.primary,selectedOptionColor:d.colors.hero,optionBackgroundColor:d.colors.grey5,downChevronVisible:!1,backgroundColor:d.colors.grey4})]}),i.jsxs(rr,{onClick:()=>u(f.key,f.sortOrder),"data-testid":b("mobile-cards-list-sort-clicked",t.sortKey),children:[i.jsx(k,{children:f.value}),i.jsx(ke,{windowSize:l,sortDataValue:t.sortKey,headerdata:f,children:i.jsx(Se,{windowSize:l,children:i.jsx(we,{})})})]})]}):i.jsx(qi,{windowSize:l,children:i.jsx(Bi,{children:c.map(s=>s.width.value(l)!==0&&i.jsxs(Yi,{companyNameSticky:e,sortDataValue:t.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:l,children:[i.jsxs(ir,{onClick:()=>u(s.key,s.sortOrder),"data-testid":b("cards-list-sort-clicked",t.sortKey),children:[i.jsx(k,{children:s.value}),i.jsx(ke,{windowSize:l,sortDataValue:t.sortKey,headerdata:s,children:i.jsx(Se,{windowSize:l,children:i.jsx(we,{})})})]}),i.jsx(er,{sortDataValue:t.sortKey,windowSize:l,isVisible:t.sortKey===s.key&&(x?s.key!=="cardName":s.key!=="owner"),children:i.jsx(Gi,{onClick:()=>u(x?"cardName":"owner","ascending"),"data-testid":b("cards-list-sort-cancel",t.sortKey)})})]},s.key))})})}const Ki=Wi.memo(Hi),qi=o.div`
+import{j as i,X as V,w as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as yi,Y as b,M as _,bL as ji,p as oe,g as y,ai as bi,bT as ki,ia as Si,ib as Ii,o as r,be as zi,a5 as Li,C as p,eu as Ri,ao as Pi,ic as Di,a6 as Ui,ax as Ni,v as F,fe as Ti,m as a,dq as Vi,_ as T,bV as De,c as Ue,bs as le,bl as _i,e as k,bY as we,s as U,i1 as ue,b4 as Ne,bc as Te,id as Mi,b$ as Oi,a7 as Q,ie as Ei,ig as Fi}from"./index-CWmqNC4C.js";import{b as C,n as o,f as Wi,j as fe}from"./vendor-CnQcJ2Lu.js";import{R as Ve}from"./Menu-DlBP5CCV-y1Vf24E1.js";import{T as _e}from"./RoleWithToolTip-4WCTaiOg-BCe2sjxQ.js";import{R as ce}from"./CardNumberSubText-FOFiHz-M-BomqpZHj.js";import{_ as Me}from"./ChargeCardUtils--ltNyvP2-TY5I7nE-.js";const W=_.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Ai=_.getLocalizedStrings().common.strings.empty,$e={key:"owner",value:W.owner,sortOrder:"ascending",width:new p(120,120,160,200,200)},ve={key:"cardName",value:W.cardName,sortOrder:"ascending",width:new p(120,120,160,171,171)},Ce={key:"cardType",value:W.cardType,sortOrder:"ascending",width:new p(120,120,130,170,170)},ye={key:"status",value:W.status,sortOrder:"ascending",width:new p(115,115,125,132,132)},je={key:"utilisation",value:W.utilisation,sortOrder:"ascending",width:new p(a[11],a[11],a[11],a[12],120)},be={key:"limit",value:W.limit,sortOrder:"ascending",width:new p(68,68,68,a[11],100)},Oe=e=>e===!0?[{...$e,width:new p(0,0),value:Ai},ve,Ce,ye,je,be]:[$e,ve,Ce,ye,je,be],z={containerPaddingLeft:r.sp2,containerPaddingRight:r.sp3,containerPaddingTop:r.sp3,containerPaddingBottom:r.sp3,headerLastColumnTopPadding:new p(a[0],a[4]),headerLastColumnRightPadding:new p(a[3],a[11]),headerLastColumnBottomPadding:new p(a[0],a[4]),headerLastColumnLeftPadding:new p(a[3],a[11]),headerHeight:new p(Ei,Fi)};function Hi({companyNameSticky:e,sortConfig:t,showViewForCardUser:n,onColumnSortConfigChanged:h}){const d=de(),l=V(),m=!!ee().loggedInUserRole.includes("charge_card_user")||n,[c,w]=C.useState(Oe(m));C.useEffect(()=>{const s=[...c];for(const g of s)g.key===t.sortKey?g.sortOrder=t.sortOrder:g.sortOrder="ascending";w(s)},[t.sortKey,t.sortOrder]);const u=(s,g)=>{let $=g;t.sortKey===s&&($=g==="ascending"?"descending":"ascending"),h(s,$)},f=c.find(s=>s.key===t.sortKey)??(m?c[1]:c[0]),S=s=>c.find(g=>g.key===s)?.value??"",x=(m?c.filter(s=>s.key!=="owner"):c).map(s=>s.key),j=_.getLocalizedStrings().spendManagement.chargeCard.cardList;return l==="small"?i.jsxs(Ji,{windowSize:l,children:[i.jsxs(Qi,{children:[i.jsx(Zi,{children:i.jsx(Xi,{})}),i.jsx(_i,{title:j.sortBy,placeholder:j.sortBy,pickerValues:x,valueToLabel:S,selectedValue:t.sortKey,onPickerSelectionChanged:s=>{u(s,"ascending")},optionTextStyle:oe.extraSmallRegular,titleTextStyle:oe.extraSmallRegular,titleColor:d.colors.primary,selectedOptionColor:d.colors.hero,optionBackgroundColor:d.colors.grey5,downChevronVisible:!1,backgroundColor:d.colors.grey4})]}),i.jsxs(rr,{onClick:()=>u(f.key,f.sortOrder),"data-testid":b("mobile-cards-list-sort-clicked",t.sortKey),children:[i.jsx(k,{children:f.value}),i.jsx(ke,{windowSize:l,sortDataValue:t.sortKey,headerdata:f,children:i.jsx(Se,{windowSize:l,children:i.jsx(we,{})})})]})]}):i.jsx(qi,{windowSize:l,children:i.jsx(Bi,{children:c.map(s=>s.width.value(l)!==0&&i.jsxs(Yi,{companyNameSticky:e,sortDataValue:t.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:l,children:[i.jsxs(ir,{onClick:()=>u(s.key,s.sortOrder),"data-testid":b("cards-list-sort-clicked",t.sortKey),children:[i.jsx(k,{children:s.value}),i.jsx(ke,{windowSize:l,sortDataValue:t.sortKey,headerdata:s,children:i.jsx(Se,{windowSize:l,children:i.jsx(we,{})})})]}),i.jsx(er,{sortDataValue:t.sortKey,windowSize:l,isVisible:t.sortKey===s.key&&(m?s.key!=="cardName":s.key!=="owner"),children:i.jsx(Gi,{onClick:()=>u(m?"cardName":"owner","ascending"),"data-testid":b("cards-list-sort-cancel",t.sortKey)})})]},s.key))})})}const Ki=Wi.memo(Hi),qi=o.div`
   top: ${r.sp0};
   left: ${r.sp0};
   z-index: 2;
@@ -93,7 +93,7 @@ import{j as i,X as V,t as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as y
   cursor: pointer;
   gap: 5px;
   color: ${e=>e.theme.colors.primary};
-`,{common:B,spendManagement:{billPay:{paymentDetails:{feePercent:or}},chargeCard:X}}=_.getLocalizedStrings(),P={containerPaddingLeft:new p(a[3],a[2]),containerPaddingRight:new p(a[2],a[3]),containerPaddingTop:new p(a[2],a[3]),containerPaddingBottom:new p(a[2],a[3]),containerMarginLeft:new p(a[4],a[8]),webkitLineClamp:new p(2,1,1,1,1)},tr=({cardDetail:e,showViewForCardUser:t,signedInUser:n,resendInviteId:h,index:d,onChargeCardRowClick:l,onChargeCardResendInviteClick:x,onChargeCardRevokeInviteClick:c})=>{const[w,u]=C.useState(!1),[f,S]=C.useState(!1),m=V(),j=!!ee().loggedInUserRole.includes("charge_card_user")||t,s=C.useCallback(()=>{l(e.id,d)},[e.id]),g=Me(e)/e.limit.amount*100,$=e?.cardHolderUserId===n.userId,R=Vi(e.cardHolderUser,!1),M=e.balance,I=Oe(j),A=i.jsxs(i.Fragment,{children:[i.jsx(Cr,{title:T("0,0.[00]",M),className:"amountToUtilize",children:T("0,0.[00]",M)}),g!==0?i.jsx(yr,{className:"amountToUtilize",children:`${Math.round(g)}${or}`}):null]}),H=e.type.code,N=X.cardList.tooltip[H],K=N!=null?$?N.self:`${R} ${N.cardUser}`:B.strings.empty;return i.jsx(ar,{windowSize:m,onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),children:i.jsx(nr,{onClick:s,"data-testid":b("card-row",e.id),children:i.jsxs(dr,{children:[j?null:i.jsx(O,{children:i.jsxs(lr,{windowSize:m,responsiveWidth:I[0].width,children:[i.jsx(De,{personBasic:e.cardHolderUser,styles:{height:r.sp6,width:r.sp6}}),i.jsxs(hr,{children:[i.jsx(cr,{children:i.jsx(pr,{windowSize:m,title:R,className:"cardHolderName",children:R===B.strings.empty?B.strings.hyphen:R})}),i.jsx(Ie,{className:"additionalInfoContainer",children:e.cardHolderRoles?.userRoles!=null&&i.jsx(_e,{roles:e.cardHolderRoles?.userRoles})})]})]})}),i.jsx(O,{children:i.jsxs(wr,{windowSize:m,responsiveWidth:I[1].width,children:[i.jsx(ur,{title:e.cardName,className:"cardName",children:e.cardName}),i.jsx(Lr,{windowSize:m,children:e.status.code==="request_on_hold"?B.strings.hyphen:X.cardDetails.expiryHideOut+B.strings.space+e.accountLast4})]})}),i.jsx(O,{children:i.jsx(fr,{windowSize:m,responsiveWidth:I[2].width,children:i.jsx($r,{className:"card-type",children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})})}),i.jsx(O,{children:i.jsx(ze,{windowSize:m,responsiveWidth:I[3].width,children:h===e.id?i.jsx(Ue,{size:"Small",start:!0}):i.jsxs(vr,{children:[i.jsx(kr,{children:e.status.code==="request_on_hold"?i.jsxs(le,{display:"flex",title:K,placement:"top",style:{padding:`${r.sp2} ${r.sp3}`},children:[i.jsx(Z,{status:e.status.code,style:{cursor:"pointer"}}),i.jsx(jr,{style:{marginLeft:r.sp1},className:"infoIconTooltip"})]}):i.jsx(Z,{status:e.status.code})}),e.status.code==="request_on_hold"&&!$?i.jsx(br,{onClick:v=>{v.stopPropagation(),x(e.id)},"data-testid":b("send-reminder",e.id),children:X.cardList.sendReminder}):null]})})}),i.jsx(O,{children:i.jsx(ze,{windowSize:m,responsiveWidth:I[4].width,children:A})}),i.jsx(O,{children:i.jsxs(xr,{windowSize:m,responsiveWidth:I[5].width,children:[i.jsxs(mr,{windowSize:m,children:[i.jsx(gr,{className:"limitAmount",windowSize:m,title:T("0,0.[00]",e.limit),children:T("0,0.[00]",e.limit)}),i.jsx(Ie,{className:"additionalInfoContainer",children:e.creditLimitFrequency.name})]}),i.jsx(Sr,{className:"menu-icon",children:e.status.code==="request_on_hold"&&!j&&i.jsx(Ve,{isMenuVisible:f,menuItems:i.jsx(Ir,{children:i.jsx(zr,{"data-testid":b("menu-button",e.id),onClick:v=>{v.stopPropagation(),u(!1),c(e.id)},children:X.cardDetails.revokeInvite})}),setIsMenuOpen:u,isMenuOpen:w,menuIconStyles:{height:"auto"}})})]})})]})})})},Z=({status:e,style:t})=>{const n=de(),h=sr(e,n),d=_.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return V()==="small"?i.jsx(ue,{textColor:h,text:d[e],tagStyles:{maxWidth:r.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...t}}):i.jsx(ue,{textColor:h,text:d[e],styles:t,tagStyles:{padding:"1px 6px"}})},sr=(e,t)=>{switch(e){case"active":return new Q(y.success);case"request_on_hold":return new Q(y.graphColor36);case"inactive":return new Q(y.alert);default:return new Q(t.colors.grey1)}},ar=o.div`
+`,{common:B,spendManagement:{billPay:{paymentDetails:{feePercent:or}},chargeCard:X}}=_.getLocalizedStrings(),P={containerPaddingLeft:new p(a[3],a[2]),containerPaddingRight:new p(a[2],a[3]),containerPaddingTop:new p(a[2],a[3]),containerPaddingBottom:new p(a[2],a[3]),containerMarginLeft:new p(a[4],a[8]),webkitLineClamp:new p(2,1,1,1,1)},tr=({cardDetail:e,showViewForCardUser:t,signedInUser:n,resendInviteId:h,index:d,onChargeCardRowClick:l,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c})=>{const[w,u]=C.useState(!1),[f,S]=C.useState(!1),x=V(),j=!!ee().loggedInUserRole.includes("charge_card_user")||t,s=C.useCallback(()=>{l(e.id,d)},[e.id]),g=Me(e)/e.limit.amount*100,$=e?.cardHolderUserId===n.userId,R=Vi(e.cardHolderUser,!1),M=e.balance,I=Oe(j),A=i.jsxs(i.Fragment,{children:[i.jsx(Cr,{title:T("0,0.[00]",M),className:"amountToUtilize",children:T("0,0.[00]",M)}),g!==0?i.jsx(yr,{className:"amountToUtilize",children:`${Math.round(g)}${or}`}):null]}),H=e.type.code,N=X.cardList.tooltip[H],K=N!=null?$?N.self:`${R} ${N.cardUser}`:B.strings.empty;return i.jsx(ar,{windowSize:x,onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),children:i.jsx(nr,{onClick:s,"data-testid":b("card-row",e.id),children:i.jsxs(dr,{children:[j?null:i.jsx(O,{children:i.jsxs(lr,{windowSize:x,responsiveWidth:I[0].width,children:[i.jsx(De,{personBasic:e.cardHolderUser,styles:{height:r.sp6,width:r.sp6}}),i.jsxs(hr,{children:[i.jsx(cr,{children:i.jsx(pr,{windowSize:x,title:R,className:"cardHolderName",children:R===B.strings.empty?B.strings.hyphen:R})}),i.jsx(Ie,{className:"additionalInfoContainer",children:e.cardHolderRoles?.userRoles!=null&&i.jsx(_e,{roles:e.cardHolderRoles?.userRoles})})]})]})}),i.jsx(O,{children:i.jsxs(wr,{windowSize:x,responsiveWidth:I[1].width,children:[i.jsx(ur,{title:e.cardName,className:"cardName",children:e.cardName}),i.jsx(Lr,{windowSize:x,children:e.status.code==="request_on_hold"?B.strings.hyphen:X.cardDetails.expiryHideOut+B.strings.space+e.accountLast4})]})}),i.jsx(O,{children:i.jsx(fr,{windowSize:x,responsiveWidth:I[2].width,children:i.jsx($r,{className:"card-type",children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})})}),i.jsx(O,{children:i.jsx(ze,{windowSize:x,responsiveWidth:I[3].width,children:h===e.id?i.jsx(Ue,{size:"Small",start:!0}):i.jsxs(vr,{children:[i.jsx(kr,{children:e.status.code==="request_on_hold"?i.jsxs(le,{display:"flex",title:K,placement:"top",style:{padding:`${r.sp2} ${r.sp3}`},children:[i.jsx(Z,{status:e.status.code,style:{cursor:"pointer"}}),i.jsx(jr,{style:{marginLeft:r.sp1},className:"infoIconTooltip"})]}):i.jsx(Z,{status:e.status.code})}),e.status.code==="request_on_hold"&&!$?i.jsx(br,{onClick:v=>{v.stopPropagation(),m(e.id)},"data-testid":b("send-reminder",e.id),children:X.cardList.sendReminder}):null]})})}),i.jsx(O,{children:i.jsx(ze,{windowSize:x,responsiveWidth:I[4].width,children:A})}),i.jsx(O,{children:i.jsxs(mr,{windowSize:x,responsiveWidth:I[5].width,children:[i.jsxs(xr,{windowSize:x,children:[i.jsx(gr,{className:"limitAmount",windowSize:x,title:T("0,0.[00]",e.limit),children:T("0,0.[00]",e.limit)}),i.jsx(Ie,{className:"additionalInfoContainer",children:e.creditLimitFrequency.name})]}),i.jsx(Sr,{className:"menu-icon",children:e.status.code==="request_on_hold"&&!j&&i.jsx(Ve,{isMenuVisible:f,menuItems:i.jsx(Ir,{children:i.jsx(zr,{"data-testid":b("menu-button",e.id),onClick:v=>{v.stopPropagation(),u(!1),c(e.id)},children:X.cardDetails.revokeInvite})}),setIsMenuOpen:u,isMenuOpen:w,menuIconStyles:{height:"auto"}})})]})})]})})})},Z=({status:e,style:t})=>{const n=de(),h=sr(e,n),d=_.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return V()==="small"?i.jsx(ue,{textColor:h,text:d[e],tagStyles:{maxWidth:r.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...t}}):i.jsx(ue,{textColor:h,text:d[e],styles:t,tagStyles:{padding:"1px 6px"}})},sr=(e,t)=>{switch(e){case"active":return new Q(y.success);case"request_on_hold":return new Q(y.graphColor36);case"inactive":return new Q(y.alert);default:return new Q(t.colors.grey1)}},ar=o.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   padding-left: ${e=>P.containerPaddingLeft.valuePx(e.windowSize)};
@@ -160,7 +160,7 @@ import{j as i,X as V,t as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as y
   text-overflow: ellipsis;
   white-space: nowrap;
   text-transform: capitalize;
-`,xr=o.div`
+`,mr=o.div`
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -168,7 +168,7 @@ import{j as i,X as V,t as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as y
   min-width: ${e=>e.responsiveWidth.valuePx(e.windowSize)};
   position: relative;
   padding-right: ${r.sp3};
-`,mr=o(U)`
+`,xr=o(U)`
   display: flex;
   flex-direction: column;
   color: ${e=>e.theme.colors.hero};
@@ -317,7 +317,7 @@ import{j as i,X as V,t as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as y
   display: flex;
   align-items: center;
   gap: ${r.sp1};
-`,{spendManagement:{billPay:{paymentDetails:{feePercent:Rr}},chargeCard:D},common:L}=_.getLocalizedStrings(),te={containerMarginLeft:new p(a[3],a[8]),webkitLineClamp:new p(2,2,1,1,1)},Pr=({cardDetail:e,showViewForCardUser:t,signedInUser:n,resendInviteId:h,index:d,onChargeCardRowClick:l,onChargeCardResendInviteClick:x,onChargeCardRevokeInviteClick:c})=>{const w=!!ee().loggedInUserRole.includes("charge_card_user")||t,u=C.useCallback(()=>{l(e.id,d)},[e.id]);return w?i.jsx(Dr,{cardDetail:e,onRowClick:u}):i.jsx(Ur,{cardDetail:e,signedInUser:n,resendInviteId:h,onRowClick:u,onChargeCardResendInviteClick:x,onChargeCardRevokeInviteClick:c})},Ee=({cardDetail:e})=>{const t=e.balance,n=Me(e)/e.limit.amount*100;return i.jsxs(_r,{children:[i.jsx(Ar,{children:T("0,0.[00]",t)}),n!==0?i.jsx(Er,{children:`${Math.round(n)}${Rr}`}):null]})},Dr=({cardDetail:e,onRowClick:t})=>{const n=V();return i.jsx(Fe,{windowSize:n,children:i.jsx(We,{onClick:t,"data-testid":b("charge-card-user-row",e.id),children:i.jsxs(se,{children:[i.jsx(Ge,{children:i.jsxs(Xe,{cardUser:!0,children:[i.jsxs(Ke,{children:[i.jsx(Be,{children:L.labels.cardName}),i.jsxs(qe,{children:[i.jsx(Je,{title:e.cardName,children:e.cardName}),i.jsx(si,{windowSize:n,children:D.cardDetails.expiryHideOut+L.strings.space+e.accountLast4})]})]}),i.jsxs(Ae,{children:[i.jsx(He,{children:`${D.cardList.header.cardType}${L.strings.colon}`}),i.jsx(ne,{children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})]}),i.jsxs(Ze,{children:[i.jsx(ii,{children:L.labels.limit}),i.jsxs(ri,{children:[i.jsx(ei,{children:T("0,0.[00]",e.limit)}),i.jsx(oi,{}),i.jsx(ae,{children:e.creditLimitFrequency.name})]})]})]})}),i.jsx(Qe,{children:i.jsxs(i.Fragment,{children:[e.status.code!=="request_on_hold"?i.jsx(Ee,{cardDetail:e}):null,i.jsxs(Ye,{children:[i.jsx(Z,{status:e.status.code}),e.status.code==="request_on_hold"?i.jsx(le,{display:"flex",title:D.cardList.tooltip[e.type.code].self,placement:"top",style:{padding:`${r.sp2} ${r.sp3}`},children:i.jsx(ti,{className:"infoIconTooltip"})}):null]})]})})]})})})},Ur=({cardDetail:e,signedInUser:t,resendInviteId:n,onRowClick:h,onChargeCardResendInviteClick:d,onChargeCardRevokeInviteClick:l})=>{const[x,c]=C.useState(!1),w=`${e.cardHolderUser?.firstName??""} ${e.cardHolderUser?.lastName??""}`,u=e?.cardHolderUserId===t.userId,f=V(),S=e.type.code,m=D.cardList.tooltip[S],j=m!=null?u?m.self:`${w} ${m.cardUser}`:L.strings.empty;return i.jsx(Fe,{windowSize:f,children:i.jsxs(We,{onClick:h,"data-testid":b("charge-card-admin-row",e.id),children:[i.jsxs(se,{children:[i.jsxs(Ge,{children:[i.jsx(Mr,{children:i.jsx(De,{personBasic:e.cardHolderUser,styles:{height:r.sp6,width:r.sp6}})}),i.jsx(Or,{children:i.jsxs(Wr,{children:[i.jsx(Nr,{children:i.jsx(Tr,{windowSize:f,title:w,children:w})}),i.jsx(ae,{style:{marginTop:`-${r.sp1}`},children:e.cardHolderRoles?.userRoles!=null&&i.jsx(_e,{roles:e.cardHolderRoles?.userRoles})})]})})]}),i.jsx(Qe,{children:i.jsx(i.Fragment,{children:n===e.id?i.jsx(Ue,{size:"Small",start:!0}):i.jsxs(Yr,{children:[i.jsxs(Vr,{children:[e.status.code!=="request_on_hold"?i.jsx(Ee,{cardDetail:e}):null,i.jsxs(Ye,{children:[i.jsx(Z,{status:e.status.code}),e.status.code==="request_on_hold"?i.jsx(le,{display:"flex",title:j,placement:"top",style:{padding:`${r.sp2} ${r.sp3}`},children:i.jsx(ti,{className:"infoIconTooltip"})}):null]})]}),e.status.code==="request_on_hold"&&!u?i.jsx(Hr,{children:i.jsx(Kr,{onClick:s=>{s.stopPropagation(),d(e.id)},"data-testid":b("send-reminder-clicked",e.id),children:D.cardList.sendReminder})}):null]})})})]}),i.jsxs(se,{children:[i.jsxs(Xe,{cardUser:!1,children:[i.jsxs(Ke,{children:[i.jsx(Be,{children:`${L.labels.cardName}`}),i.jsxs(qe,{children:[i.jsx(Je,{title:e.cardName,children:e.cardName}),i.jsx(si,{windowSize:f,children:e.status.code==="request_on_hold"?L.strings.hyphen:D.cardDetails.expiryHideOut+L.strings.space+e.accountLast4})]})]}),i.jsxs(Ae,{children:[i.jsx(He,{children:`${D.cardList.header.cardType}${L.strings.colon}`}),i.jsx(ne,{children:i.jsx(ne,{children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})})]}),i.jsxs(Ze,{children:[i.jsx(ii,{children:L.labels.limit}),i.jsxs(ri,{children:[i.jsx(ei,{children:T("0,0.[00]",e.limit)}),i.jsx(oi,{}),i.jsx(ae,{children:e.creditLimitFrequency.name})]})]})]}),i.jsx(Fr,{children:e.status.code==="request_on_hold"&&i.jsx(qr,{showMenu:!0,className:"menu-icon",children:i.jsx(Ve,{menuItems:i.jsx(Br,{children:i.jsx(Jr,{"data-testid":b("revoke-invite-clicked",e.id),onClick:s=>{s.stopPropagation(),c(!1),l(e.id)},children:D.cardDetails.revokeInvite})}),setIsMenuOpen:c,isMenuOpen:x,styles:{transform:"translate(5px,0px)"}})})})]})]})})},Fe=o.div`
+`,{spendManagement:{billPay:{paymentDetails:{feePercent:Rr}},chargeCard:D},common:L}=_.getLocalizedStrings(),te={containerMarginLeft:new p(a[3],a[8]),webkitLineClamp:new p(2,2,1,1,1)},Pr=({cardDetail:e,showViewForCardUser:t,signedInUser:n,resendInviteId:h,index:d,onChargeCardRowClick:l,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c})=>{const w=!!ee().loggedInUserRole.includes("charge_card_user")||t,u=C.useCallback(()=>{l(e.id,d)},[e.id]);return w?i.jsx(Dr,{cardDetail:e,onRowClick:u}):i.jsx(Ur,{cardDetail:e,signedInUser:n,resendInviteId:h,onRowClick:u,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c})},Ee=({cardDetail:e})=>{const t=e.balance,n=Me(e)/e.limit.amount*100;return i.jsxs(_r,{children:[i.jsx(Ar,{children:T("0,0.[00]",t)}),n!==0?i.jsx(Er,{children:`${Math.round(n)}${Rr}`}):null]})},Dr=({cardDetail:e,onRowClick:t})=>{const n=V();return i.jsx(Fe,{windowSize:n,children:i.jsx(We,{onClick:t,"data-testid":b("charge-card-user-row",e.id),children:i.jsxs(se,{children:[i.jsx(Ge,{children:i.jsxs(Xe,{cardUser:!0,children:[i.jsxs(Ke,{children:[i.jsx(Be,{children:L.labels.cardName}),i.jsxs(qe,{children:[i.jsx(Je,{title:e.cardName,children:e.cardName}),i.jsx(si,{windowSize:n,children:D.cardDetails.expiryHideOut+L.strings.space+e.accountLast4})]})]}),i.jsxs(Ae,{children:[i.jsx(He,{children:`${D.cardList.header.cardType}${L.strings.colon}`}),i.jsx(ne,{children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})]}),i.jsxs(Ze,{children:[i.jsx(ii,{children:L.labels.limit}),i.jsxs(ri,{children:[i.jsx(ei,{children:T("0,0.[00]",e.limit)}),i.jsx(oi,{}),i.jsx(ae,{children:e.creditLimitFrequency.name})]})]})]})}),i.jsx(Qe,{children:i.jsxs(i.Fragment,{children:[e.status.code!=="request_on_hold"?i.jsx(Ee,{cardDetail:e}):null,i.jsxs(Ye,{children:[i.jsx(Z,{status:e.status.code}),e.status.code==="request_on_hold"?i.jsx(le,{display:"flex",title:D.cardList.tooltip[e.type.code].self,placement:"top",style:{padding:`${r.sp2} ${r.sp3}`},children:i.jsx(ti,{className:"infoIconTooltip"})}):null]})]})})]})})})},Ur=({cardDetail:e,signedInUser:t,resendInviteId:n,onRowClick:h,onChargeCardResendInviteClick:d,onChargeCardRevokeInviteClick:l})=>{const[m,c]=C.useState(!1),w=`${e.cardHolderUser?.firstName??""} ${e.cardHolderUser?.lastName??""}`,u=e?.cardHolderUserId===t.userId,f=V(),S=e.type.code,x=D.cardList.tooltip[S],j=x!=null?u?x.self:`${w} ${x.cardUser}`:L.strings.empty;return i.jsx(Fe,{windowSize:f,children:i.jsxs(We,{onClick:h,"data-testid":b("charge-card-admin-row",e.id),children:[i.jsxs(se,{children:[i.jsxs(Ge,{children:[i.jsx(Mr,{children:i.jsx(De,{personBasic:e.cardHolderUser,styles:{height:r.sp6,width:r.sp6}})}),i.jsx(Or,{children:i.jsxs(Wr,{children:[i.jsx(Nr,{children:i.jsx(Tr,{windowSize:f,title:w,children:w})}),i.jsx(ae,{style:{marginTop:`-${r.sp1}`},children:e.cardHolderRoles?.userRoles!=null&&i.jsx(_e,{roles:e.cardHolderRoles?.userRoles})})]})})]}),i.jsx(Qe,{children:i.jsx(i.Fragment,{children:n===e.id?i.jsx(Ue,{size:"Small",start:!0}):i.jsxs(Yr,{children:[i.jsxs(Vr,{children:[e.status.code!=="request_on_hold"?i.jsx(Ee,{cardDetail:e}):null,i.jsxs(Ye,{children:[i.jsx(Z,{status:e.status.code}),e.status.code==="request_on_hold"?i.jsx(le,{display:"flex",title:j,placement:"top",style:{padding:`${r.sp2} ${r.sp3}`},children:i.jsx(ti,{className:"infoIconTooltip"})}):null]})]}),e.status.code==="request_on_hold"&&!u?i.jsx(Hr,{children:i.jsx(Kr,{onClick:s=>{s.stopPropagation(),d(e.id)},"data-testid":b("send-reminder-clicked",e.id),children:D.cardList.sendReminder})}):null]})})})]}),i.jsxs(se,{children:[i.jsxs(Xe,{cardUser:!1,children:[i.jsxs(Ke,{children:[i.jsx(Be,{children:`${L.labels.cardName}`}),i.jsxs(qe,{children:[i.jsx(Je,{title:e.cardName,children:e.cardName}),i.jsx(si,{windowSize:f,children:e.status.code==="request_on_hold"?L.strings.hyphen:D.cardDetails.expiryHideOut+L.strings.space+e.accountLast4})]})]}),i.jsxs(Ae,{children:[i.jsx(He,{children:`${D.cardList.header.cardType}${L.strings.colon}`}),i.jsx(ne,{children:i.jsx(ne,{children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})})]}),i.jsxs(Ze,{children:[i.jsx(ii,{children:L.labels.limit}),i.jsxs(ri,{children:[i.jsx(ei,{children:T("0,0.[00]",e.limit)}),i.jsx(oi,{}),i.jsx(ae,{children:e.creditLimitFrequency.name})]})]})]}),i.jsx(Fr,{children:e.status.code==="request_on_hold"&&i.jsx(qr,{showMenu:!0,className:"menu-icon",children:i.jsx(Ve,{menuItems:i.jsx(Br,{children:i.jsx(Jr,{"data-testid":b("revoke-invite-clicked",e.id),onClick:s=>{s.stopPropagation(),c(!1),l(e.id)},children:D.cardDetails.revokeInvite})}),setIsMenuOpen:c,isMenuOpen:m,styles:{transform:"translate(5px,0px)"}})})})]})]})})},Fe=o.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   border: ${e=>` 1px solid ${e.theme.colors.grey3}`};
@@ -486,7 +486,7 @@ import{j as i,X as V,t as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as y
   display: flex;
   align-items: center;
   gap: ${r.sp1};
-`,Y={lastListItemHeight:new p(200,158),bannerWrapperMarginLeftRight:new p(a[3],a[8]),styledAIIconContainerSize:new p(a[3],a[3])},{spendManagement:{chargeCard:E},common:J}=_.getLocalizedStrings(),Gr=66,Qr=64,Xr=351,Zr=136,eo=({cardList:e,showViewForCardUser:t,controllerEmails:n,isChargeCardFeatureEnabled:h,isDebitCardFeatureEnabled:d,isDebitCardSetupEnabled:l,creditAccount:x,creditAccountRepayment:c,productInformation:w,cashbackInformation:u,creditAccountInformation:f,debitAccountInformation:S,depositAccountListWithDebitCardIssued:m,uiState:j,signedInUser:s,fetchState:g,receiptBotEmail:$,searchText:R,resendInviteId:M,onChargeCardResendInviteClick:I,onChargeCardRevokeInviteClick:A,onChargeCardRowClick:H,onReloadCards:N,onColumnSortConfigChanged:K})=>{const v=V(),di=ee(),li=fi().analytics,ci=!!di.loggedInUserRole.includes("charge_card_user"),he=de(),[,hi]=$i(),[G,pe]=C.useState(!1),[ie,xe]=C.useState(!1),pi=()=>{$!=null&&((!h||x.fetchState==="Completed"&&c.fetchState==="Completed")&&(!(d&&l)||m.fetchState==="Completed")&&li.trackCardsCopyIconClick(n,w,"Cards List","Copy","copied","Receipt Email",$,u,f,S),hi($),pe(!0))};C.useEffect(()=>{G===!0&&setTimeout(()=>{pe(!1)},800)},[G]);const me=()=>v!=="small"?vi:ci?Ci:yi,xi=e.length*me()+Gr+Qr,ge=window.innerHeight-Xr,mi=xi>ge,re=C.useRef(null);C.useEffect(()=>{re.current?.resetAfterIndex(0)},[v,re]);const gi=()=>g==="Error"?i.jsxs(ao,{children:[i.jsx(no,{onClick:N,"data-testid":b("charge-card-list-reload"),children:i.jsx(lo,{})}),i.jsx(co,{children:J.reloadPage.label})]}):g==="Completed"&&e.length===0?i.jsx(ji,{sourceView:"charge_cards",style:{height:"calc(100vh - 450px)"},title:E.cardList.getStarted,message:R!==""?E.cardList.noDataWithFilterText:E.cardList.noDataText,messageStyle:{maxWidth:345,color:he.colors.primary,...oe.largeRegular.cssObject}}):i.jsxs(ni,{children:[$!=null?i.jsxs(mo,{windowSize:v,children:[i.jsx(vo,{windowSize:v,children:i.jsx(Co,{})}),i.jsxs(yo,{windowSize:v,children:[i.jsxs(go,{children:[i.jsx(to,{children:E.aiCardAgentText}),J.strings.space,E.receiptBotMessage,J.strings.space]}),i.jsxs($o,{"data-testid":b("charge-card-list-copy-email"),onClick:pi,onMouseEnter:()=>xe(!0),onMouseLeave:()=>xe(!1),children:[i.jsx(wo,{children:$}),G===!0?i.jsxs(Re,{children:[i.jsx(fo,{}),i.jsx(Le,{children:i.jsx(Pe,{shouldDisplay:ie||G,color:y.primaryDark,children:J.copyToClipBoard.copied})})]}):i.jsxs(Re,{children:[i.jsx(uo,{color:ie?he.colors.primary:void 0}),i.jsx(Le,{children:i.jsx(Pe,{shouldDisplay:ie&&v!=="small",children:J.copyToClipBoard.copy})})]})]})]})]}):null,i.jsx(ho,{windowSize:v,availableHeight:ge,isListTooLarge:mi,children:i.jsx(bi,{children:({height:wi,width:ui})=>i.jsx(ki,{ref:re,height:wi,itemCount:e.length,innerElementType:q=>io(q,t,K,j,g),itemSize:me,estimatedItemSize:Ii,itemKey:q=>e[q].id,width:ui,overscanCount:Si,initialScrollOffset:0,children:q=>i.jsx(ro,{...q,resendInviteId:M,onChargeCardResendInviteClick:I,onChargeCardRevokeInviteClick:A,onChargeCardRowClick:H,showViewForCardUser:t,cardList:e,signedInUser:s})})})})]});return i.jsx(so,{fetchState:g,children:gi()})},io=(e,t,n,h,d)=>i.jsx(ai,{...e,showViewForCardUser:t,onColumnSortConfigChanged:n,uiState:{sortKey:h.sortKey,sortOrder:h.sortOrder},fetchState:d}),ai=C.forwardRef((e,t)=>{const{children:n,style:h,uiState:d,onColumnSortConfigChanged:l,showViewForCardUser:x,...c}=e;return i.jsxs(ni,{ref:t,style:{...h,width:"auto"},...c,children:[i.jsx(Ki,{companyNameSticky:!1,showViewForCardUser:x,onColumnSortConfigChanged:l,sortConfig:{sortKey:d.sortKey,sortOrder:d.sortOrder}}),i.jsx(xo,{children:n})]})});ai.displayName=E.cardList.headerElementDisplayName;const Lo=({cardList:e,fetchState:t,uiState:n,receiptBotEmail:h,searchText:d,resendInviteId:l,showViewForCardUser:x,signedInUser:c,cashbackInformation:w,creditAccountInformation:u,debitAccountInformation:f,productInformation:S,onChargeCardRowClick:m,onReloadCards:j,onColumnSortConfigChanged:s,onChargeCardResendInviteClick:g,onChargeCardRevokeInviteClick:$,controllerEmails:R,creditAccountRepayment:M,depositAccountListWithDebitCardIssued:I,isChargeCardFeatureEnabled:A,isDebitCardFeatureEnabled:H,isDebitCardSetupEnabled:N,isChargeCardSetupEnabled:K,creditAccount:v})=>i.jsx(eo,{cardList:e,controllerEmails:R,isChargeCardFeatureEnabled:A,isDebitCardFeatureEnabled:H,isDebitCardSetupEnabled:N,isChargeCardSetupEnabled:K,cashbackInformation:w,creditAccountInformation:u,debitAccountInformation:f,productInformation:S,creditAccount:v,creditAccountRepayment:M,depositAccountListWithDebitCardIssued:I,showViewForCardUser:x,signedInUser:c,fetchState:t,receiptBotEmail:h,searchText:d,resendInviteId:l,onReloadCards:j,onChargeCardRowClick:m,uiState:n,onColumnSortConfigChanged:s,onChargeCardResendInviteClick:g,onChargeCardRevokeInviteClick:$}),ro=({index:e,style:t,cardList:n,showViewForCardUser:h,signedInUser:d,resendInviteId:l,onChargeCardResendInviteClick:x,onChargeCardRevokeInviteClick:c,onChargeCardRowClick:w})=>i.jsx(po,{style:{...t,width:"100%"},className:"spend-management-list-item",children:i.jsx(oo,{showViewForCardUser:h,cardDetail:n[e],signedInUser:d,resendInviteId:l,index:e,onChargeCardResendInviteClick:x,onChargeCardRevokeInviteClick:c,onChargeCardRowClick:w})},"listItem"+n[e].id),oo=({cardDetail:e,showViewForCardUser:t,signedInUser:n,resendInviteId:h,index:d,onChargeCardResendInviteClick:l,onChargeCardRevokeInviteClick:x,onChargeCardRowClick:c})=>{const w=V()==="small"?Pr:tr;return i.jsx(w,{showViewForCardUser:t,cardDetail:e,signedInUser:n,index:d,onChargeCardRowClick:c,resendInviteId:h,onChargeCardResendInviteClick:l,onChargeCardRevokeInviteClick:x})},to=o(Di)`
+`,Y={lastListItemHeight:new p(200,158),bannerWrapperMarginLeftRight:new p(a[3],a[8]),styledAIIconContainerSize:new p(a[3],a[3])},{spendManagement:{chargeCard:E},common:J}=_.getLocalizedStrings(),Gr=66,Qr=64,Xr=351,Zr=136,eo=({cardList:e,showViewForCardUser:t,controllerEmails:n,isChargeCardFeatureEnabled:h,isDebitCardFeatureEnabled:d,isDebitCardSetupEnabled:l,creditAccount:m,creditAccountRepayment:c,productInformation:w,cashbackInformation:u,creditAccountInformation:f,debitAccountInformation:S,depositAccountListWithDebitCardIssued:x,uiState:j,signedInUser:s,fetchState:g,receiptBotEmail:$,searchText:R,resendInviteId:M,onChargeCardResendInviteClick:I,onChargeCardRevokeInviteClick:A,onChargeCardRowClick:H,onReloadCards:N,onColumnSortConfigChanged:K})=>{const v=V(),di=ee(),li=fi().analytics,ci=!!di.loggedInUserRole.includes("charge_card_user"),he=de(),[,hi]=$i(),[G,pe]=C.useState(!1),[ie,me]=C.useState(!1),pi=()=>{$!=null&&((!h||m.fetchState==="Completed"&&c.fetchState==="Completed")&&(!(d&&l)||x.fetchState==="Completed")&&li.trackCardsCopyIconClick(n,w,"Cards List","Copy","copied","Receipt Email",$,u,f,S),hi($),pe(!0))};C.useEffect(()=>{G===!0&&setTimeout(()=>{pe(!1)},800)},[G]);const xe=()=>v!=="small"?vi:ci?Ci:yi,mi=e.length*xe()+Gr+Qr,ge=window.innerHeight-Xr,xi=mi>ge,re=C.useRef(null);C.useEffect(()=>{re.current?.resetAfterIndex(0)},[v,re]);const gi=()=>g==="Error"?i.jsxs(ao,{children:[i.jsx(no,{onClick:N,"data-testid":b("charge-card-list-reload"),children:i.jsx(lo,{})}),i.jsx(co,{children:J.reloadPage.label})]}):g==="Completed"&&e.length===0?i.jsx(ji,{sourceView:"charge_cards",style:{height:"calc(100vh - 450px)"},title:E.cardList.getStarted,message:R!==""?E.cardList.noDataWithFilterText:E.cardList.noDataText,messageStyle:{maxWidth:345,color:he.colors.primary,...oe.largeRegular.cssObject}}):i.jsxs(ni,{children:[$!=null?i.jsxs(xo,{windowSize:v,children:[i.jsx(vo,{windowSize:v,children:i.jsx(Co,{})}),i.jsxs(yo,{windowSize:v,children:[i.jsxs(go,{children:[i.jsx(to,{children:E.aiCardAgentText}),J.strings.space,E.receiptBotMessage,J.strings.space]}),i.jsxs($o,{"data-testid":b("charge-card-list-copy-email"),onClick:pi,onMouseEnter:()=>me(!0),onMouseLeave:()=>me(!1),children:[i.jsx(wo,{children:$}),G===!0?i.jsxs(Re,{children:[i.jsx(fo,{}),i.jsx(Le,{children:i.jsx(Pe,{shouldDisplay:ie||G,color:y.primaryDark,children:J.copyToClipBoard.copied})})]}):i.jsxs(Re,{children:[i.jsx(uo,{color:ie?he.colors.primary:void 0}),i.jsx(Le,{children:i.jsx(Pe,{shouldDisplay:ie&&v!=="small",children:J.copyToClipBoard.copy})})]})]})]})]}):null,i.jsx(ho,{windowSize:v,availableHeight:ge,isListTooLarge:xi,children:i.jsx(bi,{children:({height:wi,width:ui})=>i.jsx(ki,{ref:re,height:wi,itemCount:e.length,innerElementType:q=>io(q,t,K,j,g),itemSize:xe,estimatedItemSize:Ii,itemKey:q=>e[q].id,width:ui,overscanCount:Si,initialScrollOffset:0,children:q=>i.jsx(ro,{...q,resendInviteId:M,onChargeCardResendInviteClick:I,onChargeCardRevokeInviteClick:A,onChargeCardRowClick:H,showViewForCardUser:t,cardList:e,signedInUser:s})})})})]});return i.jsx(so,{fetchState:g,children:gi()})},io=(e,t,n,h,d)=>i.jsx(ai,{...e,showViewForCardUser:t,onColumnSortConfigChanged:n,uiState:{sortKey:h.sortKey,sortOrder:h.sortOrder},fetchState:d}),ai=C.forwardRef((e,t)=>{const{children:n,style:h,uiState:d,onColumnSortConfigChanged:l,showViewForCardUser:m,...c}=e;return i.jsxs(ni,{ref:t,style:{...h,width:"auto"},...c,children:[i.jsx(Ki,{companyNameSticky:!1,showViewForCardUser:m,onColumnSortConfigChanged:l,sortConfig:{sortKey:d.sortKey,sortOrder:d.sortOrder}}),i.jsx(mo,{children:n})]})});ai.displayName=E.cardList.headerElementDisplayName;const Lo=({cardList:e,fetchState:t,uiState:n,receiptBotEmail:h,searchText:d,resendInviteId:l,showViewForCardUser:m,signedInUser:c,cashbackInformation:w,creditAccountInformation:u,debitAccountInformation:f,productInformation:S,onChargeCardRowClick:x,onReloadCards:j,onColumnSortConfigChanged:s,onChargeCardResendInviteClick:g,onChargeCardRevokeInviteClick:$,controllerEmails:R,creditAccountRepayment:M,depositAccountListWithDebitCardIssued:I,isChargeCardFeatureEnabled:A,isDebitCardFeatureEnabled:H,isDebitCardSetupEnabled:N,isChargeCardSetupEnabled:K,creditAccount:v})=>i.jsx(eo,{cardList:e,controllerEmails:R,isChargeCardFeatureEnabled:A,isDebitCardFeatureEnabled:H,isDebitCardSetupEnabled:N,isChargeCardSetupEnabled:K,cashbackInformation:w,creditAccountInformation:u,debitAccountInformation:f,productInformation:S,creditAccount:v,creditAccountRepayment:M,depositAccountListWithDebitCardIssued:I,showViewForCardUser:m,signedInUser:c,fetchState:t,receiptBotEmail:h,searchText:d,resendInviteId:l,onReloadCards:j,onChargeCardRowClick:x,uiState:n,onColumnSortConfigChanged:s,onChargeCardResendInviteClick:g,onChargeCardRevokeInviteClick:$}),ro=({index:e,style:t,cardList:n,showViewForCardUser:h,signedInUser:d,resendInviteId:l,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c,onChargeCardRowClick:w})=>i.jsx(po,{style:{...t,width:"100%"},className:"spend-management-list-item",children:i.jsx(oo,{showViewForCardUser:h,cardDetail:n[e],signedInUser:d,resendInviteId:l,index:e,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c,onChargeCardRowClick:w})},"listItem"+n[e].id),oo=({cardDetail:e,showViewForCardUser:t,signedInUser:n,resendInviteId:h,index:d,onChargeCardResendInviteClick:l,onChargeCardRevokeInviteClick:m,onChargeCardRowClick:c})=>{const w=V()==="small"?Pr:tr;return i.jsx(w,{showViewForCardUser:t,cardDetail:e,signedInUser:n,index:d,onChargeCardRowClick:c,resendInviteId:h,onChargeCardResendInviteClick:l,onChargeCardRevokeInviteClick:m})},to=o(Di)`
   color: ${e=>e.theme.colors.brandColorSapphire};
   ${({theme:e})=>e.mode==="dark"&&`color: ${y.brandColorPearl};`}
 `,so=o.div`
@@ -535,11 +535,11 @@ import{j as i,X as V,t as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as y
   left: ${r.sp0};
   padding-bottom: ${r.sp3};
   box-sizing: border-box;
-`,xo=o.div`
+`,mo=o.div`
   position: relative;
   width: auto;
   height: 100%;
-`,ni=o.div``,mo=o.div`
+`,ni=o.div``,xo=o.div`
   display: flex;
   border: 1.25px solid transparent;
   background: ${e=>`linear-gradient(${e.theme.colors.grey4}, ${e.theme.colors.grey4}) padding-box,

package/dist/assets/ChargeCardPromoPage-Bi9cAv-f-5sPJiGwd.js

@@ -0,0 +1,219 @@
+import{X as b,M as oe,j as r,u as H,w as $e,d2 as ye,a1 as be,_ as je,l as Se,fk as Te,aV as ze,K as W,Y as q,o as t,c0 as ve,k as O,c1 as Pe,Z as ke,C as g,bP as Be,bs as Ae,i5 as Ie,v as Me,m,Q as j,g as $,ao as Re,a6 as Le,i6 as _e}from"./index-CWmqNC4C.js";import{b as S,n as a,j as Ee,k as De}from"./vendor-CnQcJ2Lu.js";import{x as Fe}from"./MeetingCalenderPopup-CTuOhFQC-C5al8-0n.js";import{f as Ue}from"./NavigationDots-yYTGREt4-DTRiZdAJ.js";import{J as N,N as G}from"./PromoBaseCards-CuJXuijt-Cwtg1Msq.js";import{M as R}from"./usp-line-BBd1wKwW-CgKq8-Xn.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const h={containerPaddingTopBottom:new g(m[0],m[0]),uspContainerMarginX:new g(m[6],m[0]),midContainerGap:new g(m[4],84),iconContainerMinHeight:new g(236,396),emptySectionHeight:new g(m[6],43),navigationBottom:new g(m[4],94),navigationLeft:new g(192,244),carouselHeight:new g(268,396),carouselMarginTop:new g(54,m[4]),carouselMarginLeft:new g(120,m[12]),buttonTrayGap:new g(m[3],m[5]),termsOfAgreementMarginTop:new g(m[5],m[10]),contactAdminContainerMarginTop:new g(m[0],m[10]),contactAdminContainerMarginBottom:new g(m[4],m[0]),contactAdminContainerMarginLeftRight:new g(m[3],m[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:ee,spendManagement:{chargeCard:{chargeCardsPromo:o}}}=oe.getLocalizedStrings(),Mr=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:i,showEnableCardButton:n,controllerEmails:p,isCreditCardProductVisible:x,isDebitCardFeatureEnabled:c,isDebitCardSetupEnabled:w,isChargeCardSetupEnabled:f,admins:v,cashbackRate:P,cardPromoType:u="credit",onSetupButtonClick:l,onBackClick:d,onClickMenuIcon:pe,onSetupChargeCardSuccess:V,onExpressInterestClick:me})=>{const xe=H(),Z=$e(),z=b(),J=ye().analytics,{chargeCardTermsDetails:L,companyChargeCardInfo:C,companyLocaleInfo:_}=i,K=be(L?.fetchStatus.fetchState),[he,Q]=S.useState(!1),ge=()=>{J.trackCardsPromoPageClicked("schedule demo"),J.trackCardsScheduleDemoClick(p,{isCreditCardOffered:x,isDebitCardOffered:c,isDebitCardEnabled:w,isCreditCardEnabled:f},"Cards Promo"),Q(!0)},ue=C!=null&&_!=null?je("0,0",{amount:C.chargeCardsCreditAccountLimit,currencyCode:_.currencyCode,currencySymbol:_.currencySymbol}):void 0;S.useEffect(()=>{K==="In-Progress"&&L?.fetchStatus.fetchState==="Completed"&&V()},[K,V,L?.fetchStatus]);const X=Se.hasChargeCardAdminLevelAccess(Z.loggedInUserRoleMap),we=Te(Z),E=u==="credit"&&C?.isCompanyInterestedInChargeCard===!1&&C.chargeCardsCreditAccountLimit===0,D=u==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===-1,F=u==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===0,fe=u==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit>0,{expressInterestInChargeCardFetchState:Ce}=i,Y=E?o.expressInterest:n?o.enableCardsButton:o.setupCardsButton;return r.jsxs(Ze,{children:[r.jsx(ze,{title:o.title[u],backgroundColor:xe.colors.grey4,onBackClick:d,showBackButton:!0,showMenuIcon:z==="medium-compact"||z==="small",onClickMenuIcon:pe,style:{zIndex:9},source:"ChargeCardPromoPage"}),he===!0?r.jsx(Fe,{onCancelClick:()=>{Q(!1)},meetingUrl:e}):null,r.jsx(Xe,{windowSize:z,children:X===!0?r.jsxs(Qe,{children:[r.jsxs(Ke,{children:[r.jsx(Ge,{isApproved:fe,creditAmount:ue,cardPromoType:u,isUnderReview:F,isRejected:D,showExpressInterest:E}),r.jsx(ne,{cardPromoType:u,cashbackRate:P})]}),r.jsx(ae,{showEnableCardButton:n,cardPromoType:u,isUnderReview:F,isRejected:D,showExpressInterest:E})]}):r.jsx(He,{companyLegalName:s,cards:[],admins:v,cashbackRate:P,hasZeniFinopsRoles:we,cardPromoType:u})}),X&&!(F||D)?r.jsxs(ir,{windowSize:z,children:[r.jsx(W,{variant:"secondary",label:o.scheduleDemoButton,style:{width:166},onClick:ge,"data-testid":q("schedule-demo-button")}),r.jsx(Je,{windowSize:z,children:o.orText}),r.jsx(W,{variant:"primary",label:Y,style:{width:166},loading:i.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||Ce==="In-Progress",onClick:Y===o.expressInterest?me:()=>l(u),"data-testid":q("enable-card-button")})]}):null]})},Ne=({admins:e})=>{const s=e.flatMap(n=>n.user?.firstName+" "+n.user?.lastName).join(", "),i=b();return r.jsxs(pr,{windowSize:i,children:[r.jsx(U,{underline:!1,windowSize:i,children:o.noCardAssigned.pre}),r.jsx(Ae,{title:s,placement:"top-start",style:{padding:`2px ${t.sp2}`},children:r.jsx(U,{underline:!0,windowSize:i,children:o.noCardAssigned.tooltip})}),r.jsx(U,{underline:!1,windowSize:i,children:o.noCardAssigned.post})]})},ae=({cardPromoType:e,showEnableCardButton:s,isUnderReview:i,isRejected:n,showExpressInterest:p,isCardUser:x=!1})=>{const c=b();return r.jsx(tr,{windowSize:c,children:r.jsx(Ie,{topTermLabel:e==="credit"||e==="debit_and_credit"?o.terms.checkingAccountTerm:void 0,buttonTermLabel:i===!0||n===!0||x===!0?void 0:p===!0?o.terms.approvalTerm:s?o.terms.alternateTerm1:o.terms.terms1,showEndIcon:!1,showTerms:n===!1||x===!1,style:{marginTop:h.termsOfAgreementMarginTop.valuePx(c)}})})},Ge=({isApproved:e,cardPromoType:s,creditAmount:i,isUnderReview:n,isRejected:p,showExpressInterest:x})=>{const c=b(),w=s==="debit_and_credit"?o.promoTextDebitCreditCard:s==="debit"?o.promoTextDebitCard:o.promoTextCreditCard,f=e?r.jsxs(r.Fragment,{children:[o.promoBadgeText.approved,r.jsx(te,{children:i}),o.creditLimit,ee.strings.space]}):x?r.jsxs(r.Fragment,{children:[o.promoBadgeText.nonPreApproved.get,r.jsx(er,{children:o.promoBadgeText.nonPreApproved.scale}),o.promoBadgeText.nonPreApproved.doubleStarred,o.promoBadgeText.nonPreApproved.higherLimits]}):n?o.promoBadgeText.underReview:p?o.promoBadgeText.rejected:r.jsxs(r.Fragment,{children:[o.promoBadgeText.preApproved,r.jsx(te,{children:i}),o.creditLimit,ee.strings.space]});return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:c==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]})}),r.jsxs(We,{cardPromoType:s,hideBadge:i==null||s==="debit",windowSize:c,children:[n||p?null:r.jsx(Cr,{}),r.jsx(qe,{windowSize:c,children:f})]})]})},He=({companyLegalName:e,cards:s,admins:i,cashbackRate:n,hasZeniFinopsRoles:p,cardPromoType:x="credit"})=>{const c=b(),w=x==="debit_and_credit"?o.promoTextDebitCreditCard:x==="debit"?o.promoTextDebitCard:o.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[c==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]}),s.length===0?r.jsx(cr,{windowSize:c}):r.jsx(Oe,{cards:s,companyLegalName:e}),r.jsx(ne,{cardPromoType:x,cashbackRate:n}),p?null:r.jsx(Ne,{admins:i}),r.jsx(ae,{isCardUser:!0,showEnableCardButton:!1,cardPromoType:x})]})},Oe=({cards:e,companyLegalName:s})=>{const i=H(),n=b();let p="",x;if(e.length===1){x=e[0].cardCreatedByUser.photo;const c=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;p=o.cardAssigned.singleCreditCard.replace("__issuing-user__",c).replace("__company-name__",s)}else p=o.cardAssigned.multipleCreditCards.replace("__company-name__",s);return r.jsxs(xr,{children:[x!=null?r.jsx(Ye,{width:t.sp5,height:t.sp5,style:{paddingTop:n==="small"?t.sp1:t.sp0},src:x.href,alt:oe.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:c})=>{c.onerror=null,c.src=Be},loading:"lazy"}):null,r.jsx(mr,{windowSize:n,mode:i.mode,children:r.jsx(hr,{windowSize:n,children:p})})]})},re=({windowSize:e,cardPromoType:s})=>{let i=o.businessText;return s==="debit"&&(i=`${i} ${o.debit}`),r.jsx(r.Fragment,{children:s==="debit_and_credit"?r.jsx(Ve,{}):r.jsxs(ar,{windowSize:e,children:[r.jsx(N,{cardPromoType:s,cardText:i,shouldAnimate:!0,showChip:!0,forDashboard:!1,forListPage:!1}),r.jsx(G,{cardPromoType:s,cardText:i,showChip:!0,forDashboard:!1,shouldAnimate:!0,forListPage:!1})]})})},ne=({cardPromoType:e,cashbackRate:s})=>{const i=b(),n=o.benefits;return r.jsxs(rr,{windowSize:i,children:[i==="small"?r.jsx(re,{windowSize:i,cardPromoType:e}):null,r.jsxs(or,{windowSize:i,children:[r.jsxs(B,{windowSize:i,children:[r.jsx(I,{children:r.jsx(dr,{})}),r.jsxs(M,{children:[r.jsx(y,{windowSize:i,children:n.item1.pre}),r.jsx(A,{windowSize:i,children:n.item1.bold.replace("__cashback__",(s*100).toFixed(2))}),r.jsx(y,{windowSize:i,children:`${e==="credit"||e==="debit_and_credit"?n.singleStarred:""}${n.item1.post}`})]})]}),r.jsxs(B,{windowSize:i,children:[r.jsx(I,{children:r.jsx(nr,{})}),r.jsxs(M,{children:[r.jsx(y,{windowSize:i,children:n.item2.pre}),r.jsx(A,{windowSize:i,children:n.item2.bold}),r.jsx(y,{windowSize:i,children:n.item2.post})]})]}),r.jsxs(B,{windowSize:i,children:[r.jsx(I,{children:r.jsx(lr,{})}),r.jsxs(M,{children:[r.jsx(y,{windowSize:i,children:n.item3.pre}),r.jsx(A,{windowSize:i,children:n.item3.bold}),r.jsx(y,{windowSize:i,children:n.item3.post})]})]}),r.jsxs(B,{windowSize:i,children:[r.jsx(I,{children:r.jsx(sr,{})}),r.jsxs(M,{children:[r.jsx(y,{windowSize:i,children:n.item4.pre}),r.jsx(A,{windowSize:i,children:n.item4.bold}),r.jsx(y,{windowSize:i,children:n.item4.post})]})]})]}),i==="small"?null:r.jsx(re,{windowSize:i,cardPromoType:e})]})};let k;const Ve=()=>{const e=b(),s=H(),[i,n]=S.useState(0),[p,x]=S.useState(!1),c=o.businessText,w=`${c} ${o.debit}`,f=[{id:1,cardType:"debit",cardText:w},{id:2,cardType:"debit",cardText:w},{id:3,cardType:"credit",cardText:c},{id:4,cardType:"credit",cardText:c}];S.useEffect(()=>(p||(k=setInterval(()=>{n(l=>{const d=l+1;return d===f.length?(x(!0),0):d})},2e3)),()=>clearInterval(k)),[p,f.length]),S.useEffect(()=>{p&&k!=null&&clearInterval(k)},[p]);const v=(l,d)=>{switch((l-i+f.length)%f.length){case 0:return{transform:`translate(0,${d?"100%":0}) scale(1)`,zIndex:d?5:6,opacity:1,transition:"transform 0.4s"};case 1:return{transform:`translate(35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};case 2:return{transform:`translate(35%,${d?"80%":"5%"}) scale(0.75)`,zIndex:d?3:4,opacity:0,transition:"transform 0.4s 0.2s, opacity 0.4s 0.0s"};case 3:return{transform:`translate(-35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};default:return}},P=l=>{const d=v(l,!0);return{...d,transform:`${d?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}},u=l=>{p||x(!0),n(l)};return r.jsxs(gr,{windowSize:e,children:[r.jsx(ur,{windowSize:e,children:f.map((l,d)=>r.jsxs(wr,{children:[r.jsx(ie,{isReflection:!1,style:{...v(d,!1)},onClick:()=>u(d),children:d===0||d===2?r.jsx(N,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}}):r.jsx(G,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}})},l.id),r.jsx(ie,{isReflection:!0,style:{...P(d)},children:d===0||d===2?r.jsx(N,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,forDashboard:!1,showChip:!0,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent 90%)",WebkitMaskImage:"linear-gradient(to top, black, transparent 90%)"}}):r.jsx(G,{cardPromoType:l.cardType,cardText:l.cardText,showChip:!0,shouldAnimate:!1,forDashboard:!1,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent)",WebkitMaskImage:"linear-gradient(to top, black, transparent)"}})},`reflection-${l.id}`)]},l.id))}),p&&r.jsx(Ue,{numberOfDots:f.length,activeIndex:i,handleClick:n,promoColor:s.colors.primary,promoColorHover:s.colors.grey5,spendManagementPromoCardActive:!0,dotStyle:{width:t.sp2,height:t.sp2},style:{cursor:"default",position:"absolute",bottom:h.navigationBottom.valuePx(e),left:h.navigationLeft.valuePx(e),zIndex:7}})]})},Ze=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Je=a(Me)`
+  color: ${e=>e.theme.colors.hero};
+`,Ke=a.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`,Qe=a.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  flex: 1;
+  width: 100%;
+`,Xe=a.div`
+  padding-top: ${e=>h.containerPaddingTopBottom.valuePx(e.windowSize)};
+  padding-bottom: ${e=>h.containerPaddingTopBottom.valuePx(e.windowSize)};
+  text-align: center;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow-x: hidden;
+`,se=a(Pe)`
+  max-width: 927px;
+  margin: auto;
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+  padding: ${t.sp7} ${t.sp0} ${t.sp0} ${t.sp0};
+  color: ${e=>e.theme.colors.primary};
+`,de=a(ke)`
+  color: ${e=>e.theme.colors.primary};
+  margin: auto;
+  margin-top: ${t.sp2};
+`,le=a(ve)`
+  margin: auto;
+  max-width: 343px;
+  display: flex;
+  justify-content: center;
+  text-align: center;
+  flex-wrap: wrap;
+  padding: ${t.sp5} ${t.sp0} ${t.sp0} ${t.sp0};
+  color: ${e=>e.theme.colors.primary};
+`,ce=a(O)`
+  max-width: 314px;
+  margin: auto;
+  color: ${e=>e.theme.colors.primary};
+  padding: 6px ${t.sp3} ${t.sp0} ${t.sp3};
+  text-align: center;
+  margin-top: 6px;
+`,Ye=a.img`
+  border-radius: 50%;
+  justify-content: center;
+  color: ${e=>e.theme.colors.hero};
+`,We=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  overflow: hidden;
+  padding: ${t.sp2} ${t.sp3};
+  background-color: ${e=>e.theme.colors.grey3};
+  border-radius: 96px;
+  margin-top: ${t.sp4};
+  margin-left: ${e=>e.windowSize==="small"?t.sp3:"auto"};
+  margin-right: ${e=>e.windowSize==="small"?t.sp3:"auto"};
+  margin-bottom: ${e=>e.cardPromoType==="debit_and_credit"&&e.windowSize==="small"?t.sp0:t.sp6};
+  width: fit-content;
+  gap: ${t.sp1};
+  ${e=>e.hideBadge&&`
+    visibility: hidden;
+    `}
+`,qe=a(O)`
+  color: ${e=>e.theme.mode==="dark"?$.brandColorJade:$.brandColorSapphire};
+  text-align: ${e=>e.windowSize==="small"?"left":"center"};
+  ${e=>`${T.promoBadgeText.style(e.windowSize)}`};
+  span {
+    ${e=>`${T.promoBadgeTextBold.style(e.windowSize)}`};
+  }
+`,er=a.span``,te=a.span`
+  color: ${$.success};
+`,rr=a.div`
+  display: flex;
+  gap: ${e=>h.midContainerGap.valuePx(e.windowSize)};
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: center;
+  justify-content: center;
+`,tr=a.div`
+  display: flex;
+  flex-direction: column;
+`,ir=a.div`
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+  padding: ${t.sp2} ${t.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: ${t.sp2};
+  background-color: ${e=>e.theme.colors.grey5};
+  gap: ${e=>h.buttonTrayGap.valuePx(e.windowSize)};
+`,or=a.div`
+  width: ${e=>e.windowSize==="small"?"auto":"288px"};
+  display: flex;
+  flex-direction: column;
+  margin-left: ${e=>h.uspContainerMarginX.valuePx(e.windowSize)};
+  margin-right: ${e=>h.uspContainerMarginX.valuePx(e.windowSize)};
+  z-index: 8;
+`,ar=a.div`
+  display: flex;
+  justify-content: ${e=>e.windowSize==="small"?"center":"flex-start"};
+  min-height: ${e=>h.iconContainerMinHeight.valuePx(e.windowSize)};
+  align-items: center;
+  min-width: 480px;
+`,B=a.div`
+  border-radius: ${t.sp12};
+  border: ${e=>`1px solid ${e.theme.colors.grey2}`};
+  padding: ${e=>e.windowSize==="small"?`${t.sp2} ${t.sp4} ${t.sp2} ${t.sp0}`:`${t.sp3} ${t.sp5} ${t.sp3} ${t.sp0}`};
+  background: ${e=>e.theme.colors.grey5};
+  position: relative;
+  margin-bottom: ${t.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=a(Re)`
+  color: ${e=>e.theme.colors.champion};
+  ${e=>`${T.uspText.style(e.windowSize)}`};
+`,A=a(Le)`
+  color: ${e=>e.theme.colors.champion};
+  ${e=>`${T.uspBoldText.style(e.windowSize)}`};
+`,I=a.div``,M=a.div`
+  padding-left: ${t.sp3};
+`,nr=a(R)`
+  color: ${$.graphColor16Dark};
+`,sr=a(R)`
+  color: ${$.alert};
+`,dr=a(R)`
+  color: ${$.graphColor11};
+`,lr=a(R)`
+  color: ${$.success};
+`,cr=a.div`
+  height: ${e=>h.emptySectionHeight.valuePx(e.windowSize)};
+  ${e=>e.windowSize==="small"?null:Ee`
+          margin-top: ${t.sp4};
+          margin-bottom: ${t.sp6};
+        `}
+`,pr=a(O)`
+  color: ${e=>e.theme.colors.hero};
+  margin-top: ${e=>h.contactAdminContainerMarginTop.valuePx(e.windowSize)};
+  margin-bottom: ${e=>h.contactAdminContainerMarginBottom.valuePx(e.windowSize)};
+  margin-left: ${e=>h.contactAdminContainerMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>h.contactAdminContainerMarginLeftRight.valuePx(e.windowSize)};
+  text-align: center;
+`,U=a(_e)`
+  ${e=>`${T.contactAdmin.style(e.windowSize)}`};
+  text-decoration: ${e=>e.underline?"underline":"none"};
+  cursor: ${e=>e.underline?"default":null};
+`,mr=a.div`
+  color: ${e=>e.mode==="dark"?e.theme.colors.brandColorJade:e.theme.colors.brandColorSapphire};
+`,xr=a.div`
+  background-color: ${e=>e.theme.colors.grey3};
+  padding: ${t.sp2} ${t.sp3};
+  display: flex;
+  gap: ${t.sp2};
+  margin: auto;
+  max-width: fit-content;
+  border-radius: 96px;
+  margin-top: ${t.sp4};
+  margin-bottom: ${t.sp6};
+`,hr=a.span`
+  ${e=>`${T.cardsContent.style(e.windowSize)}`};
+`,gr=a.div`
+  display: flex;
+  flex-direction: column;
+  min-height: ${e=>h.carouselHeight.valuePx(e.windowSize)};
+  min-width: 480px;
+  position: relative;
+`,ur=a.div`
+  position: relative;
+  margin-top: ${e=>h.carouselMarginTop.valuePx(e.windowSize)};
+  margin-left: ${e=>h.carouselMarginLeft.valuePx(e.windowSize)};
+`,wr=a.div`
+  position: relative;
+  overflow: visible;
+`,ie=a.div`
+  position: absolute;
+  ${e=>e.isReflection&&`
+  background-color: ${e.theme.colors.grey4};
+  clip-path: inset(16% 0 0 0);
+  `}
+`,fr=De`
+  0% {
+    left: -${t.sp6};
+  }
+  100% {
+    left: calc(100% + ${t.sp6});
+  }
+`,Cr=a.div`
+  position: absolute;
+  background:
+    ${$.promoCardGradient1Strong}, ${$.promoCardGradient2Strong};
+  width: ${t.sp10};
+  z-index: 3;
+  height: 100%;
+  transform: skew(15deg);
+  animation: ${fr} 3s linear infinite;
+`;export{He as ChargeCardPromoUserContent,Mr as default};

package/dist/assets/{ChargeCardSetupPage-DVt_tQuX-4ANc8OrQ.js → ChargeCardSetupPage-DvlKbA_C-AlRyM6Q7.js}

@@ -1,4 +1,4 @@
-import{u as Ve,X as Ie,d2 as De,a1 as M,a as Oe,c3 as Be,l as Ue,M as _e,a7 as N,j as t,cI as ze,g as $e,C as r,aV as Re,c as Le,F as We,c_ as Me,o as B,v as Ne,aQ as qe,a3 as He,n as a,q as Ge}from"./index-B6_cg6uw.js";import{b as p,n as S}from"./vendor-CnQcJ2Lu.js";import{F as Je}from"./HelpButton-pj034msF-BXXf52YY.js";import{K as Ke}from"./SetUpDefaultSection-Bwllgb3V-McXckxaJ.js";import{f as Qe,y as q}from"./SpendMgmtSetupAccountSection-CpLvxn91-BtyBtEXb.js";import{x as Xe}from"./LabeledControlledCheckBoxField-CCyeo-ZW-CDgcsnmr.js";import{g as Ye}from"./UploadAdditionalDocumentOverlay-DO8Wchkc-ByN4Qaxt.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./MeetingCalenderPopup-CRSDBuLJ-D1XUzPrf.js";import"./ChargeCardUtils-CHHXg_Qi-Cx1TeQt_.js";import"./CreditCardPaymentPlgSection-D1iBVxR6-DYlUTV1R.js";import"./ChaseOverlay-Bc0GfIc6-_Os2ahEO.js";const c={titleWidth:new r(343,580,726,826),setupDetailsRowGap:new r(12,a[5],a[5]),sectionRowGap:new r(a[5],a[9],a[9]),iconWidthHeight:new r(20,a[4]),subTitlePaddingTop:new r(12,a[3]),subTitlePaddingBottom:new r(a[3],a[3]),overlayWidth:new r(100,100,59),checkBoxTop:new r(a[1],a[0])},H="chargeCardSetUpPage",h="payAccount",{commonSetUp:Ze,spendManagement:et}=_e.getLocalizedStrings(),{chargeCard:K}=et,{chargeCardSetUp:m}=K,{setUp:U}=Ze,At=({autoPayThreshold:e,isDisabled:x,meetingUrl:v,isEarlyPayEnabled:f,chargeCardSetUpView:o,connectedAccountProvider:Q,filesEndPoint:X,authParams:Y,isAccountsEnabled:Z,isDebitCardOnlyEnabled:E,isCreditCardOnlyEnabled:ee,accountsPromoConfig:te,onFetchLinkTokenClick:ne,onBackClick:ie,onEnableChargeCardClick:oe,onUpdateChargeCardClick:ae,onBusinessVerificationSectionClick:ce,onUpdatePaymentAccountStatus:le,onUpdatePaymentAccountLoginStatus:se,onUpdatePrimaryFundingAccount:re,onUpdateAutoPayClick:de,onEstablishConnectionClick:ue,onEstablishConnectionSuccess:pe,onClickMenuIcon:me,onEnableChargeCardSuccess:P,onEditFileName:he,onDeleteFile:fe,updateFilesEntity:ge,onCompanyOfficerUpdated:ye,onSendForVerificationClick:Ce,onSignUpClick:be})=>{const g=Ve(),i=Ie(),T=De().analytics,[w,y]=p.useState(!1),{fetchState:C,companyBillPayInfo:_,isRefreshingViewInBackground:Se,updateStatus:d,accountUpdateStatus:xe,plaidConnectionDetails:Pe,allBankAccounts:we,companyChargeCardInfo:z,companyDebitCardInfo:Ae,selectedCompanyOfficer:l,primaryFundingAccount:s,allFundingAccounts:$}=o,R=M(C),A=M(d.fetchState),F=Oe({mode:"all",reValidateMode:"onChange",defaultValues:p.useMemo(()=>G(o),[o]),values:G(o)}),ke=F.handleSubmit(oe),ve=async(b,k)=>{const n=k[h];if(b.includes(h))if(b.includes("fundingAccount")){if(n.fundingAccount.selectedOption!=null&&s?.id!=n.fundingAccount.selectedOption){const u=$.find(O=>O.id===n.fundingAccount.selectedOption);u!=null&&re(n.fundingAccount.selectedOption,u.accType)}}else if(n.account.selectedOption!=null&&s?.id!=null&&s?.zeniAccountId!=n.account.selectedOption){const u=n.account.allOptions.find(O=>O.value===n.account.selectedOption);u!=null&&typeof u.label=="string"&&T.trackConnectBankLink(u.value,u.label,"charge_cards"),ae(n.account.selectedOption,s.id,s.accType)}else b.includes("enableAutoPay")&&n.enableAutoPay!=null&&de(n.enableAutoPay)};p.useEffect(()=>{const b=F.watch((k,{name:n})=>{n!=null&&k!=null&&Be(()=>ve(n,k))});return()=>{b.unsubscribe()}}),p.useEffect(()=>{!w&&l?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&l.areAdditionalDocumentsRequestedForVerification&&!l.areAdditionalDocumentsSubmittedForVerification&&l.userVerificationStatus?.code==="require_info"&&y(!0),w&&R==="In-Progress"&&C==="Completed"&&y(!1)},[l,C,R]),p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&P()},[P,A,d.fetchState]);const j=z?.isChargeCardEnabled===!0,V=Ae?.isDebitCardEnabled===!0,L=_?.isBusinessVerified===!0,Ee=s?.accType==="depositAccount"||Ue.isVerifiedPaymentAccountProviderStatusCode(s?.providerVerificationStatus?.code??""),I=E?L:L&&Ee,Te=C==="In-Progress"||C==="Not-Started";p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&P()},[P,A,d.fetchState]);const D=E?I&&!V:ee?I&&!j:I&&!(j&&V),Fe=D?m.setupSubTitleNotEnabled:m.setupSubTitle,W=g.mode==="light"?new N(g.colors.brandColorJadeLight):new N(g.colors.brandColorJadeDark),je=()=>{!w&&l?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&l.areAdditionalDocumentsRequestedForVerification&&!l.areAdditionalDocumentsSubmittedForVerification&&l.userVerificationStatus?.code==="require_info"?y(!0):ce?.()};return t.jsxs(nt,{children:[t.jsx(ze,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:w,onClose:()=>y(!1),style:{backgroundColor:$e.drawerBackground},transitionDuration:250,children:t.jsx(Ye,{authParams:Y,filesEndPoint:X,updateStatus:d,onEditFileName:he,onDeleteFile:fe,updateFilesEntity:ge,companyOfficer:l,onClose:()=>y(!1),onCompanyOfficerUpdated:ye,onSendForVerificationClick:Ce})}),t.jsx(Re,{title:m.setupTitle,backgroundColor:g.colors.grey4,style:{zIndex:3},onBackClick:ie,showMenuIcon:!j&&!V&&(i==="medium-compact"||i==="small"),onClickMenuIcon:me,source:"ChargeCardSetupPage"}),t.jsxs(tt,{windowSize:i,children:[t.jsx(it,{windowSize:i,children:Fe}),Te?t.jsx(ot,{children:t.jsx(Le,{size:"ExtraLarge",start:!0})}):t.jsx(We,{...F,children:t.jsx("form",{id:J(H),onSubmit:ke,children:t.jsxs(at,{windowSize:i,children:[t.jsx(Ke,{onClick:je,title:U.businessVerificationTitle,subTitle:U.businessVerificationSubTitle,header:U.businessVerificationHeader,icon:{element:t.jsx(Me,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:W},status:_?.businessVerificationStatus,isLoading:Se,isActiveWhileLoading:!0}),E?null:t.jsx(Qe,{connectedAccountProvider:Q,primaryFundingAccount:s,allFundingAccounts:$,plaidConnectionDetails:Pe,allBankAccounts:we,sectionId:h,isDisabled:x,onFetchLinkTokenClick:ne,onEstablishConnectionClick:ue,onUpdatePaymentAccountStatus:le,onUpdatePaymentAccountLoginStatus:se,sectionTitle:m.setupAccountSectionTitle,onEstablishConnectionSuccess:pe,icon:{element:t.jsx(qe,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:W},analytics:T,productType:"charge_cards",isAccountsEnabled:Z,onSignUpClick:be,pageName:m.pageName,accountsPromoConfig:te,accountSelectContainerStyle:f?{marginBottom:"20px"}:{},bottomComponent:f&&t.jsx(Xe,{label:{label:K.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:g.colors.primary,...Ne.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:B.sp4,marginTop:B.sp1,alignItems:i==="small"?"flex-start":"center"},checkBoxField:{name:q(h,"enableAutoPay"),checkBoxValue:q(h,"enableAutoPay"),defaultChecked:z?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(i)}}})})]})})})]}),D?t.jsx(He,{formId:J(H),primaryBtn:{label:m.enableAccounts,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:d.fetchState==="In-Progress"||xe.fetchState==="In-Progress",isDisabled:x!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${B.sp3}`}}):null,t.jsx(Je,{isFooterRendered:D,meetingUrl:v,analytics:T,productType:"charge_cards"})]})},G=e=>{const{allBankAccounts:x,allFundingAccounts:v,primaryFundingAccount:f}=e;return{[h]:{fundingAccount:{selectedOption:f?.id,allOptions:v.map(o=>({label:o.label,value:o.id,isRecommended:o.accType==="depositAccount"}))},account:{selectedOption:f?.zeniAccountId,allOptions:x.map(o=>({label:o.accountName,value:o.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},J=e=>`${e}_form`,tt=S.div`
+import{u as Ve,X as Ie,d2 as De,a1 as M,a as Oe,c3 as Be,l as Ue,M as _e,a7 as N,j as t,cI as ze,g as $e,C as r,aV as Re,c as Le,F as We,c_ as Me,o as B,p as Ne,aQ as qe,a3 as He,m as a,s as Ge}from"./index-CWmqNC4C.js";import{b as p,n as S}from"./vendor-CnQcJ2Lu.js";import{F as Je}from"./HelpButton-BGHsn-1b-Cb4db_8O.js";import{K as Ke}from"./SetUpDefaultSection-DO9aLike-BNjhrnJW.js";import{f as Qe,y as q}from"./SpendMgmtSetupAccountSection-CVaXDNNK-CaCI906W.js";import{x as Xe}from"./LabeledControlledCheckBoxField-aLuztBgv-CQQDZTL8.js";import{g as Ye}from"./UploadAdditionalDocumentOverlay-DW6WCx4i-CGbCT0bE.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./MeetingCalenderPopup-CTuOhFQC-C5al8-0n.js";import"./ChargeCardUtils--ltNyvP2-TY5I7nE-.js";import"./CreditCardPaymentPlgSection-D9oAn9qk-hoy3ieFS.js";import"./ChaseOverlay-CxEiwxZq-CYOJ8ZhP.js";const c={titleWidth:new r(343,580,726,826),setupDetailsRowGap:new r(12,a[5],a[5]),sectionRowGap:new r(a[5],a[9],a[9]),iconWidthHeight:new r(20,a[4]),subTitlePaddingTop:new r(12,a[3]),subTitlePaddingBottom:new r(a[3],a[3]),overlayWidth:new r(100,100,59),checkBoxTop:new r(a[1],a[0])},H="chargeCardSetUpPage",h="payAccount",{commonSetUp:Ze,spendManagement:et}=_e.getLocalizedStrings(),{chargeCard:K}=et,{chargeCardSetUp:m}=K,{setUp:U}=Ze,At=({autoPayThreshold:e,isDisabled:x,meetingUrl:v,isEarlyPayEnabled:f,chargeCardSetUpView:o,connectedAccountProvider:Q,filesEndPoint:X,authParams:Y,isAccountsEnabled:Z,isDebitCardOnlyEnabled:E,isCreditCardOnlyEnabled:ee,accountsPromoConfig:te,onFetchLinkTokenClick:ne,onBackClick:ie,onEnableChargeCardClick:oe,onUpdateChargeCardClick:ae,onBusinessVerificationSectionClick:ce,onUpdatePaymentAccountStatus:se,onUpdatePaymentAccountLoginStatus:le,onUpdatePrimaryFundingAccount:re,onUpdateAutoPayClick:de,onEstablishConnectionClick:ue,onEstablishConnectionSuccess:pe,onClickMenuIcon:me,onEnableChargeCardSuccess:P,onEditFileName:he,onDeleteFile:fe,updateFilesEntity:ge,onCompanyOfficerUpdated:ye,onSendForVerificationClick:Ce,onSignUpClick:be})=>{const g=Ve(),i=Ie(),T=De().analytics,[w,y]=p.useState(!1),{fetchState:C,companyBillPayInfo:_,isRefreshingViewInBackground:Se,updateStatus:d,accountUpdateStatus:xe,plaidConnectionDetails:Pe,allBankAccounts:we,companyChargeCardInfo:z,companyDebitCardInfo:Ae,selectedCompanyOfficer:s,primaryFundingAccount:l,allFundingAccounts:$}=o,R=M(C),A=M(d.fetchState),F=Oe({mode:"all",reValidateMode:"onChange",defaultValues:p.useMemo(()=>G(o),[o]),values:G(o)}),ke=F.handleSubmit(oe),ve=async(b,k)=>{const n=k[h];if(b.includes(h))if(b.includes("fundingAccount")){if(n.fundingAccount.selectedOption!=null&&l?.id!=n.fundingAccount.selectedOption){const u=$.find(O=>O.id===n.fundingAccount.selectedOption);u!=null&&re(n.fundingAccount.selectedOption,u.accType)}}else if(n.account.selectedOption!=null&&l?.id!=null&&l?.zeniAccountId!=n.account.selectedOption){const u=n.account.allOptions.find(O=>O.value===n.account.selectedOption);u!=null&&typeof u.label=="string"&&T.trackConnectBankLink(u.value,u.label,"charge_cards"),ae(n.account.selectedOption,l.id,l.accType)}else b.includes("enableAutoPay")&&n.enableAutoPay!=null&&de(n.enableAutoPay)};p.useEffect(()=>{const b=F.watch((k,{name:n})=>{n!=null&&k!=null&&Be(()=>ve(n,k))});return()=>{b.unsubscribe()}}),p.useEffect(()=>{!w&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&y(!0),w&&R==="In-Progress"&&C==="Completed"&&y(!1)},[s,C,R]),p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&P()},[P,A,d.fetchState]);const j=z?.isChargeCardEnabled===!0,V=Ae?.isDebitCardEnabled===!0,L=_?.isBusinessVerified===!0,Ee=l?.accType==="depositAccount"||Ue.isVerifiedPaymentAccountProviderStatusCode(l?.providerVerificationStatus?.code??""),I=E?L:L&&Ee,Te=C==="In-Progress"||C==="Not-Started";p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&P()},[P,A,d.fetchState]);const D=E?I&&!V:ee?I&&!j:I&&!(j&&V),Fe=D?m.setupSubTitleNotEnabled:m.setupSubTitle,W=g.mode==="light"?new N(g.colors.brandColorJadeLight):new N(g.colors.brandColorJadeDark),je=()=>{!w&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"?y(!0):ce?.()};return t.jsxs(nt,{children:[t.jsx(ze,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:w,onClose:()=>y(!1),style:{backgroundColor:$e.drawerBackground},transitionDuration:250,children:t.jsx(Ye,{authParams:Y,filesEndPoint:X,updateStatus:d,onEditFileName:he,onDeleteFile:fe,updateFilesEntity:ge,companyOfficer:s,onClose:()=>y(!1),onCompanyOfficerUpdated:ye,onSendForVerificationClick:Ce})}),t.jsx(Re,{title:m.setupTitle,backgroundColor:g.colors.grey4,style:{zIndex:3},onBackClick:ie,showMenuIcon:!j&&!V&&(i==="medium-compact"||i==="small"),onClickMenuIcon:me,source:"ChargeCardSetupPage"}),t.jsxs(tt,{windowSize:i,children:[t.jsx(it,{windowSize:i,children:Fe}),Te?t.jsx(ot,{children:t.jsx(Le,{size:"ExtraLarge",start:!0})}):t.jsx(We,{...F,children:t.jsx("form",{id:J(H),onSubmit:ke,children:t.jsxs(at,{windowSize:i,children:[t.jsx(Ke,{onClick:je,title:U.businessVerificationTitle,subTitle:U.businessVerificationSubTitle,header:U.businessVerificationHeader,icon:{element:t.jsx(Me,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:W},status:_?.businessVerificationStatus,isLoading:Se,isActiveWhileLoading:!0}),E?null:t.jsx(Qe,{connectedAccountProvider:Q,primaryFundingAccount:l,allFundingAccounts:$,plaidConnectionDetails:Pe,allBankAccounts:we,sectionId:h,isDisabled:x,onFetchLinkTokenClick:ne,onEstablishConnectionClick:ue,onUpdatePaymentAccountStatus:se,onUpdatePaymentAccountLoginStatus:le,sectionTitle:m.setupAccountSectionTitle,onEstablishConnectionSuccess:pe,icon:{element:t.jsx(qe,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:W},analytics:T,productType:"charge_cards",isAccountsEnabled:Z,onSignUpClick:be,pageName:m.pageName,accountsPromoConfig:te,accountSelectContainerStyle:f?{marginBottom:"20px"}:{},bottomComponent:f&&t.jsx(Xe,{label:{label:K.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:g.colors.primary,...Ne.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:B.sp4,marginTop:B.sp1,alignItems:i==="small"?"flex-start":"center"},checkBoxField:{name:q(h,"enableAutoPay"),checkBoxValue:q(h,"enableAutoPay"),defaultChecked:z?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(i)}}})})]})})})]}),D?t.jsx(He,{formId:J(H),primaryBtn:{label:m.enableAccounts,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:d.fetchState==="In-Progress"||xe.fetchState==="In-Progress",isDisabled:x!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${B.sp3}`}}):null,t.jsx(Je,{isFooterRendered:D,meetingUrl:v,analytics:T,productType:"charge_cards"})]})},G=e=>{const{allBankAccounts:x,allFundingAccounts:v,primaryFundingAccount:f}=e;return{[h]:{fundingAccount:{selectedOption:f?.id,allOptions:v.map(o=>({label:o.label,value:o.id,isRecommended:o.accType==="depositAccount"}))},account:{selectedOption:f?.zeniAccountId,allOptions:x.map(o=>({label:o.accountName,value:o.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},J=e=>`${e}_form`,tt=S.div`
   display: flex;
   justify-content: flex-start;
   height: 100%;

package/dist/assets/{ChargeCardStatementsPage-9q007HWr-CXcIqocN.js → ChargeCardStatementsPage-CXhcA95f-C45_cho2.js}

@@ -1,4 +1,4 @@
-import{u as F,X as T,j as t,aV as W,M as R,o as h,C as g,q as B,an as O,d2 as V,g$ as q,Y as J,c as K,n as s,bp as U}from"./index-B6_cg6uw.js";import{n as i,b as X}from"./vendor-CnQcJ2Lu.js";import{$ as _,g as G}from"./BoxItem-eTxUGnXc-CUU2vRQc.js";import{w as H}from"./downloadPdf-D-MBiFpt-D1ZI2KxD.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./commonDimensions-BKJwd7tr-DDhhtVWn.js";const z=R.getLocalizedStrings().months,A={downloadButtonSize:new g(s[4],20)},Q=i.div`
+import{u as F,X as T,j as t,aV as W,M as R,o as h,C as g,s as B,an as O,d2 as V,g$ as J,Y as q,c as K,m as s,bp as U}from"./index-CWmqNC4C.js";import{n as i,b as X}from"./vendor-CnQcJ2Lu.js";import{$ as _,g as G}from"./BoxItem-CIBzy4ZV-BGT6YXil.js";import{w as H}from"./downloadPdf-DjM3Z_88-B-Yuc7DP.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./commonDimensions-BHBDbLXD-D2tFRShv.js";const z=R.getLocalizedStrings().months,A={downloadButtonSize:new g(s[4],20)},Q=i.div`
   display: flex;
   padding: ${h.sp3} ${h.sp4};
   flex-direction: row;
@@ -27,7 +27,7 @@ import{u as F,X as T,j as t,aV as W,M as R,o as h,C as g,q as B,an as O,d2 as V,
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`;function ie({currentTenantCompanyName:e,data:r,index:n,controllerEmails:l,isDebitCardFeatureEnabled:a,isDebitCardSetupEnabled:o,chargeCardCashbackDetailState:d,depositAccountListWithDebitCardIssued:x,debitCardSummary:C,productInformation:S,creditAccountInformation:y,debitAccountInformation:$,cashbackInformation:f,creditAccountRepayment:P,authParams:j,downloadEndPoint:k,boxType:I}){const b=V().analytics,[v,E]=X.useState(!1),c=T(),Y=z[r.monthYearPeriod.month-1],u=`${e}-Credit-Card-Monthly-Statement-${z[r.monthYearPeriod.month-1]}-${r.monthYearPeriod.year}.pdf`,m={period:`${r.monthYearPeriod.year}-${q(r.monthYearPeriod.month)}`,format:"pdf"},p=t.jsx(Q,{children:t.jsxs(Z,{children:[t.jsx(ee,{children:Y}),t.jsx(te,{"data-testid":J("download-card-statement"),onClick:()=>{d.fetchState==="Completed"&&P.fetchState==="Completed"&&(!(a&&o)||x.fetchState==="Completed"&&C?.fetchState==="Completed")&&f!=null&&b.trackCardsDownloadClick(l,S,f,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:u,fileMonthYear:`${z[r.monthYearPeriod.month-1]} ${r.monthYearPeriod.year}`},"Credit Card Statements",n+1,y,$),H(`${k}/statements?query=${encodeURIComponent(JSON.stringify(m))}`,u,j,E)},children:v?t.jsx(K,{size:"Small",start:!0}):t.jsx(ae,{windowSize:c})})]})});return t.jsx(G,{content:p,boxType:I,isDisabled:!1,isNotClickable:!0})}const M=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])},Pe=({currentTenantCompanyName:e,authParams:r,controllerEmails:n,productInformation:l,cashbackInformation:a,creditAccountInformation:o,debitAccountInformation:d,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:S,isChargeCardSetupEnabled:y,chargeCardCashbackDetailState:$,depositAccountListWithDebitCardIssued:f,creditAccountRepayment:P,debitCardSummary:j,creditAccount:k,downloadEndPoint:I,statementListView:b,onBackClick:v})=>{const E=F(),c=T(),{sortedYear:Y,monthsByYearWithSortedMonth:u}=me(b.statements);return t.jsxs(se,{children:[t.jsx(W,{title:M.title,backgroundColor:E.colors.grey4,style:{zIndex:3},onBackClick:v,source:"ChargeCardStatementsPage"}),t.jsx(ce,{windowSize:c,children:b.statements.length===0?t.jsx(L,{children:t.jsx(de,{children:t.jsx(N,{windowSize:c,children:t.jsx(le,{children:M.noStatements})})})}):t.jsx(re,{children:Y.map(m=>t.jsxs(ne,{children:[t.jsx(oe,{windowSize:c,children:m}),t.jsx(L,{children:u[m].map((p,D)=>t.jsx(N,{windowSize:c,children:t.jsx(ie,{productInformation:l,creditAccountInformation:o,debitAccountInformation:d,cashbackInformation:a,creditAccountRepayment:P,depositAccountListWithDebitCardIssued:f,debitCardSummary:j,controllerEmails:n,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:S,isChargeCardSetupEnabled:y,chargeCardCashbackDetailState:$,creditAccount:k,currentTenantCompanyName:e,index:D,data:p,authParams:r,downloadEndPoint:I,boxType:_(D,u[m].length)},p.id)},p.id))})]},m))})})]})},re=i.div``,ne=i.div`
+`;function ie({currentTenantCompanyName:e,data:r,index:n,controllerEmails:l,isDebitCardFeatureEnabled:a,isDebitCardSetupEnabled:o,chargeCardCashbackDetailState:d,depositAccountListWithDebitCardIssued:x,debitCardSummary:C,productInformation:S,creditAccountInformation:y,debitAccountInformation:$,cashbackInformation:f,creditAccountRepayment:P,authParams:j,downloadEndPoint:k,boxType:I}){const b=V().analytics,[v,E]=X.useState(!1),c=T(),Y=z[r.monthYearPeriod.month-1],u=`${e}-Credit-Card-Monthly-Statement-${z[r.monthYearPeriod.month-1]}-${r.monthYearPeriod.year}.pdf`,m={period:`${r.monthYearPeriod.year}-${J(r.monthYearPeriod.month)}`,format:"pdf"},p=t.jsx(Q,{children:t.jsxs(Z,{children:[t.jsx(ee,{children:Y}),t.jsx(te,{"data-testid":q("download-card-statement"),onClick:()=>{d.fetchState==="Completed"&&P.fetchState==="Completed"&&(!(a&&o)||x.fetchState==="Completed"&&C?.fetchState==="Completed")&&f!=null&&b.trackCardsDownloadClick(l,S,f,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:u,fileMonthYear:`${z[r.monthYearPeriod.month-1]} ${r.monthYearPeriod.year}`},"Credit Card Statements",n+1,y,$),H(`${k}/statements?query=${encodeURIComponent(JSON.stringify(m))}`,u,j,E)},children:v?t.jsx(K,{size:"Small",start:!0}):t.jsx(ae,{windowSize:c})})]})});return t.jsx(G,{content:p,boxType:I,isDisabled:!1,isNotClickable:!0})}const M=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])},Pe=({currentTenantCompanyName:e,authParams:r,controllerEmails:n,productInformation:l,cashbackInformation:a,creditAccountInformation:o,debitAccountInformation:d,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:S,isChargeCardSetupEnabled:y,chargeCardCashbackDetailState:$,depositAccountListWithDebitCardIssued:f,creditAccountRepayment:P,debitCardSummary:j,creditAccount:k,downloadEndPoint:I,statementListView:b,onBackClick:v})=>{const E=F(),c=T(),{sortedYear:Y,monthsByYearWithSortedMonth:u}=me(b.statements);return t.jsxs(se,{children:[t.jsx(W,{title:M.title,backgroundColor:E.colors.grey4,style:{zIndex:3},onBackClick:v,source:"ChargeCardStatementsPage"}),t.jsx(ce,{windowSize:c,children:b.statements.length===0?t.jsx(L,{children:t.jsx(de,{children:t.jsx(N,{windowSize:c,children:t.jsx(le,{children:M.noStatements})})})}):t.jsx(re,{children:Y.map(m=>t.jsxs(ne,{children:[t.jsx(oe,{windowSize:c,children:m}),t.jsx(L,{children:u[m].map((p,D)=>t.jsx(N,{windowSize:c,children:t.jsx(ie,{productInformation:l,creditAccountInformation:o,debitAccountInformation:d,cashbackInformation:a,creditAccountRepayment:P,depositAccountListWithDebitCardIssued:f,debitCardSummary:j,controllerEmails:n,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:S,isChargeCardSetupEnabled:y,chargeCardCashbackDetailState:$,creditAccount:k,currentTenantCompanyName:e,index:D,data:p,authParams:r,downloadEndPoint:I,boxType:_(D,u[m].length)},p.id)},p.id))})]},m))})})]})},re=i.div``,ne=i.div`
   margin-bottom: ${h.sp6};
 `,L=i.div``,oe=i(O)`
   margin-left: ${e=>w.titleMarginLeftRight.valuePx(e.windowSize)};

package/dist/assets/{ChargeCardUtils-CHHXg_Qi-Cx1TeQt_.js → ChargeCardUtils--ltNyvP2-TY5I7nE-.js}

@@ -1 +1 @@
-import{ff as D,M as S,dq as c,l as B}from"./index-B6_cg6uw.js";function U(e){const a=e.match(/\d+/g);if(!a||a.length!==3)return null;const r=parseInt(a[0]),d=parseInt(a[1]),t=parseInt(a[2]);return"#"+(1<<24|r<<16|d<<8|t).toString(16).slice(1)}const A=({signedInUserToken:e,showSecretInfo:a,setShowPhoneNumberPopup:r,onFireOnClickAnalytics:d,setShowSecretInfo:t})=>{(e==null||e.expiry.isBefore(B.dateNow()))&&a===!1?(r(!0),d("verify card details")):e?.token!=null&&a===!1?t(!0):e?.token!=null&&a===!0&&t(!1)},F=e=>e.includes("credit")?"credit":"debit",{dateFormat:s}=S.getLocalizedStrings(),L=({chargeCardDetailView:e,classListFetchState:a,analytics:r,isChargeCardFeatureEnabled:d,creditAccount:t,pageName:o,addToWalletType:i,creditAccountRepayment:l,isDebitCard:n,isChargeCardAdmin:m,cardIssuedByRoles:u,cardIssuedByDepartmentName:h,cardHolderRoles:C,cardHolderDepartmentName:g,controllerEmails:p,productInformation:y,creditAccountInformation:f,debitAccountInformation:I})=>{e.chargeCard!=null&&a==="Completed"&&(!d||t.fetchState==="Completed"&&l.fetchState==="Completed")&&(!(n&&m)||e.depositAccountLimitFetchState.fetchState==="Completed")&&r.trackCardsAddToWalletClick(p,y,{cardId:e.chargeCard.id,cardName:e.chargeCard.cardName,cardType:F(e.chargeCard.type.code),cardCategory:e.chargeCard.type.code.includes("physical")?"physical":"virtual",cardLimit:D(e.chargeCard.limit.amount),cardLastFourDigits:e.chargeCard.accountLast4,cardStatus:e.chargeCard.status.code,cardAssignedDate:e.chargeCard.createTime?.format(s.analytics.MMMDashDDDashYYYYFormat),cardIssuedDate:e.chargeCard.providerCardCreateTime?.format(s.analytics.MMMDashDDDashYYYYFormat),cardLimitFrequency:e.chargeCard.creditLimitFrequency.name},{cardIssuedByName:c(e.chargeCard.cardCreatedByUser,!1),cardIssuedByEmail:e.chargeCard.cardCreatedByUser?.email,cardIssuedByUserId:e.chargeCard.cardCreatedByUser?.userId,cardIssuedByRole:u,cardIssuedByDepartment:h},{cardholderName:c(e.chargeCard.cardHolderUser,!1),cardholderEmail:e.chargeCard.cardHolderUser?.email,cardholderRole:C,cardholderUserId:e.chargeCard.cardHolderUser?.userId,cardholderDepartment:g},o,i,f,I)},N=(e,a)=>{if(e<=0)return 0;const r=e-a;return Math.round(r/e*100)},Y=e=>e.limit.amount-e.available.amount,b="1.75";export{F,L as H,U as L,N as M,A as U,Y as _,b as v};
+import{ff as D,M as S,dq as c,l as B}from"./index-CWmqNC4C.js";function U(e){const a=e.match(/\d+/g);if(!a||a.length!==3)return null;const r=parseInt(a[0]),d=parseInt(a[1]),t=parseInt(a[2]);return"#"+(1<<24|r<<16|d<<8|t).toString(16).slice(1)}const A=({signedInUserToken:e,showSecretInfo:a,setShowPhoneNumberPopup:r,onFireOnClickAnalytics:d,setShowSecretInfo:t})=>{(e==null||e.expiry.isBefore(B.dateNow()))&&a===!1?(r(!0),d("verify card details")):e?.token!=null&&a===!1?t(!0):e?.token!=null&&a===!0&&t(!1)},F=e=>e.includes("credit")?"credit":"debit",{dateFormat:s}=S.getLocalizedStrings(),L=({chargeCardDetailView:e,classListFetchState:a,analytics:r,isChargeCardFeatureEnabled:d,creditAccount:t,pageName:o,addToWalletType:i,creditAccountRepayment:l,isDebitCard:n,isChargeCardAdmin:m,cardIssuedByRoles:u,cardIssuedByDepartmentName:h,cardHolderRoles:C,cardHolderDepartmentName:g,controllerEmails:p,productInformation:y,creditAccountInformation:f,debitAccountInformation:I})=>{e.chargeCard!=null&&a==="Completed"&&(!d||t.fetchState==="Completed"&&l.fetchState==="Completed")&&(!(n&&m)||e.depositAccountLimitFetchState.fetchState==="Completed")&&r.trackCardsAddToWalletClick(p,y,{cardId:e.chargeCard.id,cardName:e.chargeCard.cardName,cardType:F(e.chargeCard.type.code),cardCategory:e.chargeCard.type.code.includes("physical")?"physical":"virtual",cardLimit:D(e.chargeCard.limit.amount),cardLastFourDigits:e.chargeCard.accountLast4,cardStatus:e.chargeCard.status.code,cardAssignedDate:e.chargeCard.createTime?.format(s.analytics.MMMDashDDDashYYYYFormat),cardIssuedDate:e.chargeCard.providerCardCreateTime?.format(s.analytics.MMMDashDDDashYYYYFormat),cardLimitFrequency:e.chargeCard.creditLimitFrequency.name},{cardIssuedByName:c(e.chargeCard.cardCreatedByUser,!1),cardIssuedByEmail:e.chargeCard.cardCreatedByUser?.email,cardIssuedByUserId:e.chargeCard.cardCreatedByUser?.userId,cardIssuedByRole:u,cardIssuedByDepartment:h},{cardholderName:c(e.chargeCard.cardHolderUser,!1),cardholderEmail:e.chargeCard.cardHolderUser?.email,cardholderRole:C,cardholderUserId:e.chargeCard.cardHolderUser?.userId,cardholderDepartment:g},o,i,f,I)},N=(e,a)=>{if(e<=0)return 0;const r=e-a;return Math.round(r/e*100)},Y=e=>e.limit.amount-e.available.amount,b="1.75";export{F,L as H,U as L,N as M,A as U,Y as _,b as v};

package/dist/assets/{ChaseOverlay-Bc0GfIc6-_Os2ahEO.js → ChaseOverlay-CxEiwxZq-CYOJ8ZhP.js}

@@ -1,4 +1,4 @@
-import{X as H,fc as X,fd as Q,M as W,j as t,g as x,m as ee,K as N,Y as c,o as s,C as m,Z as te,q as ie,an as se,bB as oe,c$ as re,n as l,ao as A,ax as R,a6 as ne,fe as le,w as ae,cq as de,aP as ce}from"./index-B6_cg6uw.js";import{b as p,n as o}from"./vendor-CnQcJ2Lu.js";const u={width:new m(350,624,624),height:new m(600,730,730),paddingLeft:new m(l[4],l[8],l[8]),paddingRight:new m(l[4],l[7],l[7])};function De(e){const d=H(),[,_]=X(),{isMobileOrTabletScreen:g}=Q(),[j,k]=p.useState(!0),[y,S]=p.useState(!0),[z,C]=p.useState(!1),[T,M]=p.useState(!1),r=W.getLocalizedStrings().commonSetUp.chaseOverlay,q=r.title,K=r.description,V=()=>{window.open(r.chaseVideoUrl,"_blank")},L=[0,1,2,3],P=i=>i<L.length-1,B=(i,n)=>{_(i??""),n?k(!1):S(!1)},D=i=>{i?C(!0):M(!0)},U=i=>{i?C(!1):M(!1)};p.useEffect(()=>{j===!1&&setTimeout(()=>{k(!0)},2e3),y===!1&&setTimeout(()=>{S(!0)},2e3)},[j,y]);const Y=()=>{const i=r.step1;return t.jsxs($,{children:[t.jsx(Ce,{"data-testid":c("chase-overlay-signin-link"),href:r.chaseSigninUrl,target:"_blank",rel:"noreferrer noopener",children:i.text1}),i.text2,t.jsxs(a,{children:[" ",i.text3]}),i.text4,t.jsxs(a,{children:[" ",i.text5]}),i.text6]})},J=()=>{const i=r.step2;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",t.jsx(be,{}),i.text2]}),t.jsx(ke,{}),i.text3]})},Z=()=>{const i=r.step3,n=e.connectedAccountProvider==="stripe"?i.payeeIdStripe:i.payeeIdUnit;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",i.text2]}),i.text3,t.jsxs(Te,{children:[t.jsxs(f,{onClick:()=>B(n,!0),onMouseOver:()=>D(!0),onMouseLeave:()=>U(!0),"data-testid":c("copy-payee-id",n),children:[t.jsx(v,{}),i.payeeIdTitle,t.jsx(b,{children:n}),j?t.jsxs(h,{children:[t.jsx(I,{showCopyText:z&&!g,windowSize:d,children:t.jsx(O,{})}),t.jsx(w,{shouldDisplay:z&&!g,children:i.copy})]}):t.jsxs(h,{children:[t.jsx(E,{}),t.jsx(w,{children:i.copied})]})]}),t.jsxs(f,{onClick:()=>B(i.payeeName,!1),onMouseOver:()=>D(!1),onMouseLeave:()=>U(!1),"data-testid":c("copy-payee-name",i.payeeName),children:[t.jsx(v,{}),i.payeeNameTitle,t.jsx(b,{children:i.payeeName}),y?t.jsxs(h,{children:[t.jsx(I,{showCopyText:T&&!g,windowSize:d,children:t.jsx(O,{})}),t.jsx(w,{shouldDisplay:T&&!g,children:i.copy})]}):t.jsxs(h,{children:[t.jsx(E,{}),t.jsx(w,{children:i.copied})]})]}),t.jsxs(f,{children:[t.jsx(h,{children:t.jsx(v,{})}),t.jsxs(Me,{children:[i.amountLimitTitle,i.text4,t.jsx(b,{children:i.amountLimit}),i.text5]})]})]})]})},F=()=>{const i=r.step4;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",i.text2]}),i.text3,t.jsxs(a,{children:[" ",i.text4]})]})},G=i=>{switch(i){case 0:return t.jsx(Y,{});case 1:return t.jsx(J,{});case 2:return t.jsx(Z,{});default:return t.jsx(F,{})}};return t.jsx(pe,{windowSize:d,role:"presentation",style:{background:x.overlayDark,...e.style},children:t.jsx(ee,{onClickAway:()=>e.action.onBackClick?.(),children:t.jsxs(he,{windowSize:d,isEditPopup:!1,children:[t.jsxs(Le,{children:[t.jsx(xe,{children:q}),t.jsx(ge,{children:K}),t.jsx(je,{children:r.stepsTitle}),t.jsx(ue,{windowSize:d,children:L.map((i,n)=>t.jsxs(me,{children:[t.jsx(fe,{children:P(n)?n+1:t.jsx(Se,{})}),t.jsx(ve,{children:G(n)}),P(n)&&t.jsx(ye,{})]},`step_${n}`))})]}),t.jsx($e,{}),t.jsxs(we,{children:[t.jsx(N,{variant:"secondary",label:r.primaryButtonText,onClick:V,style:{width:134,whiteSpace:"nowrap"},"data-testid":c("chase-overlay-watch-video-button")}),t.jsx(ze,{}),t.jsx(N,{variant:e.proceedButtonVariant??"primary",label:r.secondaryButtonText,onClick:e.action.onBackClick,style:{width:134,whiteSpace:"nowrap"},"data-testid":c("chase-overlay-proceed-button")})]})]})})})}const pe=o.div`
+import{X as H,fc as X,fd as Q,M as W,j as t,g as x,f as ee,K as N,Y as c,o as s,C as m,Z as te,s as ie,an as se,bB as oe,c$ as re,m as l,ao as A,ax as R,a6 as ne,fe as le,v as ae,cq as de,aP as ce}from"./index-CWmqNC4C.js";import{b as p,n as o}from"./vendor-CnQcJ2Lu.js";const u={width:new m(350,624,624),height:new m(600,730,730),paddingLeft:new m(l[4],l[8],l[8]),paddingRight:new m(l[4],l[7],l[7])};function De(e){const d=H(),[,_]=X(),{isMobileOrTabletScreen:g}=Q(),[j,k]=p.useState(!0),[y,S]=p.useState(!0),[z,C]=p.useState(!1),[T,M]=p.useState(!1),r=W.getLocalizedStrings().commonSetUp.chaseOverlay,K=r.title,V=r.description,Y=()=>{window.open(r.chaseVideoUrl,"_blank")},L=[0,1,2,3],P=i=>i<L.length-1,B=(i,n)=>{_(i??""),n?k(!1):S(!1)},D=i=>{i?C(!0):M(!0)},U=i=>{i?C(!1):M(!1)};p.useEffect(()=>{j===!1&&setTimeout(()=>{k(!0)},2e3),y===!1&&setTimeout(()=>{S(!0)},2e3)},[j,y]);const q=()=>{const i=r.step1;return t.jsxs($,{children:[t.jsx(Ce,{"data-testid":c("chase-overlay-signin-link"),href:r.chaseSigninUrl,target:"_blank",rel:"noreferrer noopener",children:i.text1}),i.text2,t.jsxs(a,{children:[" ",i.text3]}),i.text4,t.jsxs(a,{children:[" ",i.text5]}),i.text6]})},J=()=>{const i=r.step2;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",t.jsx(be,{}),i.text2]}),t.jsx(ke,{}),i.text3]})},Z=()=>{const i=r.step3,n=e.connectedAccountProvider==="stripe"?i.payeeIdStripe:i.payeeIdUnit;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",i.text2]}),i.text3,t.jsxs(Te,{children:[t.jsxs(f,{onClick:()=>B(n,!0),onMouseOver:()=>D(!0),onMouseLeave:()=>U(!0),"data-testid":c("copy-payee-id",n),children:[t.jsx(v,{}),i.payeeIdTitle,t.jsx(b,{children:n}),j?t.jsxs(h,{children:[t.jsx(I,{showCopyText:z&&!g,windowSize:d,children:t.jsx(O,{})}),t.jsx(w,{shouldDisplay:z&&!g,children:i.copy})]}):t.jsxs(h,{children:[t.jsx(E,{}),t.jsx(w,{children:i.copied})]})]}),t.jsxs(f,{onClick:()=>B(i.payeeName,!1),onMouseOver:()=>D(!1),onMouseLeave:()=>U(!1),"data-testid":c("copy-payee-name",i.payeeName),children:[t.jsx(v,{}),i.payeeNameTitle,t.jsx(b,{children:i.payeeName}),y?t.jsxs(h,{children:[t.jsx(I,{showCopyText:T&&!g,windowSize:d,children:t.jsx(O,{})}),t.jsx(w,{shouldDisplay:T&&!g,children:i.copy})]}):t.jsxs(h,{children:[t.jsx(E,{}),t.jsx(w,{children:i.copied})]})]}),t.jsxs(f,{children:[t.jsx(h,{children:t.jsx(v,{})}),t.jsxs(Me,{children:[i.amountLimitTitle,i.text4,t.jsx(b,{children:i.amountLimit}),i.text5]})]})]})]})},F=()=>{const i=r.step4;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",i.text2]}),i.text3,t.jsxs(a,{children:[" ",i.text4]})]})},G=i=>{switch(i){case 0:return t.jsx(q,{});case 1:return t.jsx(J,{});case 2:return t.jsx(Z,{});default:return t.jsx(F,{})}};return t.jsx(pe,{windowSize:d,role:"presentation",style:{background:x.overlayDark,...e.style},children:t.jsx(ee,{onClickAway:()=>e.action.onBackClick?.(),children:t.jsxs(he,{windowSize:d,isEditPopup:!1,children:[t.jsxs(Le,{children:[t.jsx(xe,{children:K}),t.jsx(ge,{children:V}),t.jsx(je,{children:r.stepsTitle}),t.jsx(ue,{windowSize:d,children:L.map((i,n)=>t.jsxs(me,{children:[t.jsx(fe,{children:P(n)?n+1:t.jsx(Se,{})}),t.jsx(ve,{children:G(n)}),P(n)&&t.jsx(ye,{})]},`step_${n}`))})]}),t.jsx($e,{}),t.jsxs(we,{children:[t.jsx(N,{variant:"secondary",label:r.primaryButtonText,onClick:Y,style:{width:134,whiteSpace:"nowrap"},"data-testid":c("chase-overlay-watch-video-button")}),t.jsx(ze,{}),t.jsx(N,{variant:e.proceedButtonVariant??"primary",label:r.secondaryButtonText,onClick:e.action.onBackClick,style:{width:134,whiteSpace:"nowrap"},"data-testid":c("chase-overlay-proceed-button")})]})]})})})}const pe=o.div`
   position: fixed;
   top: 0;
   left: 0;

package/dist/assets/{CheckDepositDrawerPage-DBXKuV2a-D3U3JCee.js → CheckDepositDrawerPage-CmZbDsc3-C6Gzx2Ad.js}

@@ -1,4 +1,4 @@
-import{X as Q,j as t,Y as $,gZ as pe,M as ee,_ as M,K as Y,o,a3 as he,C as l,a2 as oe,k as ue,an as me,c0 as te,w as ge,q as F,a1 as xe,a as fe,c3 as ke,g as w,F as De,fD as $e,c6 as we,eN as G,cd as J,n as s,cW as be,bH as ye,bm as je,cz as Pe,f7 as Se,f as q,f9 as Le}from"./index-B6_cg6uw.js";import{b as k,n as a}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const ve="checkDepositDetailPage",g="checkDepositDetails",Fe="amount",Ce="depositTo",Te="source",ie="fileIds",R="selectDocument",E=e=>{const p=[];return e.checkFront!=null&&p.push(e.checkFront.fileId),e.checkBack!=null&&p.push(e.checkBack.fileId),{[g]:{[Fe]:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,[Te]:e.checkDepositLocalData.source,[Ce]:{allOptions:e.depositAccounts.depositAccounts.map(x=>({label:x.accountName,value:x.id})),selectedOption:e.checkDepositLocalData.depositTo?.id},[ie]:p,[R]:{front:e.checkFront,back:e.checkBack}}}},D=(e,p)=>`${e}.${p}`,ze=e=>`${e}_form`,u={largeLabelWidth:new l(160,160,160),rowContentPaddingLeft:new l(s[3],s[4]),checkPicRowContentPaddingXAxis:new l(s[3],s[4]),labeleMarginLeft:new l(s[0],s[0]),labeleMarginBottom:new l(s[2],s[0]),labelMarginRight:new l(s[3],s[3]),labeledFieldPaddingLeft:new l(s[3],s[0]),labeledFieldPaddingRight:new l(s[3],s[2]),labeledFieldPaddingTop:new l(s[3],s[3]),labeledFieldPaddingBottom:new l(s[3],s[2]),infoLabelPaddingRight:new l(s[0],s[3]),infoLabelMarginTop:new l(s[1],s[0])},{spendManagement:Be,common:V}=ee.getLocalizedStrings(),c=Be.zeniAccounts.zeniAccountList,Ae=V.documents;function Ie({checkDeposit:e,analytics:p,filesEndPoint:x,openPopup:b,authParams:y,onSaveChangesToLocalStore:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:S,onCheckDpositClick:T}){const r=Q(),n=e.fetchState,L=xe(n),[v,X]=k.useState(!1),[se,z]=k.useState(!1),B=u.largeLabelWidth.value(r),f=fe({mode:"all",reValidateMode:"onBlur",defaultValues:E(e),values:E(e)}),{isValid:re}=f.formState,K=i=>{const d={amount:{amount:i[g].amount??0,currencyCode:V.currency.currencyCode,currencySymbol:V.currency.currencySymbol},source:i[g].source,depositTo:e.depositAccounts.depositAccounts.find(h=>h.id===i[g].depositTo.selectedOption),fileIds:i[g][ie]};C(d)},ce=async(i,d)=>{if(i!=null){if(i.includes("source")||i.includes("amount"))return;const h=Object.assign({},d);K(h)}};k.useEffect(()=>{const i=f.watch((d,{name:h})=>{h!=null&&d!=null&&ke(()=>ce(h,d))});return()=>{i.unsubscribe()}}),k.useEffect(()=>{L==="Completed"&&n==="Not-Started"&&f.reset(E(e))},[L,n,f,e]),k.useEffect(()=>{e.error!=null?z(!0):z(!1)},[e.error]);const le=f.handleSubmit(()=>{if(re){p.trackAccountsDepositCheckFormClicked("Deposit",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null);const i=f.getValues();K(i),T?.()}}),ne=(i,d)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(I=>I.id===i),A=e.depositAccounts.depositAccounts.findIndex(I=>I.id===i);return h?t.jsx(Ve,{color:Se(A),isSelectedValue:d}):null},de=(i,d)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(A=>A.id===i);return h?d===!0?t.jsx(Re,{children:h?.maskedAccountNumber}):t.jsxs(Me,{children:[t.jsx(W,{children:h?.maskedAccountNumber}),t.jsx(to,{}),t.jsx(W,{children:M("0,0[.]00",h?.accountBalance?.available)})]}):null};return t.jsxs(t.Fragment,{children:[se?t.jsx(Oe,{children:t.jsxs(qe,{children:[t.jsxs(Xe,{children:[t.jsx(Ye,{}),t.jsxs(Ge,{children:[t.jsx(Je,{children:e.error?.title}),t.jsx(We,{children:e.error?.message})]})]}),t.jsx(Ke,{children:t.jsx(ro,{"data-testid":$("check-deposit-form-close"),onClick:()=>{p.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),z(!1)},style:{width:o.sp3,height:o.sp3,color:w.heroLight}})})]})}):null,t.jsx(Ze,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),t.jsx(De,{...f,children:t.jsx("form",{id:ze(ve),onSubmit:le,children:t.jsxs(He,{children:[t.jsx($e,{showAdditionalInfoLabel:!1,label:{label:c.checkDepositDrawer.amountLabel,width:B},formattedTextField:{type:"number",name:D(g,"amount"),defaultValue:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,placeholder:c.checkDepositDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:i=>!!i&&i>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto"}}),t.jsx(N,{}),t.jsx(we,{label:{label:c.checkDepositDrawer.sourceLabel,width:B},style:{width:"100%"},text:{type:"text",name:D(g,"source"),defaultValue:e.checkDepositLocalData.source,placeholder:c.checkDepositDrawer.sourcePlaceholder,options:{required:!0,validate:i=>i!=null}}}),t.jsx(N,{}),t.jsx(ae,{size:r,children:t.jsx(eo,{size:r,children:t.jsx(_e,{label:{label:c.checkDepositDrawer.depositToLabel,width:B,style:{marginLeft:u.labeleMarginLeft.valuePx(r),marginBottom:u.labeleMarginBottom.valuePx(r),marginRight:u.labelMarginRight.valuePx(r)}},style:{paddingTop:u.labeledFieldPaddingTop.valuePx(r),paddingBottom:u.labeledFieldPaddingBottom.valuePx(r),paddingLeft:u.labeledFieldPaddingLeft.valuePx(r),paddingRight:u.labeledFieldPaddingRight.valuePx(r),border:"none",width:"100%",outline:"none",padding:0,display:r==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:r==="small"?"left":"right",paddingRight:u.infoLabelPaddingRight.valuePx(r),marginTop:u.infoLabelMarginTop.valuePx(r)},singleSelectPickerField:{valueToLogo:(i,d)=>ne(i,d),valueToSubLabels:(i,d)=>de(i,d),name:D(g,"depositTo"),placeholder:c.checkDepositDrawer.depositToPlaceholder,style:{position:"relative"},defaultValue:{selectedOption:e.checkDepositLocalData.depositTo?.id,allOptions:e.depositAccounts.depositAccounts.map(i=>({label:i.accountName,value:i.id}))},textAlignment:"right",registerOptions:{required:!0,validate:i=>!!(i!=null&&i.selectedOption)}}})})}),t.jsx(N,{}),t.jsxs(Ue,{size:r,children:[t.jsxs(Qe,{size:r,children:[t.jsx(Ee,{children:c.checkDepositDrawer.checkPicLabel}),t.jsx(Z,{isLast:!1,children:c.checkDepositDrawer.frontSide}),t.jsx(G,{name:`${D(g,R)}.front`,registerOptions:{required:!0},file:e.checkFront,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:x,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:J,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"front"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>X(i),onEditFileName:S,openPopup:b,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.frontSideError,useMobileCam:!0,compressImage:!0}),t.jsx(Z,{isLast:!0,children:c.checkDepositDrawer.backSide}),t.jsx(G,{name:`${D(g,R)}.back`,registerOptions:{required:!0},file:e.checkBack,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:x,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:J,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"back"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>X(i),onEditFileName:S,openPopup:b,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.backSideError,useMobileCam:!0,compressImage:!0}),t.jsx(io,{children:c.checkDepositDrawer.picGuides.map(i=>t.jsxs(ao,{children:[t.jsx(oo,{}),t.jsx(Ne,{children:i})]},i))})]}),t.jsx(so,{windowSize:r,children:Ae.formatJPGText10MB})]})]})})})]})}const Ee=a(F)`
+import{X as Q,j as t,Y as $,gZ as pe,M as ee,_ as M,K as Y,o,a3 as he,C as l,a2 as oe,k as ue,an as me,c0 as te,v as ge,s as F,a1 as xe,a as ke,c3 as fe,g as w,F as De,fD as $e,c6 as we,eN as G,cd as J,m as s,cW as be,bH as ye,bm as je,cz as Pe,f7 as Se,e as q,f9 as Le}from"./index-CWmqNC4C.js";import{b as f,n as a}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const ve="checkDepositDetailPage",g="checkDepositDetails",Fe="amount",Ce="depositTo",Te="source",ie="fileIds",R="selectDocument",E=e=>{const p=[];return e.checkFront!=null&&p.push(e.checkFront.fileId),e.checkBack!=null&&p.push(e.checkBack.fileId),{[g]:{[Fe]:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,[Te]:e.checkDepositLocalData.source,[Ce]:{allOptions:e.depositAccounts.depositAccounts.map(x=>({label:x.accountName,value:x.id})),selectedOption:e.checkDepositLocalData.depositTo?.id},[ie]:p,[R]:{front:e.checkFront,back:e.checkBack}}}},D=(e,p)=>`${e}.${p}`,ze=e=>`${e}_form`,u={largeLabelWidth:new l(160,160,160),rowContentPaddingLeft:new l(s[3],s[4]),checkPicRowContentPaddingXAxis:new l(s[3],s[4]),labeleMarginLeft:new l(s[0],s[0]),labeleMarginBottom:new l(s[2],s[0]),labelMarginRight:new l(s[3],s[3]),labeledFieldPaddingLeft:new l(s[3],s[0]),labeledFieldPaddingRight:new l(s[3],s[2]),labeledFieldPaddingTop:new l(s[3],s[3]),labeledFieldPaddingBottom:new l(s[3],s[2]),infoLabelPaddingRight:new l(s[0],s[3]),infoLabelMarginTop:new l(s[1],s[0])},{spendManagement:Be,common:V}=ee.getLocalizedStrings(),c=Be.zeniAccounts.zeniAccountList,Ae=V.documents;function Ie({checkDeposit:e,analytics:p,filesEndPoint:x,openPopup:b,authParams:y,onSaveChangesToLocalStore:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:S,onCheckDpositClick:T}){const r=Q(),n=e.fetchState,L=xe(n),[v,X]=f.useState(!1),[se,z]=f.useState(!1),B=u.largeLabelWidth.value(r),k=ke({mode:"all",reValidateMode:"onBlur",defaultValues:E(e),values:E(e)}),{isValid:re}=k.formState,K=i=>{const d={amount:{amount:i[g].amount??0,currencyCode:V.currency.currencyCode,currencySymbol:V.currency.currencySymbol},source:i[g].source,depositTo:e.depositAccounts.depositAccounts.find(h=>h.id===i[g].depositTo.selectedOption),fileIds:i[g][ie]};C(d)},ce=async(i,d)=>{if(i!=null){if(i.includes("source")||i.includes("amount"))return;const h=Object.assign({},d);K(h)}};f.useEffect(()=>{const i=k.watch((d,{name:h})=>{h!=null&&d!=null&&fe(()=>ce(h,d))});return()=>{i.unsubscribe()}}),f.useEffect(()=>{L==="Completed"&&n==="Not-Started"&&k.reset(E(e))},[L,n,k,e]),f.useEffect(()=>{e.error!=null?z(!0):z(!1)},[e.error]);const le=k.handleSubmit(()=>{if(re){p.trackAccountsDepositCheckFormClicked("Deposit",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null);const i=k.getValues();K(i),T?.()}}),ne=(i,d)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(I=>I.id===i),A=e.depositAccounts.depositAccounts.findIndex(I=>I.id===i);return h?t.jsx(Ve,{color:Se(A),isSelectedValue:d}):null},de=(i,d)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(A=>A.id===i);return h?d===!0?t.jsx(Re,{children:h?.maskedAccountNumber}):t.jsxs(Me,{children:[t.jsx(W,{children:h?.maskedAccountNumber}),t.jsx(to,{}),t.jsx(W,{children:M("0,0[.]00",h?.accountBalance?.available)})]}):null};return t.jsxs(t.Fragment,{children:[se?t.jsx(Oe,{children:t.jsxs(qe,{children:[t.jsxs(Xe,{children:[t.jsx(Ye,{}),t.jsxs(Ge,{children:[t.jsx(Je,{children:e.error?.title}),t.jsx(We,{children:e.error?.message})]})]}),t.jsx(Ke,{children:t.jsx(ro,{"data-testid":$("check-deposit-form-close"),onClick:()=>{p.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),z(!1)},style:{width:o.sp3,height:o.sp3,color:w.heroLight}})})]})}):null,t.jsx(Ze,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),t.jsx(De,{...k,children:t.jsx("form",{id:ze(ve),onSubmit:le,children:t.jsxs(He,{children:[t.jsx($e,{showAdditionalInfoLabel:!1,label:{label:c.checkDepositDrawer.amountLabel,width:B},formattedTextField:{type:"number",name:D(g,"amount"),defaultValue:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,placeholder:c.checkDepositDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:i=>!!i&&i>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto"}}),t.jsx(N,{}),t.jsx(we,{label:{label:c.checkDepositDrawer.sourceLabel,width:B},style:{width:"100%"},text:{type:"text",name:D(g,"source"),defaultValue:e.checkDepositLocalData.source,placeholder:c.checkDepositDrawer.sourcePlaceholder,options:{required:!0,validate:i=>i!=null}}}),t.jsx(N,{}),t.jsx(ae,{size:r,children:t.jsx(eo,{size:r,children:t.jsx(_e,{label:{label:c.checkDepositDrawer.depositToLabel,width:B,style:{marginLeft:u.labeleMarginLeft.valuePx(r),marginBottom:u.labeleMarginBottom.valuePx(r),marginRight:u.labelMarginRight.valuePx(r)}},style:{paddingTop:u.labeledFieldPaddingTop.valuePx(r),paddingBottom:u.labeledFieldPaddingBottom.valuePx(r),paddingLeft:u.labeledFieldPaddingLeft.valuePx(r),paddingRight:u.labeledFieldPaddingRight.valuePx(r),border:"none",width:"100%",outline:"none",padding:0,display:r==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:r==="small"?"left":"right",paddingRight:u.infoLabelPaddingRight.valuePx(r),marginTop:u.infoLabelMarginTop.valuePx(r)},singleSelectPickerField:{valueToLogo:(i,d)=>ne(i,d),valueToSubLabels:(i,d)=>de(i,d),name:D(g,"depositTo"),placeholder:c.checkDepositDrawer.depositToPlaceholder,style:{position:"relative"},defaultValue:{selectedOption:e.checkDepositLocalData.depositTo?.id,allOptions:e.depositAccounts.depositAccounts.map(i=>({label:i.accountName,value:i.id}))},textAlignment:"right",registerOptions:{required:!0,validate:i=>!!(i!=null&&i.selectedOption)}}})})}),t.jsx(N,{}),t.jsxs(Ue,{size:r,children:[t.jsxs(Qe,{size:r,children:[t.jsx(Ee,{children:c.checkDepositDrawer.checkPicLabel}),t.jsx(Z,{isLast:!1,children:c.checkDepositDrawer.frontSide}),t.jsx(G,{name:`${D(g,R)}.front`,registerOptions:{required:!0},file:e.checkFront,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:x,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:J,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"front"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>X(i),onEditFileName:S,openPopup:b,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.frontSideError,useMobileCam:!0,compressImage:!0}),t.jsx(Z,{isLast:!0,children:c.checkDepositDrawer.backSide}),t.jsx(G,{name:`${D(g,R)}.back`,registerOptions:{required:!0},file:e.checkBack,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:x,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:J,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"back"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>X(i),onEditFileName:S,openPopup:b,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.backSideError,useMobileCam:!0,compressImage:!0}),t.jsx(io,{children:c.checkDepositDrawer.picGuides.map(i=>t.jsxs(ao,{children:[t.jsx(oo,{}),t.jsx(Ne,{children:i})]},i))})]}),t.jsx(so,{windowSize:r,children:Ae.formatJPGText10MB})]})]})})})]})}const Ee=a(F)`
   color: ${e=>e.theme.colors.hero};
 `,Ne=a(F)`
   color: ${e=>e.theme.colors.hero};
@@ -145,7 +145,7 @@ import{X as Q,j as t,Y as $,gZ as pe,M as ee,_ as M,K as Y,o,a3 as he,C as l,a2
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,co="checkDepositDetailPage",lo={NavBarContainerPaddingYAxis:new l(10,s[3])},no=e=>`${e}_form`,O={containerPaddingLeft:new l(s[3],s[6],s[8]),containerPaddingRight:new l(s[3],s[6],s[8]),successContentMargin:new l(s[3],s[12])},{spendManagement:po}=ee.getLocalizedStrings(),m=po.zeniAccounts.zeniAccountList,Co=({checkDeposit:e,analytics:p,filesEndPoint:x,authParams:b,onSaveChangesToLocalStore:y,onAnotherTransferClick:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:S,onCheckDpositClick:T,onDismissClick:r})=>{const n=Q(),[L,v]=k.useState(!1);return t.jsx(go,{windowSize:n,children:e.fetchState==="Completed"?t.jsxs(_,{windowSize:n,children:[t.jsx(H,{windowSize:n,children:t.jsx(U,{"data-testid":$("check-deposit-drawer-close"),onClick:()=>{p.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}})}),t.jsxs(ko,{windowSize:n,children:[t.jsx(pe,{width:150,height:150,shouldDisplay:!0,animationInLoop:!0}),t.jsxs(xo,{children:[m.checkDepositDrawer.transferSuccessMsgPrefix,t.jsx(mo,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),m.checkDepositDrawer.transferSuccessMsgSuffix]}),t.jsxs(fo,{children:[t.jsx(Y,{variant:"secondary",label:m.checkDepositDrawer.makeAnotherTransferBtn,onClick:C,"data-testid":$("check-deposit-drawer-another-transfer")}),t.jsx(Y,{variant:"primary",label:m.checkDepositDrawer.goToAccountBtn,onClick:r,style:{marginLeft:n==="small"?o.sp3:o.sp5},"data-testid":$("check-deposit-drawer-go-to-account")})]})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(_,{windowSize:n,children:[t.jsx(H,{windowSize:n,children:t.jsx(U,{"data-testid":$("check-deposit-drawer-close"),onClick:()=>{p.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}})}),n==="small"?t.jsx(Do,{windowSize:n,children:m.checkDepositDrawer.title}):t.jsx($o,{children:m.checkDepositDrawer.title}),n==="small"?t.jsx(uo,{children:m.checkDepositDrawer.subTitle}):t.jsx(ho,{children:m.checkDepositDrawer.subTitle}),t.jsx(Ie,{analytics:p,authParams:b,checkDeposit:e,filesEndPoint:x,onSaveChangesToLocalStore:y,openPopup:v,onCheckDpositClick:T,onDeleteFile:P,onEditFileName:S,updateFilesEntity:j})]}),t.jsx(he,{formId:no(co),helperText:m.checkDepositDrawer.footNote,helperStyle:{paddingTop:o.sp0,paddingBottom:o.sp0},style:{zIndex:L?0:4,paddingTop:o.sp3,paddingBottom:o.sp3},primaryBtn:{label:m.checkDepositDrawer.depositBtn,isLoading:e.fetchState==="In-Progress"},cancelBtn:{label:m.checkDepositDrawer.cancelBtn,onClick:()=>{p.trackAccountsDepositCheckFormClicked("Cancel",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}}})]})})},ho=a(F)`
+`,co="checkDepositDetailPage",lo={NavBarContainerPaddingYAxis:new l(10,s[3])},no=e=>`${e}_form`,O={containerPaddingLeft:new l(s[3],s[6],s[8]),containerPaddingRight:new l(s[3],s[6],s[8]),successContentMargin:new l(s[3],s[12])},{spendManagement:po}=ee.getLocalizedStrings(),m=po.zeniAccounts.zeniAccountList,Co=({checkDeposit:e,analytics:p,filesEndPoint:x,authParams:b,onSaveChangesToLocalStore:y,onAnotherTransferClick:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:S,onCheckDpositClick:T,onDismissClick:r})=>{const n=Q(),[L,v]=f.useState(!1);return t.jsx(go,{windowSize:n,children:e.fetchState==="Completed"?t.jsxs(_,{windowSize:n,children:[t.jsx(H,{windowSize:n,children:t.jsx(U,{"data-testid":$("check-deposit-drawer-close"),onClick:()=>{p.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}})}),t.jsxs(fo,{windowSize:n,children:[t.jsx(pe,{width:150,height:150,shouldDisplay:!0,animationInLoop:!0}),t.jsxs(xo,{children:[m.checkDepositDrawer.transferSuccessMsgPrefix,t.jsx(mo,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),m.checkDepositDrawer.transferSuccessMsgSuffix]}),t.jsxs(ko,{children:[t.jsx(Y,{variant:"secondary",label:m.checkDepositDrawer.makeAnotherTransferBtn,onClick:C,"data-testid":$("check-deposit-drawer-another-transfer")}),t.jsx(Y,{variant:"primary",label:m.checkDepositDrawer.goToAccountBtn,onClick:r,style:{marginLeft:n==="small"?o.sp3:o.sp5},"data-testid":$("check-deposit-drawer-go-to-account")})]})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(_,{windowSize:n,children:[t.jsx(H,{windowSize:n,children:t.jsx(U,{"data-testid":$("check-deposit-drawer-close"),onClick:()=>{p.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}})}),n==="small"?t.jsx(Do,{windowSize:n,children:m.checkDepositDrawer.title}):t.jsx($o,{children:m.checkDepositDrawer.title}),n==="small"?t.jsx(uo,{children:m.checkDepositDrawer.subTitle}):t.jsx(ho,{children:m.checkDepositDrawer.subTitle}),t.jsx(Ie,{analytics:p,authParams:b,checkDeposit:e,filesEndPoint:x,onSaveChangesToLocalStore:y,openPopup:v,onCheckDpositClick:T,onDeleteFile:P,onEditFileName:S,updateFilesEntity:j})]}),t.jsx(he,{formId:no(co),helperText:m.checkDepositDrawer.footNote,helperStyle:{paddingTop:o.sp0,paddingBottom:o.sp0},style:{zIndex:L?0:4,paddingTop:o.sp3,paddingBottom:o.sp3},primaryBtn:{label:m.checkDepositDrawer.depositBtn,isLoading:e.fetchState==="In-Progress"},cancelBtn:{label:m.checkDepositDrawer.cancelBtn,onClick:()=>{p.trackAccountsDepositCheckFormClicked("Cancel",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}}})]})})},ho=a(F)`
   color: ${e=>e.theme.colors.hero};
 `,uo=a(ge)`
   color: ${e=>e.theme.colors.hero};
@@ -165,11 +165,11 @@ import{X as Q,j as t,Y as $,gZ as pe,M as ee,_ as M,K as Y,o,a3 as he,C as l,a2
   height: ${e=>e.windowSize==="small"?"auto":"100%"};
   padding-left: ${e=>`${O.containerPaddingLeft.valuePx(e.windowSize)}`};
   padding-right: ${e=>`${O.containerPaddingRight.valuePx(e.windowSize)}`};
-`,fo=a.div`
+`,ko=a.div`
   display: flex;
   justify-content: center;
   margin-top: ${o.sp7};
-`,ko=a.div`
+`,fo=a.div`
   height: 80%;
   display: flex;
   flex-direction: column;