@zeniai/web-cockpit-ui 1.14.75-qa → 1.14.76-dev

package/dist/assets/{ChargeCardListPage-yj0mhqgF-Bv25BF2_.js → ChargeCardListPage-C4ITCZwO-C8GmtyMf.js}

@@ -1,4 +1,4 @@
-import{a9 as Xa,aP as N,ax as Ha,g5 as Qa,l as re,iZ as V,q as Fe,F as Ee,o as a,d as ea,j as t,bG as Ka,gj as er,fu as ie,b as R,c6 as ot,p,aN as me,aX as nt,aM as dt,y as W,ai as q,B as tr,M as ar,d9 as rr,au as ta,bQ as ir,a$ as ct,aS as or,an as lt,aa as nr,h1 as sr,dc as dr,ap as cr,ad as lr,gp as ur,n as zt,u as _,dr as aa,ar as hr,am as mr,a as pr,d8 as Cr,bA as gr,c8 as br}from"./index-BtlpidgV.js";import{b as c,n as r,i as ut,k as fr}from"./vendor-Bs1fkIUX.js";import{X as xr}from"./SpendManagementSection--vF9XUYO--4ea-x8g.js";import{D as oe,l as Sr,r as yr}from"./ChargeCardListTable-DM6dYuPz-Nmy4gJXY.js";import{ChargeCardPromoUserContent as wr}from"./ChargeCardPromoPage-DSoQsDJK-B4tTXnWg.js";import{N as kr,J as $r}from"./PromoBaseCards-8tkwl6GI-D8H5ISya.js";import{z as Nt,L as Ot,k as jr,P as Ir}from"./LockCardPage-DMB-6EyM-BsprVU84.js";import{r as vr,i as Lr}from"./graphic-no-data-net-burn-l-CzmycA0m-W-GGrHSF.js";import{t as Ar,o as Pr}from"./arrow-south-east-round-PEovUgvH-DnzbA_s-.js";import"./mui-Ty75qFQF.js";import"./analytics-BbBRZ6cw.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-CK1x27Ua.js";import"./Menu-DGwHJlS--B2gglYn5.js";import"./RoleWithToolTip-CqLSnFDx-Cq53LB-b.js";import"./CardNumberSubText-B1MkRWES-BjDnia-x.js";import"./NavigationDots-CyCjbpW--CcAb2ybd.js";import"./usp-line-BBd1wKwW-ZlUrfnG1.js";const ht={infoSubheadingTextMarginTop:new W(_[0],_[0]),cardsMinWidth:new W(343,353)},Pe=Ee.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,_t=({cardPromoType:e,cardText:l,header:h,title:d,subTitle:n,slidingTextList:m,onClick:F,status:k,statusMessage:U})=>{const B=Fe(),L=k!==void 0,G=k==="rejected"?Pe.status.requestRejected:k==="under_review"?Pe.status.requestUnderReview:"";return t.jsxs(Er,{windowSize:B,cardPromoType:e,"data-testid":dt("list-page-promo-card",e),onClick:()=>F(e),children:[t.jsxs(ra,{isStatusMode:L,children:[t.jsxs(oa,{children:[L?t.jsx(Rr,{children:G}):t.jsx(ia,{children:h}),t.jsx(Br,{children:d}),L?null:t.jsx(Or,{children:n})]}),!L&&t.jsxs(_r,{children:[t.jsx(Ur,{}),m.length>0&&t.jsx(st,{slideUpCount:m.length,children:m.map((ne,se)=>t.jsx(na,{children:ne},`card-promo-${se.toString()}`))}),t.jsx(Vr,{})]}),U!=null&&L?t.jsx(Dr,{status:k,children:U}):null]}),t.jsx(Wr,{isStatusMode:L,children:t.jsx(kr,{cardPromoType:e,cardText:l,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(Gr,{isStatusMode:L,children:t.jsx($r,{cardPromoType:e,cardText:l,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Ut=({cardType:e,header:l,title:h,creditLimit:d,onCreateNowClick:n})=>{const m=Fe();return t.jsx(Mr,{windowSize:m,cardType:e,children:t.jsxs(Tr,{children:[t.jsxs(oa,{children:[t.jsx(ia,{children:l}),t.jsx(Nr,{children:t.jsx(zr,{children:h})}),t.jsx(Yr,{windowSize:m,children:t.jsxs(qr,{windowSize:m,onClick:()=>n(e),"data-testid":dt("total-cashback-info"),children:[t.jsx(na,{children:Pe.createNow}),t.jsx(Jr,{})]})})]}),e==="creditCard"?t.jsxs(Zr,{children:[t.jsx(Xr,{children:Pe.creditLimit}),t.jsx(Hr,{children:d})]}):null]})})},Fr=e=>{const l=e-1;let h=`
+import{a9 as Xa,aP as N,ax as Ha,g5 as Qa,l as re,iZ as V,q as Fe,F as Ee,o as a,d as ea,j as t,bG as Ka,gj as er,fu as ie,b as R,c6 as ot,p,aN as me,aX as nt,aM as dt,y as W,ai as Y,B as tr,M as ar,d9 as rr,au as ta,bQ as ir,a$ as ct,aS as or,an as lt,aa as nr,h1 as sr,dc as dr,ap as cr,ad as lr,gp as ur,n as zt,u as _,dr as aa,ar as hr,am as mr,a as pr,d8 as Cr,bA as gr,c8 as br}from"./index-CN7UAWAg.js";import{b as c,n as r,i as ut,k as fr}from"./vendor-Bs1fkIUX.js";import{X as xr}from"./SpendManagementSection-4ctnlmiO-I2pWsNDv.js";import{D as oe,l as Sr,r as yr}from"./ChargeCardListTable-DEqAOIyN-nTkk33YA.js";import{ChargeCardPromoUserContent as wr}from"./ChargeCardPromoPage-CvPAVoti-Dig5Emby.js";import{N as kr,J as $r}from"./PromoBaseCards-CnQcR3Wn-B3iRHG7z.js";import{z as Nt,L as Ot,k as jr,P as Ir}from"./LockCardPage-Ui2RTfpb-B7R1Xixi.js";import{r as vr,i as Lr}from"./graphic-no-data-net-burn-l-CzmycA0m-W-GGrHSF.js";import{t as Ar,o as Pr}from"./arrow-south-east-round-PEovUgvH-DnzbA_s-.js";import"./mui-Ty75qFQF.js";import"./analytics-BbBRZ6cw.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-CK1x27Ua.js";import"./Menu-BsPZbkcv-dMEFFJAw.js";import"./RoleWithToolTip-Ckorto5Y-CV42dy1h.js";import"./CardNumberSubText-BudPffUB-BTvRfksc.js";import"./NavigationDots-yYEq4mai-Bct7I6H1.js";import"./usp-line-BBd1wKwW-ZlUrfnG1.js";const ht={infoSubheadingTextMarginTop:new W(_[0],_[0]),cardsMinWidth:new W(343,353)},Pe=Ee.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,_t=({cardPromoType:e,cardText:l,header:h,title:d,subTitle:n,slidingTextList:m,onClick:F,status:k,statusMessage:U})=>{const B=Fe(),L=k!==void 0,G=k==="rejected"?Pe.status.requestRejected:k==="under_review"?Pe.status.requestUnderReview:"";return t.jsxs(Er,{windowSize:B,cardPromoType:e,"data-testid":dt("list-page-promo-card",e),onClick:()=>F(e),children:[t.jsxs(ra,{isStatusMode:L,children:[t.jsxs(oa,{children:[L?t.jsx(Rr,{children:G}):t.jsx(ia,{children:h}),t.jsx(Br,{children:d}),L?null:t.jsx(Or,{children:n})]}),!L&&t.jsxs(_r,{children:[t.jsx(Ur,{}),m.length>0&&t.jsx(st,{slideUpCount:m.length,children:m.map((ne,se)=>t.jsx(na,{children:ne},`card-promo-${se.toString()}`))}),t.jsx(Vr,{})]}),U!=null&&L?t.jsx(Dr,{status:k,children:U}):null]}),t.jsx(Wr,{isStatusMode:L,children:t.jsx(kr,{cardPromoType:e,cardText:l,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(Gr,{isStatusMode:L,children:t.jsx($r,{cardPromoType:e,cardText:l,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Ut=({cardType:e,header:l,title:h,creditLimit:d,onCreateNowClick:n})=>{const m=Fe();return t.jsx(Mr,{windowSize:m,cardType:e,children:t.jsxs(Tr,{children:[t.jsxs(oa,{children:[t.jsx(ia,{children:l}),t.jsx(Nr,{children:t.jsx(zr,{children:h})}),t.jsx(qr,{windowSize:m,children:t.jsxs(Yr,{windowSize:m,onClick:()=>n(e),"data-testid":dt("total-cashback-info"),children:[t.jsx(na,{children:Pe.createNow}),t.jsx(Jr,{})]})})]}),e==="creditCard"?t.jsxs(Zr,{children:[t.jsx(Xr,{children:Pe.creditLimit}),t.jsx(Hr,{children:d})]}):null]})})},Fr=e=>{const l=e-1;let h=`
     0% {
       transform: translateY(0);
     }
@@ -76,7 +76,7 @@ import{a9 as Xa,aP as N,ax as Ha,g5 as Qa,l as re,iZ as V,q as Fe,F as Ee,o as a
 `,Rr=r(aa)`
   color: ${e=>e.theme.colors.brandColorGold};
   text-transform: uppercase;
-`,Dr=r(q)`
+`,Dr=r(Y)`
   color: ${p.neutralGrey5Light};
   max-width: ${e=>e.status==="rejected"?"188px":"200px"};
 `,Br=r(pr)`
@@ -87,7 +87,7 @@ import{a9 as Xa,aP as N,ax as Ha,g5 as Qa,l as re,iZ as V,q as Fe,F as Ee,o as a
 `,Nr=r.div`
   width: auto;
   text-align: left;
-`,Or=r(q)`
+`,Or=r(Y)`
   color: ${e=>e.theme.colors.brandColorJade};
 `,_r=r.div`
   display: flex;
@@ -95,7 +95,7 @@ import{a9 as Xa,aP as N,ax as Ha,g5 as Qa,l as re,iZ as V,q as Fe,F as Ee,o as a
   gap: ${a.sp2};
   height: 21px;
   overflow: hidden;
-`,st=r(q)`
+`,st=r(Y)`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -129,14 +129,14 @@ import{a9 as Xa,aP as N,ax as Ha,g5 as Qa,l as re,iZ as V,q as Fe,F as Ee,o as a
   position: absolute;
   top: ${e=>e.isStatusMode===!0?a.sp9:"37px"};
   right: -46px;
-`,na=r.div``,Yr=r.div`
+`,na=r.div``,qr=r.div`
   border: 1px solid ${p.neutralGrey5Light};
   border-radius: ${a.sp12};
   width: fit-content;
   justify-self: ${e=>e.windowSize==="small"?"flex-start":"flex-end"};
   margin-top: ${a.sp1};
   padding: ${a.sp0} ${a.sp2};
-`,qr=r(lt)`
+`,Yr=r(lt)`
   color: ${p.neutralGrey5Light};
   margin-top: ${e=>ht.infoSubheadingTextMarginTop.valuePx(e.windowSize)};
   gap: ${a.sp1};
@@ -155,7 +155,7 @@ import{a9 as Xa,aP as N,ax as Ha,g5 as Qa,l as re,iZ as V,q as Fe,F as Ee,o as a
   color: ${p.neutralGrey5Light};
 `,Hr=r(mr)`
   color: ${p.neutralGrey5Light};
-`,he="spendLimit",Y=Ee.getLocalizedStrings().spendManagement.chargeCard.updateSpendLimitPopup;function Qr({currentSpentAmount:e,hasCreditCard:l,hasDebitCard:h,maxLimitAmountForCreditCard:d,maxLimitAmountForDebitCard:n,isDisabled:m,updateLimitFetchState:F,onCancelClick:k,onSubmitClick:U}){const B=Fe(),L="SpendLimitForm",G=nr({mode:"onBlur",reValidateMode:"onBlur",defaultValues:{[he]:void 0}}),{control:ne,formState:{errors:se}}=G,[Me,Te]=c.useState(void 0),x=sr({control:ne,name:he}),Re=()=>{k()},De=G.handleSubmit(()=>{const y=G.getValues(he);y!=null&&U(y)}),S=dr(se,he),$=Ee.getLocalizedStrings().common,E=Ae.largeLabelWidth.value(B);return c.useEffect(()=>{Te(Kr(e,l,h,d,n,x))},[x,e,d,n,l,h]),t.jsx(ei,{windowSize:B,role:"presentation",children:t.jsx(cr,{onClickAway:()=>k(),children:t.jsxs(ti,{windowSize:B,children:[t.jsx(lr,{...G,children:t.jsxs(si,{id:L,onSubmit:y=>{y.preventDefault(),De()},children:[t.jsx(ai,{windowSize:B,children:Y.heading}),t.jsx(ni,{hasError:S,children:t.jsx(ur,{label:{label:Y.newLimit,width:E},showAdditionalInfoLabel:S,additionalInfoLabel:Me,formattedTextField:{type:"number",name:he,defaultValue:void 0,placeholder:Y.placeholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:y=>{if(!y||y<=0||y<=e.amount)return!1;if(h&&l&&n!=null&&d!=null){const J=Math.min(n.amount,d.amount);if(y>J)return!1}else if(h&&n!=null&&y>n.amount||l&&d!=null&&y>d.amount)return!1;return!0}},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},showOutlineOnFocus:!1})})]})}),t.jsx(oi,{children:t.jsxs(ri,{children:[t.jsx(zt,{label:$.cancel,onClick:Re,style:{width:84}}),t.jsx(ii,{}),t.jsx(zt,{variant:"primary",label:$.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:F==="In-Progress",type:"submit",form:L,disabled:m})]})})]})})})}const Kr=(e,l,h,d,n,m)=>{if(m!=null){if(m<=e.amount)return Y.amountBelowErrorBulk;if(h&&l&&n!=null&&d!=null){const F=Math.min(n.amount,d.amount);if(m>F){const k=n.amount<d.amount?"debit":"credit",U=n.amount<d.amount?n:d;return Y.maxLimitForCardTypeError.replace("_card_type_",k).replace("_amount_",me("0,0.[00]",U))}}else{if(h&&n!=null&&m>n.amount)return Y.maxLimitForCardTypeError.replace("_card_type_","debit").replace("_amount_",me("0,0.[00]",n));if(l&&d!=null&&m>d.amount)return Y.maxLimitForCardTypeError.replace("_card_type_","credit").replace("_amount_",me("0,0.[00]",d))}}},Ae={width:new W(343,500,500),largeLabelWidth:new W(108,108,108),popupLeftRightPadding:new W(_[5],_[6]),popupTopBottomPadding:new W(_[5],_[5])},ei=r.div`
+`,he="spendLimit",q=Ee.getLocalizedStrings().spendManagement.chargeCard.updateSpendLimitPopup;function Qr({currentSpentAmount:e,hasCreditCard:l,hasDebitCard:h,maxLimitAmountForCreditCard:d,maxLimitAmountForDebitCard:n,isDisabled:m,updateLimitFetchState:F,onCancelClick:k,onSubmitClick:U}){const B=Fe(),L="SpendLimitForm",G=nr({mode:"onBlur",reValidateMode:"onBlur",defaultValues:{[he]:void 0}}),{control:ne,formState:{errors:se}}=G,[Me,Te]=c.useState(void 0),x=sr({control:ne,name:he}),Re=()=>{k()},De=G.handleSubmit(()=>{const y=G.getValues(he);y!=null&&U(y)}),S=dr(se,he),$=Ee.getLocalizedStrings().common,E=Ae.largeLabelWidth.value(B);return c.useEffect(()=>{Te(Kr(e,l,h,d,n,x))},[x,e,d,n,l,h]),t.jsx(ei,{windowSize:B,role:"presentation",children:t.jsx(cr,{onClickAway:()=>k(),children:t.jsxs(ti,{windowSize:B,children:[t.jsx(lr,{...G,children:t.jsxs(si,{id:L,onSubmit:y=>{y.preventDefault(),De()},children:[t.jsx(ai,{windowSize:B,children:q.heading}),t.jsx(ni,{hasError:S,children:t.jsx(ur,{label:{label:q.newLimit,width:E},showAdditionalInfoLabel:S,additionalInfoLabel:Me,formattedTextField:{type:"number",name:he,defaultValue:void 0,placeholder:q.placeholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:y=>{if(!y||y<=0||y<=e.amount)return!1;if(h&&l&&n!=null&&d!=null){const J=Math.min(n.amount,d.amount);if(y>J)return!1}else if(h&&n!=null&&y>n.amount||l&&d!=null&&y>d.amount)return!1;return!0}},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},showOutlineOnFocus:!1})})]})}),t.jsx(oi,{children:t.jsxs(ri,{children:[t.jsx(zt,{label:$.cancel,onClick:Re,style:{width:84}}),t.jsx(ii,{}),t.jsx(zt,{variant:"primary",label:$.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:F==="In-Progress",type:"submit",form:L,disabled:m})]})})]})})})}const Kr=(e,l,h,d,n,m)=>{if(m!=null){if(m<=e.amount)return q.amountBelowErrorBulk;if(h&&l&&n!=null&&d!=null){const F=Math.min(n.amount,d.amount);if(m>F){const k=n.amount<d.amount?"debit":"credit",U=n.amount<d.amount?n:d;return q.maxLimitForCardTypeError.replace("_card_type_",k).replace("_amount_",me("0,0.[00]",U))}}else{if(h&&n!=null&&m>n.amount)return q.maxLimitForCardTypeError.replace("_card_type_","debit").replace("_amount_",me("0,0.[00]",n));if(l&&d!=null&&m>d.amount)return q.maxLimitForCardTypeError.replace("_card_type_","credit").replace("_amount_",me("0,0.[00]",d))}}},Ae={width:new W(343,500,500),largeLabelWidth:new W(108,108,108),popupLeftRightPadding:new W(_[5],_[6]),popupTopBottomPadding:new W(_[5],_[5])},ei=r.div`
   position: fixed;
   top: ${a.sp0};
   left: ${a.sp0};
@@ -206,7 +206,7 @@ import{a9 as Xa,aP as N,ax as Ha,g5 as Qa,l as re,iZ as V,q as Fe,F as Ee,o as a
   }
 `,si=r.form`
   display: contents;
-`,pe={contentContainerMargin:new W(_[3],_[4],_[8]),infoSubheadingTextMarginTop:new W(_[0],_[0]),cardsMinWidth:new W(343,353)},di={remainingText:new tr("largeRegular","largeRegular")},{spendManagement:{chargeCard:{payEarly:w,cardList:O,chargeCardsPromo:b}},common:D,dateFormat:ve}=Ee.getLocalizedStrings(),oo=({chargeCardListView:e,searchText:l,admins:h,companyLegalName:d,onFetchChargeCardsRecurringExpenses:n,onFetchDepositAccountLimit:m,onCloseChargeCard:F,onCloseChargeCardList:k,onLockChargeCard:U,onLockChargeCardList:B,onUnlockChargeCardList:L,updateChargeCardListSpendLimit:G,onUpdateSpendLimit:ne,isCardControlsEnabled:se,isCashbackFeatureEnabled:Me,creditCardPayNowThreshold:Te,isChargeCardFeatureEnabled:x,isCompanyInterestedInChargeCard:Re,isCreditCardProductVisibleForExpressInterest:De,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:$,isChargeCardSetupEnabled:E,companyChargeCardInfoCreditAccountLimit:y,controllerEmails:J,onRevokeChargeCardList:mt,depositAccountListWithDebitCardIssued:z,chargeCardCashbackDetailState:j,uiState:ca,signedInUser:Be,creditLimit:Ce,cashbackRate:ze,onSearchTextChanged:la,onClickSetupIcon:ua,isEarlyPayEnabled:de,onClickStatementsIcon:ha,onChargeCardRowClick:ma,updateChargeCardName:pa,onChargeCardResendInviteClick:Ca,onChargeCardRevokeInviteClick:pt,onUnlockChargeCard:Ct,onIssueCardClick:ga,onBackClick:ba,onReloadCards:fa,onTotalCashbackClick:xa,onColumnSortConfigChanged:Sa,onClickMenuIcon:ya,onPromoCardClick:gt,onCreateNowClick:bt,showPayNowInfoTooltip:wa,navigateToCreditCardPaymentPage:ge,shouldShowPayNowInfoTooltip:Ne,rowActionView:o,bulkActionView:u,onSetRowActionCardId:Oe,onSetBulkActionCardIds:I})=>{const be=Xa().analytics,[ft,ka]=c.useState(!1),[_e,fe]=c.useState(!1),[Ue,xe]=c.useState(!1),[$a,Z]=c.useState(!1),[ja,X]=c.useState(!1),[Ia,Se]=c.useState(!1),[Ve,We]=c.useState(!1),[Ge,Ye]=c.useState(!1),[qe,xt]=c.useState(void 0),va=u.chargeCards[0]?.status.code,{creditAccount:g,creditAccountRepayment:A}=e,P=c.useCallback(()=>{Oe(void 0),xt(void 0)},[Oe]),M=u.chargeCards,La=c.useMemo(()=>M.length===0?void 0:M.reduce((i,s)=>s.balance.amount>i.balance.amount?s:i,M[0]).balance,[M]),Aa=c.useMemo(()=>{const i=M.filter(f=>f.type.code.includes("debit"));if(i.length===0)return;const s=i.map(f=>z.depositAccounts.find(ae=>ae.id===f.connectedAccountId)?.cardLimits.dailyCardTransactionLimit).filter(f=>f!==void 0);return s.length===0?void 0:s.reduce((f,ae)=>ae.amount<f.amount?ae:f)},[M,z.depositAccounts]),St=N(e.unlockChargeCardsFetchState.fetchState),yt=N(e.revokeChargeCardsInviteFetchState.fetchState),wt=N(e.lockChargeCardsFetchState.fetchState),kt=N(e.closeChargeCardsFetchState.fetchState),$t=N(e.updateChargeCardsSpendLimitFetchState.fetchState);c.useEffect(()=>{const i=St==="In-Progress"&&e.unlockChargeCardsFetchState.fetchState==="Completed",s=yt==="In-Progress"&&e.revokeChargeCardsInviteFetchState.fetchState==="Completed",f=wt==="In-Progress"&&e.lockChargeCardsFetchState.fetchState==="Completed",ae=kt==="In-Progress"&&e.closeChargeCardsFetchState.fetchState==="Completed",Za=$t==="In-Progress"&&e.updateChargeCardsSpendLimitFetchState.fetchState==="Completed";(i||s)&&I([]),f&&(Z(!1),I([])),ae&&(X(!1),I([])),Za&&(Se(!1),I([]))},[e.unlockChargeCardsFetchState.fetchState,e.revokeChargeCardsInviteFetchState.fetchState,e.lockChargeCardsFetchState.fetchState,e.closeChargeCardsFetchState.fetchState,e.updateChargeCardsSpendLimitFetchState.fetchState,St,yt,wt,kt,$t,I]);const H=o.cardId!=null?o.unlockChargeCardsFetchState.fetchState:void 0,jt=N(H),Je=o.cardId!=null?o.updateChargeCardLimitFetchState.fetchState:void 0,It=N(Je),Ze=o.cardId!=null?o.updateChargeCardNameFetchState.fetchState:void 0,vt=N(Ze),Xe=o.cardId!=null?o.lockChargeCardsFetchState.fetchState:void 0,Lt=N(Xe),He=o.cardId!=null?o.closeChargeCardsFetchState.fetchState:void 0,At=N(He),Q=o.cardId!=null?o.revokeChargeCardFetchState.fetchState:void 0,Pt=N(Q);c.useEffect(()=>{o.cardId!=null&&jt==="In-Progress"&&H==="Completed"?P():o.cardId!=null&&It==="In-Progress"&&Je==="Completed"?(Ye(!1),P()):o.cardId!=null&&vt==="In-Progress"&&Ze==="Completed"?(We(!1),P()):o.cardId!=null&&Lt==="In-Progress"&&Xe==="Completed"?(fe(!1),P()):o.cardId!=null&&At==="In-Progress"&&He==="Completed"?(xe(!1),P()):o.cardId!=null&&Pt==="In-Progress"&&Q==="Completed"&&P()},[o.cardId,H,Je,Ze,Xe,He,Q,jt,vt,It,Lt,At,Pt,P]);const Pa=c.useCallback(i=>{switch(i){case"close":n(u.bulkActionCardIds),X(!0);break;case"lock":n(u.bulkActionCardIds),Z(!0);break;case"unlock":L(u.bulkActionCardIds);break;case"update_limit":Se(!0);break;case"revoke_invite":mt(u.bulkActionCardIds);break}},[u.bulkActionCardIds,n,mt,L]),C=o.chargeCard;c.useEffect(()=>{if(!(qe===void 0||o.cardId===void 0||C===void 0))switch(qe){case oe.CLOSE:Ue||(n([o.cardId]),xe(!0));break;case oe.LOCK:_e||(n([o.cardId]),fe(!0));break;case oe.UNLOCK:H!=="In-Progress"&&H!=="Completed"&&Ct(o.cardId);break;case oe.REVOKE_INVITE:Q!=="In-Progress"&&Q!=="Completed"&&pt(o.cardId);break;case oe.RENAME:Ve||We(!0);break;case oe.UPDATE_SPEND_LIMIT:Ge||(C.type.code.includes("debit")&&o.depositAccountLimitFetchState.fetchState!=="Completed"&&m(C.connectedAccountId,o.cardId),Ye(!0));break}},[qe,o.cardId,Ge,Ve,Ue,_e,H,Q,n,m,Ct,pt]);const Qe=Ha(),K=!!Qe.loggedInUserRole.includes("charge_card_user"),ye=Qa(Qe),v=re.hasChargeCardAdminLevelAccess(Qe.loggedInUserRoleMap),ee=c.useMemo(()=>v===!0?{creditCardCashbackOffer:`${j.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${j.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:V(j.cashbackSummary.cashbackEarned.amount),redeemedCashback:V(j.cashbackSummary.cashbackRedeemed.amount),availableCashback:V(j.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:j.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:j.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,[v,j.cashbackAnalytics.creditCardCashbackOffer,j.cashbackAnalytics.debitCardCashbackOffer,j.cashbackSummary.cashbackEarned.amount,j.cashbackSummary.cashbackRedeemed.amount,j.cashbackSummary.cashbackAvailable.amount,j.cashbackAnalytics.creditCardCashbackRedemptionMode,j.cashbackAnalytics.debitCardCashbackRedemptionMode]),we=c.useMemo(()=>x&&E&&v===!0?{creditAccountId:g.id,creditAccountLimit:V(g.limit.amount),creditAccountAvailableAmount:V(g.available.amount),creditAccountSpentAmount:V(g.balance.amount+g.hold.amount),creditAccountStatus:g.status,outstandingBalance:V(A.remainingAmountDue.amount)}:void 0,[x,E,v,g.id,g.limit.amount,g.available.amount,g.balance.amount,g.hold.amount,g.status,A.remainingAmountDue.amount]),ke=c.useMemo(()=>S&&$?{debitAccountId:z.depositAccounts.map(i=>i.id),debitAccountName:z.depositAccounts.map(i=>i.accountName),debitAccountBalance:z.depositAccounts.map(i=>V(i.accountBalance.available.amount)),debitCardsSpend:V(e.debitCardSummary?.currentMonthSpends?.amount??0),debitAccountStatus:z.depositAccounts.map(i=>i.accountStatus)}:void 0,[S,$,z.depositAccounts,e.debitCardSummary?.currentMonthSpends?.amount]),$e={isCreditCardOffered:x,isDebitCardOffered:S,isDebitCardEnabled:$,isCreditCardEnabled:E},Fa=i=>{ka(i),i===!0&&(be.trackCardsListPageClicked("search"),(!x||g.fetchState==="Completed"&&A.fetchState==="Completed")&&(!(S&&$)||z.fetchState==="Completed")&&ee!=null&&be.trackCardsCardListSearchClick(J,$e,ee,we,ke))},T=Fe(),Ft=ye&&!v,Et=e.creditAccount.balance.amount+e.creditAccount.hold.amount,ce={amount:Et,currencyCode:e.creditAccount.balance.currencyCode,currencySymbol:e.creditAccount.balance.currencySymbol},Ke=Math.round(ce.amount*100/e.creditAccount.limit.amount),Ea=isNaN(Ke)?0:Et!==0&&Ke===0?1:Ke,le=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate,et=v&&ce.amount>Te*e.creditAccount.limit.amount/100,ue=le!=null&&A.initiatedRepayments.amount>0,Ma={entity:"charge_cards",showNewButtonOnNavbar:v,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:v?O.newBtnLabel:D.strings.empty,hideSearchBtn:K,searchTextBoxStyle:{right:Ft?a.sp4:"96px"},moreIconContainerStyle:{paddingRight:Ft?a.sp0:a.sp4},isSearchOpen:ft,searchPlaceHolder:O.searchPlaceHolder,searchText:l,showSettingsIcon:!K,showSettingsIconOnNavbar:v,showStatementButtonOnNavbar:x&&E,showPayEarlyButtonOnNavbar:de&&v&&ce.amount>0&&!ue&&!et,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,analytics:be,onSearchOpen:Fa,onSearchTextChanged:la,onClickSetupIcon:ua,onClickStatementsIcon:ha,downloadState:"Not-Started",onNewButtonClick:ga,onClickPayEarlyIcon:()=>ge("More Button","Pay Early"),onMenuOpen:()=>{(!x||g.fetchState==="Completed"&&A.fetchState==="Completed")&&(!(S&&$)||z.fetchState==="Completed")&&ee!=null&&be.trackCardsCardListMoreMenuClick(J,$e,ee,we,ke)},filters:{categoryCombinationOperator:"AND",categories:[]}},Ta=t.jsx(xr,{spendManagementSectionProps:Ma}),Ra=e.cards.length===0?!1:K&&re.anyCardOnHold(e.cards),Da=e.fetchState==="Completed"?gi({isChargeCardFeatureEnabled:x,isChargeCardSetupEnabled:E,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:$}):"",je=e.debitCardSummary!=null?e.debitCardSummary.currentMonthSpends.amount-e.debitCardSummary.lastCompletedMonthSpends.amount:0,Ba=x&&E&&e.hasCreditCard,za=S&&$&&e.hasDebitCard,Na=x&&E&&ye&&!v,Oa=S&&$&&ye&&!v,Ie=e.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(re.dateNow(),"days")??0,tt=[w.payNow,Ie>0&&Ie<11?`${w.billDueIn} ${Ie} ${Ie===1?D.timeStrings.day:D.timeStrings.days}`:w.creditLimitLow,w.payNow],Mt=A.initiatedRepayments.amount===g.balance.amount+g.hold.amount,at=[w.paymentInitiated,`${O.header.limit} ${Mt?D.resets:D.updates} ${D.by} ${re.zeniDate(re.getNextNthWorkingDay(A.initiatedRepaymentDate?.toDate()??re.dateNow().toDate(),[0,6],3).toDateString()).format(ve.visual.MMMDFormat)}`,w.paymentInitiated],rt=c.useRef(null),it=c.useRef(null),_a=ea(),[Ua,Tt]=c.useState(!0);c.useEffect(()=>{const i=()=>{it.current&&(it.current.getBoundingClientRect().top<(T==="small"?68:40)?Tt(!1):Tt(!0))};i();const s=()=>{i()},f=rt.current;return f&&f.addEventListener("scroll",s),window.addEventListener("scroll",s),()=>{f&&f.removeEventListener("scroll",s),window.removeEventListener("scroll",s)}},[T]);const Va=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&F(o.cardId,s)},Wa=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&U(o.cardId,s)},Ga=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;k(u.bulkActionCardIds,s)},Ya=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;B(u.bulkActionCardIds,s)},te=c.useMemo(()=>{const i={};return u.chargeCards.forEach(s=>{i[s.id]=s}),{chargeCardsByCardId:i,cardRecurringExpensesByCardId:u.recurringExpensesByCardId,fetchState:u.recurringExpensesFetchState.fetchState}},[u]),qa=c.useCallback(()=>{n(u.bulkActionCardIds),Z(!0)},[u.bulkActionCardIds,n]),Ja=c.useCallback(()=>{n(u.bulkActionCardIds),X(!0)},[u.bulkActionCardIds,n]),Rt=c.useCallback(i=>{const s=u.bulkActionCardIds.filter(f=>f!==i);I(s),s.length===0&&(Z(!1),X(!1))},[u.bulkActionCardIds,I]),Dt=Re&&y===0,Bt=y===-1;return t.jsxs($i,{ref:rt,children:[t.jsx(Ka,{title:Da,showBackButton:!0,showMenuIcon:T==="medium-compact"||T==="small",onClickMenuIcon:ya,style:{zIndex:3},onBackClick:ba,rightSideComponent:Ta,isSearchOpen:ft,hideSearchBtn:K,scrollableContent:rt,source:"ChargeCardListPage",backgroundColor:_a.colors.grey4}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?t.jsx(er,{fetchState:e.fetchState,styles:{margin:"auto"}}):t.jsxs(t.Fragment,{children:[K?null:t.jsxs(ji,{windowSize:T,children:[Ba||Na?t.jsxs(qt,{windowSize:T,children:[t.jsxs(Ht,{children:[t.jsxs(Qt,{children:[t.jsxs(Kt,{children:[t.jsx(Zt,{children:O.creditCardBalance}),t.jsx(ie,{amount:ce,integerStyles:{...R.h5Regular.cssObject},decimalStyles:{...R.largeSemiBold.cssObject}})]}),t.jsxs(Si,{children:[t.jsx(Le,{style:{textAlign:"end"},children:D.texts.limit}),t.jsx(ie,{amount:e.creditAccount.limit,style:{justifyContent:"end"},integerStyles:R.largeRegular.cssObject,decimalStyles:R.smallRegular.cssObject})]})]}),t.jsx(Ei,{children:t.jsx(Mi,{style:{width:`${Ea}%`,borderRadius:a.sp1}})}),et&&!ue&&de?t.jsx(ot,{placement:"bottom",style:{color:p.heroDark,padding:`12px ${a.sp3}`},title:t.jsx(pi,{children:w.creditLimitIsRunningLow}),children:t.jsxs(Jt,{children:[t.jsx(ie,{amount:e.creditAccount.available,integerStyles:R.largeMedium.cssObject,decimalStyles:R.smallMedium.cssObject}),t.jsx(Xt,{windowSize:T,children:D.texts.remaining}),t.jsx(Ci,{children:t.jsx(mi,{})})]})}):t.jsxs(Jt,{children:[t.jsx(ie,{amount:e.creditAccount.available,integerStyles:R.largeMedium.cssObject,decimalStyles:R.smallMedium.cssObject}),t.jsx(Xt,{windowSize:T,children:D.texts.remaining})]})]}),t.jsxs(yi,{showPaymentInitiatedInfo:ue,isEarlyPayEnabled:de,children:[ue&&de?null:t.jsx(Le,{children:`${D.texts.limitReset} ${le!=null?le.format(ve.visual.MMMDFormat):null}`}),v&&de&&(ue?t.jsx("div",{children:t.jsx(ot,{maxWidth:"242px",style:{padding:`12px ${a.sp3}`},title:t.jsxs(bi,{children:[t.jsx(Yt,{children:`${w.paymentOf} ${me("0,0.[00]",{amount:A.initiatedRepayments.amount,currencyCode:A.initiatedRepayments.currencyCode,currencySymbol:A.initiatedRepayments.currencySymbol})} ${w.madeOn} `}),t.jsx(fi,{children:A.initiatedRepaymentDate?.format(ve.visual.MMMDFormat)}),D.strings.space,t.jsx(Yt,{children:Mt?w.isProcessingAndWillResetTheCreditLimitIn23BusinessDays:w.isProcessingAndWillUpdateTheCreditLimitIn23BusinessDays})]}),placement:"bottom",children:t.jsxs(Vt,{hasPointer:!1,children:[at.length>0&&t.jsx(st,{slideUpCount:at.length,style:{alignItems:"flex-end",width:"auto"},children:at.map((i,s)=>t.jsx(li,{children:i},`card-payment-initiated-${s.toString()}`))}),t.jsx(hi,{})]})})}):et?t.jsx(ot,{variant:"informative",arrow:!0,style:{top:a.sp2,left:"22px",position:"relative"},data:{preHeading:"URGENT",heading:w.creditLimitIsLow,description:w.transactionsMayBeDeclinedBecauseTheCreditLimitIsRunningLow,buttonText:w.payNow,tooltipContentStyle:{width:"240px",boxSizing:"content-box",gap:a.sp0},tooltipIntroductionStyle:{color:p.important},buttonStyle:{width:"31%"},onButtonClick:()=>{Ne(!1),ge("Toast Button","Pay Now")},showCloseButton:!0,onClose:i=>{i.preventDefault(),i.stopPropagation(),Ne(!1)}},title:"informative",placement:"bottom-end",open:wa&&Ua,children:t.jsxs(Vt,{ref:it,onClick:()=>{Ne(!1),ge("Text Button","Pay Now")},hasPointer:!0,children:[tt.length>0&&t.jsx(st,{slideUpCount:tt.length,style:{alignItems:"flex-end",width:"auto"},children:tt.map((i,s)=>t.jsx(ci,{isImportant:s===1,children:i},`card-pay-now-${s.toString()}`))}),t.jsx(Wt,{})]})}):ce.amount>0?t.jsxs(ui,{onClick:()=>ge("Text Button","Pay Early"),children:[w.payEarly,t.jsx(Wt,{})]}):null)]})]}):x&&E?t.jsx(Ut,{cardType:"creditCard",header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.credit),creditLimit:nt("0,0",Ce.amount,Ce.currencySymbol),onCreateNowClick:bt}):De?t.jsx(_t,{cardPromoType:"credit",cardText:b.listPage.creditCards,header:b.listPage.getAccessTo,title:b.listPage.creditCards,subTitle:b.listPage.promoSubText.credit,slidingTextList:Gt("credit",ze,{amount:y,currencyCode:Ce.currencyCode,currencySymbol:Ce.currencySymbol}),onClick:gt,status:Bt?"rejected":Dt?"under_review":void 0,statusMessage:Bt?b.listPage.status.rejectedMessage:Dt?b.listPage.status.underReviewMessage:void 0}):null,za||Oa?t.jsxs(qt,{windowSize:T,children:[t.jsxs(Ht,{children:[t.jsx(Qt,{children:t.jsxs(Kt,{children:[t.jsx(Zt,{children:O.debitCardSpend}),t.jsx(ie,{amount:e.debitCardSummary?.currentMonthSpends,integerStyles:{...R.h5Regular.cssObject},decimalStyles:{...R.largeSemiBold.cssObject}})]})}),t.jsx(vi,{children:je!==0?t.jsxs(t.Fragment,{children:[je<0?t.jsx(Ai,{}):t.jsx(Pi,{}),t.jsx(Li,{hasNegativeValue:je<0,children:nt("0,0.00",je,e.debitCardSummary?.currentMonthSpends.currencySymbol)}),t.jsx(da,{children:O.compareToLastMonth})]}):null})]}),t.jsx(sa,{children:t.jsx(Le,{children:`${D.texts.limitReset} ${le!=null?le.format(ve.visual.MMMDFormat):null}`})})]}):S&&$?t.jsx(Ut,{cardType:"debitCard",header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.debit),onCreateNowClick:bt}):S?t.jsx(_t,{cardPromoType:"debit",cardText:b.listPage.debitCards,header:b.listPage.getAccessTo,title:b.listPage.debitCards,subTitle:b.listPage.promoSubText.debit,slidingTextList:Gt("debit",ze),onClick:gt}):null,t.jsxs(Ii,{windowSize:T,children:[Me?t.jsxs(xi,{children:[t.jsx(Le,{style:{textAlign:"start"},children:O.totalCashback}),t.jsx(ie,{amount:e.totalCashback,style:{justifyContent:"flex-start"},integerStyles:R.h5Regular.cssObject,decimalStyles:R.smallSemiBold.cssObject}),e.totalCashback.amount>0?t.jsx(ki,{windowSize:T,children:t.jsxs(Fi,{windowSize:T,onClick:xa,"data-testid":dt("total-cashback-info"),children:[t.jsx(wi,{children:O.overview}),t.jsx(Ti,{})]})}):null]}):null,t.jsx(Di,{children:t.jsx(Bi,{})})]})]}),e.cards.length===0&&K===!0||Ra?t.jsx(Ri,{children:t.jsx(wr,{companyLegalName:d,cards:e.cards,admins:h,hasZeniFinopsRoles:ye,cashbackRate:ze})}):t.jsxs(t.Fragment,{children:[Ue&&o.cardId!=null&&C&&t.jsx(Nt,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{xe(!1),P()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:C},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,closeCardFetchState:o.closeChargeCardsFetchState.fetchState,onConfirmClick:Va,onDismissClick:()=>{xe(!1),P()},onRemoveCardClick:()=>{}}),_e&&o.cardId!=null&&C&&t.jsx(Ot,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{fe(!1),P()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:C},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,lockCardFetchState:o.lockChargeCardsFetchState.fetchState,onConfirmClick:Wa,onDismissClick:()=>{fe(!1),P()},onRemoveCardClick:()=>{}}),ja&&u.bulkActionCardIds.length>0&&t.jsx(Nt,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{X(!1),I([])},isChargeCardAdmin:!0,chargeCardsByCardId:te.chargeCardsByCardId,cardRecurringExpensesByCardId:te.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:te.fetchState,closeCardFetchState:e.closeChargeCardsFetchState.fetchState,onConfirmClick:Ga,onDismissClick:()=>{X(!1),I([])},onRemoveCardClick:Rt}),$a&&u.bulkActionCardIds.length>0&&t.jsx(Ot,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{Z(!1),I([])},isChargeCardAdmin:!0,chargeCardsByCardId:te.chargeCardsByCardId,cardRecurringExpensesByCardId:te.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:te.fetchState,lockCardFetchState:e.lockChargeCardsFetchState.fetchState,onConfirmClick:Ya,onDismissClick:()=>{Z(!1),I([])},onRemoveCardClick:Rt}),Ve&&o.cardId!=null&&C&&t.jsx(jr,{currentCardName:C.cardName,renameFetchState:o.updateChargeCardNameFetchState.fetchState,onCancelClick:()=>{We(!1),P()},onSubmitClick:i=>{o.cardId!=null&&pa(o.cardId,i)}}),Ge&&o.cardId!=null&&C&&t.jsx(Ir,{controllerEmails:J,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:$,isChargeCardSetupEnabled:E,productInformation:$e,cashbackInformation:ee,creditAccountInformation:we,debitAccountInformation:ke,cardDetail:C,depositAccountLimitFetchState:o.depositAccountLimitFetchState.fetchState,creditAccount:g,creditAccountRepayment:A,signedInUser:Be,isDebitCard:C.type.code.includes("debit"),classListFetchState:"Not-Started",currentLimitAmount:C.limit,currentSpentAmount:C.balance,maxLimitAmount:C.type.code.includes("debit")?o.depositAccountLimit?.cardLimits.dailyCardTransactionLimit:g.limit,isDisabled:C.type.code.includes("debit")&&o.depositAccountLimitFetchState.fetchState!=="Completed",updateLimitFetchState:o.updateChargeCardLimitFetchState.fetchState,onCancelClick:()=>{Ye(!1),P()},onSubmitClick:i=>{if(o.cardId!=null){const s={amount:i,currencyCode:C.limit.currencyCode,currencySymbol:C.limit.currencySymbol};ne(o.cardId,s,C.creditLimitFrequency,me("0,0.[00]",s))}},recommendations:C.recommendations}),Ia&&M.length>0&&t.jsx(Qr,{currentSpentAmount:La??{amount:0,currencyCode:M[0].limit.currencyCode,currencySymbol:M[0].limit.currencySymbol},maxLimitAmountForCreditCard:e.creditAccount.limit,maxLimitAmountForDebitCard:Aa,hasCreditCard:u.hasCreditCards,hasDebitCard:u.hasDebitCards,signedInUser:Be,isDisabled:u.hasDebitCards&&z.fetchState!=="Completed",updateLimitFetchState:e.updateChargeCardsSpendLimitFetchState.fetchState,onCancelClick:()=>{Se(!1),I([])},onSubmitClick:i=>{const s={amount:i,currencyCode:M[0].limit.currencyCode,currencySymbol:M[0].limit.currencySymbol};G(u.bulkActionCardIds,s,M[0].creditLimitFrequency)}}),t.jsx(Sr,{cardsSelectedForBulkAction:u.bulkActionCardIds,isBulkActionAllowed:v,firstSelectedCardStatus:va,bulkSubmissionLimit:yr,removeAllCardsFromBulkActionList:()=>I([]),updateBulkActionList:I,onProceedForBulkActionClick:Pa,onBulkLockClick:qa,onBulkCloseClick:Ja,setShowBulkChangeSpendLimitPopup:Se,depositAccountListWithDebitCardIssued:z,setCardIdForRowAction:Oe,setActionTypeForRowAction:xt,cashbackInformation:ee,creditAccountInformation:we,debitAccountInformation:ke,productInformation:$e,controllerEmails:J,isChargeCardFeatureEnabled:x,isCardControlsEnabled:se,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:$,isChargeCardSetupEnabled:E,creditAccount:g,creditAccountRepayment:A,cardList:e.cards,showViewForCardUser:!1,signedInUser:Be,fetchState:e.fetchState,revokeChargeCardsInviteFetchState:e.revokeChargeCardsInviteFetchState.fetchState,unlockChargeCardsFetchState:e.unlockChargeCardsFetchState.fetchState,onReloadCards:fa,onChargeCardRowClick:ma,searchText:l,receiptBotEmail:e.chargeCardConfig.receiptBotEmail,uiState:ca,resendInviteId:e?.resendCardInvite?.cardId,onColumnSortConfigChanged:Sa,onChargeCardResendInviteClick:Ca,rowActionView:o})]})]})]})},ci=r(ta)`
+`,pe={contentContainerMargin:new W(_[3],_[4],_[8]),infoSubheadingTextMarginTop:new W(_[0],_[0]),cardsMinWidth:new W(343,353)},di={remainingText:new tr("largeRegular","largeRegular")},{spendManagement:{chargeCard:{payEarly:w,cardList:O,chargeCardsPromo:b}},common:D,dateFormat:ve}=Ee.getLocalizedStrings(),oo=({chargeCardListView:e,searchText:l,admins:h,companyLegalName:d,onFetchChargeCardsRecurringExpenses:n,onFetchDepositAccountLimit:m,onCloseChargeCard:F,onCloseChargeCardList:k,onLockChargeCard:U,onLockChargeCardList:B,onUnlockChargeCardList:L,updateChargeCardListSpendLimit:G,onUpdateSpendLimit:ne,isCardControlsEnabled:se,isCashbackFeatureEnabled:Me,creditCardPayNowThreshold:Te,isChargeCardFeatureEnabled:x,isCompanyInterestedInChargeCard:Re,isCreditCardProductVisibleForExpressInterest:De,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:$,isChargeCardSetupEnabled:E,companyChargeCardInfoCreditAccountLimit:y,controllerEmails:J,onRevokeChargeCardList:mt,depositAccountListWithDebitCardIssued:z,chargeCardCashbackDetailState:j,uiState:ca,signedInUser:Be,creditLimit:Ce,cashbackRate:ze,onSearchTextChanged:la,onClickSetupIcon:ua,isEarlyPayEnabled:de,onClickStatementsIcon:ha,onChargeCardRowClick:ma,updateChargeCardName:pa,onChargeCardResendInviteClick:Ca,onChargeCardRevokeInviteClick:pt,onUnlockChargeCard:Ct,onIssueCardClick:ga,onBackClick:ba,onReloadCards:fa,onTotalCashbackClick:xa,onColumnSortConfigChanged:Sa,onClickMenuIcon:ya,onPromoCardClick:gt,onCreateNowClick:bt,showPayNowInfoTooltip:wa,navigateToCreditCardPaymentPage:ge,shouldShowPayNowInfoTooltip:Ne,rowActionView:o,bulkActionView:u,onSetRowActionCardId:Oe,onSetBulkActionCardIds:I})=>{const be=Xa().analytics,[ft,ka]=c.useState(!1),[_e,fe]=c.useState(!1),[Ue,xe]=c.useState(!1),[$a,Z]=c.useState(!1),[ja,X]=c.useState(!1),[Ia,Se]=c.useState(!1),[Ve,We]=c.useState(!1),[Ge,qe]=c.useState(!1),[Ye,xt]=c.useState(void 0),va=u.chargeCards[0]?.status.code,{creditAccount:g,creditAccountRepayment:A}=e,P=c.useCallback(()=>{Oe(void 0),xt(void 0)},[Oe]),M=u.chargeCards,La=c.useMemo(()=>M.length===0?void 0:M.reduce((i,s)=>s.balance.amount>i.balance.amount?s:i,M[0]).balance,[M]),Aa=c.useMemo(()=>{const i=M.filter(f=>f.type.code.includes("debit"));if(i.length===0)return;const s=i.map(f=>z.depositAccounts.find(ae=>ae.id===f.connectedAccountId)?.cardLimits.dailyCardTransactionLimit).filter(f=>f!==void 0);return s.length===0?void 0:s.reduce((f,ae)=>ae.amount<f.amount?ae:f)},[M,z.depositAccounts]),St=N(e.unlockChargeCardsFetchState.fetchState),yt=N(e.revokeChargeCardsInviteFetchState.fetchState),wt=N(e.lockChargeCardsFetchState.fetchState),kt=N(e.closeChargeCardsFetchState.fetchState),$t=N(e.updateChargeCardsSpendLimitFetchState.fetchState);c.useEffect(()=>{const i=St==="In-Progress"&&e.unlockChargeCardsFetchState.fetchState==="Completed",s=yt==="In-Progress"&&e.revokeChargeCardsInviteFetchState.fetchState==="Completed",f=wt==="In-Progress"&&e.lockChargeCardsFetchState.fetchState==="Completed",ae=kt==="In-Progress"&&e.closeChargeCardsFetchState.fetchState==="Completed",Za=$t==="In-Progress"&&e.updateChargeCardsSpendLimitFetchState.fetchState==="Completed";(i||s)&&I([]),f&&(Z(!1),I([])),ae&&(X(!1),I([])),Za&&(Se(!1),I([]))},[e.unlockChargeCardsFetchState.fetchState,e.revokeChargeCardsInviteFetchState.fetchState,e.lockChargeCardsFetchState.fetchState,e.closeChargeCardsFetchState.fetchState,e.updateChargeCardsSpendLimitFetchState.fetchState,St,yt,wt,kt,$t,I]);const H=o.cardId!=null?o.unlockChargeCardsFetchState.fetchState:void 0,jt=N(H),Je=o.cardId!=null?o.updateChargeCardLimitFetchState.fetchState:void 0,It=N(Je),Ze=o.cardId!=null?o.updateChargeCardNameFetchState.fetchState:void 0,vt=N(Ze),Xe=o.cardId!=null?o.lockChargeCardsFetchState.fetchState:void 0,Lt=N(Xe),He=o.cardId!=null?o.closeChargeCardsFetchState.fetchState:void 0,At=N(He),Q=o.cardId!=null?o.revokeChargeCardFetchState.fetchState:void 0,Pt=N(Q);c.useEffect(()=>{o.cardId!=null&&jt==="In-Progress"&&H==="Completed"?P():o.cardId!=null&&It==="In-Progress"&&Je==="Completed"?(qe(!1),P()):o.cardId!=null&&vt==="In-Progress"&&Ze==="Completed"?(We(!1),P()):o.cardId!=null&&Lt==="In-Progress"&&Xe==="Completed"?(fe(!1),P()):o.cardId!=null&&At==="In-Progress"&&He==="Completed"?(xe(!1),P()):o.cardId!=null&&Pt==="In-Progress"&&Q==="Completed"&&P()},[o.cardId,H,Je,Ze,Xe,He,Q,jt,vt,It,Lt,At,Pt,P]);const Pa=c.useCallback(i=>{switch(i){case"close":n(u.bulkActionCardIds),X(!0);break;case"lock":n(u.bulkActionCardIds),Z(!0);break;case"unlock":L(u.bulkActionCardIds);break;case"update_limit":Se(!0);break;case"revoke_invite":mt(u.bulkActionCardIds);break}},[u.bulkActionCardIds,n,mt,L]),C=o.chargeCard;c.useEffect(()=>{if(!(Ye===void 0||o.cardId===void 0||C===void 0))switch(Ye){case oe.CLOSE:Ue||(n([o.cardId]),xe(!0));break;case oe.LOCK:_e||(n([o.cardId]),fe(!0));break;case oe.UNLOCK:H!=="In-Progress"&&H!=="Completed"&&Ct(o.cardId);break;case oe.REVOKE_INVITE:Q!=="In-Progress"&&Q!=="Completed"&&pt(o.cardId);break;case oe.RENAME:Ve||We(!0);break;case oe.UPDATE_SPEND_LIMIT:Ge||(C.type.code.includes("debit")&&o.depositAccountLimitFetchState.fetchState!=="Completed"&&m(C.connectedAccountId,o.cardId),qe(!0));break}},[Ye,o.cardId,Ge,Ve,Ue,_e,H,Q,n,m,Ct,pt]);const Qe=Ha(),K=!!Qe.loggedInUserRole.includes("charge_card_user"),ye=Qa(Qe),v=re.hasChargeCardAdminLevelAccess(Qe.loggedInUserRoleMap),ee=c.useMemo(()=>v===!0?{creditCardCashbackOffer:`${j.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${j.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:V(j.cashbackSummary.cashbackEarned.amount),redeemedCashback:V(j.cashbackSummary.cashbackRedeemed.amount),availableCashback:V(j.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:j.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:j.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,[v,j.cashbackAnalytics.creditCardCashbackOffer,j.cashbackAnalytics.debitCardCashbackOffer,j.cashbackSummary.cashbackEarned.amount,j.cashbackSummary.cashbackRedeemed.amount,j.cashbackSummary.cashbackAvailable.amount,j.cashbackAnalytics.creditCardCashbackRedemptionMode,j.cashbackAnalytics.debitCardCashbackRedemptionMode]),we=c.useMemo(()=>x&&E&&v===!0?{creditAccountId:g.id,creditAccountLimit:V(g.limit.amount),creditAccountAvailableAmount:V(g.available.amount),creditAccountSpentAmount:V(g.balance.amount+g.hold.amount),creditAccountStatus:g.status,outstandingBalance:V(A.remainingAmountDue.amount)}:void 0,[x,E,v,g.id,g.limit.amount,g.available.amount,g.balance.amount,g.hold.amount,g.status,A.remainingAmountDue.amount]),ke=c.useMemo(()=>S&&$?{debitAccountId:z.depositAccounts.map(i=>i.id),debitAccountName:z.depositAccounts.map(i=>i.accountName),debitAccountBalance:z.depositAccounts.map(i=>V(i.accountBalance.available.amount)),debitCardsSpend:V(e.debitCardSummary?.currentMonthSpends?.amount??0),debitAccountStatus:z.depositAccounts.map(i=>i.accountStatus)}:void 0,[S,$,z.depositAccounts,e.debitCardSummary?.currentMonthSpends?.amount]),$e={isCreditCardOffered:x,isDebitCardOffered:S,isDebitCardEnabled:$,isCreditCardEnabled:E},Fa=i=>{ka(i),i===!0&&(be.trackCardsListPageClicked("search"),(!x||g.fetchState==="Completed"&&A.fetchState==="Completed")&&(!(S&&$)||z.fetchState==="Completed")&&ee!=null&&be.trackCardsCardListSearchClick(J,$e,ee,we,ke))},T=Fe(),Ft=ye&&!v,Et=e.creditAccount.balance.amount+e.creditAccount.hold.amount,ce={amount:Et,currencyCode:e.creditAccount.balance.currencyCode,currencySymbol:e.creditAccount.balance.currencySymbol},Ke=Math.round(ce.amount*100/e.creditAccount.limit.amount),Ea=isNaN(Ke)?0:Et!==0&&Ke===0?1:Ke,le=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate,et=v&&ce.amount>Te*e.creditAccount.limit.amount/100,ue=le!=null&&A.initiatedRepayments.amount>0,Ma={entity:"charge_cards",showNewButtonOnNavbar:v,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:v?O.newBtnLabel:D.strings.empty,hideSearchBtn:K,searchTextBoxStyle:{right:Ft?a.sp4:"96px"},moreIconContainerStyle:{paddingRight:Ft?a.sp0:a.sp4},isSearchOpen:ft,searchPlaceHolder:O.searchPlaceHolder,searchText:l,showSettingsIcon:!K,showSettingsIconOnNavbar:v,showStatementButtonOnNavbar:x&&E,showPayEarlyButtonOnNavbar:de&&v&&ce.amount>0&&!ue&&!et,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,analytics:be,onSearchOpen:Fa,onSearchTextChanged:la,onClickSetupIcon:ua,onClickStatementsIcon:ha,downloadState:"Not-Started",onNewButtonClick:ga,onClickPayEarlyIcon:()=>ge("More Button","Pay Early"),onMenuOpen:()=>{(!x||g.fetchState==="Completed"&&A.fetchState==="Completed")&&(!(S&&$)||z.fetchState==="Completed")&&ee!=null&&be.trackCardsCardListMoreMenuClick(J,$e,ee,we,ke)},filters:{categoryCombinationOperator:"AND",categories:[]}},Ta=t.jsx(xr,{spendManagementSectionProps:Ma}),Ra=e.cards.length===0?!1:K&&re.anyCardOnHold(e.cards),Da=e.fetchState==="Completed"?gi({isChargeCardFeatureEnabled:x,isChargeCardSetupEnabled:E,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:$}):"",je=e.debitCardSummary!=null?e.debitCardSummary.currentMonthSpends.amount-e.debitCardSummary.lastCompletedMonthSpends.amount:0,Ba=x&&E&&e.hasCreditCard,za=S&&$&&e.hasDebitCard,Na=x&&E&&ye&&!v,Oa=S&&$&&ye&&!v,Ie=e.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(re.dateNow(),"days")??0,tt=[w.payNow,Ie>0&&Ie<11?`${w.billDueIn} ${Ie} ${Ie===1?D.timeStrings.day:D.timeStrings.days}`:w.creditLimitLow,w.payNow],Mt=A.initiatedRepayments.amount===g.balance.amount+g.hold.amount,at=[w.paymentInitiated,`${O.header.limit} ${Mt?D.resets:D.updates} ${D.by} ${re.zeniDate(re.getNextNthWorkingDay(A.initiatedRepaymentDate?.toDate()??re.dateNow().toDate(),[0,6],3).toDateString()).format(ve.visual.MMMDFormat)}`,w.paymentInitiated],rt=c.useRef(null),it=c.useRef(null),_a=ea(),[Ua,Tt]=c.useState(!0);c.useEffect(()=>{const i=()=>{it.current&&(it.current.getBoundingClientRect().top<(T==="small"?68:40)?Tt(!1):Tt(!0))};i();const s=()=>{i()},f=rt.current;return f&&f.addEventListener("scroll",s),window.addEventListener("scroll",s),()=>{f&&f.removeEventListener("scroll",s),window.removeEventListener("scroll",s)}},[T]);const Va=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&F(o.cardId,s)},Wa=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&U(o.cardId,s)},Ga=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;k(u.bulkActionCardIds,s)},qa=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;B(u.bulkActionCardIds,s)},te=c.useMemo(()=>{const i={};return u.chargeCards.forEach(s=>{i[s.id]=s}),{chargeCardsByCardId:i,cardRecurringExpensesByCardId:u.recurringExpensesByCardId,fetchState:u.recurringExpensesFetchState.fetchState}},[u]),Ya=c.useCallback(()=>{n(u.bulkActionCardIds),Z(!0)},[u.bulkActionCardIds,n]),Ja=c.useCallback(()=>{n(u.bulkActionCardIds),X(!0)},[u.bulkActionCardIds,n]),Rt=c.useCallback(i=>{const s=u.bulkActionCardIds.filter(f=>f!==i);I(s),s.length===0&&(Z(!1),X(!1))},[u.bulkActionCardIds,I]),Dt=Re&&y===0,Bt=y===-1;return t.jsxs($i,{ref:rt,children:[t.jsx(Ka,{title:Da,showBackButton:!0,showMenuIcon:T==="medium-compact"||T==="small",onClickMenuIcon:ya,style:{zIndex:3},onBackClick:ba,rightSideComponent:Ta,isSearchOpen:ft,hideSearchBtn:K,scrollableContent:rt,source:"ChargeCardListPage",backgroundColor:_a.colors.grey4}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?t.jsx(er,{fetchState:e.fetchState,styles:{margin:"auto"}}):t.jsxs(t.Fragment,{children:[K?null:t.jsxs(ji,{windowSize:T,children:[Ba||Na?t.jsxs(Yt,{windowSize:T,children:[t.jsxs(Ht,{children:[t.jsxs(Qt,{children:[t.jsxs(Kt,{children:[t.jsx(Zt,{children:O.creditCardBalance}),t.jsx(ie,{amount:ce,integerStyles:{...R.h5Regular.cssObject},decimalStyles:{...R.largeSemiBold.cssObject}})]}),t.jsxs(Si,{children:[t.jsx(Le,{style:{textAlign:"end"},children:D.texts.limit}),t.jsx(ie,{amount:e.creditAccount.limit,style:{justifyContent:"end"},integerStyles:R.largeRegular.cssObject,decimalStyles:R.smallRegular.cssObject})]})]}),t.jsx(Ei,{children:t.jsx(Mi,{style:{width:`${Ea}%`,borderRadius:a.sp1}})}),et&&!ue&&de?t.jsx(ot,{placement:"bottom",style:{color:p.heroDark,padding:`12px ${a.sp3}`},title:t.jsx(pi,{children:w.creditLimitIsRunningLow}),children:t.jsxs(Jt,{children:[t.jsx(ie,{amount:e.creditAccount.available,integerStyles:R.largeMedium.cssObject,decimalStyles:R.smallMedium.cssObject}),t.jsx(Xt,{windowSize:T,children:D.texts.remaining}),t.jsx(Ci,{children:t.jsx(mi,{})})]})}):t.jsxs(Jt,{children:[t.jsx(ie,{amount:e.creditAccount.available,integerStyles:R.largeMedium.cssObject,decimalStyles:R.smallMedium.cssObject}),t.jsx(Xt,{windowSize:T,children:D.texts.remaining})]})]}),t.jsxs(yi,{showPaymentInitiatedInfo:ue,isEarlyPayEnabled:de,children:[ue&&de?null:t.jsx(Le,{children:`${D.texts.limitReset} ${le!=null?le.format(ve.visual.MMMDFormat):null}`}),v&&de&&(ue?t.jsx("div",{children:t.jsx(ot,{maxWidth:"242px",style:{padding:`12px ${a.sp3}`},title:t.jsxs(bi,{children:[t.jsx(qt,{children:`${w.paymentOf} ${me("0,0.[00]",{amount:A.initiatedRepayments.amount,currencyCode:A.initiatedRepayments.currencyCode,currencySymbol:A.initiatedRepayments.currencySymbol})} ${w.madeOn} `}),t.jsx(fi,{children:A.initiatedRepaymentDate?.format(ve.visual.MMMDFormat)}),D.strings.space,t.jsx(qt,{children:Mt?w.isProcessingAndWillResetTheCreditLimitIn23BusinessDays:w.isProcessingAndWillUpdateTheCreditLimitIn23BusinessDays})]}),placement:"bottom",children:t.jsxs(Vt,{hasPointer:!1,children:[at.length>0&&t.jsx(st,{slideUpCount:at.length,style:{alignItems:"flex-end",width:"auto"},children:at.map((i,s)=>t.jsx(li,{children:i},`card-payment-initiated-${s.toString()}`))}),t.jsx(hi,{})]})})}):et?t.jsx(ot,{variant:"informative",arrow:!0,style:{top:a.sp2,left:"22px",position:"relative"},data:{preHeading:"URGENT",heading:w.creditLimitIsLow,description:w.transactionsMayBeDeclinedBecauseTheCreditLimitIsRunningLow,buttonText:w.payNow,tooltipContentStyle:{width:"240px",boxSizing:"content-box",gap:a.sp0},tooltipIntroductionStyle:{color:p.important},buttonStyle:{width:"31%"},onButtonClick:()=>{Ne(!1),ge("Toast Button","Pay Now")},showCloseButton:!0,onClose:i=>{i.preventDefault(),i.stopPropagation(),Ne(!1)}},title:"informative",placement:"bottom-end",open:wa&&Ua,children:t.jsxs(Vt,{ref:it,onClick:()=>{Ne(!1),ge("Text Button","Pay Now")},hasPointer:!0,children:[tt.length>0&&t.jsx(st,{slideUpCount:tt.length,style:{alignItems:"flex-end",width:"auto"},children:tt.map((i,s)=>t.jsx(ci,{isImportant:s===1,children:i},`card-pay-now-${s.toString()}`))}),t.jsx(Wt,{})]})}):ce.amount>0?t.jsxs(ui,{onClick:()=>ge("Text Button","Pay Early"),children:[w.payEarly,t.jsx(Wt,{})]}):null)]})]}):x&&E?t.jsx(Ut,{cardType:"creditCard",header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.credit),creditLimit:nt("0,0",Ce.amount,Ce.currencySymbol),onCreateNowClick:bt}):De?t.jsx(_t,{cardPromoType:"credit",cardText:b.listPage.creditCards,header:b.listPage.getAccessTo,title:b.listPage.creditCards,subTitle:b.listPage.promoSubText.credit,slidingTextList:Gt("credit",ze,{amount:y,currencyCode:Ce.currencyCode,currencySymbol:Ce.currencySymbol}),onClick:gt,status:Bt?"rejected":Dt?"under_review":void 0,statusMessage:Bt?b.listPage.status.rejectedMessage:Dt?b.listPage.status.underReviewMessage:void 0}):null,za||Oa?t.jsxs(Yt,{windowSize:T,children:[t.jsxs(Ht,{children:[t.jsx(Qt,{children:t.jsxs(Kt,{children:[t.jsx(Zt,{children:O.debitCardSpend}),t.jsx(ie,{amount:e.debitCardSummary?.currentMonthSpends,integerStyles:{...R.h5Regular.cssObject},decimalStyles:{...R.largeSemiBold.cssObject}})]})}),t.jsx(vi,{children:je!==0?t.jsxs(t.Fragment,{children:[je<0?t.jsx(Ai,{}):t.jsx(Pi,{}),t.jsx(Li,{hasNegativeValue:je<0,children:nt("0,0.00",je,e.debitCardSummary?.currentMonthSpends.currencySymbol)}),t.jsx(da,{children:O.compareToLastMonth})]}):null})]}),t.jsx(sa,{children:t.jsx(Le,{children:`${D.texts.limitReset} ${le!=null?le.format(ve.visual.MMMDFormat):null}`})})]}):S&&$?t.jsx(Ut,{cardType:"debitCard",header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.debit),onCreateNowClick:bt}):S?t.jsx(_t,{cardPromoType:"debit",cardText:b.listPage.debitCards,header:b.listPage.getAccessTo,title:b.listPage.debitCards,subTitle:b.listPage.promoSubText.debit,slidingTextList:Gt("debit",ze),onClick:gt}):null,t.jsxs(Ii,{windowSize:T,children:[Me?t.jsxs(xi,{children:[t.jsx(Le,{style:{textAlign:"start"},children:O.totalCashback}),t.jsx(ie,{amount:e.totalCashback,style:{justifyContent:"flex-start"},integerStyles:R.h5Regular.cssObject,decimalStyles:R.smallSemiBold.cssObject}),e.totalCashback.amount>0?t.jsx(ki,{windowSize:T,children:t.jsxs(Fi,{windowSize:T,onClick:xa,"data-testid":dt("total-cashback-info"),children:[t.jsx(wi,{children:O.overview}),t.jsx(Ti,{})]})}):null]}):null,t.jsx(Di,{children:t.jsx(Bi,{})})]})]}),e.cards.length===0&&K===!0||Ra?t.jsx(Ri,{children:t.jsx(wr,{companyLegalName:d,cards:e.cards,admins:h,hasZeniFinopsRoles:ye,cashbackRate:ze})}):t.jsxs(t.Fragment,{children:[Ue&&o.cardId!=null&&C&&t.jsx(Nt,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{xe(!1),P()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:C},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,closeCardFetchState:o.closeChargeCardsFetchState.fetchState,onConfirmClick:Va,onDismissClick:()=>{xe(!1),P()},onRemoveCardClick:()=>{}}),_e&&o.cardId!=null&&C&&t.jsx(Ot,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{fe(!1),P()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:C},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,lockCardFetchState:o.lockChargeCardsFetchState.fetchState,onConfirmClick:Wa,onDismissClick:()=>{fe(!1),P()},onRemoveCardClick:()=>{}}),ja&&u.bulkActionCardIds.length>0&&t.jsx(Nt,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{X(!1),I([])},isChargeCardAdmin:!0,chargeCardsByCardId:te.chargeCardsByCardId,cardRecurringExpensesByCardId:te.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:te.fetchState,closeCardFetchState:e.closeChargeCardsFetchState.fetchState,onConfirmClick:Ga,onDismissClick:()=>{X(!1),I([])},onRemoveCardClick:Rt}),$a&&u.bulkActionCardIds.length>0&&t.jsx(Ot,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{Z(!1),I([])},isChargeCardAdmin:!0,chargeCardsByCardId:te.chargeCardsByCardId,cardRecurringExpensesByCardId:te.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:te.fetchState,lockCardFetchState:e.lockChargeCardsFetchState.fetchState,onConfirmClick:qa,onDismissClick:()=>{Z(!1),I([])},onRemoveCardClick:Rt}),Ve&&o.cardId!=null&&C&&t.jsx(jr,{currentCardName:C.cardName,renameFetchState:o.updateChargeCardNameFetchState.fetchState,onCancelClick:()=>{We(!1),P()},onSubmitClick:i=>{o.cardId!=null&&pa(o.cardId,i)}}),Ge&&o.cardId!=null&&C&&t.jsx(Ir,{controllerEmails:J,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:$,isChargeCardSetupEnabled:E,productInformation:$e,cashbackInformation:ee,creditAccountInformation:we,debitAccountInformation:ke,cardDetail:C,depositAccountLimitFetchState:o.depositAccountLimitFetchState.fetchState,creditAccount:g,creditAccountRepayment:A,signedInUser:Be,isDebitCard:C.type.code.includes("debit"),classListFetchState:"Not-Started",currentLimitAmount:C.limit,currentSpentAmount:C.balance,maxLimitAmount:C.type.code.includes("debit")?o.depositAccountLimit?.cardLimits.dailyCardTransactionLimit:g.limit,isDisabled:C.type.code.includes("debit")&&o.depositAccountLimitFetchState.fetchState!=="Completed",updateLimitFetchState:o.updateChargeCardLimitFetchState.fetchState,onCancelClick:()=>{qe(!1),P()},onSubmitClick:i=>{if(o.cardId!=null){const s={amount:i,currencyCode:C.limit.currencyCode,currencySymbol:C.limit.currencySymbol};ne(o.cardId,s,C.creditLimitFrequency,me("0,0.[00]",s))}},recommendations:C.recommendations}),Ia&&M.length>0&&t.jsx(Qr,{currentSpentAmount:La??{amount:0,currencyCode:M[0].limit.currencyCode,currencySymbol:M[0].limit.currencySymbol},maxLimitAmountForCreditCard:e.creditAccount.limit,maxLimitAmountForDebitCard:Aa,hasCreditCard:u.hasCreditCards,hasDebitCard:u.hasDebitCards,signedInUser:Be,isDisabled:u.hasDebitCards&&z.fetchState!=="Completed",updateLimitFetchState:e.updateChargeCardsSpendLimitFetchState.fetchState,onCancelClick:()=>{Se(!1),I([])},onSubmitClick:i=>{const s={amount:i,currencyCode:M[0].limit.currencyCode,currencySymbol:M[0].limit.currencySymbol};G(u.bulkActionCardIds,s,M[0].creditLimitFrequency)}}),t.jsx(Sr,{cardsSelectedForBulkAction:u.bulkActionCardIds,isBulkActionAllowed:v,firstSelectedCardStatus:va,bulkSubmissionLimit:yr,removeAllCardsFromBulkActionList:()=>I([]),updateBulkActionList:I,onProceedForBulkActionClick:Pa,onBulkLockClick:Ya,onBulkCloseClick:Ja,setShowBulkChangeSpendLimitPopup:Se,depositAccountListWithDebitCardIssued:z,setCardIdForRowAction:Oe,setActionTypeForRowAction:xt,cashbackInformation:ee,creditAccountInformation:we,debitAccountInformation:ke,productInformation:$e,controllerEmails:J,isChargeCardFeatureEnabled:x,isCardControlsEnabled:se,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:$,isChargeCardSetupEnabled:E,creditAccount:g,creditAccountRepayment:A,cardList:e.cards,showViewForCardUser:!1,signedInUser:Be,fetchState:e.fetchState,revokeChargeCardsInviteFetchState:e.revokeChargeCardsInviteFetchState.fetchState,unlockChargeCardsFetchState:e.unlockChargeCardsFetchState.fetchState,onReloadCards:fa,onChargeCardRowClick:ma,searchText:l,receiptBotEmail:e.chargeCardConfig.receiptBotEmail,uiState:ca,resendInviteId:e?.resendCardInvite?.cardId,onColumnSortConfigChanged:Sa,onChargeCardResendInviteClick:Ca,rowActionView:o})]})]})]})},ci=r(ta)`
   color: ${e=>e.isImportant?p.important:e.theme.colors.primary};
   text-align: end;
 `,li=r(ta)`
@@ -219,7 +219,7 @@ import{a9 as Xa,aP as N,ax as Ha,g5 as Qa,l as re,iZ as V,q as Fe,F as Ee,o as a
   height: 21px;
   overflow: hidden;
   cursor: ${e=>e.hasPointer?"pointer":"default"};
-`,ui=r(q)`
+`,ui=r(Y)`
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
   display: flex;
@@ -237,7 +237,7 @@ import{a9 as Xa,aP as N,ax as Ha,g5 as Qa,l as re,iZ as V,q as Fe,F as Ee,o as a
   color: ${p.important};
   width: ${a.sp3};
   height: ${a.sp3};
-`,pi=r(q)`
+`,pi=r(Y)`
   color: ${p.heroDark};
   white-space: pre-line;
   text-align: left;
@@ -247,7 +247,7 @@ import{a9 as Xa,aP as N,ax as Ha,g5 as Qa,l as re,iZ as V,q as Fe,F as Ee,o as a
   justify-content: center;
 `,Gt=(e,l,h)=>{const d=(l*100).toFixed(2);if(e==="credit"){const n=[...b.listPage.promoMultiText.credit];if(n[1]=n[1].replace("__cashBack__",d),h&&h.amount!==0)return n[0]=n[0].replace("__creditLimit__",nt("0,0",h.amount,h.currencySymbol)),[...n,n[0]];{const m=n.slice(1);return[...m,m[0]]}}else if(e==="debit"){const n=[...b.listPage.promoMultiText.debit];return n[0]=n[0].replace("__cashBack__",d),[...n,n[0]]}return[]},gi=({isChargeCardFeatureEnabled:e,isChargeCardSetupEnabled:l,isDebitCardFeatureEnabled:h,isDebitCardSetupEnabled:d})=>e&&l&&h&&d?O.title.cards:e&&l?O.title.credit:h&&d?O.title.debit:"",bi=r.div`
   text-align: left;
-`,Yt=r.span``,fi=r.span`
+`,qt=r.span``,fi=r.span`
   white-space: nowrap;
 `,xi=r.div`
   min-width: 137px;
@@ -304,7 +304,7 @@ import{a9 as Xa,aP as N,ax as Ha,g5 as Qa,l as re,iZ as V,q as Fe,F as Ee,o as a
       -ms-overflow-style: none;
       scrollbar-width: none;
     `}
-`,qt=r.div`
+`,Yt=r.div`
   display: flex;
   flex-grow: 1;
   flex-direction: column;
@@ -342,12 +342,12 @@ import{a9 as Xa,aP as N,ax as Ha,g5 as Qa,l as re,iZ as V,q as Fe,F as Ee,o as a
   align-items: baseline;
   gap: ${a.sp2};
   align-items: center;
-`,Zt=r(q)`
+`,Zt=r(Y)`
   color: ${e=>e.theme.colors.hero};
 `,Xt=r(ar)`
   color: ${e=>e.theme.colors.primary};
   ${e=>`${di.remainingText.style(e.windowSize)}`};
-`,Le=r(q)`
+`,Le=r(Y)`
   color: ${e=>e.theme.colors.hero};
   white-space: nowrap;
 `,vi=r.div`

package/dist/assets/{ChargeCardListTable-DM6dYuPz-Nmy4gJXY.js → ChargeCardListTable-DEqAOIyN-nTkk33YA.js}

@@ -1,4 +1,4 @@
-import{j as t,cs as ni,aa as li,F as le,ad as di,q as ie,ax as ke,a9 as ci,d as ze,h7 as hi,i_ as pi,i$ as ui,j0 as mi,aQ as gi,o as i,aM as Y,cB as xi,b as Re,p as I,b3 as wi,cI as Ci,j1 as fi,j2 as Si,c6 as Se,b_ as ki,aS as yi,y as C,eU as vi,ba as ji,j3 as $i,aT as bi,r as Ii,ai as ee,h9 as Li,an as G,am as J,u as p,d4 as zi,dd as Fi,j4 as Ai,j5 as Pi,B as ft,cb as St,j6 as kt,j7 as Bi,c4 as Ri,cN as Ge,j8 as yt,dO as Di,dP as q,aN as ce,cK as vt,L as jt,j9 as _i,cQ as Ei,iS as Je,bQ as $t,bY as bt,ja as Oi,jb as Ti,aU as je,by as Vi,cc as Ui,cd as Ni,jc as Mi}from"./index-BtlpidgV.js";import{w as pe,b as f,n as o,i as Qe}from"./vendor-Bs1fkIUX.js";import{P as Te}from"./Menu-DGwHJlS--B2gglYn5.js";import{T as It}from"./RoleWithToolTip-CqLSnFDx-Cq53LB-b.js";import{j as Ve}from"./CardNumberSubText-B1MkRWES-BjDnia-x.js";const ge=le.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Wi=le.getLocalizedStrings().common.strings.empty,Ze={key:"owner",value:ge.owner,sortOrder:"ascending",width:new C(120,120,160,200,200)},Xe={key:"cardName",value:ge.cardName,sortOrder:"ascending",width:new C(120,120,160,171,171)},et={key:"cardType",value:ge.cardType,sortOrder:"ascending",width:new C(120,120,130,170,170)},tt={key:"status",value:ge.status,sortOrder:"ascending",width:new C(115,115,125,132,132)},it={key:"utilisation",value:ge.utilisation,sortOrder:"ascending",width:new C(p[11],p[11],p[11],p[12],120)},ot={key:"limit",value:ge.limit,sortOrder:"ascending",width:new C(68,68,68,120,120)},Lt=e=>e===!0?[{...Ze,width:new C(0,0),value:Wi},Xe,et,tt,it,ot]:[Ze,Xe,et,tt,it,ot],{common:Ce,spendManagement:{billPay:{paymentDetails:{feePercent:Hi}},chargeCard:j}}=le.getLocalizedStrings(),re={containerPaddingLeft:new C(p[3],p[2]),containerPaddingRight:new C(p[2],p[3]),containerPaddingTop:new C(p[2],p[3]),containerPaddingBottom:new C(p[2],p[3]),containerMarginLeft:new C(p[4],p[0]),containerMarginRight:new C(p[4],p[0]),webkitLineClamp:new C(2,1,1,1,1)};var Ki=(e=>(e.CLOSE="close",e.LOCK="lock",e.UNLOCK="unlock",e.RENAME="rename",e.UPDATE_SPEND_LIMIT="update_spend_limit",e.REVOKE_INVITE="revoke_invite",e))(Ki||{});const qi={moreItemFont:new ft("extraSmallRegular","smallRegular")},Yi=({setCardIdForRowAction:e,setActionTypeForRowAction:s,rowActionView:r,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,cardDetail:a,isCardControlsEnabled:n,showViewForCardUser:x,signedInUser:w,resendInviteId:g,index:k,onChargeCardRowClick:$,onChargeCardResendInviteClick:y})=>{const[h,m]=f.useState(!1),[S,B]=f.useState(!1);f.useEffect(()=>{h||B(!1)},[h]),f.useEffect(()=>{l.length>0&&h&&(m(!1),B(!1))},[l.length,h]);const R=r.cardId===a.id,D=l.includes(a.id),z=R&&r.unlockChargeCardsFetchState.fetchState==="In-Progress"||D&&c==="In-Progress",N=R&&r.revokeChargeCardFetchState.fetchState==="In-Progress"||D&&d==="In-Progress",u=z||N,v=ie(),E=!!ke().loggedInUserRole.includes("charge_card_user")||x,M=f.useCallback(()=>{$(a.id,k)},[a.id]),T=yt(a)/a.limit.amount*100,W=a?.cardHolderUserId===w.userId,A=a.status.code!=="closed"&&a.status.code!=="closed_by_customer",V=Di(a.cardHolderUser,!1),H=a.balance,F=Lt(E),te=t.jsxs(t.Fragment,{children:[t.jsx(q,{isLoading:u,customStyle:{width:i.sp9,height:"20px",borderRadius:i.sp1},children:t.jsx(uo,{title:ce("0,0.[00]",H),className:"amountToUtilize",children:ce("0,0.[00]",H)})}),T!==0?t.jsx(q,{isLoading:u,customStyle:{width:i.sp11,height:i.sp3,borderRadius:i.sp1},children:t.jsx(mo,{className:"amountToUtilize",children:`${Math.round(T)}${Hi}`})}):null]}),Q=a.type.code,_=j.cardList.tooltip[Q],de=_!=null?W?_.self:`${V} ${_.cardUser}`:Ce.strings.empty;return t.jsx(Ji,{windowSize:v,children:t.jsx(Qi,{onClick:M,"data-testid":Y("card-row",a.id),children:t.jsxs(Xi,{children:[E?null:t.jsx(ue,{children:t.jsxs(eo,{windowSize:v,responsiveWidth:F[0].width,children:[t.jsx(q,{isLoading:u,flex:"0 0",customStyle:{width:i.sp6,height:i.sp6,borderRadius:"50%"},children:t.jsx(vt,{personBasic:a.cardHolderUser,styles:{height:i.sp6,width:i.sp6,minWidth:i.sp6}})}),t.jsxs(io,{isLoading:u,children:[t.jsx(to,{isLoading:u,children:t.jsx(q,{isLoading:u,customStyle:{width:"88px",height:"20px",borderRadius:i.sp1},children:t.jsx(oo,{windowSize:v,title:V,className:"cardHolderName",children:V===Ce.strings.empty?Ce.strings.hyphen:V})})}),t.jsx(q,{isLoading:u,customStyle:{width:"104px",height:i.sp3,borderRadius:i.sp1},children:t.jsx(nt,{className:"additionalInfoContainer",children:a.cardHolderRoles?.userRoles!=null&&t.jsx(It,{roles:a.cardHolderRoles?.userRoles})})})]})]})}),t.jsx(ue,{children:t.jsxs(no,{isLoading:u,windowSize:v,responsiveWidth:F[1].width,children:[t.jsx(q,{isLoading:u,customStyle:{width:"88px",height:"20px",borderRadius:i.sp1},children:t.jsx(lo,{title:a.cardName,className:"cardName",children:a.cardName})}),t.jsxs(q,{isLoading:u,customStyle:{width:"104px",height:i.sp3,borderRadius:i.sp1},children:[" ",t.jsx(So,{windowSize:v,className:"cardNameSubText",children:a.status.code==="request_on_hold"?Ce.strings.hyphen:j.cardDetails.expiryHideOut+Ce.strings.space+a.accountLast4})]})]})}),t.jsx(ue,{children:t.jsx(co,{windowSize:v,responsiveWidth:F[2].width,children:t.jsx(ho,{className:"card-type",children:t.jsx(q,{isLoading:u,customStyle:{width:"144px",height:i.sp4,borderRadius:i.sp1},children:t.jsx(Ve,{cardDetail:a,forDetailPage:!1})})})})}),t.jsx(ue,{children:t.jsx(lt,{windowSize:v,isLoading:u,responsiveWidth:F[3].width,children:t.jsx(q,{isLoading:u,customStyle:{width:"112px",height:i.sp4,borderRadius:i.sp1},children:g===a.id?t.jsx(jt,{size:"Small",start:!0}):t.jsxs(po,{children:[t.jsx(wo,{children:a.status.code==="request_on_hold"?t.jsxs(Se,{display:"flex",title:de,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:[t.jsx(Le,{status:a.status.code,style:{cursor:"pointer"}}),t.jsx(go,{style:{marginLeft:i.sp1},className:"infoIconTooltip"})]}):t.jsx(Le,{status:a.status.code})}),a.status.code==="request_on_hold"&&!W?t.jsx(xo,{onClick:K=>{K.stopPropagation(),y(a.id)},"data-testid":Y("send-reminder",a.id),children:j.cardList.sendReminder}):null]})})})}),t.jsx(ue,{children:t.jsx(lt,{windowSize:v,isLoading:u,responsiveWidth:F[4].width,children:te})}),t.jsx(ue,{children:t.jsxs(so,{windowSize:v,responsiveWidth:F[5].width,children:[t.jsxs(ro,{windowSize:v,isLoading:u,children:[t.jsx(q,{isLoading:u,customStyle:{width:"68px",height:"20px",borderRadius:i.sp1},children:t.jsx(ao,{className:"limitAmount",windowSize:v,title:ce("0,0.[00]",a.limit),children:ce("0,0.[00]",a.limit)})}),t.jsx(nt,{className:"additionalInfoContainer",children:t.jsx(q,{isLoading:u,customStyle:{width:i.sp8,height:i.sp3,borderRadius:i.sp1},children:a.creditLimitFrequency.name})})]}),t.jsx(Co,{className:"menu-icon",onMouseEnter:()=>{!h&&A&&B(!0)},onMouseLeave:()=>{A&&B(!1)},children:(()=>{const K=a.status.code==="locked",oe=a.status.code==="closed"||a.status.code==="closed_by_customer",xe=E?n&&!u&&!oe&&!(K&&a.isLockedByAdmin):n?!u&&A:a.status.code==="request_on_hold",b=l.length>0;return xe&&t.jsx(Se,{open:S&&!h&&!b,variant:"standard",title:j.cardList.moreActionsTooltip,placement:"bottom-end",children:t.jsx(Te,{isMenuVisible:!0,menuItems:t.jsx(fo,{children:t.jsx(zt,{cardDetail:a,isCardControlsEnabled:n,isChargeCardUser:E,setIsMenuOpen:m,setCardIdForRowAction:e,setActionTypeForRowAction:s})}),setIsMenuOpen:Fe=>{b||m(Fe)},isMenuOpen:h&&!b,menuIconStyles:{height:"auto",cursor:b?"not-allowed":"pointer",opacity:b?.5:1,pointerEvents:b?"none":"auto"},styles:{transform:`translate(${i.sp3},${i.sp2})`}})})})()})]})})]})})})},zt=({cardDetail:e,isCardControlsEnabled:s,isChargeCardUser:r,setIsMenuOpen:d,setCardIdForRowAction:c,setActionTypeForRowAction:l})=>{const a=ie();return s?e.status.code==="request_on_hold"?r?t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(O,{children:j.cardDetails.moreOptions.rename})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(O,{children:j.cardDetails.moreOptions.rename})]}),t.jsx($e,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:[t.jsx(Zi,{}),t.jsx(fe,{children:j.cardDetails.revokeInvite})]})]}):e.status.code==="inactive"?r?t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(O,{children:j.cardDetails.moreOptions.rename})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(O,{children:j.cardDetails.moreOptions.rename})]}),t.jsx($e,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Be,{}),t.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):e.status.code==="locked"?r?t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[t.jsx(at,{}),t.jsx(O,{children:j.cardDetails.moreOptions.unlock})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(O,{children:j.cardDetails.moreOptions.rename})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[t.jsx(at,{}),t.jsx(O,{children:j.cardDetails.moreOptions.unlock})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(O,{children:j.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[t.jsx(st,{}),t.jsx(O,{children:j.cardDetails.moreOptions.updateSpendLimit})]}),t.jsx($e,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Be,{}),t.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):r?t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(O,{children:j.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("lock")},children:[t.jsx(rt,{}),t.jsx(O,{children:j.cardDetails.moreOptions.lock})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[t.jsx(st,{}),t.jsx(O,{children:j.cardDetails.moreOptions.updateSpendLimit})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(O,{children:j.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("lock")},children:[t.jsx(rt,{}),t.jsx(O,{children:j.cardDetails.moreOptions.lock})]}),t.jsx($e,{}),t.jsxs(L,{windowSize:a,hoverImportant:!0,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Be,{}),t.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):e.status.code==="request_on_hold"?t.jsx(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:t.jsx(fe,{children:j.cardDetails.revokeInvite})}):null},Le=({status:e,style:s})=>{const r=ze(),d=Gi(e,r),c=le.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return ie()==="small"?t.jsx(Je,{textColor:d,text:c[e],tagStyles:{maxWidth:i.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...s}}):t.jsx(Je,{textColor:d,text:c[e],styles:s,tagStyles:{padding:"1px 6px"}})},Gi=(e,s)=>{switch(e){case"active":return new je(I.success);case"request_on_hold":return new je(I.graphColor36);case"inactive":return new je(I.alert);default:return new je(s.colors.grey1)}},O=o(J)`
+import{j as t,cs as ni,aa as li,F as le,ad as di,q as ie,ax as ke,a9 as ci,d as ze,h7 as hi,i_ as pi,i$ as ui,j0 as mi,aQ as gi,o as i,aM as Y,cB as xi,b as Re,p as I,b3 as wi,cI as Ci,j1 as fi,j2 as Si,c6 as Se,b_ as ki,aS as yi,y as C,eU as vi,ba as ji,j3 as $i,aT as bi,r as Ii,ai as ee,h9 as Li,an as G,am as J,u as p,d4 as zi,dd as Fi,j4 as Ai,j5 as Pi,B as ft,cb as St,j6 as kt,j7 as Bi,c4 as Ri,cN as Ge,j8 as yt,dO as Di,dP as q,aN as ce,cK as vt,k as jt,j9 as _i,cQ as Ei,iS as Je,bQ as $t,bY as bt,ja as Oi,jb as Ti,aU as je,by as Vi,cc as Ui,cd as Ni,jc as Mi}from"./index-CN7UAWAg.js";import{w as pe,b as f,n as o,i as Qe}from"./vendor-Bs1fkIUX.js";import{P as Te}from"./Menu-BsPZbkcv-dMEFFJAw.js";import{T as It}from"./RoleWithToolTip-Ckorto5Y-CV42dy1h.js";import{j as Ve}from"./CardNumberSubText-BudPffUB-BTvRfksc.js";const ge=le.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Wi=le.getLocalizedStrings().common.strings.empty,Ze={key:"owner",value:ge.owner,sortOrder:"ascending",width:new C(120,120,160,200,200)},Xe={key:"cardName",value:ge.cardName,sortOrder:"ascending",width:new C(120,120,160,171,171)},et={key:"cardType",value:ge.cardType,sortOrder:"ascending",width:new C(120,120,130,170,170)},tt={key:"status",value:ge.status,sortOrder:"ascending",width:new C(115,115,125,132,132)},it={key:"utilisation",value:ge.utilisation,sortOrder:"ascending",width:new C(p[11],p[11],p[11],p[12],120)},ot={key:"limit",value:ge.limit,sortOrder:"ascending",width:new C(68,68,68,120,120)},Lt=e=>e===!0?[{...Ze,width:new C(0,0),value:Wi},Xe,et,tt,it,ot]:[Ze,Xe,et,tt,it,ot],{common:Ce,spendManagement:{billPay:{paymentDetails:{feePercent:Hi}},chargeCard:j}}=le.getLocalizedStrings(),re={containerPaddingLeft:new C(p[3],p[2]),containerPaddingRight:new C(p[2],p[3]),containerPaddingTop:new C(p[2],p[3]),containerPaddingBottom:new C(p[2],p[3]),containerMarginLeft:new C(p[4],p[0]),containerMarginRight:new C(p[4],p[0]),webkitLineClamp:new C(2,1,1,1,1)};var Ki=(e=>(e.CLOSE="close",e.LOCK="lock",e.UNLOCK="unlock",e.RENAME="rename",e.UPDATE_SPEND_LIMIT="update_spend_limit",e.REVOKE_INVITE="revoke_invite",e))(Ki||{});const qi={moreItemFont:new ft("extraSmallRegular","smallRegular")},Yi=({setCardIdForRowAction:e,setActionTypeForRowAction:s,rowActionView:r,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,cardDetail:a,isCardControlsEnabled:n,showViewForCardUser:x,signedInUser:w,resendInviteId:g,index:k,onChargeCardRowClick:$,onChargeCardResendInviteClick:y})=>{const[h,m]=f.useState(!1),[S,B]=f.useState(!1);f.useEffect(()=>{h||B(!1)},[h]),f.useEffect(()=>{l.length>0&&h&&(m(!1),B(!1))},[l.length,h]);const R=r.cardId===a.id,D=l.includes(a.id),z=R&&r.unlockChargeCardsFetchState.fetchState==="In-Progress"||D&&c==="In-Progress",N=R&&r.revokeChargeCardFetchState.fetchState==="In-Progress"||D&&d==="In-Progress",u=z||N,v=ie(),E=!!ke().loggedInUserRole.includes("charge_card_user")||x,M=f.useCallback(()=>{$(a.id,k)},[a.id]),T=yt(a)/a.limit.amount*100,W=a?.cardHolderUserId===w.userId,A=a.status.code!=="closed"&&a.status.code!=="closed_by_customer",V=Di(a.cardHolderUser,!1),H=a.balance,F=Lt(E),te=t.jsxs(t.Fragment,{children:[t.jsx(q,{isLoading:u,customStyle:{width:i.sp9,height:"20px",borderRadius:i.sp1},children:t.jsx(uo,{title:ce("0,0.[00]",H),className:"amountToUtilize",children:ce("0,0.[00]",H)})}),T!==0?t.jsx(q,{isLoading:u,customStyle:{width:i.sp11,height:i.sp3,borderRadius:i.sp1},children:t.jsx(mo,{className:"amountToUtilize",children:`${Math.round(T)}${Hi}`})}):null]}),Q=a.type.code,_=j.cardList.tooltip[Q],de=_!=null?W?_.self:`${V} ${_.cardUser}`:Ce.strings.empty;return t.jsx(Ji,{windowSize:v,children:t.jsx(Qi,{onClick:M,"data-testid":Y("card-row",a.id),children:t.jsxs(Xi,{children:[E?null:t.jsx(ue,{children:t.jsxs(eo,{windowSize:v,responsiveWidth:F[0].width,children:[t.jsx(q,{isLoading:u,flex:"0 0",customStyle:{width:i.sp6,height:i.sp6,borderRadius:"50%"},children:t.jsx(vt,{personBasic:a.cardHolderUser,styles:{height:i.sp6,width:i.sp6,minWidth:i.sp6}})}),t.jsxs(io,{isLoading:u,children:[t.jsx(to,{isLoading:u,children:t.jsx(q,{isLoading:u,customStyle:{width:"88px",height:"20px",borderRadius:i.sp1},children:t.jsx(oo,{windowSize:v,title:V,className:"cardHolderName",children:V===Ce.strings.empty?Ce.strings.hyphen:V})})}),t.jsx(q,{isLoading:u,customStyle:{width:"104px",height:i.sp3,borderRadius:i.sp1},children:t.jsx(nt,{className:"additionalInfoContainer",children:a.cardHolderRoles?.userRoles!=null&&t.jsx(It,{roles:a.cardHolderRoles?.userRoles})})})]})]})}),t.jsx(ue,{children:t.jsxs(no,{isLoading:u,windowSize:v,responsiveWidth:F[1].width,children:[t.jsx(q,{isLoading:u,customStyle:{width:"88px",height:"20px",borderRadius:i.sp1},children:t.jsx(lo,{title:a.cardName,className:"cardName",children:a.cardName})}),t.jsxs(q,{isLoading:u,customStyle:{width:"104px",height:i.sp3,borderRadius:i.sp1},children:[" ",t.jsx(So,{windowSize:v,className:"cardNameSubText",children:a.status.code==="request_on_hold"?Ce.strings.hyphen:j.cardDetails.expiryHideOut+Ce.strings.space+a.accountLast4})]})]})}),t.jsx(ue,{children:t.jsx(co,{windowSize:v,responsiveWidth:F[2].width,children:t.jsx(ho,{className:"card-type",children:t.jsx(q,{isLoading:u,customStyle:{width:"144px",height:i.sp4,borderRadius:i.sp1},children:t.jsx(Ve,{cardDetail:a,forDetailPage:!1})})})})}),t.jsx(ue,{children:t.jsx(lt,{windowSize:v,isLoading:u,responsiveWidth:F[3].width,children:t.jsx(q,{isLoading:u,customStyle:{width:"112px",height:i.sp4,borderRadius:i.sp1},children:g===a.id?t.jsx(jt,{size:"Small",start:!0}):t.jsxs(po,{children:[t.jsx(wo,{children:a.status.code==="request_on_hold"?t.jsxs(Se,{display:"flex",title:de,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:[t.jsx(Le,{status:a.status.code,style:{cursor:"pointer"}}),t.jsx(go,{style:{marginLeft:i.sp1},className:"infoIconTooltip"})]}):t.jsx(Le,{status:a.status.code})}),a.status.code==="request_on_hold"&&!W?t.jsx(xo,{onClick:K=>{K.stopPropagation(),y(a.id)},"data-testid":Y("send-reminder",a.id),children:j.cardList.sendReminder}):null]})})})}),t.jsx(ue,{children:t.jsx(lt,{windowSize:v,isLoading:u,responsiveWidth:F[4].width,children:te})}),t.jsx(ue,{children:t.jsxs(so,{windowSize:v,responsiveWidth:F[5].width,children:[t.jsxs(ro,{windowSize:v,isLoading:u,children:[t.jsx(q,{isLoading:u,customStyle:{width:"68px",height:"20px",borderRadius:i.sp1},children:t.jsx(ao,{className:"limitAmount",windowSize:v,title:ce("0,0.[00]",a.limit),children:ce("0,0.[00]",a.limit)})}),t.jsx(nt,{className:"additionalInfoContainer",children:t.jsx(q,{isLoading:u,customStyle:{width:i.sp8,height:i.sp3,borderRadius:i.sp1},children:a.creditLimitFrequency.name})})]}),t.jsx(Co,{className:"menu-icon",onMouseEnter:()=>{!h&&A&&B(!0)},onMouseLeave:()=>{A&&B(!1)},children:(()=>{const K=a.status.code==="locked",oe=a.status.code==="closed"||a.status.code==="closed_by_customer",xe=E?n&&!u&&!oe&&!(K&&a.isLockedByAdmin):n?!u&&A:a.status.code==="request_on_hold",b=l.length>0;return xe&&t.jsx(Se,{open:S&&!h&&!b,variant:"standard",title:j.cardList.moreActionsTooltip,placement:"bottom-end",children:t.jsx(Te,{isMenuVisible:!0,menuItems:t.jsx(fo,{children:t.jsx(zt,{cardDetail:a,isCardControlsEnabled:n,isChargeCardUser:E,setIsMenuOpen:m,setCardIdForRowAction:e,setActionTypeForRowAction:s})}),setIsMenuOpen:Fe=>{b||m(Fe)},isMenuOpen:h&&!b,menuIconStyles:{height:"auto",cursor:b?"not-allowed":"pointer",opacity:b?.5:1,pointerEvents:b?"none":"auto"},styles:{transform:`translate(${i.sp3},${i.sp2})`}})})})()})]})})]})})})},zt=({cardDetail:e,isCardControlsEnabled:s,isChargeCardUser:r,setIsMenuOpen:d,setCardIdForRowAction:c,setActionTypeForRowAction:l})=>{const a=ie();return s?e.status.code==="request_on_hold"?r?t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(O,{children:j.cardDetails.moreOptions.rename})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(O,{children:j.cardDetails.moreOptions.rename})]}),t.jsx($e,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:[t.jsx(Zi,{}),t.jsx(fe,{children:j.cardDetails.revokeInvite})]})]}):e.status.code==="inactive"?r?t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(O,{children:j.cardDetails.moreOptions.rename})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(O,{children:j.cardDetails.moreOptions.rename})]}),t.jsx($e,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Be,{}),t.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):e.status.code==="locked"?r?t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[t.jsx(at,{}),t.jsx(O,{children:j.cardDetails.moreOptions.unlock})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(O,{children:j.cardDetails.moreOptions.rename})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[t.jsx(at,{}),t.jsx(O,{children:j.cardDetails.moreOptions.unlock})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(O,{children:j.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[t.jsx(st,{}),t.jsx(O,{children:j.cardDetails.moreOptions.updateSpendLimit})]}),t.jsx($e,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Be,{}),t.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):r?t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(O,{children:j.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("lock")},children:[t.jsx(rt,{}),t.jsx(O,{children:j.cardDetails.moreOptions.lock})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[t.jsx(st,{}),t.jsx(O,{children:j.cardDetails.moreOptions.updateSpendLimit})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(O,{children:j.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("lock")},children:[t.jsx(rt,{}),t.jsx(O,{children:j.cardDetails.moreOptions.lock})]}),t.jsx($e,{}),t.jsxs(L,{windowSize:a,hoverImportant:!0,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Be,{}),t.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):e.status.code==="request_on_hold"?t.jsx(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:t.jsx(fe,{children:j.cardDetails.revokeInvite})}):null},Le=({status:e,style:s})=>{const r=ze(),d=Gi(e,r),c=le.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return ie()==="small"?t.jsx(Je,{textColor:d,text:c[e],tagStyles:{maxWidth:i.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...s}}):t.jsx(Je,{textColor:d,text:c[e],styles:s,tagStyles:{padding:"1px 6px"}})},Gi=(e,s)=>{switch(e){case"active":return new je(I.success);case"request_on_hold":return new je(I.graphColor36);case"inactive":return new je(I.alert);default:return new je(s.colors.grey1)}},O=o(J)`
   color: inherit;
 `,fe=o(J)`
   color: ${I.important};

package/dist/assets/{ChargeCardPromoPage-DSoQsDJK-B4tTXnWg.js → ChargeCardPromoPage-CvPAVoti-Dig5Emby.js}

@@ -1,4 +1,4 @@
-import{q as b,F as oe,j as r,d as J,ax as ye,a9 as be,aP as je,aN as Se,l as Te,g5 as ze,bG as ve,fG as Pe,n as Q,aM as ee,o as t,a as ke,c as O,cR as Be,ar as Ae,y as x,aq as Ie,c6 as Le,iW as Re,ai as Ee,u as p,B as S,p as $,ba as Me,aT as _e,iX as De}from"./index-BtlpidgV.js";import{b as T,n as a,i as Fe,k as Ue}from"./vendor-Bs1fkIUX.js";import{j as Ne}from"./NavigationDots-CyCjbpW--CcAb2ybd.js";import{J as G,N as H}from"./PromoBaseCards-8tkwl6GI-D8H5ISya.js";import{M as R}from"./usp-line-BBd1wKwW-ZlUrfnG1.js";import"./mui-Ty75qFQF.js";import"./analytics-BbBRZ6cw.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-CK1x27Ua.js";const h={containerPaddingTopBottom:new x(p[0],p[0]),uspContainerMarginX:new x(p[6],p[0]),midContainerGap:new x(p[4],84),iconContainerMinHeight:new x(236,396),emptySectionHeight:new x(p[6],43),navigationBottom:new x(p[4],94),navigationLeft:new x(192,244),carouselHeight:new x(268,396),carouselMarginTop:new x(54,p[4]),carouselMarginLeft:new x(120,p[12]),buttonTrayGap:new x(p[3],p[5]),termsOfAgreementMarginTop:new x(p[5],p[10]),contactAdminContainerMarginTop:new x(p[0],p[10]),contactAdminContainerMarginBottom:new x(p[4],p[0]),contactAdminContainerMarginLeftRight:new x(p[3],p[0])},z={promoBadgeText:new S("standardRegular","largeRegular"),promoBadgeTextBold:new S("standardBold","largeBold"),cardsContent:new S("extraSmallRegular","smallRegular"),contactAdmin:new S("extraSmallRegular","largeRegular"),uspText:new S("smallRegular","standardRegular"),uspBoldText:new S("smallMedium","standardMedium")},{common:U,spendManagement:{chargeCard:{chargeCardsPromo:o}}}=oe.getLocalizedStrings(),Lr=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:i,showEnableCardButton:n,controllerEmails:c,isCreditCardProductVisible:m,isDebitCardFeatureEnabled:g,isDebitCardSetupEnabled:u,isChargeCardSetupEnabled:w,admins:j,cashbackRate:P,cardPromoType:f="credit",isCheckingEnabled:l,onSetupButtonClick:d,onBackClick:pe,onClickMenuIcon:me,onSetupChargeCardSuccess:W,onExpressInterestClick:he})=>{const ge=J(),X=ye(),v=b(),q=be().analytics,{chargeCardTermsDetails:E,companyChargeCardInfo:C,companyLocaleInfo:M}=i,V=je(E?.fetchStatus.fetchState),[xe,Y]=T.useState(!1),ue=()=>{q.trackCardsPromoPageClicked("schedule demo"),q.trackCardsScheduleDemoClick(c,{isCreditCardOffered:m,isDebitCardOffered:g,isDebitCardEnabled:u,isCreditCardEnabled:w},"Cards Promo"),Y(!0)},we=C!=null&&M!=null?Se("0,0",{amount:C.chargeCardsCreditAccountLimit,currencyCode:M.currencyCode,currencySymbol:M.currencySymbol}):void 0;T.useEffect(()=>{V==="In-Progress"&&E?.fetchStatus.fetchState==="Completed"&&W()},[V,W,E?.fetchStatus]);const Z=Te.hasChargeCardAdminLevelAccess(X.loggedInUserRoleMap),fe=ze(X),_=f==="credit"&&C?.isCompanyInterestedInChargeCard===!1&&C.chargeCardsCreditAccountLimit===0,D=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===-1,F=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===0,Ce=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit>0,{expressInterestInChargeCardFetchState:$e}=i,K=_?o.getPreApprovedNow:n?o.enableCardsButton:o.setupCardsButton;return r.jsxs(Xe,{children:[r.jsx(ve,{title:o.title[f],backgroundColor:ge.colors.grey4,onBackClick:pe,showBackButton:!0,showMenuIcon:v==="medium-compact"||v==="small",onClickMenuIcon:me,style:{zIndex:9},source:"ChargeCardPromoPage"}),xe===!0?r.jsx(Pe,{onCancelClick:()=>{Y(!1)},meetingUrl:e}):null,r.jsx(Ze,{windowSize:v,children:Z===!0?r.jsxs(Ye,{children:[r.jsxs(Ve,{children:[r.jsx(He,{isApproved:Ce,creditAmount:we,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:_,creditLimit:C?.chargeCardsCreditAccountLimit}),r.jsx(ne,{cardPromoType:f,cashbackRate:P})]}),r.jsx(ae,{showEnableCardButton:n,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:_,isCheckingEnabled:l})]}):r.jsx(Je,{companyLegalName:s,cards:[],admins:j,cashbackRate:P,hasZeniFinopsRoles:fe,cardPromoType:f,isCheckingEnabled:l})}),Z&&!(F||D)?r.jsxs(or,{windowSize:v,children:[r.jsx(Q,{variant:"secondary",label:o.scheduleDemoButton,style:{width:166},onClick:ue,"data-testid":ee("schedule-demo-button")}),r.jsx(qe,{windowSize:v,children:o.orText}),r.jsx(Q,{variant:"primary",label:K,style:{minWidth:166},loading:i.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||$e==="In-Progress",onClick:K===o.getPreApprovedNow?he:()=>d(f),"data-testid":ee("enable-card-button")})]}):null]})},Ge=({admins:e})=>{const s=e.flatMap(n=>n.user?.firstName+" "+n.user?.lastName).join(", "),i=b();return r.jsxs(mr,{windowSize:i,children:[r.jsx(N,{underline:!1,windowSize:i,children:o.noCardAssigned.pre}),r.jsx(Le,{title:s,placement:"top-start",style:{padding:`2px ${t.sp2}`},children:r.jsx(N,{underline:!0,windowSize:i,children:o.noCardAssigned.tooltip})}),r.jsx(N,{underline:!1,windowSize:i,children:o.noCardAssigned.post})]})},ae=({cardPromoType:e,showEnableCardButton:s,isCheckingEnabled:i,isUnderReview:n,isRejected:c,showExpressInterest:m,isCardUser:g=!1})=>{const u=b();return r.jsx(ir,{windowSize:u,children:r.jsx(Re,{topTermLabel:o.terms.checkingAccountTerm,buttonTermLabel:n===!0||c===!0||g===!0?void 0:m===!0?o.terms.getPreApprovedNowTerm:s?o.terms.alternateTerm1:o.terms.terms1,showEndIcon:!1,showTerms:c===!1&&g===!1&&n===!1,style:{marginTop:h.termsOfAgreementMarginTop.valuePx(u)},cardPromoType:e,isCheckingEnabled:i})})},He=({isApproved:e,cardPromoType:s,creditAmount:i,isUnderReview:n,isRejected:c,showExpressInterest:m,creditLimit:g})=>{const u=b(),w=s==="debit_and_credit"?o.promoTextDebitCreditCard:s==="debit"?o.promoTextDebitCard:o.promoTextCreditCard,j=e?r.jsxs(r.Fragment,{children:[o.promoBadgeText.approved,r.jsx(te,{children:i}),o.creditLimit,U.strings.space]}):m?r.jsxs(r.Fragment,{children:[o.promoBadgeText.nonPreApproved.get,r.jsx(rr,{children:o.promoBadgeText.nonPreApproved.scale}),o.promoBadgeText.nonPreApproved.doubleStarred,U.strings.space,o.promoBadgeText.nonPreApproved.higherLimits]}):n?o.promoBadgeText.underReview:c?o.promoBadgeText.rejected:s==="debit_and_credit"&&g===0?null:r.jsxs(r.Fragment,{children:[o.promoBadgeText.preApproved,r.jsx(te,{children:i}),o.creditLimit,U.strings.space]});return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:u==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]})}),r.jsxs(Qe,{cardPromoType:s,hasContent:j!=null,hideBadge:i==null||s==="debit",windowSize:u,children:[n||c||m?null:r.jsx($r,{}),r.jsx(er,{windowSize:u,children:j})]})]})},Je=({companyLegalName:e,cards:s,admins:i,cashbackRate:n,hasZeniFinopsRoles:c,cardPromoType:m="credit",isCheckingEnabled:g})=>{const u=b(),w=m==="debit_and_credit"?o.promoTextDebitCreditCard:m==="debit"?o.promoTextDebitCard:o.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[u==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]}),s.length===0?r.jsx(pr,{windowSize:u}):r.jsx(Oe,{cards:s,companyLegalName:e}),r.jsx(ne,{cardPromoType:m,cashbackRate:n}),c?null:r.jsx(Ge,{admins:i}),r.jsx(ae,{isCardUser:!0,showEnableCardButton:!1,cardPromoType:m,isCheckingEnabled:g})]})},Oe=({cards:e,companyLegalName:s})=>{const i=J(),n=b();let c="",m;if(e.length===1){m=e[0].cardCreatedByUser.photo;const g=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;c=o.cardAssigned.singleCreditCard.replace("__issuing-user__",g).replace("__company-name__",s)}else c=o.cardAssigned.multipleCreditCards.replace("__company-name__",s);return r.jsxs(gr,{children:[m!=null?r.jsx(Ke,{width:t.sp5,height:t.sp5,style:{paddingTop:n==="small"?t.sp1:t.sp0},src:m.href,alt:oe.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:g})=>{g.onerror=null,g.src=Ie},loading:"lazy"}):null,r.jsx(hr,{windowSize:n,mode:i.mode,children:r.jsx(xr,{windowSize:n,children:c})})]})},re=({windowSize:e,cardPromoType:s})=>{let i=o.businessText;return s==="debit"&&(i=`${i} ${o.debit}`),r.jsx(r.Fragment,{children:s==="debit_and_credit"?r.jsx(We,{}):r.jsxs(nr,{windowSize:e,children:[r.jsx(G,{cardPromoType:s,cardText:i,shouldAnimate:!0,showChip:!0,forDashboard:!1,forListPage:!1}),r.jsx(H,{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(tr,{windowSize:i,children:[i==="small"?r.jsx(re,{windowSize:i,cardPromoType:e}):null,r.jsxs(ar,{windowSize:i,children:[r.jsxs(B,{windowSize:i,children:[r.jsx(I,{children:r.jsx(lr,{})}),r.jsxs(L,{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(sr,{})}),r.jsxs(L,{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(cr,{})}),r.jsxs(L,{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(dr,{})}),r.jsxs(L,{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 We=()=>{const e=b(),s=J(),[i,n]=T.useState(0),[c,m]=T.useState(!1),g=o.businessText,u=`${g} ${o.debit}`,w=[{id:1,cardType:"debit",cardText:u},{id:2,cardType:"debit",cardText:u},{id:3,cardType:"credit",cardText:g},{id:4,cardType:"credit",cardText:g}];T.useEffect(()=>(c||(k=setInterval(()=>{n(l=>{const d=l+1;return d===w.length?(m(!0),0):d})},2e3)),()=>clearInterval(k)),[c,w.length]),T.useEffect(()=>{c&&k!=null&&clearInterval(k)},[c]);const j=(l,d)=>{switch((l-i+w.length)%w.length){case 0:return{transform:`translate(0,${d?"100%":0}) scale(1)`,zIndex:d?5:6,opacity:1,transition:"transform 0.4s"};case 1:return{transform:`translate(35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};case 2:return{transform:`translate(35%,${d?"80%":"5%"}) scale(0.75)`,zIndex:d?3:4,opacity:0,transition:"transform 0.4s 0.2s, opacity 0.4s 0.0s"};case 3:return{transform:`translate(-35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};default:return}},P=l=>{const d=j(l,!0);return{...d,transform:`${d?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}},f=l=>{c||m(!0),n(l)};return r.jsxs(ur,{windowSize:e,children:[r.jsx(wr,{windowSize:e,children:w.map((l,d)=>r.jsxs(fr,{children:[r.jsx(ie,{isReflection:!1,style:{...j(d,!1)},onClick:()=>f(d),children:d===0||d===2?r.jsx(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"}}}):r.jsx(H,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}})},l.id),r.jsx(ie,{isReflection:!0,style:{...P(d)},children:d===0||d===2?r.jsx(G,{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(H,{cardPromoType:l.cardType,cardText:l.cardText,showChip:!0,shouldAnimate:!1,forDashboard:!1,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent)",WebkitMaskImage:"linear-gradient(to top, black, transparent)"}})},`reflection-${l.id}`)]},l.id))}),c&&r.jsx(Ne,{numberOfDots:w.length,activeIndex:i,handleClick: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}})]})},Xe=a.div`
+import{q as b,F as oe,j as r,d as J,ax as ye,a9 as be,aP as je,aN as Se,l as Te,g5 as ze,bG as ve,fG as Pe,n as Q,aM as ee,o as t,a as ke,c as O,cR as Be,ar as Ae,y as x,aq as Ie,c6 as Le,iW as Re,ai as Ee,u as p,B as S,p as $,ba as Me,aT as _e,iX as De}from"./index-CN7UAWAg.js";import{b as T,n as a,i as Fe,k as Ue}from"./vendor-Bs1fkIUX.js";import{j as Ne}from"./NavigationDots-yYEq4mai-Bct7I6H1.js";import{J as G,N as H}from"./PromoBaseCards-CnQcR3Wn-B3iRHG7z.js";import{M as R}from"./usp-line-BBd1wKwW-ZlUrfnG1.js";import"./mui-Ty75qFQF.js";import"./analytics-BbBRZ6cw.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-CK1x27Ua.js";const h={containerPaddingTopBottom:new x(p[0],p[0]),uspContainerMarginX:new x(p[6],p[0]),midContainerGap:new x(p[4],84),iconContainerMinHeight:new x(236,396),emptySectionHeight:new x(p[6],43),navigationBottom:new x(p[4],94),navigationLeft:new x(192,244),carouselHeight:new x(268,396),carouselMarginTop:new x(54,p[4]),carouselMarginLeft:new x(120,p[12]),buttonTrayGap:new x(p[3],p[5]),termsOfAgreementMarginTop:new x(p[5],p[10]),contactAdminContainerMarginTop:new x(p[0],p[10]),contactAdminContainerMarginBottom:new x(p[4],p[0]),contactAdminContainerMarginLeftRight:new x(p[3],p[0])},z={promoBadgeText:new S("standardRegular","largeRegular"),promoBadgeTextBold:new S("standardBold","largeBold"),cardsContent:new S("extraSmallRegular","smallRegular"),contactAdmin:new S("extraSmallRegular","largeRegular"),uspText:new S("smallRegular","standardRegular"),uspBoldText:new S("smallMedium","standardMedium")},{common:U,spendManagement:{chargeCard:{chargeCardsPromo:o}}}=oe.getLocalizedStrings(),Lr=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:i,showEnableCardButton:n,controllerEmails:c,isCreditCardProductVisible:m,isDebitCardFeatureEnabled:g,isDebitCardSetupEnabled:u,isChargeCardSetupEnabled:w,admins:j,cashbackRate:P,cardPromoType:f="credit",isCheckingEnabled:l,onSetupButtonClick:d,onBackClick:pe,onClickMenuIcon:me,onSetupChargeCardSuccess:W,onExpressInterestClick:he})=>{const ge=J(),X=ye(),v=b(),q=be().analytics,{chargeCardTermsDetails:E,companyChargeCardInfo:C,companyLocaleInfo:M}=i,V=je(E?.fetchStatus.fetchState),[xe,Y]=T.useState(!1),ue=()=>{q.trackCardsPromoPageClicked("schedule demo"),q.trackCardsScheduleDemoClick(c,{isCreditCardOffered:m,isDebitCardOffered:g,isDebitCardEnabled:u,isCreditCardEnabled:w},"Cards Promo"),Y(!0)},we=C!=null&&M!=null?Se("0,0",{amount:C.chargeCardsCreditAccountLimit,currencyCode:M.currencyCode,currencySymbol:M.currencySymbol}):void 0;T.useEffect(()=>{V==="In-Progress"&&E?.fetchStatus.fetchState==="Completed"&&W()},[V,W,E?.fetchStatus]);const Z=Te.hasChargeCardAdminLevelAccess(X.loggedInUserRoleMap),fe=ze(X),_=f==="credit"&&C?.isCompanyInterestedInChargeCard===!1&&C.chargeCardsCreditAccountLimit===0,D=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===-1,F=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===0,Ce=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit>0,{expressInterestInChargeCardFetchState:$e}=i,K=_?o.getPreApprovedNow:n?o.enableCardsButton:o.setupCardsButton;return r.jsxs(Xe,{children:[r.jsx(ve,{title:o.title[f],backgroundColor:ge.colors.grey4,onBackClick:pe,showBackButton:!0,showMenuIcon:v==="medium-compact"||v==="small",onClickMenuIcon:me,style:{zIndex:9},source:"ChargeCardPromoPage"}),xe===!0?r.jsx(Pe,{onCancelClick:()=>{Y(!1)},meetingUrl:e}):null,r.jsx(Ze,{windowSize:v,children:Z===!0?r.jsxs(Ye,{children:[r.jsxs(Ve,{children:[r.jsx(He,{isApproved:Ce,creditAmount:we,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:_,creditLimit:C?.chargeCardsCreditAccountLimit}),r.jsx(ne,{cardPromoType:f,cashbackRate:P})]}),r.jsx(ae,{showEnableCardButton:n,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:_,isCheckingEnabled:l})]}):r.jsx(Je,{companyLegalName:s,cards:[],admins:j,cashbackRate:P,hasZeniFinopsRoles:fe,cardPromoType:f,isCheckingEnabled:l})}),Z&&!(F||D)?r.jsxs(or,{windowSize:v,children:[r.jsx(Q,{variant:"secondary",label:o.scheduleDemoButton,style:{width:166},onClick:ue,"data-testid":ee("schedule-demo-button")}),r.jsx(qe,{windowSize:v,children:o.orText}),r.jsx(Q,{variant:"primary",label:K,style:{minWidth:166},loading:i.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||$e==="In-Progress",onClick:K===o.getPreApprovedNow?he:()=>d(f),"data-testid":ee("enable-card-button")})]}):null]})},Ge=({admins:e})=>{const s=e.flatMap(n=>n.user?.firstName+" "+n.user?.lastName).join(", "),i=b();return r.jsxs(mr,{windowSize:i,children:[r.jsx(N,{underline:!1,windowSize:i,children:o.noCardAssigned.pre}),r.jsx(Le,{title:s,placement:"top-start",style:{padding:`2px ${t.sp2}`},children:r.jsx(N,{underline:!0,windowSize:i,children:o.noCardAssigned.tooltip})}),r.jsx(N,{underline:!1,windowSize:i,children:o.noCardAssigned.post})]})},ae=({cardPromoType:e,showEnableCardButton:s,isCheckingEnabled:i,isUnderReview:n,isRejected:c,showExpressInterest:m,isCardUser:g=!1})=>{const u=b();return r.jsx(ir,{windowSize:u,children:r.jsx(Re,{topTermLabel:o.terms.checkingAccountTerm,buttonTermLabel:n===!0||c===!0||g===!0?void 0:m===!0?o.terms.getPreApprovedNowTerm:s?o.terms.alternateTerm1:o.terms.terms1,showEndIcon:!1,showTerms:c===!1&&g===!1&&n===!1,style:{marginTop:h.termsOfAgreementMarginTop.valuePx(u)},cardPromoType:e,isCheckingEnabled:i})})},He=({isApproved:e,cardPromoType:s,creditAmount:i,isUnderReview:n,isRejected:c,showExpressInterest:m,creditLimit:g})=>{const u=b(),w=s==="debit_and_credit"?o.promoTextDebitCreditCard:s==="debit"?o.promoTextDebitCard:o.promoTextCreditCard,j=e?r.jsxs(r.Fragment,{children:[o.promoBadgeText.approved,r.jsx(te,{children:i}),o.creditLimit,U.strings.space]}):m?r.jsxs(r.Fragment,{children:[o.promoBadgeText.nonPreApproved.get,r.jsx(rr,{children:o.promoBadgeText.nonPreApproved.scale}),o.promoBadgeText.nonPreApproved.doubleStarred,U.strings.space,o.promoBadgeText.nonPreApproved.higherLimits]}):n?o.promoBadgeText.underReview:c?o.promoBadgeText.rejected:s==="debit_and_credit"&&g===0?null:r.jsxs(r.Fragment,{children:[o.promoBadgeText.preApproved,r.jsx(te,{children:i}),o.creditLimit,U.strings.space]});return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:u==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]})}),r.jsxs(Qe,{cardPromoType:s,hasContent:j!=null,hideBadge:i==null||s==="debit",windowSize:u,children:[n||c||m?null:r.jsx($r,{}),r.jsx(er,{windowSize:u,children:j})]})]})},Je=({companyLegalName:e,cards:s,admins:i,cashbackRate:n,hasZeniFinopsRoles:c,cardPromoType:m="credit",isCheckingEnabled:g})=>{const u=b(),w=m==="debit_and_credit"?o.promoTextDebitCreditCard:m==="debit"?o.promoTextDebitCard:o.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[u==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]}),s.length===0?r.jsx(pr,{windowSize:u}):r.jsx(Oe,{cards:s,companyLegalName:e}),r.jsx(ne,{cardPromoType:m,cashbackRate:n}),c?null:r.jsx(Ge,{admins:i}),r.jsx(ae,{isCardUser:!0,showEnableCardButton:!1,cardPromoType:m,isCheckingEnabled:g})]})},Oe=({cards:e,companyLegalName:s})=>{const i=J(),n=b();let c="",m;if(e.length===1){m=e[0].cardCreatedByUser.photo;const g=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;c=o.cardAssigned.singleCreditCard.replace("__issuing-user__",g).replace("__company-name__",s)}else c=o.cardAssigned.multipleCreditCards.replace("__company-name__",s);return r.jsxs(gr,{children:[m!=null?r.jsx(Ke,{width:t.sp5,height:t.sp5,style:{paddingTop:n==="small"?t.sp1:t.sp0},src:m.href,alt:oe.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:g})=>{g.onerror=null,g.src=Ie},loading:"lazy"}):null,r.jsx(hr,{windowSize:n,mode:i.mode,children:r.jsx(xr,{windowSize:n,children:c})})]})},re=({windowSize:e,cardPromoType:s})=>{let i=o.businessText;return s==="debit"&&(i=`${i} ${o.debit}`),r.jsx(r.Fragment,{children:s==="debit_and_credit"?r.jsx(We,{}):r.jsxs(nr,{windowSize:e,children:[r.jsx(G,{cardPromoType:s,cardText:i,shouldAnimate:!0,showChip:!0,forDashboard:!1,forListPage:!1}),r.jsx(H,{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(tr,{windowSize:i,children:[i==="small"?r.jsx(re,{windowSize:i,cardPromoType:e}):null,r.jsxs(ar,{windowSize:i,children:[r.jsxs(B,{windowSize:i,children:[r.jsx(I,{children:r.jsx(lr,{})}),r.jsxs(L,{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(sr,{})}),r.jsxs(L,{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(cr,{})}),r.jsxs(L,{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(dr,{})}),r.jsxs(L,{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 We=()=>{const e=b(),s=J(),[i,n]=T.useState(0),[c,m]=T.useState(!1),g=o.businessText,u=`${g} ${o.debit}`,w=[{id:1,cardType:"debit",cardText:u},{id:2,cardType:"debit",cardText:u},{id:3,cardType:"credit",cardText:g},{id:4,cardType:"credit",cardText:g}];T.useEffect(()=>(c||(k=setInterval(()=>{n(l=>{const d=l+1;return d===w.length?(m(!0),0):d})},2e3)),()=>clearInterval(k)),[c,w.length]),T.useEffect(()=>{c&&k!=null&&clearInterval(k)},[c]);const j=(l,d)=>{switch((l-i+w.length)%w.length){case 0:return{transform:`translate(0,${d?"100%":0}) scale(1)`,zIndex:d?5:6,opacity:1,transition:"transform 0.4s"};case 1:return{transform:`translate(35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};case 2:return{transform:`translate(35%,${d?"80%":"5%"}) scale(0.75)`,zIndex:d?3:4,opacity:0,transition:"transform 0.4s 0.2s, opacity 0.4s 0.0s"};case 3:return{transform:`translate(-35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};default:return}},P=l=>{const d=j(l,!0);return{...d,transform:`${d?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}},f=l=>{c||m(!0),n(l)};return r.jsxs(ur,{windowSize:e,children:[r.jsx(wr,{windowSize:e,children:w.map((l,d)=>r.jsxs(fr,{children:[r.jsx(ie,{isReflection:!1,style:{...j(d,!1)},onClick:()=>f(d),children:d===0||d===2?r.jsx(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"}}}):r.jsx(H,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}})},l.id),r.jsx(ie,{isReflection:!0,style:{...P(d)},children:d===0||d===2?r.jsx(G,{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(H,{cardPromoType:l.cardType,cardText:l.cardText,showChip:!0,shouldAnimate:!1,forDashboard:!1,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent)",WebkitMaskImage:"linear-gradient(to top, black, transparent)"}})},`reflection-${l.id}`)]},l.id))}),c&&r.jsx(Ne,{numberOfDots:w.length,activeIndex:i,handleClick: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}})]})},Xe=a.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;

package/dist/assets/{ChargeCardSetupPage-DhEITB5H-DbGb6ubH.js → ChargeCardSetupPage-CLhkL1Eh-B9fDm_Ae.js}

@@ -1,4 +1,4 @@
-import{d as Ve,q as Be,a9 as Ue,aP as M,aa as De,cT as _e,l as ze,F as $e,aU as G,j as t,fo as Le,p as Re,y as r,bG as We,L as qe,ad as He,fH as Ne,e7 as Me,fI as Ge,iY as J,o as D,b as Je,bB as Ke,aQ as Qe,fK as Ye,u as a,am as Xe}from"./index-BtlpidgV.js";import{b as p,n as S}from"./vendor-Bs1fkIUX.js";import{x as Ze}from"./LabeledControlledCheckBoxField-DNmJFVpZ-EZh4BAHK.js";import{g as et}from"./UploadAdditionalDocumentOverlay-BqO1S9_p-BQEvr7HR.js";import"./mui-Ty75qFQF.js";import"./analytics-BbBRZ6cw.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-CK1x27Ua.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])},K="chargeCardSetUpPage",g="payAccount",{commonSetUp:tt,spendManagement:nt}=$e.getLocalizedStrings(),{chargeCard:X}=nt,{chargeCardSetUp:m}=X,{setUp:_}=tt,Ct=({autoPayThreshold:e,isDisabled:x,meetingUrl:T,isEarlyPayEnabled:h,chargeCardSetUpView:o,connectedAccountProvider:Z,filesEndPoint:ee,authParams:te,isAccountsEnabled:ne,isDebitCardOnlyEnabled:E,isCreditCardOnlyEnabled:ie,accountsPromoConfig:oe,onFetchLinkTokenClick:ae,onBackClick:ce,onEnableChargeCardClick:se,onUpdateChargeCardClick:le,onBusinessVerificationSectionClick:re,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ue,onUpdatePrimaryFundingAccount:pe,onUpdateAutoPayClick:me,onEstablishConnectionClick:ge,onEstablishConnectionSuccess:he,onClickMenuIcon:fe,onEnableChargeCardSuccess:P,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,onCompanyOfficerUpdated:Se,onSendForVerificationClick:xe,onSignUpClick:Pe})=>{const f=Ve(),i=Be(),v=Ue().analytics,[w,y]=p.useState(!1),{fetchState:b,companyBillPayInfo:z,isRefreshingViewInBackground:we,updateStatus:d,accountUpdateStatus:Ae,plaidConnectionDetails:ke,allBankAccounts:Te,companyChargeCardInfo:F,companyDebitCardInfo:$,selectedCompanyOfficer:s,primaryFundingAccount:l,allFundingAccounts:L}=o,R=M(b),A=M(d.fetchState),j=De({mode:"all",reValidateMode:"onChange",defaultValues:p.useMemo(()=>Q(o),[o]),values:Q(o)}),Ee=j.handleSubmit(se),ve=async(C,k)=>{const n=k[g];if(C.includes(g))if(C.includes("fundingAccount")){if(n.fundingAccount.selectedOption!=null&&l?.id!=n.fundingAccount.selectedOption){const u=L.find(U=>U.id===n.fundingAccount.selectedOption);u!=null&&pe(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(U=>U.value===n.account.selectedOption);u!=null&&typeof u.label=="string"&&v.trackConnectBankLink(u.value,u.label,"charge_cards"),le(n.account.selectedOption,l.id,l.accType)}else C.includes("enableAutoPay")&&n.enableAutoPay!=null&&me(n.enableAutoPay)};p.useEffect(()=>{const C=j.watch((k,{name:n})=>{n!=null&&k!=null&&_e(()=>ve(n,k))});return()=>{C.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"&&b==="Completed"&&y(!1)},[s,b,R]),p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&P()},[P,A,d.fetchState]);const I=F?.isChargeCardEnabled===!0,O=$?.isDebitCardEnabled===!0,W=$?.isDebitCardTOSAccepted===!0,q=F?.isChargeCardTOSAccepted===!0,H=z?.isBusinessVerified===!0,Fe=l?.accType==="depositAccount"||ze.isVerifiedPaymentAccountProviderStatusCode(l?.providerVerificationStatus?.code??""),V=E?H:H&&Fe,je=b==="In-Progress"||b==="Not-Started";p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&P()},[P,A,d.fetchState]);const B=E?V&&!O&&W:ie?V&&!I&&q:V&&!(I&&O)&&q&&W,Ie=B?m.setupSubTitleNotEnabled:m.setupSubTitle,N=f.mode==="light"?new G(f.colors.brandColorJadeLight):new G(f.colors.brandColorJadeDark),Oe=()=>{!w&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"?y(!0):re?.()};return t.jsxs(ot,{children:[t.jsx(Le,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:w,onClose:()=>y(!1),style:{backgroundColor:Re.drawerBackground},transitionDuration:250,children:t.jsx(et,{authParams:te,filesEndPoint:ee,updateStatus:d,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,companyOfficer:s,onClose:()=>y(!1),onCompanyOfficerUpdated:Se,onSendForVerificationClick:xe})}),t.jsx(We,{title:m.setupTitle,backgroundColor:f.colors.grey4,style:{zIndex:3},onBackClick:ce,showMenuIcon:!I&&!O&&(i==="medium-compact"||i==="small"),onClickMenuIcon:fe,source:"ChargeCardSetupPage"}),t.jsxs(it,{windowSize:i,children:[t.jsx(at,{windowSize:i,children:Ie}),je?t.jsx(ct,{children:t.jsx(qe,{size:"ExtraLarge",start:!0})}):t.jsx(He,{...j,children:t.jsx("form",{id:Y(K),onSubmit:Ee,children:t.jsxs(st,{windowSize:i,children:[t.jsx(Ne,{onClick:Oe,title:_.businessVerificationTitle,subTitle:_.businessVerificationSubTitle,header:_.businessVerificationHeader,icon:{element:t.jsx(Me,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:N},status:z?.businessVerificationStatus,isLoading:we,isActiveWhileLoading:!0}),E?null:t.jsx(Ge,{connectedAccountProvider:Z,primaryFundingAccount:l,allFundingAccounts:L,plaidConnectionDetails:ke,allBankAccounts:Te,sectionId:g,isDisabled:x,onFetchLinkTokenClick:ae,onEstablishConnectionClick:ge,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ue,sectionTitle:m.setupAccountSectionTitle,onEstablishConnectionSuccess:he,icon:{element:t.jsx(Ke,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:N},analytics:v,productType:"charge_cards",isAccountsEnabled:ne,onSignUpClick:Pe,pageName:m.pageName,accountsPromoConfig:oe,accountSelectContainerStyle:h?{marginBottom:"20px"}:{},bottomComponent:h&&t.jsx(Ze,{label:{label:X.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:f.colors.primary,...Je.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:D.sp4,marginTop:D.sp1,alignItems:i==="small"?"flex-start":"center"},checkBoxField:{name:J(g,"enableAutoPay"),checkBoxValue:J(g,"enableAutoPay"),defaultChecked:F?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(i)}}})})]})})})]}),B?t.jsx(Qe,{formId:Y(K),primaryBtn:{label:m.enableAccounts,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:d.fetchState==="In-Progress"||Ae.fetchState==="In-Progress",isDisabled:x!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${D.sp3}`}}):null,t.jsx(Ye,{isFooterRendered:B,meetingUrl:T,analytics:v,productType:"charge_cards"})]})},Q=e=>{const{allBankAccounts:x,allFundingAccounts:T,primaryFundingAccount:h}=e;return{[g]:{fundingAccount:{selectedOption:h?.id,allOptions:T.map(o=>({label:o.label,value:o.id,isRecommended:o.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:x.map(o=>({label:o.accountName,value:o.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},Y=e=>`${e}_form`,it=S.div`
+import{d as Ve,q as Be,a9 as De,aP as M,aa as Ue,cT as _e,l as ze,F as $e,aU as G,j as t,fo as Re,p as Le,y as r,bG as We,k as qe,ad as He,fH as Ne,e7 as Me,fI as Ge,iY as J,o as U,b as Je,bB as Ke,aQ as Qe,fK as Ye,u as a,am as Xe}from"./index-CN7UAWAg.js";import{b as p,n as S}from"./vendor-Bs1fkIUX.js";import{x as Ze}from"./LabeledControlledCheckBoxField-afEn8tHL-DxqXt4PA.js";import{g as et}from"./UploadAdditionalDocumentOverlay-C663UVhz-FUVjkpYI.js";import"./mui-Ty75qFQF.js";import"./analytics-BbBRZ6cw.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-CK1x27Ua.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])},K="chargeCardSetUpPage",g="payAccount",{commonSetUp:tt,spendManagement:nt}=$e.getLocalizedStrings(),{chargeCard:X}=nt,{chargeCardSetUp:m}=X,{setUp:_}=tt,Ct=({autoPayThreshold:e,isDisabled:x,meetingUrl:T,isEarlyPayEnabled:h,chargeCardSetUpView:o,connectedAccountProvider:Z,filesEndPoint:ee,authParams:te,isAccountsEnabled:ne,isDebitCardOnlyEnabled:E,isCreditCardOnlyEnabled:ie,accountsPromoConfig:oe,onFetchLinkTokenClick:ae,onBackClick:ce,onEnableChargeCardClick:se,onUpdateChargeCardClick:le,onBusinessVerificationSectionClick:re,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ue,onUpdatePrimaryFundingAccount:pe,onUpdateAutoPayClick:me,onEstablishConnectionClick:ge,onEstablishConnectionSuccess:he,onClickMenuIcon:fe,onEnableChargeCardSuccess:P,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,onCompanyOfficerUpdated:Se,onSendForVerificationClick:xe,onSignUpClick:Pe})=>{const f=Ve(),i=Be(),v=De().analytics,[w,y]=p.useState(!1),{fetchState:b,companyBillPayInfo:z,isRefreshingViewInBackground:we,updateStatus:d,accountUpdateStatus:Ae,plaidConnectionDetails:ke,allBankAccounts:Te,companyChargeCardInfo:F,companyDebitCardInfo:$,selectedCompanyOfficer:s,primaryFundingAccount:l,allFundingAccounts:R}=o,L=M(b),A=M(d.fetchState),j=Ue({mode:"all",reValidateMode:"onChange",defaultValues:p.useMemo(()=>Q(o),[o]),values:Q(o)}),Ee=j.handleSubmit(se),ve=async(C,k)=>{const n=k[g];if(C.includes(g))if(C.includes("fundingAccount")){if(n.fundingAccount.selectedOption!=null&&l?.id!=n.fundingAccount.selectedOption){const u=R.find(D=>D.id===n.fundingAccount.selectedOption);u!=null&&pe(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(D=>D.value===n.account.selectedOption);u!=null&&typeof u.label=="string"&&v.trackConnectBankLink(u.value,u.label,"charge_cards"),le(n.account.selectedOption,l.id,l.accType)}else C.includes("enableAutoPay")&&n.enableAutoPay!=null&&me(n.enableAutoPay)};p.useEffect(()=>{const C=j.watch((k,{name:n})=>{n!=null&&k!=null&&_e(()=>ve(n,k))});return()=>{C.unsubscribe()}}),p.useEffect(()=>{!w&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&y(!0),w&&L==="In-Progress"&&b==="Completed"&&y(!1)},[s,b,L]),p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&P()},[P,A,d.fetchState]);const I=F?.isChargeCardEnabled===!0,O=$?.isDebitCardEnabled===!0,W=$?.isDebitCardTOSAccepted===!0,q=F?.isChargeCardTOSAccepted===!0,H=z?.isBusinessVerified===!0,Fe=l?.accType==="depositAccount"||ze.isVerifiedPaymentAccountProviderStatusCode(l?.providerVerificationStatus?.code??""),V=E?H:H&&Fe,je=b==="In-Progress"||b==="Not-Started";p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&P()},[P,A,d.fetchState]);const B=E?V&&!O&&W:ie?V&&!I&&q:V&&!(I&&O)&&q&&W,Ie=B?m.setupSubTitleNotEnabled:m.setupSubTitle,N=f.mode==="light"?new G(f.colors.brandColorJadeLight):new G(f.colors.brandColorJadeDark),Oe=()=>{!w&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"?y(!0):re?.()};return t.jsxs(ot,{children:[t.jsx(Re,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:w,onClose:()=>y(!1),style:{backgroundColor:Le.drawerBackground},transitionDuration:250,children:t.jsx(et,{authParams:te,filesEndPoint:ee,updateStatus:d,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,companyOfficer:s,onClose:()=>y(!1),onCompanyOfficerUpdated:Se,onSendForVerificationClick:xe})}),t.jsx(We,{title:m.setupTitle,backgroundColor:f.colors.grey4,style:{zIndex:3},onBackClick:ce,showMenuIcon:!I&&!O&&(i==="medium-compact"||i==="small"),onClickMenuIcon:fe,source:"ChargeCardSetupPage"}),t.jsxs(it,{windowSize:i,children:[t.jsx(at,{windowSize:i,children:Ie}),je?t.jsx(ct,{children:t.jsx(qe,{size:"ExtraLarge",start:!0})}):t.jsx(He,{...j,children:t.jsx("form",{id:Y(K),onSubmit:Ee,children:t.jsxs(st,{windowSize:i,children:[t.jsx(Ne,{onClick:Oe,title:_.businessVerificationTitle,subTitle:_.businessVerificationSubTitle,header:_.businessVerificationHeader,icon:{element:t.jsx(Me,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:N},status:z?.businessVerificationStatus,isLoading:we,isActiveWhileLoading:!0}),E?null:t.jsx(Ge,{connectedAccountProvider:Z,primaryFundingAccount:l,allFundingAccounts:R,plaidConnectionDetails:ke,allBankAccounts:Te,sectionId:g,isDisabled:x,onFetchLinkTokenClick:ae,onEstablishConnectionClick:ge,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ue,sectionTitle:m.setupAccountSectionTitle,onEstablishConnectionSuccess:he,icon:{element:t.jsx(Ke,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:N},analytics:v,productType:"charge_cards",isAccountsEnabled:ne,onSignUpClick:Pe,pageName:m.pageName,accountsPromoConfig:oe,accountSelectContainerStyle:h?{marginBottom:"20px"}:{},bottomComponent:h&&t.jsx(Ze,{label:{label:X.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:f.colors.primary,...Je.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:U.sp4,marginTop:U.sp1,alignItems:i==="small"?"flex-start":"center"},checkBoxField:{name:J(g,"enableAutoPay"),checkBoxValue:J(g,"enableAutoPay"),defaultChecked:F?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(i)}}})})]})})})]}),B?t.jsx(Qe,{formId:Y(K),primaryBtn:{label:m.enableAccounts,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:d.fetchState==="In-Progress"||Ae.fetchState==="In-Progress",isDisabled:x!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${U.sp3}`}}):null,t.jsx(Ye,{isFooterRendered:B,meetingUrl:T,analytics:v,productType:"charge_cards"})]})},Q=e=>{const{allBankAccounts:x,allFundingAccounts:T,primaryFundingAccount:h}=e;return{[g]:{fundingAccount:{selectedOption:h?.id,allOptions:T.map(o=>({label:o.label,value:o.id,isRecommended:o.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:x.map(o=>({label:o.accountName,value:o.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},Y=e=>`${e}_form`,it=S.div`
   display: flex;
   justify-content: flex-start;
   height: 100%;

package/dist/assets/{ChargeCardStatementsPage-tCXt7AVZ-C2fkpn1j.js → ChargeCardStatementsPage-6TvYstIS-DKHBxCkb.js}

@@ -1,9 +1,9 @@
-import{d as F,q as T,j as t,bG as W,F as B,o as h,y as w,am as R,b9 as O,a9 as q,hW as V,aM as _,L as G,u as s,ci as J}from"./index-BtlpidgV.js";import{n as i,b as K}from"./vendor-Bs1fkIUX.js";import{$ as U,g as H}from"./BoxItem-BFUJgt2x-opQLNc_u.js";import{w as Q}from"./downloadPdf-BEpDZsHw-CzTXRf0g.js";import"./mui-Ty75qFQF.js";import"./analytics-BbBRZ6cw.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-CK1x27Ua.js";import"./commonDimensions-DP_SFwFq-BksANX8O.js";const Y=B.getLocalizedStrings().months,D={downloadButtonSize:new w(s[4],20)},X=i.div`
+import{d as F,q as T,j as t,bG as W,F as B,o as h,y as w,am as R,b9 as O,a9 as q,hW as V,aM as _,k as G,u as s,ci as J}from"./index-CN7UAWAg.js";import{n as i,b as U}from"./vendor-Bs1fkIUX.js";import{$ as Z,g as H}from"./BoxItem-CoguTodA-DItO3xcr.js";import{w as K}from"./downloadPdf-DEpaGHNR-Bw53_d32.js";import"./mui-Ty75qFQF.js";import"./analytics-BbBRZ6cw.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-CK1x27Ua.js";import"./commonDimensions-DTY9_AOp-DlMPlh2t.js";const Y=B.getLocalizedStrings().months,D={downloadButtonSize:new w(s[4],20)},Q=i.div`
   display: flex;
   padding: ${h.sp3} ${h.sp4};
   flex-direction: row;
   width: 100%;
-`,Z=i.div`
+`,X=i.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -27,9 +27,9 @@ import{d as F,q as T,j as t,bG as W,F as B,o as h,y as w,am as R,b9 as O,a9 as q
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`;function ie({currentTenantCompanyName:e,data:r,index:o,controllerEmails:l,isDebitCardFeatureEnabled:a,isDebitCardSetupEnabled:n,chargeCardCashbackDetailState:d,depositAccountListWithDebitCardIssued:x,debitCardSummary:C,productInformation:y,creditAccountInformation:S,debitAccountInformation:$,cashbackInformation:f,creditAccountRepayment:P,authParams:j,downloadEndPoint:k,boxType:I}){const b=q().analytics,[v,E]=K.useState(!1),c=T(),z=Y[r.monthYearPeriod.month-1],u=`${e}-Credit-Card-Monthly-Statement-${Y[r.monthYearPeriod.month-1]}-${r.monthYearPeriod.year}.pdf`,m={period:`${r.monthYearPeriod.year}-${V(r.monthYearPeriod.month)}`,format:"pdf"},p=t.jsx(X,{children:t.jsxs(Z,{children:[t.jsx(ee,{children:z}),t.jsx(te,{"data-testid":_("download-card-statement"),onClick:()=>{d.fetchState==="Completed"&&P.fetchState==="Completed"&&(!(a&&n)||x.fetchState==="Completed"&&C?.fetchState==="Completed")&&f!=null&&b.trackCardsDownloadClick(l,y,f,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:u,fileMonthYear:`${Y[r.monthYearPeriod.month-1]} ${r.monthYearPeriod.year}`},"Credit Card Statements",o+1,S,$),Q(`${k}/statements?query=${encodeURIComponent(JSON.stringify(m))}`,u,j,E)},children:v?t.jsx(G,{size:"Small",start:!0}):t.jsx(ae,{windowSize:c})})]})});return t.jsx(H,{content:p,boxType:I,isDisabled:!1,isNotClickable:!0})}const L=B.getLocalizedStrings().spendManagement.chargeCard.statements,g={listItemMarginLeftRight:new w(s[3],s[8]),containerMarginTop:new w(s[0],s[2]),titleMarginLeftRight:new w(s[3],s[8])},Pe=({currentTenantCompanyName:e,authParams:r,controllerEmails:o,productInformation:l,cashbackInformation:a,creditAccountInformation:n,debitAccountInformation:d,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:y,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:$,depositAccountListWithDebitCardIssued:f,creditAccountRepayment:P,debitCardSummary:j,creditAccount:k,downloadEndPoint:I,statementListView:b,onBackClick:v})=>{const E=F(),c=T(),{sortedYear:z,monthsByYearWithSortedMonth:u}=me(b.statements);return t.jsxs(se,{children:[t.jsx(W,{title:L.title,backgroundColor:E.colors.grey4,style:{zIndex:3},onBackClick:v,source:"ChargeCardStatementsPage"}),t.jsx(ce,{windowSize:c,children:b.statements.length===0?t.jsx(M,{children:t.jsx(de,{children:t.jsx(N,{windowSize:c,children:t.jsx(le,{children:L.noStatements})})})}):t.jsx(re,{children:z.map(m=>t.jsxs(oe,{children:[t.jsx(ne,{windowSize:c,children:m}),t.jsx(M,{children:u[m].map((p,A)=>t.jsx(N,{windowSize:c,children:t.jsx(ie,{productInformation:l,creditAccountInformation:n,debitAccountInformation:d,cashbackInformation:a,creditAccountRepayment:P,depositAccountListWithDebitCardIssued:f,debitCardSummary:j,controllerEmails:o,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:y,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:$,creditAccount:k,currentTenantCompanyName:e,index:A,data:p,authParams:r,downloadEndPoint:I,boxType:U(A,u[m].length)},p.id)},p.id))})]},m))})})]})},re=i.div``,oe=i.div`
+`;function ie({currentTenantCompanyName:e,data:r,index:o,controllerEmails:l,isDebitCardFeatureEnabled:a,isDebitCardSetupEnabled:n,chargeCardCashbackDetailState:d,depositAccountListWithDebitCardIssued:x,debitCardSummary:C,productInformation:y,creditAccountInformation:S,debitAccountInformation:$,cashbackInformation:f,creditAccountRepayment:j,authParams:P,downloadEndPoint:k,boxType:I}){const b=q().analytics,[v,E]=U.useState(!1),c=T(),z=Y[r.monthYearPeriod.month-1],u=`${e}-Credit-Card-Monthly-Statement-${Y[r.monthYearPeriod.month-1]}-${r.monthYearPeriod.year}.pdf`,m={period:`${r.monthYearPeriod.year}-${V(r.monthYearPeriod.month)}`,format:"pdf"},p=t.jsx(Q,{children:t.jsxs(X,{children:[t.jsx(ee,{children:z}),t.jsx(te,{"data-testid":_("download-card-statement"),onClick:()=>{d.fetchState==="Completed"&&j.fetchState==="Completed"&&(!(a&&n)||x.fetchState==="Completed"&&C?.fetchState==="Completed")&&f!=null&&b.trackCardsDownloadClick(l,y,f,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:u,fileMonthYear:`${Y[r.monthYearPeriod.month-1]} ${r.monthYearPeriod.year}`},"Credit Card Statements",o+1,S,$),K(`${k}/statements?query=${encodeURIComponent(JSON.stringify(m))}`,u,P,E)},children:v?t.jsx(G,{size:"Small",start:!0}):t.jsx(ae,{windowSize:c})})]})});return t.jsx(H,{content:p,boxType:I,isDisabled:!1,isNotClickable:!0})}const M=B.getLocalizedStrings().spendManagement.chargeCard.statements,g={listItemMarginLeftRight:new w(s[3],s[8]),containerMarginTop:new w(s[0],s[2]),titleMarginLeftRight:new w(s[3],s[8])},je=({currentTenantCompanyName:e,authParams:r,controllerEmails:o,productInformation:l,cashbackInformation:a,creditAccountInformation:n,debitAccountInformation:d,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:y,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:$,depositAccountListWithDebitCardIssued:f,creditAccountRepayment:j,debitCardSummary:P,creditAccount:k,downloadEndPoint:I,statementListView:b,onBackClick:v})=>{const E=F(),c=T(),{sortedYear:z,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:z.map(m=>t.jsxs(oe,{children:[t.jsx(ne,{windowSize:c,children:m}),t.jsx(L,{children:u[m].map((p,A)=>t.jsx(N,{windowSize:c,children:t.jsx(ie,{productInformation:l,creditAccountInformation:n,debitAccountInformation:d,cashbackInformation:a,creditAccountRepayment:j,depositAccountListWithDebitCardIssued:f,debitCardSummary:P,controllerEmails:o,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:y,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:$,creditAccount:k,currentTenantCompanyName:e,index:A,data:p,authParams:r,downloadEndPoint:I,boxType:Z(A,u[m].length)},p.id)},p.id))})]},m))})})]})},re=i.div``,oe=i.div`
   margin-bottom: ${h.sp6};
-`,M=i.div``,ne=i(O)`
+`,L=i.div``,ne=i(O)`
   margin-left: ${e=>g.titleMarginLeftRight.valuePx(e.windowSize)};
   margin-bottom: ${h.sp3};
 `,N=i.div`
@@ -57,4 +57,4 @@ import{d as F,q as T,j as t,bG as W,F as B,o as h,y as w,am as R,b9 as O,a9 as q
   width: 100%;
   height: 100%;
   margin-top: ${e=>g.containerMarginTop.valuePx(e.windowSize)};
-`,me=e=>{const r=e.map(a=>{const[n,d]=a.period.split("-");return{id:a.id,monthYearPeriod:{year:parseInt(n),month:parseInt(d)}}}),o={};r.forEach(a=>{o[a.monthYearPeriod.year]!=null?o[a.monthYearPeriod.year].push(a):o[a.monthYearPeriod.year]=[a]});const l={};return Object.keys(o).forEach(a=>{l[Number(a)]=o[Number(a)].sort((n,d)=>d.monthYearPeriod.month-n.monthYearPeriod.month)}),{sortedYear:Object.keys(o).sort((a,n)=>Number(n)-Number(a)).map(a=>Number(a)),monthsByYearWithSortedMonth:l}};export{Pe as default};
+`,me=e=>{const r=e.map(a=>{const[n,d]=a.period.split("-");return{id:a.id,monthYearPeriod:{year:parseInt(n),month:parseInt(d)}}}),o={};r.forEach(a=>{o[a.monthYearPeriod.year]!=null?o[a.monthYearPeriod.year].push(a):o[a.monthYearPeriod.year]=[a]});const l={};return Object.keys(o).forEach(a=>{l[Number(a)]=o[Number(a)].sort((n,d)=>d.monthYearPeriod.month-n.monthYearPeriod.month)}),{sortedYear:Object.keys(o).sort((a,n)=>Number(n)-Number(a)).map(a=>Number(a)),monthsByYearWithSortedMonth:l}};export{je as default};

package/dist/assets/{CheckDepositDrawerPage-6PfNZ8GG-D-owtiOB.js → CheckDepositDrawerPage-D64qEFAi-DmFPX3Hy.js}

@@ -1,4 +1,4 @@
-import{q as Z,j as t,aM as $,hU as pe,F as ee,aN as M,n as G,o,aQ as he,y as l,_ as oe,c as ue,b9 as me,a as te,ai as ge,am as F,aP as xe,aa as fe,cT as ke,p as w,ad as De,gp as $e,cW as we,f9 as J,d1 as Y,u as s,fC as be,cx as ye,cf as je,dn as Pe,hE as Le,an as q,hG as Se}from"./index-BtlpidgV.js";import{b as k,n as a}from"./vendor-Bs1fkIUX.js";import"./mui-Ty75qFQF.js";import"./analytics-BbBRZ6cw.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-CK1x27Ua.js";const ve="checkDepositDetailPage",g="checkDepositDetails",Fe="amount",Ce="depositTo",Te="source",ie="fileIds",R="selectDocument",I=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}`,Be=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:ze,common:V}=ee.getLocalizedStrings(),c=ze.zeniAccounts.zeniAccountList,Ae=V.documents;function Ee({checkDeposit:e,analytics:p,filesEndPoint:x,openPopup:b,authParams:y,onSaveChangesToLocalStore:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:L,onCheckDpositClick:T}){const r=Z(),n=e.fetchState,S=xe(n),[v,W]=k.useState(!1),[se,B]=k.useState(!1),z=u.largeLabelWidth.value(r),f=fe({mode:"all",reValidateMode:"onBlur",defaultValues:I(e),values:I(e)}),{isValid:re}=f.formState,_=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);_(h)}};k.useEffect(()=>{const i=f.watch((d,{name:h})=>{h!=null&&d!=null&&ke(()=>ce(h,d))});return()=>{i.unsubscribe()}}),k.useEffect(()=>{S==="Completed"&&n==="Not-Started"&&f.reset(I(e))},[S,n,f,e]),k.useEffect(()=>{e.error!=null?B(!0):B(!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();_(i),T?.()}}),ne=(i,d)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(E=>E.id===i),A=e.depositAccounts.depositAccounts.findIndex(E=>E.id===i);return h?t.jsx(Ve,{color:Le(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(K,{children:h?.maskedAccountNumber}),t.jsx(to,{}),t.jsx(K,{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(We,{children:[t.jsx(Ge,{}),t.jsxs(Je,{children:[t.jsx(Ye,{children:e.error?.title}),t.jsx(Ke,{children:e.error?.message})]})]}),t.jsx(_e,{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),B(!1)},style:{width:o.sp3,height:o.sp3,color:w.heroLight}})})]})}):null,t.jsx(Qe,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),t.jsx(De,{...f,children:t.jsx("form",{id:Be(ve),onSubmit:le,children:t.jsxs(Xe,{children:[t.jsx($e,{showAdditionalInfoLabel:!1,label:{label:c.checkDepositDrawer.amountLabel,width:z},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:z},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(Ue,{label:{label:c.checkDepositDrawer.depositToLabel,width:z,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(He,{size:r,children:[t.jsxs(Ze,{size:r,children:[t.jsx(Ie,{children:c.checkDepositDrawer.checkPicLabel}),t.jsx(Q,{isLast:!1,children:c.checkDepositDrawer.frontSide}),t.jsx(J,{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:Y,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"front"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>W(i),onEditFileName:L,openPopup:b,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.frontSideError,useMobileCam:!0,compressImage:!0}),t.jsx(Q,{isLast:!0,children:c.checkDepositDrawer.backSide}),t.jsx(J,{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:Y,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"back"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>W(i),onEditFileName:L,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 Ie=a(F)`
+import{q as Z,j as t,aM as $,hU as pe,F as ee,aN as M,n as J,o,aQ as he,y as l,L as oe,c as ue,b9 as me,a as te,ai as ge,am as F,aP as xe,aa as fe,cT as ke,p as w,ad as De,gp as $e,cW as we,f9 as Y,d1 as _,u as s,fC as be,cx as ye,cf as je,dn as Pe,hE as Le,an as q,hG as Se}from"./index-CN7UAWAg.js";import{b as k,n as a}from"./vendor-Bs1fkIUX.js";import"./mui-Ty75qFQF.js";import"./analytics-BbBRZ6cw.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-CK1x27Ua.js";const ve="checkDepositDetailPage",g="checkDepositDetails",Fe="amount",Ce="depositTo",Te="source",ie="fileIds",R="selectDocument",I=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}`,Be=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:ze,common:V}=ee.getLocalizedStrings(),c=ze.zeniAccounts.zeniAccountList,Ae=V.documents;function Ee({checkDeposit:e,analytics:p,filesEndPoint:x,openPopup:b,authParams:y,onSaveChangesToLocalStore:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:L,onCheckDpositClick:T}){const r=Z(),n=e.fetchState,S=xe(n),[v,W]=k.useState(!1),[se,B]=k.useState(!1),z=u.largeLabelWidth.value(r),f=fe({mode:"all",reValidateMode:"onBlur",defaultValues:I(e),values:I(e)}),{isValid:re}=f.formState,G=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);G(h)}};k.useEffect(()=>{const i=f.watch((d,{name:h})=>{h!=null&&d!=null&&ke(()=>ce(h,d))});return()=>{i.unsubscribe()}}),k.useEffect(()=>{S==="Completed"&&n==="Not-Started"&&f.reset(I(e))},[S,n,f,e]),k.useEffect(()=>{e.error!=null?B(!0):B(!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();G(i),T?.()}}),ne=(i,d)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(E=>E.id===i),A=e.depositAccounts.depositAccounts.findIndex(E=>E.id===i);return h?t.jsx(Ve,{color:Le(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(K,{children:h?.maskedAccountNumber}),t.jsx(to,{}),t.jsx(K,{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(We,{children:[t.jsx(Je,{}),t.jsxs(Ye,{children:[t.jsx(_e,{children:e.error?.title}),t.jsx(Ke,{children:e.error?.message})]})]}),t.jsx(Ge,{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),B(!1)},style:{width:o.sp3,height:o.sp3,color:w.heroLight}})})]})}):null,t.jsx(Qe,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),t.jsx(De,{...f,children:t.jsx("form",{id:Be(ve),onSubmit:le,children:t.jsxs(Xe,{children:[t.jsx($e,{showAdditionalInfoLabel:!1,label:{label:c.checkDepositDrawer.amountLabel,width:z},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:z},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(Ue,{label:{label:c.checkDepositDrawer.depositToLabel,width:z,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(He,{size:r,children:[t.jsxs(Ze,{size:r,children:[t.jsx(Ie,{children:c.checkDepositDrawer.checkPicLabel}),t.jsx(Q,{isLast:!1,children:c.checkDepositDrawer.frontSide}),t.jsx(Y,{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:_,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"front"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>W(i),onEditFileName:L,openPopup:b,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.frontSideError,useMobileCam:!0,compressImage:!0}),t.jsx(Q,{isLast:!0,children:c.checkDepositDrawer.backSide}),t.jsx(Y,{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:_,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"back"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>W(i),onEditFileName:L,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 Ie=a(F)`
   color: ${e=>e.theme.colors.hero};
 `,Ne=a(F)`
   color: ${e=>e.theme.colors.hero};
@@ -34,15 +34,15 @@ import{q as Z,j as t,aM as $,hU as pe,F as ee,aN as M,n as G,o,aQ as he,y as l,_
 `,We=a.div`
   display: flex;
   align-items: flex-start;
-`,_e=a.div``,Ge=a(be)`
+`,Ge=a.div``,Je=a(be)`
   width: ${o.sp4};
   height: ${o.sp4};
   color: ${w.important};
-`,Je=a.div`
+`,Ye=a.div`
   display: flex;
   flex-direction: column;
   margin-left: ${o.sp2};
-`,Ye=a(ye)`
+`,_e=a(ye)`
   color: ${w.important};
 `,Ke=a(F)`
   color: ${w.important};
@@ -145,7 +145,7 @@ import{q as Z,j as t,aM as $,hU as pe,F as ee,aN as M,n as G,o,aQ as he,y as l,_
   &: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:L,onCheckDpositClick:T,onDismissClick:r})=>{const n=Z(),[S,v]=k.useState(!1);return t.jsx(go,{windowSize:n,children:e.fetchState==="Completed"?t.jsxs(U,{windowSize:n,children:[t.jsx(X,{windowSize:n,children:t.jsx(H,{"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(G,{variant:"secondary",label:m.checkDepositDrawer.makeAnotherTransferBtn,onClick:C,"data-testid":$("check-deposit-drawer-another-transfer")}),t.jsx(G,{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(U,{windowSize:n,children:[t.jsx(X,{windowSize:n,children:t.jsx(H,{"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(Ee,{analytics:p,authParams:b,checkDeposit:e,filesEndPoint:x,onSaveChangesToLocalStore:y,openPopup:v,onCheckDpositClick:T,onDeleteFile:P,onEditFileName:L,updateFilesEntity:j})]}),t.jsx(he,{formId:no(co),helperText:m.checkDepositDrawer.footNote,helperStyle:{paddingTop:o.sp0,paddingBottom:o.sp0},style:{zIndex:S?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:L,onCheckDpositClick:T,onDismissClick:r})=>{const n=Z(),[S,v]=k.useState(!1);return t.jsx(go,{windowSize:n,children:e.fetchState==="Completed"?t.jsxs(U,{windowSize:n,children:[t.jsx(X,{windowSize:n,children:t.jsx(H,{"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(J,{variant:"secondary",label:m.checkDepositDrawer.makeAnotherTransferBtn,onClick:C,"data-testid":$("check-deposit-drawer-another-transfer")}),t.jsx(J,{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(U,{windowSize:n,children:[t.jsx(X,{windowSize:n,children:t.jsx(H,{"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(Ee,{analytics:p,authParams:b,checkDeposit:e,filesEndPoint:x,onSaveChangesToLocalStore:y,openPopup:v,onCheckDpositClick:T,onDeleteFile:P,onEditFileName:L,updateFilesEntity:j})]}),t.jsx(he,{formId:no(co),helperText:m.checkDepositDrawer.footNote,helperStyle:{paddingTop:o.sp0,paddingBottom:o.sp0},style:{zIndex:S?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};