@zeniai/web-app-ui 4.14.29-dev → 4.14.30-dev

package/dist/assets/{ChargeCardListPage-CZFi8l0_-CO-jS4Wx.js → ChargeCardListPage-EuJ1VXck-BU5r2hWM.js}

@@ -1,4 +1,4 @@
-import{h as Ja,a7 as _,_ as Ka,fm as Wa,i5 as N,e as Ee,o as a,y as ta,V as t,a_ as Xa,eO as ae,w as D,bn as nt,d as p,a5 as he,P as M,ag as st,O as Fe,x as V,C as q,N as Za,M as Qa,co as er,q as aa,b6 as tr,aj as ct,ab as ar,H as lt,T as rr,gf as ir,dX as or,j as nr,A as sr,fD as dr,a as Ot,k as O,cy as ra,D as cr,l as lr,c2 as hr,cn as ur,aT as mr,bp as pr}from"./index-ByxsQZNo.js";import{a as c}from"./sentry-COYnhuxW.js";import{n as r,c as ht,k as Cr}from"./mui-40xepic5.js";import{F4 as gr,Gs as xr,bs as Bt,bG as br,c6 as yr}from"./zeni-epic-state-DCforPdM.js";import{m as fr}from"./BusyIndication-H_iNZOWd-BNmJKxof.js";import{t as Sr}from"./SpendManagementSection-CZ_i360S-BWGL8ndc.js";import{D as re,r as wr,i as kr}from"./ChargeCardListTable-DiJUp9-c-hw3gHlrw.js";import{ChargeCardPromoUserContent as $r}from"./ChargeCardPromoPage-CiZDV925-B7JK6cJL.js";import{N as Ir,J as vr}from"./PromoBaseCards-B5vRjrOp-DZnXvun2.js";import{z as Mt,L as Nt,k as jr,P as Ar}from"./LockCardPage-DN2dvQA9-ptj6YCPt.js";import{r as Lr,i as Pr}from"./graphic-no-data-net-burn-l-CzmycA0m-DO0fHtUP.js";import{t as Er,o as Fr}from"./arrow-south-east-round-PEovUgvH-CvfiHTRY.js";import"./pdf-A8jRKyoC.js";import"./core-B0nKoasK.js";import"./lottie-BzV8yd9z.js";import"./liveblocks-DskTqGyX.js";import"./recharts-Bbdho9Pi.js";import"./dnd-NNN-4w0O.js";import"./analytics-CDQ7tGpV.js";import"./plaid-cfgjTkr8.js";import"./utils-DMEPgX6w.js";import"./MoreMenuButton-C_jqM-Ix-D5fFt93A.js";import"./bank-letter-BOcVjN6J-ydWr7ZOI.js";import"./spend-limit-D6SyboD4-BruIkKZj.js";import"./dollar-round-D18u7nlm-CQw1tD8J.js";import"./money-2cg1MuG4-rv31fLm6.js";import"./page-summary-D7_VQHwN-bNTaLAow.js";import"./transaction-placeholder-CpOwZAMG-C-J0dsgn.js";import"./unlock-BPWn2I5L-BGatCFPm.js";import"./filter-cZIFUNvj-DAakc3sS.js";import"./ZeniDatePicker-9JxwH7J5-CcV9D7gC.js";import"./avatar-Dz7aEm3d-BdKWS97a.js";import"./common-BGuhvMjF-Ry4gfI81.js";import"./calculateSize-DecSvt-d-CIfCbqel.js";import"./ZeniAvatar-C2LxBTZ4-YOmVMm4j.js";import"./RoleWithToolTip-Bqdsc31P-CNmkPW05.js";import"./CardNumberSubText-BAWc12F9-CekGLfjU.js";import"./NavigationDots-maxhYltq-IyF42HyI.js";import"./usp-line-BBd1wKwW-vz296XX2.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},m=new e.Error().stack;m&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[m]="a262b87f-3575-4cb0-a42e-c73270dff45b",e._sentryDebugIdIdentifier="sentry-dbid-a262b87f-3575-4cb0-a42e-c73270dff45b")}catch{}})();const ut={infoSubheadingTextMarginTop:new V(O[0],O[0]),cardsMinWidth:new V(343,353)},Pe=Fe.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,Vt=({cardPromoType:e,cardText:m,header:l,title:d,subTitle:n,slidingTextList:h,onClick:B,status:$,statusMessage:Y})=>{const U=Ee(),A=$!==void 0,G=$==="rejected"?Pe.status.requestRejected:$==="under_review"?Pe.status.requestUnderReview:"";return t.jsxs(Dr,{windowSize:U,cardPromoType:e,"data-testid":M("list-page-promo-card",e),onClick:()=>B(e),children:[t.jsxs(ia,{isStatusMode:A,children:[t.jsxs(na,{children:[A?t.jsx(_r,{children:G}):t.jsx(oa,{children:l}),t.jsx(Or,{children:d}),A?null:t.jsx(Nr,{children:n})]}),!A&&t.jsxs(Vr,{children:[t.jsx(Ur,{}),h.length>0&&t.jsx(dt,{slideUpCount:h.length,children:h.map((ie,oe)=>t.jsx(sa,{children:ie},`card-promo-${oe.toString()}`))}),t.jsx(Gr,{})]}),Y!=null&&A?t.jsx(zr,{status:$,children:Y}):null]}),t.jsx(Hr,{isStatusMode:A,children:t.jsx(Ir,{cardPromoType:e,cardText:m,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(qr,{isStatusMode:A,children:t.jsx(vr,{cardPromoType:e,cardText:m,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Ut=({cardType:e,header:m,title:l,creditLimit:d,onCreateNowClick:n})=>{const h=Ee();return t.jsx(Tr,{windowSize:h,cardType:e,children:t.jsxs(Rr,{children:[t.jsxs(na,{children:[t.jsx(oa,{children:m}),t.jsx(Mr,{children:t.jsx(Br,{children:l})}),t.jsx(Yr,{windowSize:h,children:t.jsxs(Jr,{windowSize:h,onClick:()=>n(e),"data-testid":M("total-cashback-info"),children:[t.jsx(sa,{children:Pe.createNow}),t.jsx(Kr,{})]})})]}),e==="creditCard"?t.jsxs(Wr,{children:[t.jsx(Xr,{children:Pe.creditLimit}),t.jsx(Zr,{children:d})]}):null]})})},Dr=r.div`
+import{h as Ja,a7 as _,_ as Ka,fm as Wa,i5 as z,e as Fe,o as a,y as ta,V as t,a_ as Xa,eO as ae,w as D,bn as nt,f as p,a5 as he,b as M,ag as st,O as Ee,x as V,C as Y,d as Za,M as Qa,co as er,r as aa,b6 as tr,aj as ct,ab as ar,H as lt,T as rr,gf as ir,dX as or,k as nr,A as sr,fD as dr,a as Ot,m as O,cy as ra,D as cr,l as lr,c2 as hr,cn as ur,aT as mr,bp as pr}from"./index-BHAcVHeH.js";import{a as c}from"./sentry-CY6wsJT-.js";import{n as r,c as ht,k as Cr}from"./mui-Cni6P-fz.js";import{F4 as gr,Gs as xr,bs as Bt,bG as br,c6 as yr}from"./zeni-epic-state-cFF_NqwA.js";import{m as fr}from"./BusyIndication-BZLVwIo8-6s8wSi7T.js";import{t as Sr}from"./SpendManagementSection-BXU3RGG8-BwEQ7fN8.js";import{D as re,r as wr,i as kr}from"./ChargeCardListTable-SgjwYd8W-EVdaCbR4.js";import{ChargeCardPromoUserContent as $r}from"./ChargeCardPromoPage-C-z0xtuN-qFHF_adM.js";import{N as Ir,J as vr}from"./PromoBaseCards-B_0dccCZ-BeKRkhdX.js";import{z as Mt,L as zt,k as jr,P as Ar}from"./LockCardPage-B1QOSByp-BfsUhZIZ.js";import{r as Lr,i as Pr}from"./graphic-no-data-net-burn-l-CzmycA0m-CaA33M1d.js";import{t as Fr,o as Er}from"./arrow-south-east-round-PEovUgvH-BXAmISmi.js";import"./pdf-CTJ16aEe.js";import"./core-oEkj6b51.js";import"./lottie-DEK510sX.js";import"./liveblocks-Ia5FU_Xu.js";import"./recharts-LlOU9oLm.js";import"./dnd-DwLm2ZWc.js";import"./analytics-Ci5SIN4_.js";import"./plaid-B2vW8NaN.js";import"./utils-ChLimP28.js";import"./MoreMenuButton-5MZl4h9B-BympoCwa.js";import"./bank-letter-BOcVjN6J-a5lcVCZG.js";import"./spend-limit-D6SyboD4-DAZsY_K2.js";import"./dollar-round-D18u7nlm-BxzwYsJa.js";import"./money-2cg1MuG4-BmcWx6In.js";import"./page-summary-D7_VQHwN-ZSqDN0WI.js";import"./transaction-placeholder-CpOwZAMG-B7lzeBRq.js";import"./unlock-BPWn2I5L-BcwMx3a4.js";import"./filter-cZIFUNvj-Cn5LR_-W.js";import"./ZeniDatePicker-C_YQpGe--CXBBhIwN.js";import"./avatar-Dz7aEm3d-lVrrjTFE.js";import"./common-B74Sb4iG-Ba1Dna3Q.js";import"./calculateSize-CAxK0dN_-6AyeRPo8.js";import"./ZeniAvatar-5wP6sb3W-CKgtWCng.js";import"./RoleWithToolTip-VOllzDDB-BXr_ucO6.js";import"./CardNumberSubText-12zyW5qQ-c22fv1fM.js";import"./NavigationDots-WUDG_g8M-CSwlLBTM.js";import"./usp-line-BBd1wKwW-CuU9mWQv.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},m=new e.Error().stack;m&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[m]="1c339044-48e3-4b96-826b-aa04d38aa242",e._sentryDebugIdIdentifier="sentry-dbid-1c339044-48e3-4b96-826b-aa04d38aa242")}catch{}})();const ut={infoSubheadingTextMarginTop:new V(O[0],O[0]),cardsMinWidth:new V(343,353)},Pe=Ee.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,Vt=({cardPromoType:e,cardText:m,header:l,title:d,subTitle:n,slidingTextList:h,onClick:B,status:$,statusMessage:q})=>{const U=Fe(),A=$!==void 0,G=$==="rejected"?Pe.status.requestRejected:$==="under_review"?Pe.status.requestUnderReview:"";return t.jsxs(Dr,{windowSize:U,cardPromoType:e,"data-testid":M("list-page-promo-card",e),onClick:()=>B(e),children:[t.jsxs(ia,{isStatusMode:A,children:[t.jsxs(na,{children:[A?t.jsx(_r,{children:G}):t.jsx(oa,{children:l}),t.jsx(Or,{children:d}),A?null:t.jsx(zr,{children:n})]}),!A&&t.jsxs(Vr,{children:[t.jsx(Ur,{}),h.length>0&&t.jsx(dt,{slideUpCount:h.length,children:h.map((ie,oe)=>t.jsx(sa,{children:ie},`card-promo-${oe.toString()}`))}),t.jsx(Gr,{})]}),q!=null&&A?t.jsx(Nr,{status:$,children:q}):null]}),t.jsx(Hr,{isStatusMode:A,children:t.jsx(Ir,{cardPromoType:e,cardText:m,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(Yr,{isStatusMode:A,children:t.jsx(vr,{cardPromoType:e,cardText:m,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Ut=({cardType:e,header:m,title:l,creditLimit:d,onCreateNowClick:n})=>{const h=Fe();return t.jsx(Tr,{windowSize:h,cardType:e,children:t.jsxs(Rr,{children:[t.jsxs(na,{children:[t.jsx(oa,{children:m}),t.jsx(Mr,{children:t.jsx(Br,{children:l})}),t.jsx(qr,{windowSize:h,children:t.jsxs(Jr,{windowSize:h,onClick:()=>n(e),"data-testid":M("total-cashback-info"),children:[t.jsx(sa,{children:Pe.createNow}),t.jsx(Kr,{})]})})]}),e==="creditCard"?t.jsxs(Wr,{children:[t.jsx(Xr,{children:Pe.creditLimit}),t.jsx(Zr,{children:d})]}):null]})})},Dr=r.div`
   display: flex;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   align-items: center;
@@ -55,7 +55,7 @@ import{h as Ja,a7 as _,_ as Ka,fm as Wa,i5 as N,e as Ee,o as a,y as ta,V as t,a_
 `,_r=r(ra)`
   color: ${e=>e.theme.colors.brandColorGold};
   text-transform: uppercase;
-`,zr=r(q)`
+`,Nr=r(Y)`
   color: ${p.neutralGrey5Light};
   max-width: ${e=>e.status==="rejected"?"188px":"200px"};
 `,Or=r(hr)`
@@ -66,7 +66,7 @@ import{h as Ja,a7 as _,_ as Ka,fm as Wa,i5 as N,e as Ee,o as a,y as ta,V as t,a_
 `,Mr=r.div`
   width: auto;
   text-align: left;
-`,Nr=r(q)`
+`,zr=r(Y)`
   color: ${e=>e.theme.colors.brandColorJade};
 `,Vr=r.div`
   display: flex;
@@ -74,7 +74,7 @@ import{h as Ja,a7 as _,_ as Ka,fm as Wa,i5 as N,e as Ee,o as a,y as ta,V as t,a_
   gap: ${a.sp2};
   height: 21px;
   overflow: hidden;
-`,dt=r(q)`
+`,dt=r(Y)`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -125,11 +125,11 @@ import{h as Ja,a7 as _,_ as Ka,fm as Wa,i5 as N,e as Ee,o as a,y as ta,V as t,a_
   position: absolute;
   top: ${e=>e.isStatusMode===!0?a.sp5:a.sp2};
   right: -29px;
-`,qr=r.div`
+`,Yr=r.div`
   position: absolute;
   top: ${e=>e.isStatusMode===!0?a.sp9:"37px"};
   right: -46px;
-`,sa=r.div``,Yr=r.div`
+`,sa=r.div``,qr=r.div`
   border: 1px solid ${p.neutralGrey5Light};
   border-radius: ${a.sp12};
   width: fit-content;
@@ -155,7 +155,7 @@ import{h as Ja,a7 as _,_ as Ka,fm as Wa,i5 as N,e as Ee,o as a,y as ta,V as t,a_
   color: ${p.neutralGrey5Light};
 `,Zr=r(lr)`
   color: ${p.neutralGrey5Light};
-`,le="spendLimit",H=Fe.getLocalizedStrings().spendManagement.chargeCard.updateSpendLimitPopup;function Qr({currentSpentAmount:e,hasCreditCard:m,hasDebitCard:l,maxLimitAmountForCreditCard:d,maxLimitAmountForDebitCard:n,isDisabled:h,updateLimitFetchState:B,onCancelClick:$,onSubmitClick:Y}){const U=Ee(),A="SpendLimitForm",G=rr({mode:"onBlur",reValidateMode:"onBlur",defaultValues:{[le]:void 0}}),{control:ie,formState:{errors:oe}}=G,[De,Te]=c.useState(void 0),S=ir({control:ie,name:le}),Re=G.handleSubmit(()=>{const C=G.getValues(le);C!=null&&Y(C)}),me=or(oe,le),w=Fe.getLocalizedStrings().common,L=Le.largeLabelWidth.value(U);return c.useEffect(()=>{Te(ei(e,m,l,d,n,S))},[S,e,d,n,m,l]),t.jsx(ti,{windowSize:U,role:"presentation",children:t.jsx(nr,{onClickAway:()=>$(),children:t.jsxs(ai,{windowSize:U,children:[t.jsx(sr,{...G,children:t.jsxs(di,{id:A,onSubmit:C=>{C.preventDefault(),Re()},children:[t.jsx(ri,{windowSize:U,children:H.heading}),t.jsx(si,{hasError:me,children:t.jsx(dr,{label:{label:H.newLimit,width:L},showAdditionalInfoLabel:me,additionalInfoLabel:De,formattedTextField:{type:"number",name:le,defaultValue:void 0,placeholder:H.placeholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:C=>{if(!C||C<=0||C<=e.amount)return!1;if(l&&m&&n!=null&&d!=null){if(C>Math.min(n.amount,d.amount))return!1}else if(l&&n!=null&&C>n.amount||m&&d!=null&&C>d.amount)return!1;return!0}},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},showOutlineOnFocus:!1})})]})}),t.jsx(ni,{children:t.jsxs(ii,{children:[t.jsx(Ot,{label:w.cancel,onClick:()=>{$()},style:{width:84}}),t.jsx(oi,{}),t.jsx(Ot,{variant:"primary",label:w.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:B==="In-Progress",type:"submit",form:A,disabled:h})]})})]})})})}const ei=(e,m,l,d,n,h)=>{if(h!=null){if(h<=e.amount)return H.amountBelowErrorBulk;if(l&&m&&n!=null&&d!=null){if(h>Math.min(n.amount,d.amount)){const B=n.amount<d.amount?"debit":"credit",$=n.amount<d.amount?n:d;return H.maxLimitForCardTypeError.replace("_card_type_",B).replace("_amount_",he("0,0.[00]",$))}}else{if(l&&n!=null&&h>n.amount)return H.maxLimitForCardTypeError.replace("_card_type_","debit").replace("_amount_",he("0,0.[00]",n));if(m&&d!=null&&h>d.amount)return H.maxLimitForCardTypeError.replace("_card_type_","credit").replace("_amount_",he("0,0.[00]",d))}}},Le={width:new V(343,500,500),largeLabelWidth:new V(108,108,108),popupLeftRightPadding:new V(O[5],O[6]),popupTopBottomPadding:new V(O[5],O[5])},ti=r.div`
+`,le="spendLimit",H=Ee.getLocalizedStrings().spendManagement.chargeCard.updateSpendLimitPopup;function Qr({currentSpentAmount:e,hasCreditCard:m,hasDebitCard:l,maxLimitAmountForCreditCard:d,maxLimitAmountForDebitCard:n,isDisabled:h,updateLimitFetchState:B,onCancelClick:$,onSubmitClick:q}){const U=Fe(),A="SpendLimitForm",G=rr({mode:"onBlur",reValidateMode:"onBlur",defaultValues:{[le]:void 0}}),{control:ie,formState:{errors:oe}}=G,[De,Te]=c.useState(void 0),S=ir({control:ie,name:le}),Re=G.handleSubmit(()=>{const C=G.getValues(le);C!=null&&q(C)}),me=or(oe,le),w=Ee.getLocalizedStrings().common,L=Le.largeLabelWidth.value(U);return c.useEffect(()=>{Te(ei(e,m,l,d,n,S))},[S,e,d,n,m,l]),t.jsx(ti,{windowSize:U,role:"presentation",children:t.jsx(nr,{onClickAway:()=>$(),children:t.jsxs(ai,{windowSize:U,children:[t.jsx(sr,{...G,children:t.jsxs(di,{id:A,onSubmit:C=>{C.preventDefault(),Re()},children:[t.jsx(ri,{windowSize:U,children:H.heading}),t.jsx(si,{hasError:me,children:t.jsx(dr,{label:{label:H.newLimit,width:L},showAdditionalInfoLabel:me,additionalInfoLabel:De,formattedTextField:{type:"number",name:le,defaultValue:void 0,placeholder:H.placeholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:C=>{if(!C||C<=0||C<=e.amount)return!1;if(l&&m&&n!=null&&d!=null){if(C>Math.min(n.amount,d.amount))return!1}else if(l&&n!=null&&C>n.amount||m&&d!=null&&C>d.amount)return!1;return!0}},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},showOutlineOnFocus:!1})})]})}),t.jsx(ni,{children:t.jsxs(ii,{children:[t.jsx(Ot,{label:w.cancel,onClick:()=>{$()},style:{width:84}}),t.jsx(oi,{}),t.jsx(Ot,{variant:"primary",label:w.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:B==="In-Progress",type:"submit",form:A,disabled:h})]})})]})})})}const ei=(e,m,l,d,n,h)=>{if(h!=null){if(h<=e.amount)return H.amountBelowErrorBulk;if(l&&m&&n!=null&&d!=null){if(h>Math.min(n.amount,d.amount)){const B=n.amount<d.amount?"debit":"credit",$=n.amount<d.amount?n:d;return H.maxLimitForCardTypeError.replace("_card_type_",B).replace("_amount_",he("0,0.[00]",$))}}else{if(l&&n!=null&&h>n.amount)return H.maxLimitForCardTypeError.replace("_card_type_","debit").replace("_amount_",he("0,0.[00]",n));if(m&&d!=null&&h>d.amount)return H.maxLimitForCardTypeError.replace("_card_type_","credit").replace("_amount_",he("0,0.[00]",d))}}},Le={width:new V(343,500,500),largeLabelWidth:new V(108,108,108),popupLeftRightPadding:new V(O[5],O[6]),popupTopBottomPadding:new V(O[5],O[5])},ti=r.div`
   position: fixed;
   top: ${a.sp0};
   left: ${a.sp0};
@@ -206,7 +206,7 @@ import{h as Ja,a7 as _,_ as Ka,fm as Wa,i5 as N,e as Ee,o as a,y as ta,V as t,a_
   }
 `,di=r.form`
   display: contents;
-`,ue={contentContainerMargin:new V(O[3],O[4],O[8]),infoSubheadingTextMarginTop:new V(O[0],O[0]),cardsMinWidth:new V(343,353)},ci={remainingText:new Za("largeRegular","largeRegular")},{spendManagement:{chargeCard:{payEarly:f,cardList:z,chargeCardsPromo:b}},common:T,dateFormat:je}=Fe.getLocalizedStrings(),Io=({chargeCardListView:e,searchText:m,admins:l,companyLegalName:d,onFetchChargeCardsRecurringExpenses:n,onFetchDepositAccountLimit:h,onCloseChargeCard:B,onCloseChargeCardList:$,onLockChargeCard:Y,onLockChargeCardList:U,onUnlockChargeCardList:A,updateChargeCardListSpendLimit:G,onUpdateSpendLimit:ie,isCardControlsEnabled:oe,isCashbackFeatureEnabled:De,creditCardPayNowThreshold:Te,isChargeCardFeatureEnabled:S,isCompanyInterestedInChargeCard:Re,isCreditCardProductVisibleForExpressInterest:me,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:L,isChargeCardSetupEnabled:C,companyChargeCardInfoCreditAccountLimit:_e,controllerEmails:pe,onRevokeChargeCardList:mt,depositAccountListWithDebitCardIssued:R,chargeCardCashbackDetailState:I,uiState:la,signedInUser:ze,creditLimit:Ce,cashbackRate:Oe,onSearchTextChanged:ha,navigateToCreditCardPaymentHistoryPage:ua,onClickSetupIcon:ma,isChargeCardPaymentHistoryFeatureEnabled:pa,isEarlyPayEnabled:ne,onClickStatementsIcon:Ca,onChargeCardRowClick:ga,updateChargeCardName:xa,onChargeCardResendInviteClick:ba,onChargeCardRevokeInviteClick:pt,onUnlockChargeCard:Ct,onIssueCardClick:ya,onBackClick:fa,onReloadCards:Sa,onTotalCashbackClick:wa,onColumnSortConfigChanged:ka,onClickMenuIcon:$a,onPromoCardClick:gt,onCreateNowClick:xt,showPayNowInfoTooltip:Ia,navigateToCreditCardPaymentPage:ge,shouldShowPayNowInfoTooltip:Be,rowActionView:o,bulkActionView:u,onSetRowActionCardId:Me,onSetBulkActionCardIds:v})=>{const xe=Ja().analytics,[bt,va]=c.useState(!1),[Ne,be]=c.useState(!1),[Ve,ye]=c.useState(!1),[ja,J]=c.useState(!1),[Aa,K]=c.useState(!1),[La,fe]=c.useState(!1),[Ue,Ge]=c.useState(!1),[He,qe]=c.useState(!1),[Ye,yt]=c.useState(void 0),Pa=u.chargeCards[0]?.status.code,{creditAccount:x,creditAccountRepayment:j}=e,P=c.useCallback(()=>{Me(void 0),yt(void 0)},[Me]),E=u.chargeCards,Ea=c.useMemo(()=>E.length===0?void 0:E.reduce((i,s)=>s.balance.amount>i.balance.amount?s:i,E[0]).balance,[E]),Fa=c.useMemo(()=>{const i=E.filter(y=>y.type.code.includes("debit"));if(i.length===0)return;const s=i.map(y=>R.depositAccounts.find(te=>te.id===y.connectedAccountId)?.cardLimits.dailyCardTransactionLimit).filter(y=>y!==void 0);return s.length===0?void 0:s.reduce((y,te)=>te.amount<y.amount?te:y)},[E,R.depositAccounts]),ft=_(e.unlockChargeCardsFetchState.fetchState),St=_(e.revokeChargeCardsInviteFetchState.fetchState),wt=_(e.lockChargeCardsFetchState.fetchState),kt=_(e.closeChargeCardsFetchState.fetchState),$t=_(e.updateChargeCardsSpendLimitFetchState.fetchState);c.useEffect(()=>{const i=ft==="In-Progress"&&e.unlockChargeCardsFetchState.fetchState==="Completed",s=St==="In-Progress"&&e.revokeChargeCardsInviteFetchState.fetchState==="Completed",y=wt==="In-Progress"&&e.lockChargeCardsFetchState.fetchState==="Completed",te=kt==="In-Progress"&&e.closeChargeCardsFetchState.fetchState==="Completed",Ya=$t==="In-Progress"&&e.updateChargeCardsSpendLimitFetchState.fetchState==="Completed";(i||s)&&v([]),y&&(J(!1),v([])),te&&(K(!1),v([])),Ya&&(fe(!1),v([]))},[e.unlockChargeCardsFetchState.fetchState,e.revokeChargeCardsInviteFetchState.fetchState,e.lockChargeCardsFetchState.fetchState,e.closeChargeCardsFetchState.fetchState,e.updateChargeCardsSpendLimitFetchState.fetchState,ft,St,wt,kt,$t,v]);const W=o.cardId!=null?o.unlockChargeCardsFetchState.fetchState:void 0,It=_(W),Je=o.cardId!=null?o.updateChargeCardLimitFetchState.fetchState:void 0,vt=_(Je),Ke=o.cardId!=null?o.updateChargeCardNameFetchState.fetchState:void 0,jt=_(Ke),We=o.cardId!=null?o.lockChargeCardsFetchState.fetchState:void 0,At=_(We),Xe=o.cardId!=null?o.closeChargeCardsFetchState.fetchState:void 0,Lt=_(Xe),X=o.cardId!=null?o.revokeChargeCardFetchState.fetchState:void 0,Pt=_(X);c.useEffect(()=>{o.cardId!=null&&It==="In-Progress"&&W==="Completed"?P():o.cardId!=null&&vt==="In-Progress"&&Je==="Completed"?(qe(!1),P()):o.cardId!=null&&jt==="In-Progress"&&Ke==="Completed"?(Ge(!1),P()):o.cardId!=null&&At==="In-Progress"&&We==="Completed"?(be(!1),P()):o.cardId!=null&&Lt==="In-Progress"&&Xe==="Completed"?(ye(!1),P()):o.cardId!=null&&Pt==="In-Progress"&&X==="Completed"&&P()},[o.cardId,W,Je,Ke,We,Xe,X,It,jt,vt,At,Lt,Pt,P]);const Da=c.useCallback(i=>{switch(i){case"close":n(u.bulkActionCardIds),K(!0);break;case"lock":n(u.bulkActionCardIds),J(!0);break;case"unlock":A(u.bulkActionCardIds);break;case"update_limit":fe(!0);break;case"revoke_invite":mt(u.bulkActionCardIds)}},[u.bulkActionCardIds,n,mt,A]),g=o.chargeCard;c.useEffect(()=>{if(Ye!==void 0&&o.cardId!==void 0&&g!==void 0)switch(Ye){case re.CLOSE:Ve||(n([o.cardId]),ye(!0));break;case re.LOCK:Ne||(n([o.cardId]),be(!0));break;case re.UNLOCK:W!=="In-Progress"&&W!=="Completed"&&Ct(o.cardId);break;case re.REVOKE_INVITE:X!=="In-Progress"&&X!=="Completed"&&pt(o.cardId);break;case re.RENAME:Ue||Ge(!0);break;case re.UPDATE_SPEND_LIMIT:He||(g.type.code.includes("debit")&&o.depositAccountLimitFetchState.fetchState!=="Completed"&&h(g.connectedAccountId,o.cardId),qe(!0))}},[Ye,o.cardId,He,Ue,Ve,Ne,W,X,n,h,Ct,pt]);const Ze=Ka(),Z=!!Ze.loggedInUserRole.includes("charge_card_user"),Se=Wa(Ze),k=gr(Ze.loggedInUserRoleMap),Q=c.useMemo(()=>k===!0?{creditCardCashbackOffer:`${I.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${I.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:N(I.cashbackSummary.cashbackEarned.amount),redeemedCashback:N(I.cashbackSummary.cashbackRedeemed.amount),availableCashback:N(I.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:I.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:I.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,[k,I.cashbackAnalytics.creditCardCashbackOffer,I.cashbackAnalytics.debitCardCashbackOffer,I.cashbackSummary.cashbackEarned.amount,I.cashbackSummary.cashbackRedeemed.amount,I.cashbackSummary.cashbackAvailable.amount,I.cashbackAnalytics.creditCardCashbackRedemptionMode,I.cashbackAnalytics.debitCardCashbackRedemptionMode]),we=c.useMemo(()=>S&&C&&k===!0?{creditAccountId:x.id,creditAccountLimit:N(x.limit.amount),creditAccountAvailableAmount:N(x.available.amount),creditAccountSpentAmount:N(x.balance.amount+x.hold.amount),creditAccountStatus:x.status,outstandingBalance:N(j.remainingAmountDue.amount)}:void 0,[S,C,k,x.id,x.limit.amount,x.available.amount,x.balance.amount,x.hold.amount,x.status,j.remainingAmountDue.amount]),ke=c.useMemo(()=>w&&L?{debitAccountId:R.depositAccounts.map(i=>i.id),debitAccountName:R.depositAccounts.map(i=>i.accountName),debitAccountBalance:R.depositAccounts.map(i=>N(i.accountBalance.available.amount)),debitCardsSpend:N(e.debitCardSummary?.currentMonthSpends?.amount??0),debitAccountStatus:R.depositAccounts.map(i=>i.accountStatus)}:void 0,[w,L,R.depositAccounts,e.debitCardSummary?.currentMonthSpends?.amount]),$e={isCreditCardOffered:S,isDebitCardOffered:w,isDebitCardEnabled:L,isCreditCardEnabled:C},F=Ee(),Et=Se&&!k,Ft=e.creditAccount.balance.amount+e.creditAccount.hold.amount,se={amount:Ft,currencyCode:e.creditAccount.balance.currencyCode,currencySymbol:e.creditAccount.balance.currencySymbol},Qe=Math.round(100*se.amount/e.creditAccount.limit.amount),Ta=isNaN(Qe)?0:Ft!==0&&Qe===0?1:Qe,de=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate,et=k&&se.amount>Te*e.creditAccount.limit.amount/100,ce=de!=null&&j.initiatedRepayments.amount>0,Ra={entity:"charge_cards",showNewButtonOnNavbar:k,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:k?z.newBtnLabel:T.strings.empty,hideSearchBtn:Z,searchTextBoxStyle:{right:Et?a.sp4:"96px"},moreIconContainerStyle:{paddingRight:Et?a.sp0:a.sp4},isSearchOpen:bt,searchPlaceHolder:z.searchPlaceHolder,searchText:m,showSettingsIcon:!Z,showSettingsIconOnNavbar:k,showStatementButtonOnNavbar:S&&C,showPayEarlyButtonOnNavbar:ne&&k&&se.amount>0&&!ce&&!et,showPaymentHistoryButtonOnNavbar:k&&pa&&S&&C,onClickPaymentHistoryIcon:ua,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,analytics:xe,onSearchOpen:i=>{va(i),i===!0&&(xe.trackCardsListPageClicked("search"),(!S||x.fetchState==="Completed"&&j.fetchState==="Completed")&&(!w||!L||R.fetchState==="Completed")&&Q!=null&&xe.trackCardsCardListSearchClick(pe,$e,Q,we,ke))},onSearchTextChanged:ha,onClickSetupIcon:ma,onClickStatementsIcon:Ca,downloadState:"Not-Started",onNewButtonClick:ya,onClickPayEarlyIcon:()=>ge("More Button","Pay Early"),onMenuOpen:()=>{(!S||x.fetchState==="Completed"&&j.fetchState==="Completed")&&(!w||!L||R.fetchState==="Completed")&&Q!=null&&xe.trackCardsCardListMoreMenuClick(pe,$e,Q,we,ke)},filters:{categoryCombinationOperator:"AND",categories:[]}},_a=t.jsx(Sr,{spendManagementSectionProps:Ra}),za=e.cards.length!==0&&Z&&xr(e.cards),Oa=e.fetchState==="Completed"?xi({isChargeCardFeatureEnabled:S,isChargeCardSetupEnabled:C,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:L}):"",Ie=e.debitCardSummary!=null?e.debitCardSummary.currentMonthSpends.amount-e.debitCardSummary.lastCompletedMonthSpends.amount:0,Ba=S&&C&&e.hasCreditCard,Ma=w&&L&&e.hasDebitCard,Na=S&&C&&Se&&!k,Va=w&&L&&Se&&!k,ve=e.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(Bt(),"days")??0,tt=[f.payNow,ve>0&&ve<11?`${f.billDueIn} ${ve} ${ve===1?T.timeStrings.day:T.timeStrings.days}`:f.creditLimitLow,f.payNow],at=j.initiatedRepayments.amount===x.balance.amount+x.hold.amount,Dt=j.paymentMethod==="ACH",rt=[f.paymentInitiated,`${z.header.limit} ${at?T.resets:T.updates} ${T.by} ${br(yr(j.initiatedRepaymentDate?.toDate()??Bt().toDate(),[0,6],Dt?3:1).toDateString()).format(je.visual.MMMDFormat)}`,f.paymentInitiated],it=c.useRef(null),ot=c.useRef(null),Ua=ta(),[Ga,Tt]=c.useState(!0);c.useEffect(()=>{const i=()=>{ot.current&&(ot.current.getBoundingClientRect().top<(F==="small"?68:40)?Tt(!1):Tt(!0))};i();const s=()=>{i()},y=it.current;return y&&y.addEventListener("scroll",s),window.addEventListener("scroll",s),()=>{y&&y.removeEventListener("scroll",s),window.removeEventListener("scroll",s)}},[F]);const ee=c.useMemo(()=>{const i={};return u.chargeCards.forEach(s=>{i[s.id]=s}),{chargeCardsByCardId:i,cardRecurringExpensesByCardId:u.recurringExpensesByCardId,fetchState:u.recurringExpensesFetchState.fetchState}},[u]),Ha=c.useCallback(()=>{n(u.bulkActionCardIds),J(!0)},[u.bulkActionCardIds,n]),qa=c.useCallback(()=>{n(u.bulkActionCardIds),K(!0)},[u.bulkActionCardIds,n]),Rt=c.useCallback(i=>{const s=u.bulkActionCardIds.filter(y=>y!==i);v(s),s.length===0&&(J(!1),K(!1))},[u.bulkActionCardIds,v]),_t=Re&&_e===0,zt=_e===-1;return t.jsxs(Ii,{ref:it,children:[t.jsx(Xa,{title:Oa,showBackButton:!0,showMenuIcon:F==="medium-compact"||F==="small",onClickMenuIcon:$a,style:{zIndex:3},onBackClick:fa,rightSideComponent:_a,isSearchOpen:bt,hideSearchBtn:Z,scrollableContent:it,source:"ChargeCardListPage",backgroundColor:Ua.colors.grey4}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?t.jsx(fr,{fetchState:e.fetchState,styles:{margin:"auto"}}):t.jsxs(t.Fragment,{children:[Z?null:t.jsxs(vi,{windowSize:F,children:[Ba||Na?t.jsxs(Jt,{windowSize:F,"data-testid":M("credit-card-spend-bar-container"),children:[t.jsxs(Zt,{children:[t.jsxs(Qt,{children:[t.jsxs(ea,{children:[t.jsx(Wt,{children:z.creditCardBalance}),t.jsx(ae,{amount:se,integerStyles:{...D.h5Regular.cssObject},decimalStyles:{...D.largeSemiBold.cssObject}})]}),t.jsxs(Si,{children:[t.jsx(Ae,{style:{textAlign:"end"},children:T.texts.limit}),t.jsx(ae,{amount:e.creditAccount.limit,style:{justifyContent:"end"},integerStyles:D.largeRegular.cssObject,decimalStyles:D.smallRegular.cssObject})]})]}),t.jsx(Di,{children:t.jsx(Ti,{style:{width:`${Ta}%`,borderRadius:a.sp1}})}),et&&!ce&&ne?t.jsx(nt,{placement:"bottom",style:{color:p.heroDark,padding:`12px ${a.sp3}`},title:t.jsx(Ci,{children:f.creditLimitIsRunningLow}),children:t.jsxs(Kt,{children:[t.jsx(ae,{amount:e.creditAccount.available,integerStyles:D.largeMedium.cssObject,decimalStyles:D.smallMedium.cssObject}),t.jsx(Xt,{windowSize:F,children:T.texts.remaining}),t.jsx(gi,{children:t.jsx(pi,{})})]})}):t.jsxs(Kt,{children:[t.jsx(ae,{amount:e.creditAccount.available,integerStyles:D.largeMedium.cssObject,decimalStyles:D.smallMedium.cssObject}),t.jsx(Xt,{windowSize:F,children:T.texts.remaining})]})]}),t.jsxs(wi,{showPaymentInitiatedInfo:ce,isEarlyPayEnabled:ne,children:[ce&&ne?null:t.jsx(Ae,{children:`${T.texts.limitReset} ${de!=null?de.format(je.visual.MMMDFormat):null}`}),k&&ne&&(ce?t.jsx("div",{children:t.jsx(nt,{maxWidth:"242px",style:{padding:`12px ${a.sp3}`},title:t.jsxs(bi,{children:[t.jsx(Yt,{children:`${f.paymentOf} ${he("0,0.[00]",{amount:j.initiatedRepayments.amount,currencyCode:j.initiatedRepayments.currencyCode,currencySymbol:j.initiatedRepayments.currencySymbol})} ${f.madeOn} `}),t.jsx(yi,{children:j.initiatedRepaymentDate?.format(je.visual.MMMDFormat)}),T.strings.space,t.jsx(Yt,{children:Dt?at?f.isProcessingAndWillResetTheCreditLimitIn23BusinessDays:f.isProcessingAndWillUpdateTheCreditLimitIn23BusinessDays:at?f.isProcessingAndWillResetTheCreditLimitIn1BusinessDay:f.isProcessingAndWillUpdateTheCreditLimitIn1BusinessDay})]}),placement:"bottom",children:t.jsxs(Gt,{hasPointer:!1,children:[rt.length>0&&t.jsx(dt,{slideUpCount:rt.length,style:{alignItems:"flex-end",width:"auto"},children:rt.map((i,s)=>t.jsx(hi,{children:i},`card-payment-initiated-${s.toString()}`))}),t.jsx(mi,{})]})})}):et?t.jsx(nt,{variant:"informative",arrow:!0,style:{top:a.sp2,left:"22px",position:"relative"},data:{preHeading:"URGENT",heading:f.creditLimitIsLow,description:f.transactionsMayBeDeclinedBecauseTheCreditLimitIsRunningLow,buttonText:f.payNow,tooltipContentStyle:{width:"240px",boxSizing:"content-box",gap:a.sp0},tooltipIntroductionStyle:{color:p.important},buttonStyle:{width:"31%"},onButtonClick:()=>{Be(!1),ge("Toast Button","Pay Now")},showCloseButton:!0,onClose:i=>{i.preventDefault(),i.stopPropagation(),Be(!1)}},title:"informative",placement:"bottom-end",open:Ia&&Ga,children:t.jsxs(Gt,{ref:ot,onClick:()=>{Be(!1),ge("Text Button","Pay Now")},hasPointer:!0,children:[tt.length>0&&t.jsx(dt,{slideUpCount:tt.length,style:{alignItems:"flex-end",width:"auto"},children:tt.map((i,s)=>t.jsx(li,{isImportant:s===1,children:i},`card-pay-now-${s.toString()}`))}),t.jsx(Ht,{})]})}):se.amount>0?t.jsxs(ui,{onClick:()=>ge("Text Button","Pay Early"),children:[f.payEarly,t.jsx(Ht,{})]}):null)]})]}):S&&C?t.jsx(Ut,{cardType:"creditCard","data-testid":M("card-list-page-promo-card-back","credit"),header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.credit),creditLimit:st("0,0",Ce.amount,Ce.currencySymbol),onCreateNowClick:xt}):me?t.jsx(Vt,{cardPromoType:"credit","data-testid":M("card-list-page-promo-card","credit"),cardText:b.listPage.creditCards,header:b.listPage.getAccessTo,title:b.listPage.creditCards,subTitle:b.listPage.promoSubText.credit,slidingTextList:qt("credit",Oe,{amount:_e,currencyCode:Ce.currencyCode,currencySymbol:Ce.currencySymbol}),onClick:gt,status:zt?"rejected":_t?"under_review":void 0,statusMessage:zt?b.listPage.status.rejectedMessage:_t?b.listPage.status.underReviewMessage:void 0}):null,Ma||Va?t.jsxs(Jt,{windowSize:F,"data-testid":M("debit-spend-bar-container"),children:[t.jsxs(Zt,{children:[t.jsx(Qt,{children:t.jsxs(ea,{children:[t.jsx(Wt,{children:z.debitCardSpend}),t.jsx(ae,{amount:e.debitCardSummary?.currentMonthSpends,integerStyles:{...D.h5Regular.cssObject},decimalStyles:{...D.largeSemiBold.cssObject}})]})}),t.jsx(Ai,{children:Ie!==0?t.jsxs(t.Fragment,{children:[Ie<0?t.jsx(Pi,{}):t.jsx(Ei,{}),t.jsx(Li,{hasNegativeValue:Ie<0,children:st("0,0.00",Ie,e.debitCardSummary?.currentMonthSpends.currencySymbol)}),t.jsx(ca,{children:z.compareToLastMonth})]}):null})]}),t.jsx(da,{children:t.jsx(Ae,{children:`${T.texts.limitReset} ${de!=null?de.format(je.visual.MMMDFormat):null}`})})]}):w&&L?t.jsx(Ut,{cardType:"debitCard","data-testid":M("card-list-page-promo-card-back","debit"),header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.debit),onCreateNowClick:xt}):w?t.jsx(Vt,{cardPromoType:"debit","data-testid":M("card-list-page-promo-card","debit"),cardText:b.listPage.debitCards,header:b.listPage.getAccessTo,title:b.listPage.debitCards,subTitle:b.listPage.promoSubText.debit,slidingTextList:qt("debit",Oe),onClick:gt}):null,t.jsxs(ji,{windowSize:F,"data-testid":M("credit-spend-info-container"),children:[De?t.jsxs(fi,{children:[t.jsx(Ae,{style:{textAlign:"start"},children:z.totalCashback}),t.jsx(ae,{amount:e.totalCashback,style:{justifyContent:"flex-start"},integerStyles:D.h5Regular.cssObject,decimalStyles:D.smallSemiBold.cssObject}),e.totalCashback.amount>0?t.jsx($i,{windowSize:F,children:t.jsxs(Fi,{windowSize:F,onClick:wa,"data-testid":M("total-cashback-info"),children:[t.jsx(ki,{children:z.overview}),t.jsx(Ri,{})]})}):null]}):null,t.jsx(zi,{children:t.jsx(Oi,{})})]})]}),e.cards.length===0&&Z===!0||za?t.jsx(_i,{children:t.jsx($r,{companyLegalName:d,cards:e.cards,admins:l,hasZeniFinopsRoles:Se,cashbackRate:Oe})}):t.jsxs(t.Fragment,{children:[Ve&&o.cardId!=null&&g&&t.jsx(Mt,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{ye(!1),P()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:g},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,closeCardFetchState:o.closeChargeCardsFetchState.fetchState,onConfirmClick:i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&B(o.cardId,s)},onDismissClick:()=>{ye(!1),P()},onRemoveCardClick:()=>{}}),Ne&&o.cardId!=null&&g&&t.jsx(Nt,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{be(!1),P()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:g},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,lockCardFetchState:o.lockChargeCardsFetchState.fetchState,onConfirmClick:i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&Y(o.cardId,s)},onDismissClick:()=>{be(!1),P()},onRemoveCardClick:()=>{}}),Aa&&u.bulkActionCardIds.length>0&&t.jsx(Mt,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{K(!1),v([])},isChargeCardAdmin:!0,chargeCardsByCardId:ee.chargeCardsByCardId,cardRecurringExpensesByCardId:ee.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:ee.fetchState,closeCardFetchState:e.closeChargeCardsFetchState.fetchState,onConfirmClick:i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;$(u.bulkActionCardIds,s)},onDismissClick:()=>{K(!1),v([])},onRemoveCardClick:Rt}),ja&&u.bulkActionCardIds.length>0&&t.jsx(Nt,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{J(!1),v([])},isChargeCardAdmin:!0,chargeCardsByCardId:ee.chargeCardsByCardId,cardRecurringExpensesByCardId:ee.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:ee.fetchState,lockCardFetchState:e.lockChargeCardsFetchState.fetchState,onConfirmClick:i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;U(u.bulkActionCardIds,s)},onDismissClick:()=>{J(!1),v([])},onRemoveCardClick:Rt}),Ue&&o.cardId!=null&&g&&t.jsx(jr,{currentCardName:g.cardName,renameFetchState:o.updateChargeCardNameFetchState.fetchState,onCancelClick:()=>{Ge(!1),P()},onSubmitClick:i=>{o.cardId!=null&&xa(o.cardId,i)}}),He&&o.cardId!=null&&g&&t.jsx(Ar,{controllerEmails:pe,isChargeCardFeatureEnabled:S,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:L,isChargeCardSetupEnabled:C,productInformation:$e,cashbackInformation:Q,creditAccountInformation:we,debitAccountInformation:ke,cardDetail:g,depositAccountLimitFetchState:o.depositAccountLimitFetchState.fetchState,creditAccount:x,creditAccountRepayment:j,signedInUser:ze,isDebitCard:g.type.code.includes("debit"),classListFetchState:"Not-Started",currentLimitAmount:g.limit,currentSpentAmount:g.balance,maxLimitAmount:g.type.code.includes("debit")?o.depositAccountLimit?.cardLimits.dailyCardTransactionLimit:x.limit,isDisabled:g.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:g.limit.currencyCode,currencySymbol:g.limit.currencySymbol};ie(o.cardId,s,g.creditLimitFrequency,he("0,0.[00]",s))}},recommendations:g.recommendations}),La&&E.length>0&&t.jsx(Qr,{currentSpentAmount:Ea??{amount:0,currencyCode:E[0].limit.currencyCode,currencySymbol:E[0].limit.currencySymbol},maxLimitAmountForCreditCard:e.creditAccount.limit,maxLimitAmountForDebitCard:Fa,hasCreditCard:u.hasCreditCards,hasDebitCard:u.hasDebitCards,signedInUser:ze,isDisabled:u.hasDebitCards&&R.fetchState!=="Completed",updateLimitFetchState:e.updateChargeCardsSpendLimitFetchState.fetchState,onCancelClick:()=>{fe(!1),v([])},onSubmitClick:i=>{const s={amount:i,currencyCode:E[0].limit.currencyCode,currencySymbol:E[0].limit.currencySymbol};G(u.bulkActionCardIds,s,E[0].creditLimitFrequency)}}),t.jsx(wr,{cardsSelectedForBulkAction:u.bulkActionCardIds,isBulkActionAllowed:k,firstSelectedCardStatus:Pa,bulkSubmissionLimit:kr,removeAllCardsFromBulkActionList:()=>v([]),updateBulkActionList:v,onProceedForBulkActionClick:Da,onBulkLockClick:Ha,onBulkCloseClick:qa,setShowBulkChangeSpendLimitPopup:fe,depositAccountListWithDebitCardIssued:R,setCardIdForRowAction:Me,setActionTypeForRowAction:yt,cashbackInformation:Q,creditAccountInformation:we,debitAccountInformation:ke,productInformation:$e,controllerEmails:pe,isChargeCardFeatureEnabled:S,isCardControlsEnabled:oe,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:L,isChargeCardSetupEnabled:C,creditAccount:x,creditAccountRepayment:j,cardList:e.cards,showViewForCardUser:!1,signedInUser:ze,fetchState:e.fetchState,revokeChargeCardsInviteFetchState:e.revokeChargeCardsInviteFetchState.fetchState,unlockChargeCardsFetchState:e.unlockChargeCardsFetchState.fetchState,onReloadCards:Sa,onChargeCardRowClick:ga,searchText:m,receiptBotEmail:e.chargeCardConfig.receiptBotEmail,uiState:la,resendInviteId:e?.resendCardInvite?.cardId,onColumnSortConfigChanged:ka,onChargeCardResendInviteClick:ba,rowActionView:o})]})]})]})},li=r(aa)`
+`,ue={contentContainerMargin:new V(O[3],O[4],O[8]),infoSubheadingTextMarginTop:new V(O[0],O[0]),cardsMinWidth:new V(343,353)},ci={remainingText:new Za("largeRegular","largeRegular")},{spendManagement:{chargeCard:{payEarly:f,cardList:N,chargeCardsPromo:b}},common:T,dateFormat:je}=Ee.getLocalizedStrings(),Io=({chargeCardListView:e,searchText:m,admins:l,companyLegalName:d,onFetchChargeCardsRecurringExpenses:n,onFetchDepositAccountLimit:h,onCloseChargeCard:B,onCloseChargeCardList:$,onLockChargeCard:q,onLockChargeCardList:U,onUnlockChargeCardList:A,updateChargeCardListSpendLimit:G,onUpdateSpendLimit:ie,isCardControlsEnabled:oe,isCashbackFeatureEnabled:De,creditCardPayNowThreshold:Te,isChargeCardFeatureEnabled:S,isCompanyInterestedInChargeCard:Re,isCreditCardProductVisibleForExpressInterest:me,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:L,isChargeCardSetupEnabled:C,companyChargeCardInfoCreditAccountLimit:_e,controllerEmails:pe,onRevokeChargeCardList:mt,depositAccountListWithDebitCardIssued:R,chargeCardCashbackDetailState:I,uiState:la,signedInUser:Ne,creditLimit:Ce,cashbackRate:Oe,onSearchTextChanged:ha,navigateToCreditCardPaymentHistoryPage:ua,onClickSetupIcon:ma,isChargeCardPaymentHistoryFeatureEnabled:pa,isEarlyPayEnabled:ne,onClickStatementsIcon:Ca,onChargeCardRowClick:ga,updateChargeCardName:xa,onChargeCardResendInviteClick:ba,onChargeCardRevokeInviteClick:pt,onUnlockChargeCard:Ct,onIssueCardClick:ya,onBackClick:fa,onReloadCards:Sa,onTotalCashbackClick:wa,onColumnSortConfigChanged:ka,onClickMenuIcon:$a,onPromoCardClick:gt,onCreateNowClick:xt,showPayNowInfoTooltip:Ia,navigateToCreditCardPaymentPage:ge,shouldShowPayNowInfoTooltip:Be,rowActionView:o,bulkActionView:u,onSetRowActionCardId:Me,onSetBulkActionCardIds:v})=>{const xe=Ja().analytics,[bt,va]=c.useState(!1),[ze,be]=c.useState(!1),[Ve,ye]=c.useState(!1),[ja,J]=c.useState(!1),[Aa,K]=c.useState(!1),[La,fe]=c.useState(!1),[Ue,Ge]=c.useState(!1),[He,Ye]=c.useState(!1),[qe,yt]=c.useState(void 0),Pa=u.chargeCards[0]?.status.code,{creditAccount:x,creditAccountRepayment:j}=e,P=c.useCallback(()=>{Me(void 0),yt(void 0)},[Me]),F=u.chargeCards,Fa=c.useMemo(()=>F.length===0?void 0:F.reduce((i,s)=>s.balance.amount>i.balance.amount?s:i,F[0]).balance,[F]),Ea=c.useMemo(()=>{const i=F.filter(y=>y.type.code.includes("debit"));if(i.length===0)return;const s=i.map(y=>R.depositAccounts.find(te=>te.id===y.connectedAccountId)?.cardLimits.dailyCardTransactionLimit).filter(y=>y!==void 0);return s.length===0?void 0:s.reduce((y,te)=>te.amount<y.amount?te:y)},[F,R.depositAccounts]),ft=_(e.unlockChargeCardsFetchState.fetchState),St=_(e.revokeChargeCardsInviteFetchState.fetchState),wt=_(e.lockChargeCardsFetchState.fetchState),kt=_(e.closeChargeCardsFetchState.fetchState),$t=_(e.updateChargeCardsSpendLimitFetchState.fetchState);c.useEffect(()=>{const i=ft==="In-Progress"&&e.unlockChargeCardsFetchState.fetchState==="Completed",s=St==="In-Progress"&&e.revokeChargeCardsInviteFetchState.fetchState==="Completed",y=wt==="In-Progress"&&e.lockChargeCardsFetchState.fetchState==="Completed",te=kt==="In-Progress"&&e.closeChargeCardsFetchState.fetchState==="Completed",qa=$t==="In-Progress"&&e.updateChargeCardsSpendLimitFetchState.fetchState==="Completed";(i||s)&&v([]),y&&(J(!1),v([])),te&&(K(!1),v([])),qa&&(fe(!1),v([]))},[e.unlockChargeCardsFetchState.fetchState,e.revokeChargeCardsInviteFetchState.fetchState,e.lockChargeCardsFetchState.fetchState,e.closeChargeCardsFetchState.fetchState,e.updateChargeCardsSpendLimitFetchState.fetchState,ft,St,wt,kt,$t,v]);const W=o.cardId!=null?o.unlockChargeCardsFetchState.fetchState:void 0,It=_(W),Je=o.cardId!=null?o.updateChargeCardLimitFetchState.fetchState:void 0,vt=_(Je),Ke=o.cardId!=null?o.updateChargeCardNameFetchState.fetchState:void 0,jt=_(Ke),We=o.cardId!=null?o.lockChargeCardsFetchState.fetchState:void 0,At=_(We),Xe=o.cardId!=null?o.closeChargeCardsFetchState.fetchState:void 0,Lt=_(Xe),X=o.cardId!=null?o.revokeChargeCardFetchState.fetchState:void 0,Pt=_(X);c.useEffect(()=>{o.cardId!=null&&It==="In-Progress"&&W==="Completed"?P():o.cardId!=null&&vt==="In-Progress"&&Je==="Completed"?(Ye(!1),P()):o.cardId!=null&&jt==="In-Progress"&&Ke==="Completed"?(Ge(!1),P()):o.cardId!=null&&At==="In-Progress"&&We==="Completed"?(be(!1),P()):o.cardId!=null&&Lt==="In-Progress"&&Xe==="Completed"?(ye(!1),P()):o.cardId!=null&&Pt==="In-Progress"&&X==="Completed"&&P()},[o.cardId,W,Je,Ke,We,Xe,X,It,jt,vt,At,Lt,Pt,P]);const Da=c.useCallback(i=>{switch(i){case"close":n(u.bulkActionCardIds),K(!0);break;case"lock":n(u.bulkActionCardIds),J(!0);break;case"unlock":A(u.bulkActionCardIds);break;case"update_limit":fe(!0);break;case"revoke_invite":mt(u.bulkActionCardIds)}},[u.bulkActionCardIds,n,mt,A]),g=o.chargeCard;c.useEffect(()=>{if(qe!==void 0&&o.cardId!==void 0&&g!==void 0)switch(qe){case re.CLOSE:Ve||(n([o.cardId]),ye(!0));break;case re.LOCK:ze||(n([o.cardId]),be(!0));break;case re.UNLOCK:W!=="In-Progress"&&W!=="Completed"&&Ct(o.cardId);break;case re.REVOKE_INVITE:X!=="In-Progress"&&X!=="Completed"&&pt(o.cardId);break;case re.RENAME:Ue||Ge(!0);break;case re.UPDATE_SPEND_LIMIT:He||(g.type.code.includes("debit")&&o.depositAccountLimitFetchState.fetchState!=="Completed"&&h(g.connectedAccountId,o.cardId),Ye(!0))}},[qe,o.cardId,He,Ue,Ve,ze,W,X,n,h,Ct,pt]);const Ze=Ka(),Z=!!Ze.loggedInUserRole.includes("charge_card_user"),Se=Wa(Ze),k=gr(Ze.loggedInUserRoleMap),Q=c.useMemo(()=>k===!0?{creditCardCashbackOffer:`${I.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${I.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:z(I.cashbackSummary.cashbackEarned.amount),redeemedCashback:z(I.cashbackSummary.cashbackRedeemed.amount),availableCashback:z(I.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:I.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:I.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,[k,I.cashbackAnalytics.creditCardCashbackOffer,I.cashbackAnalytics.debitCardCashbackOffer,I.cashbackSummary.cashbackEarned.amount,I.cashbackSummary.cashbackRedeemed.amount,I.cashbackSummary.cashbackAvailable.amount,I.cashbackAnalytics.creditCardCashbackRedemptionMode,I.cashbackAnalytics.debitCardCashbackRedemptionMode]),we=c.useMemo(()=>S&&C&&k===!0?{creditAccountId:x.id,creditAccountLimit:z(x.limit.amount),creditAccountAvailableAmount:z(x.available.amount),creditAccountSpentAmount:z(x.balance.amount+x.hold.amount),creditAccountStatus:x.status,outstandingBalance:z(j.remainingAmountDue.amount)}:void 0,[S,C,k,x.id,x.limit.amount,x.available.amount,x.balance.amount,x.hold.amount,x.status,j.remainingAmountDue.amount]),ke=c.useMemo(()=>w&&L?{debitAccountId:R.depositAccounts.map(i=>i.id),debitAccountName:R.depositAccounts.map(i=>i.accountName),debitAccountBalance:R.depositAccounts.map(i=>z(i.accountBalance.available.amount)),debitCardsSpend:z(e.debitCardSummary?.currentMonthSpends?.amount??0),debitAccountStatus:R.depositAccounts.map(i=>i.accountStatus)}:void 0,[w,L,R.depositAccounts,e.debitCardSummary?.currentMonthSpends?.amount]),$e={isCreditCardOffered:S,isDebitCardOffered:w,isDebitCardEnabled:L,isCreditCardEnabled:C},E=Fe(),Ft=Se&&!k,Et=e.creditAccount.balance.amount+e.creditAccount.hold.amount,se={amount:Et,currencyCode:e.creditAccount.balance.currencyCode,currencySymbol:e.creditAccount.balance.currencySymbol},Qe=Math.round(100*se.amount/e.creditAccount.limit.amount),Ta=isNaN(Qe)?0:Et!==0&&Qe===0?1:Qe,de=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate,et=k&&se.amount>Te*e.creditAccount.limit.amount/100,ce=de!=null&&j.initiatedRepayments.amount>0,Ra={entity:"charge_cards",showNewButtonOnNavbar:k,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:k?N.newBtnLabel:T.strings.empty,hideSearchBtn:Z,searchTextBoxStyle:{right:Ft?a.sp4:"96px"},moreIconContainerStyle:{paddingRight:Ft?a.sp0:a.sp4},isSearchOpen:bt,searchPlaceHolder:N.searchPlaceHolder,searchText:m,showSettingsIcon:!Z,showSettingsIconOnNavbar:k,showStatementButtonOnNavbar:S&&C,showPayEarlyButtonOnNavbar:ne&&k&&se.amount>0&&!ce&&!et,showPaymentHistoryButtonOnNavbar:k&&pa&&S&&C,onClickPaymentHistoryIcon:ua,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,analytics:xe,onSearchOpen:i=>{va(i),i===!0&&(xe.trackCardsListPageClicked("search"),(!S||x.fetchState==="Completed"&&j.fetchState==="Completed")&&(!w||!L||R.fetchState==="Completed")&&Q!=null&&xe.trackCardsCardListSearchClick(pe,$e,Q,we,ke))},onSearchTextChanged:ha,onClickSetupIcon:ma,onClickStatementsIcon:Ca,downloadState:"Not-Started",onNewButtonClick:ya,onClickPayEarlyIcon:()=>ge("More Button","Pay Early"),onMenuOpen:()=>{(!S||x.fetchState==="Completed"&&j.fetchState==="Completed")&&(!w||!L||R.fetchState==="Completed")&&Q!=null&&xe.trackCardsCardListMoreMenuClick(pe,$e,Q,we,ke)},filters:{categoryCombinationOperator:"AND",categories:[]}},_a=t.jsx(Sr,{spendManagementSectionProps:Ra}),Na=e.cards.length!==0&&Z&&xr(e.cards),Oa=e.fetchState==="Completed"?xi({isChargeCardFeatureEnabled:S,isChargeCardSetupEnabled:C,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:L}):"",Ie=e.debitCardSummary!=null?e.debitCardSummary.currentMonthSpends.amount-e.debitCardSummary.lastCompletedMonthSpends.amount:0,Ba=S&&C&&e.hasCreditCard,Ma=w&&L&&e.hasDebitCard,za=S&&C&&Se&&!k,Va=w&&L&&Se&&!k,ve=e.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(Bt(),"days")??0,tt=[f.payNow,ve>0&&ve<11?`${f.billDueIn} ${ve} ${ve===1?T.timeStrings.day:T.timeStrings.days}`:f.creditLimitLow,f.payNow],at=j.initiatedRepayments.amount===x.balance.amount+x.hold.amount,Dt=j.paymentMethod==="ACH",rt=[f.paymentInitiated,`${N.header.limit} ${at?T.resets:T.updates} ${T.by} ${br(yr(j.initiatedRepaymentDate?.toDate()??Bt().toDate(),[0,6],Dt?3:1).toDateString()).format(je.visual.MMMDFormat)}`,f.paymentInitiated],it=c.useRef(null),ot=c.useRef(null),Ua=ta(),[Ga,Tt]=c.useState(!0);c.useEffect(()=>{const i=()=>{ot.current&&(ot.current.getBoundingClientRect().top<(E==="small"?68:40)?Tt(!1):Tt(!0))};i();const s=()=>{i()},y=it.current;return y&&y.addEventListener("scroll",s),window.addEventListener("scroll",s),()=>{y&&y.removeEventListener("scroll",s),window.removeEventListener("scroll",s)}},[E]);const ee=c.useMemo(()=>{const i={};return u.chargeCards.forEach(s=>{i[s.id]=s}),{chargeCardsByCardId:i,cardRecurringExpensesByCardId:u.recurringExpensesByCardId,fetchState:u.recurringExpensesFetchState.fetchState}},[u]),Ha=c.useCallback(()=>{n(u.bulkActionCardIds),J(!0)},[u.bulkActionCardIds,n]),Ya=c.useCallback(()=>{n(u.bulkActionCardIds),K(!0)},[u.bulkActionCardIds,n]),Rt=c.useCallback(i=>{const s=u.bulkActionCardIds.filter(y=>y!==i);v(s),s.length===0&&(J(!1),K(!1))},[u.bulkActionCardIds,v]),_t=Re&&_e===0,Nt=_e===-1;return t.jsxs(Ii,{ref:it,children:[t.jsx(Xa,{title:Oa,showBackButton:!0,showMenuIcon:E==="medium-compact"||E==="small",onClickMenuIcon:$a,style:{zIndex:3},onBackClick:fa,rightSideComponent:_a,isSearchOpen:bt,hideSearchBtn:Z,scrollableContent:it,source:"ChargeCardListPage",backgroundColor:Ua.colors.grey4}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?t.jsx(fr,{fetchState:e.fetchState,styles:{margin:"auto"}}):t.jsxs(t.Fragment,{children:[Z?null:t.jsxs(vi,{windowSize:E,children:[Ba||za?t.jsxs(Jt,{windowSize:E,"data-testid":M("credit-card-spend-bar-container"),children:[t.jsxs(Zt,{children:[t.jsxs(Qt,{children:[t.jsxs(ea,{children:[t.jsx(Wt,{children:N.creditCardBalance}),t.jsx(ae,{amount:se,integerStyles:{...D.h5Regular.cssObject},decimalStyles:{...D.largeSemiBold.cssObject}})]}),t.jsxs(Si,{children:[t.jsx(Ae,{style:{textAlign:"end"},children:T.texts.limit}),t.jsx(ae,{amount:e.creditAccount.limit,style:{justifyContent:"end"},integerStyles:D.largeRegular.cssObject,decimalStyles:D.smallRegular.cssObject})]})]}),t.jsx(Di,{children:t.jsx(Ti,{style:{width:`${Ta}%`,borderRadius:a.sp1}})}),et&&!ce&&ne?t.jsx(nt,{placement:"bottom",style:{color:p.heroDark,padding:`12px ${a.sp3}`},title:t.jsx(Ci,{children:f.creditLimitIsRunningLow}),children:t.jsxs(Kt,{children:[t.jsx(ae,{amount:e.creditAccount.available,integerStyles:D.largeMedium.cssObject,decimalStyles:D.smallMedium.cssObject}),t.jsx(Xt,{windowSize:E,children:T.texts.remaining}),t.jsx(gi,{children:t.jsx(pi,{})})]})}):t.jsxs(Kt,{children:[t.jsx(ae,{amount:e.creditAccount.available,integerStyles:D.largeMedium.cssObject,decimalStyles:D.smallMedium.cssObject}),t.jsx(Xt,{windowSize:E,children:T.texts.remaining})]})]}),t.jsxs(wi,{showPaymentInitiatedInfo:ce,isEarlyPayEnabled:ne,children:[ce&&ne?null:t.jsx(Ae,{children:`${T.texts.limitReset} ${de!=null?de.format(je.visual.MMMDFormat):null}`}),k&&ne&&(ce?t.jsx("div",{children:t.jsx(nt,{maxWidth:"242px",style:{padding:`12px ${a.sp3}`},title:t.jsxs(bi,{children:[t.jsx(qt,{children:`${f.paymentOf} ${he("0,0.[00]",{amount:j.initiatedRepayments.amount,currencyCode:j.initiatedRepayments.currencyCode,currencySymbol:j.initiatedRepayments.currencySymbol})} ${f.madeOn} `}),t.jsx(yi,{children:j.initiatedRepaymentDate?.format(je.visual.MMMDFormat)}),T.strings.space,t.jsx(qt,{children:Dt?at?f.isProcessingAndWillResetTheCreditLimitIn23BusinessDays:f.isProcessingAndWillUpdateTheCreditLimitIn23BusinessDays:at?f.isProcessingAndWillResetTheCreditLimitIn1BusinessDay:f.isProcessingAndWillUpdateTheCreditLimitIn1BusinessDay})]}),placement:"bottom",children:t.jsxs(Gt,{hasPointer:!1,children:[rt.length>0&&t.jsx(dt,{slideUpCount:rt.length,style:{alignItems:"flex-end",width:"auto"},children:rt.map((i,s)=>t.jsx(hi,{children:i},`card-payment-initiated-${s.toString()}`))}),t.jsx(mi,{})]})})}):et?t.jsx(nt,{variant:"informative",arrow:!0,style:{top:a.sp2,left:"22px",position:"relative"},data:{preHeading:"URGENT",heading:f.creditLimitIsLow,description:f.transactionsMayBeDeclinedBecauseTheCreditLimitIsRunningLow,buttonText:f.payNow,tooltipContentStyle:{width:"240px",boxSizing:"content-box",gap:a.sp0},tooltipIntroductionStyle:{color:p.important},buttonStyle:{width:"31%"},onButtonClick:()=>{Be(!1),ge("Toast Button","Pay Now")},showCloseButton:!0,onClose:i=>{i.preventDefault(),i.stopPropagation(),Be(!1)}},title:"informative",placement:"bottom-end",open:Ia&&Ga,children:t.jsxs(Gt,{ref:ot,onClick:()=>{Be(!1),ge("Text Button","Pay Now")},hasPointer:!0,children:[tt.length>0&&t.jsx(dt,{slideUpCount:tt.length,style:{alignItems:"flex-end",width:"auto"},children:tt.map((i,s)=>t.jsx(li,{isImportant:s===1,children:i},`card-pay-now-${s.toString()}`))}),t.jsx(Ht,{})]})}):se.amount>0?t.jsxs(ui,{onClick:()=>ge("Text Button","Pay Early"),children:[f.payEarly,t.jsx(Ht,{})]}):null)]})]}):S&&C?t.jsx(Ut,{cardType:"creditCard","data-testid":M("card-list-page-promo-card-back","credit"),header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.credit),creditLimit:st("0,0",Ce.amount,Ce.currencySymbol),onCreateNowClick:xt}):me?t.jsx(Vt,{cardPromoType:"credit","data-testid":M("card-list-page-promo-card","credit"),cardText:b.listPage.creditCards,header:b.listPage.getAccessTo,title:b.listPage.creditCards,subTitle:b.listPage.promoSubText.credit,slidingTextList:Yt("credit",Oe,{amount:_e,currencyCode:Ce.currencyCode,currencySymbol:Ce.currencySymbol}),onClick:gt,status:Nt?"rejected":_t?"under_review":void 0,statusMessage:Nt?b.listPage.status.rejectedMessage:_t?b.listPage.status.underReviewMessage:void 0}):null,Ma||Va?t.jsxs(Jt,{windowSize:E,"data-testid":M("debit-spend-bar-container"),children:[t.jsxs(Zt,{children:[t.jsx(Qt,{children:t.jsxs(ea,{children:[t.jsx(Wt,{children:N.debitCardSpend}),t.jsx(ae,{amount:e.debitCardSummary?.currentMonthSpends,integerStyles:{...D.h5Regular.cssObject},decimalStyles:{...D.largeSemiBold.cssObject}})]})}),t.jsx(Ai,{children:Ie!==0?t.jsxs(t.Fragment,{children:[Ie<0?t.jsx(Pi,{}):t.jsx(Fi,{}),t.jsx(Li,{hasNegativeValue:Ie<0,children:st("0,0.00",Ie,e.debitCardSummary?.currentMonthSpends.currencySymbol)}),t.jsx(ca,{children:N.compareToLastMonth})]}):null})]}),t.jsx(da,{children:t.jsx(Ae,{children:`${T.texts.limitReset} ${de!=null?de.format(je.visual.MMMDFormat):null}`})})]}):w&&L?t.jsx(Ut,{cardType:"debitCard","data-testid":M("card-list-page-promo-card-back","debit"),header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.debit),onCreateNowClick:xt}):w?t.jsx(Vt,{cardPromoType:"debit","data-testid":M("card-list-page-promo-card","debit"),cardText:b.listPage.debitCards,header:b.listPage.getAccessTo,title:b.listPage.debitCards,subTitle:b.listPage.promoSubText.debit,slidingTextList:Yt("debit",Oe),onClick:gt}):null,t.jsxs(ji,{windowSize:E,"data-testid":M("credit-spend-info-container"),children:[De?t.jsxs(fi,{children:[t.jsx(Ae,{style:{textAlign:"start"},children:N.totalCashback}),t.jsx(ae,{amount:e.totalCashback,style:{justifyContent:"flex-start"},integerStyles:D.h5Regular.cssObject,decimalStyles:D.smallSemiBold.cssObject}),e.totalCashback.amount>0?t.jsx($i,{windowSize:E,children:t.jsxs(Ei,{windowSize:E,onClick:wa,"data-testid":M("total-cashback-info"),children:[t.jsx(ki,{children:N.overview}),t.jsx(Ri,{})]})}):null]}):null,t.jsx(Ni,{children:t.jsx(Oi,{})})]})]}),e.cards.length===0&&Z===!0||Na?t.jsx(_i,{children:t.jsx($r,{companyLegalName:d,cards:e.cards,admins:l,hasZeniFinopsRoles:Se,cashbackRate:Oe})}):t.jsxs(t.Fragment,{children:[Ve&&o.cardId!=null&&g&&t.jsx(Mt,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{ye(!1),P()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:g},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,closeCardFetchState:o.closeChargeCardsFetchState.fetchState,onConfirmClick:i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&B(o.cardId,s)},onDismissClick:()=>{ye(!1),P()},onRemoveCardClick:()=>{}}),ze&&o.cardId!=null&&g&&t.jsx(zt,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{be(!1),P()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:g},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,lockCardFetchState:o.lockChargeCardsFetchState.fetchState,onConfirmClick:i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&q(o.cardId,s)},onDismissClick:()=>{be(!1),P()},onRemoveCardClick:()=>{}}),Aa&&u.bulkActionCardIds.length>0&&t.jsx(Mt,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{K(!1),v([])},isChargeCardAdmin:!0,chargeCardsByCardId:ee.chargeCardsByCardId,cardRecurringExpensesByCardId:ee.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:ee.fetchState,closeCardFetchState:e.closeChargeCardsFetchState.fetchState,onConfirmClick:i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;$(u.bulkActionCardIds,s)},onDismissClick:()=>{K(!1),v([])},onRemoveCardClick:Rt}),ja&&u.bulkActionCardIds.length>0&&t.jsx(zt,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{J(!1),v([])},isChargeCardAdmin:!0,chargeCardsByCardId:ee.chargeCardsByCardId,cardRecurringExpensesByCardId:ee.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:ee.fetchState,lockCardFetchState:e.lockChargeCardsFetchState.fetchState,onConfirmClick:i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;U(u.bulkActionCardIds,s)},onDismissClick:()=>{J(!1),v([])},onRemoveCardClick:Rt}),Ue&&o.cardId!=null&&g&&t.jsx(jr,{currentCardName:g.cardName,renameFetchState:o.updateChargeCardNameFetchState.fetchState,onCancelClick:()=>{Ge(!1),P()},onSubmitClick:i=>{o.cardId!=null&&xa(o.cardId,i)}}),He&&o.cardId!=null&&g&&t.jsx(Ar,{controllerEmails:pe,isChargeCardFeatureEnabled:S,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:L,isChargeCardSetupEnabled:C,productInformation:$e,cashbackInformation:Q,creditAccountInformation:we,debitAccountInformation:ke,cardDetail:g,depositAccountLimitFetchState:o.depositAccountLimitFetchState.fetchState,creditAccount:x,creditAccountRepayment:j,signedInUser:Ne,isDebitCard:g.type.code.includes("debit"),classListFetchState:"Not-Started",currentLimitAmount:g.limit,currentSpentAmount:g.balance,maxLimitAmount:g.type.code.includes("debit")?o.depositAccountLimit?.cardLimits.dailyCardTransactionLimit:x.limit,isDisabled:g.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:g.limit.currencyCode,currencySymbol:g.limit.currencySymbol};ie(o.cardId,s,g.creditLimitFrequency,he("0,0.[00]",s))}},recommendations:g.recommendations}),La&&F.length>0&&t.jsx(Qr,{currentSpentAmount:Fa??{amount:0,currencyCode:F[0].limit.currencyCode,currencySymbol:F[0].limit.currencySymbol},maxLimitAmountForCreditCard:e.creditAccount.limit,maxLimitAmountForDebitCard:Ea,hasCreditCard:u.hasCreditCards,hasDebitCard:u.hasDebitCards,signedInUser:Ne,isDisabled:u.hasDebitCards&&R.fetchState!=="Completed",updateLimitFetchState:e.updateChargeCardsSpendLimitFetchState.fetchState,onCancelClick:()=>{fe(!1),v([])},onSubmitClick:i=>{const s={amount:i,currencyCode:F[0].limit.currencyCode,currencySymbol:F[0].limit.currencySymbol};G(u.bulkActionCardIds,s,F[0].creditLimitFrequency)}}),t.jsx(wr,{cardsSelectedForBulkAction:u.bulkActionCardIds,isBulkActionAllowed:k,firstSelectedCardStatus:Pa,bulkSubmissionLimit:kr,removeAllCardsFromBulkActionList:()=>v([]),updateBulkActionList:v,onProceedForBulkActionClick:Da,onBulkLockClick:Ha,onBulkCloseClick:Ya,setShowBulkChangeSpendLimitPopup:fe,depositAccountListWithDebitCardIssued:R,setCardIdForRowAction:Me,setActionTypeForRowAction:yt,cashbackInformation:Q,creditAccountInformation:we,debitAccountInformation:ke,productInformation:$e,controllerEmails:pe,isChargeCardFeatureEnabled:S,isCardControlsEnabled:oe,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:L,isChargeCardSetupEnabled:C,creditAccount:x,creditAccountRepayment:j,cardList:e.cards,showViewForCardUser:!1,signedInUser:Ne,fetchState:e.fetchState,revokeChargeCardsInviteFetchState:e.revokeChargeCardsInviteFetchState.fetchState,unlockChargeCardsFetchState:e.unlockChargeCardsFetchState.fetchState,onReloadCards:Sa,onChargeCardRowClick:ga,searchText:m,receiptBotEmail:e.chargeCardConfig.receiptBotEmail,uiState:la,resendInviteId:e?.resendCardInvite?.cardId,onColumnSortConfigChanged:ka,onChargeCardResendInviteClick:ba,rowActionView:o})]})]})]})},li=r(aa)`
   color: ${e=>e.isImportant?p.important:e.theme.colors.primary};
   text-align: end;
 `,hi=r(aa)`
@@ -219,7 +219,7 @@ import{h as Ja,a7 as _,_ as Ka,fm as Wa,i5 as N,e as Ee,o as a,y as ta,V as t,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{h as Ja,a7 as _,_ as Ka,fm as Wa,i5 as N,e as Ee,o as a,y as ta,V as t,a_
   color: ${p.important};
   width: ${a.sp3};
   height: ${a.sp3};
-`,Ci=r(q)`
+`,Ci=r(Y)`
   color: ${p.heroDark};
   white-space: pre-line;
   text-align: left;
@@ -245,9 +245,9 @@ import{h as Ja,a7 as _,_ as Ka,fm as Wa,i5 as N,e as Ee,o as a,y as ta,V as t,a_
   display: flex;
   align-items: center;
   justify-content: center;
-`,qt=(e,m,l)=>{const d=(100*m).toFixed(2);if(e==="credit"){const n=[...b.listPage.promoMultiText.credit];if(n[1]=n[1].replace("__cashBack__",d),l&&l.amount!==0)return n[0]=n[0].replace("__creditLimit__",st("0,0",l.amount,l.currencySymbol)),[...n,n[0]];{const h=n.slice(1);return[...h,h[0]]}}if(e==="debit"){const n=[...b.listPage.promoMultiText.debit];return n[0]=n[0].replace("__cashBack__",d),[...n,n[0]]}return[]},xi=({isChargeCardFeatureEnabled:e,isChargeCardSetupEnabled:m,isDebitCardFeatureEnabled:l,isDebitCardSetupEnabled:d})=>e&&m&&l&&d?z.title.cards:e&&m?z.title.credit:l&&d?z.title.debit:"",bi=r.div`
+`,Yt=(e,m,l)=>{const d=(100*m).toFixed(2);if(e==="credit"){const n=[...b.listPage.promoMultiText.credit];if(n[1]=n[1].replace("__cashBack__",d),l&&l.amount!==0)return n[0]=n[0].replace("__creditLimit__",st("0,0",l.amount,l.currencySymbol)),[...n,n[0]];{const h=n.slice(1);return[...h,h[0]]}}if(e==="debit"){const n=[...b.listPage.promoMultiText.debit];return n[0]=n[0].replace("__cashBack__",d),[...n,n[0]]}return[]},xi=({isChargeCardFeatureEnabled:e,isChargeCardSetupEnabled:m,isDebitCardFeatureEnabled:l,isDebitCardSetupEnabled:d})=>e&&m&&l&&d?N.title.cards:e&&m?N.title.credit:l&&d?N.title.debit:"",bi=r.div`
   text-align: left;
-`,Yt=r.span``,yi=r.span`
+`,qt=r.span``,yi=r.span`
   white-space: nowrap;
 `,fi=r.div`
   min-width: 137px;
@@ -342,12 +342,12 @@ import{h as Ja,a7 as _,_ as Ka,fm as Wa,i5 as N,e as Ee,o as a,y as ta,V as t,a_
   align-items: baseline;
   gap: ${a.sp2};
   align-items: center;
-`,Wt=r(q)`
+`,Wt=r(Y)`
   color: ${e=>e.theme.colors.hero};
 `,Xt=r(Qa)`
   color: ${e=>e.theme.colors.primary};
   ${e=>`${ci.remainingText.style(e.windowSize)}`};
-`,Ae=r(q)`
+`,Ae=r(Y)`
   color: ${e=>e.theme.colors.hero};
   white-space: nowrap;
 `,Ai=r.div`
@@ -360,15 +360,15 @@ import{h as Ja,a7 as _,_ as Ka,fm as Wa,i5 as N,e as Ee,o as a,y as ta,V as t,a_
   color: ${e=>e.theme.colors.hero};
 `,Li=r(ca)`
   color: ${e=>e.hasNegativeValue?p.success:p.important};
-`,Pi=r(Er)`
+`,Pi=r(Fr)`
   color: ${p.success};
   width: ${a.sp3};
   height: ${a.sp3};
-`,Ei=r(Fr)`
+`,Fi=r(Er)`
   color: ${p.important};
   width: ${a.sp3};
   height: ${a.sp3};
-`,Fi=r(lt)`
+`,Ei=r(lt)`
   color: ${e=>e.theme.colors.hero};
   margin-top: ${e=>ue.infoSubheadingTextMarginTop.valuePx(e.windowSize)};
   gap: ${a.sp1};
@@ -406,7 +406,7 @@ import{h as Ja,a7 as _,_ as Ka,fm as Wa,i5 as N,e as Ee,o as a,y as ta,V as t,a_
   display: flex;
   justify-content: space-between;
   align-items: center;
-`,ea=r.div``,zi=r.div`
+`,ea=r.div``,Ni=r.div`
   height: ${a.sp10};
   width: ${a.sp10};
-`;function Oi(){return ta().mode==="light"?t.jsx(Pr,{}):t.jsx(Lr,{})}export{Io as default,qt as getPromoSlidingTextList};
+`;function Oi(){return ta().mode==="light"?t.jsx(Pr,{}):t.jsx(Lr,{})}export{Io as default,Yt as getPromoSlidingTextList};

package/dist/assets/{ChargeCardListTable-DiJUp9-c-hw3gHlrw.js → ChargeCardListTable-SgjwYd8W-EVdaCbR4.js}

@@ -1,4 +1,4 @@
-import{bF as st,V as i,T as nt,A as at,O as le,e as oe,_ as ke,h as lt,y as ze,gm as dt,a9 as ct,o as t,P as G,bN as ht,w as Be,d as I,an as pt,bV as ut,bn as ye,bX as Oe,bd as mt,ab as gt,x as C,e6 as xt,au as wt,i6 as Ct,ac as ft,aA as yt,C as ee,gq as kt,H as J,l as X,k as u,cc as St,e4 as vt,i7 as jt,i8 as $t,N as Ci,bs as fi,i9 as bt,bl as It,b_ as Je,ia as yi,cR as Lt,cS as q,a5 as de,L as ki,ib as zt,c1 as At,h_ as Xe,b6 as Si,b8 as vi,ad as je,aR as Ft}from"./index-ByxsQZNo.js";import{b as he,a as f}from"./sentry-COYnhuxW.js";import{n as o,c as Ye}from"./mui-40xepic5.js";import{H as Pt,o as Rt,R as Bt,L as Dt,_ as _t,M as Et,S as Tt}from"./common-BGuhvMjF-Ry4gfI81.js";import{d as ji}from"./ZeniAvatar-C2LxBTZ4-YOmVMm4j.js";import{T as $i}from"./RoleWithToolTip-Bqdsc31P-CNmkPW05.js";import{j as Ve}from"./CardNumberSubText-BAWc12F9-CekGLfjU.js";import{t as bi,r as Ot}from"./spend-limit-D6SyboD4-BruIkKZj.js";import{o as Vt,r as Nt}from"./unlock-BPWn2I5L-BGatCFPm.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="2cafde2f-7639-4265-bbad-39055ba4fc32",e._sentryDebugIdIdentifier="sentry-dbid-2cafde2f-7639-4265-bbad-39055ba4fc32")}catch{}})();const me=le.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Mt=le.getLocalizedStrings().common.strings.empty,Qe={key:"owner",value:me.owner,sortOrder:"ascending",width:new C(120,120,160,200,200)},Ze={key:"cardName",value:me.cardName,sortOrder:"ascending",width:new C(120,120,160,171,171)},ei={key:"cardType",value:me.cardType,sortOrder:"ascending",width:new C(120,120,130,170,170)},ii={key:"status",value:me.status,sortOrder:"ascending",width:new C(115,115,125,132,132)},ti={key:"utilisation",value:me.utilisation,sortOrder:"ascending",width:new C(u[11],u[11],u[11],u[12],120)},oi={key:"limit",value:me.limit,sortOrder:"ascending",width:new C(68,68,68,120,120)},Ii=e=>e===!0?[{...Qe,width:new C(0,0),value:Mt},Ze,ei,ii,ti,oi]:[Qe,Ze,ei,ii,ti,oi],{common:Ce,spendManagement:{billPay:{paymentDetails:{feePercent:Ut}},chargeCard:j}}=le.getLocalizedStrings(),se={containerPaddingLeft:new C(u[3],u[2]),containerPaddingRight:new C(u[2],u[3]),containerPaddingTop:new C(u[2],u[3]),containerPaddingBottom:new C(u[2],u[3]),containerMarginLeft:new C(u[4],u[0]),containerMarginRight:new C(u[4],u[0]),webkitLineClamp:new C(2,1,1,1,1)};var Wt=(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))(Wt||{});const Ht={moreItemFont:new Ci("extraSmallRegular","smallRegular")},Kt=({setCardIdForRowAction:e,setActionTypeForRowAction:r,rowActionView:s,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,cardDetail:n,isCardControlsEnabled:a,showViewForCardUser:x,signedInUser:m,resendInviteId:y,index:k,onChargeCardRowClick:S,onChargeCardResendInviteClick:h})=>{const[p,w]=f.useState(!1),[$,R]=f.useState(!1);f.useEffect(()=>{p||R(!1)},[p]),f.useEffect(()=>{l.length>0&&p&&(w(!1),R(!1))},[l.length,p]);const B=s.cardId===n.id,D=l.includes(n.id),z=B&&s.unlockChargeCardsFetchState.fetchState==="In-Progress"||D&&c==="In-Progress",M=B&&s.revokeChargeCardFetchState.fetchState==="In-Progress"||D&&d==="In-Progress",g=z||M,v=oe(),_=!!ke().loggedInUserRole.includes("charge_card_user")||x,U=f.useCallback(()=>{S(n.id,k)},[n.id]),T=yi(n)/n.limit.amount*100,W=n?.cardHolderUserId===m.userId,F=n.status.code!=="closed"&&n.status.code!=="closed_by_customer",O=Lt(n.cardHolderUser,!1),K=n.balance,A=Ii(_),H=i.jsxs(i.Fragment,{children:[i.jsx(q,{isLoading:g,customStyle:{width:t.sp9,height:"20px",borderRadius:t.sp1},children:i.jsx(ho,{title:de("0,0.[00]",K),className:"amountToUtilize",children:de("0,0.[00]",K)})}),T!==0?i.jsx(q,{isLoading:g,customStyle:{width:t.sp11,height:t.sp3,borderRadius:t.sp1},children:i.jsx(po,{className:"amountToUtilize",children:`${Math.round(T)}${Ut}`})}):null]}),V=n.type.code,ie=j.cardList.tooltip[V],te=ie!=null?W?ie.self:`${O} ${ie.cardUser}`:Ce.strings.empty;return i.jsx(Gt,{windowSize:v,children:i.jsx(Jt,{onClick:U,"data-testid":G("card-row",n.id),children:i.jsxs(Yt,{children:[_?null:i.jsx(pe,{children:i.jsxs(Qt,{windowSize:v,responsiveWidth:A[0].width,children:[i.jsx(q,{isLoading:g,flex:"0 0",customStyle:{width:t.sp6,height:t.sp6,borderRadius:"50%"},children:i.jsx(ji,{personBasic:n.cardHolderUser,styles:{height:t.sp6,width:t.sp6,minWidth:t.sp6}})}),i.jsxs(eo,{isLoading:g,children:[i.jsx(Zt,{isLoading:g,children:i.jsx(q,{isLoading:g,customStyle:{width:"88px",height:"20px",borderRadius:t.sp1},children:i.jsx(io,{windowSize:v,title:O,className:"cardHolderName",children:O===Ce.strings.empty?Ce.strings.hyphen:O})})}),i.jsx(q,{isLoading:g,customStyle:{width:"104px",height:t.sp3,borderRadius:t.sp1},children:i.jsx(ai,{className:"additionalInfoContainer",children:n.cardHolderRoles?.userRoles!=null&&i.jsx($i,{roles:n.cardHolderRoles?.userRoles})})})]})]})}),i.jsx(pe,{children:i.jsxs(so,{isLoading:g,windowSize:v,responsiveWidth:A[1].width,children:[i.jsx(q,{isLoading:g,customStyle:{width:"88px",height:"20px",borderRadius:t.sp1},children:i.jsx(no,{title:n.cardName,className:"cardName",children:n.cardName})}),i.jsxs(q,{isLoading:g,customStyle:{width:"104px",height:t.sp3,borderRadius:t.sp1},children:[" ",i.jsx(Co,{windowSize:v,className:"cardNameSubText",children:n.status.code==="request_on_hold"?Ce.strings.hyphen:j.cardDetails.expiryHideOut+Ce.strings.space+n.accountLast4})]})]})}),i.jsx(pe,{children:i.jsx(ao,{windowSize:v,responsiveWidth:A[2].width,children:i.jsx(lo,{className:"card-type",children:i.jsx(q,{isLoading:g,customStyle:{width:"144px",height:t.sp4,borderRadius:t.sp1},children:i.jsx(Ve,{cardDetail:n,forDetailPage:!1})})})})}),i.jsx(pe,{children:i.jsx(li,{windowSize:v,isLoading:g,responsiveWidth:A[3].width,children:i.jsx(q,{isLoading:g,customStyle:{width:"112px",height:t.sp4,borderRadius:t.sp1},children:y===n.id?i.jsx(ki,{size:"Small",start:!0}):i.jsxs(co,{children:[i.jsx(go,{children:n.status.code==="request_on_hold"?i.jsxs(ye,{display:"flex",title:te,placement:"top",style:{padding:`${t.sp2} ${t.sp3}`},children:[i.jsx(Le,{status:n.status.code,style:{cursor:"pointer"}}),i.jsx(uo,{style:{marginLeft:t.sp1},className:"infoIconTooltip"})]}):i.jsx(Le,{status:n.status.code})}),n.status.code!=="request_on_hold"||W?null:i.jsx(mo,{onClick:Y=>{Y.stopPropagation(),h(n.id)},"data-testid":G("send-reminder",n.id),children:j.cardList.sendReminder})]})})})}),i.jsx(pe,{children:i.jsx(li,{windowSize:v,isLoading:g,responsiveWidth:A[4].width,children:H})}),i.jsx(pe,{children:i.jsxs(to,{windowSize:v,responsiveWidth:A[5].width,children:[i.jsxs(oo,{windowSize:v,isLoading:g,children:[i.jsx(q,{isLoading:g,customStyle:{width:"68px",height:"20px",borderRadius:t.sp1},children:i.jsx(ro,{className:"limitAmount",windowSize:v,title:de("0,0.[00]",n.limit),children:de("0,0.[00]",n.limit)})}),i.jsx(ai,{className:"additionalInfoContainer",children:i.jsx(q,{isLoading:g,customStyle:{width:t.sp8,height:t.sp3,borderRadius:t.sp1},children:n.creditLimitFrequency.name})})]}),i.jsx(xo,{className:"menu-icon",onMouseEnter:()=>{!p&&F&&R(!0)},onMouseLeave:()=>{F&&R(!1)},children:(()=>{const Y=n.status.code==="locked",ge=n.status.code==="closed"||n.status.code==="closed_by_customer",xe=_?a&&!g&&!ge&&!(Y&&n.isLockedByAdmin):a?!g&&F:n.status.code==="request_on_hold",b=l.length>0;return xe&&i.jsx(ye,{open:$&&!p&&!b,variant:"standard",title:j.cardList.moreActionsTooltip,placement:"bottom-end",children:i.jsx(Oe,{isMenuVisible:!0,menuItems:i.jsx(wo,{children:i.jsx(Li,{cardDetail:n,isCardControlsEnabled:a,isChargeCardUser:_,setIsMenuOpen:w,setCardIdForRowAction:e,setActionTypeForRowAction:r})}),setIsMenuOpen:Ae=>{b||w(Ae)},isMenuOpen:p&&!b,menuIconStyles:{height:"auto",cursor:b?"not-allowed":"pointer",opacity:b?.5:1,pointerEvents:b?"none":"auto"},styles:{transform:`translate(${t.sp3},${t.sp2})`}})})})()})]})})]})})})},Li=({cardDetail:e,isCardControlsEnabled:r,isChargeCardUser:s,setIsMenuOpen:d,setCardIdForRowAction:c,setActionTypeForRowAction:l})=>{const n=oe();return r?e.status.code==="request_on_hold"?s?i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}):i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsx($e,{}),i.jsxs(L,{hoverImportant:!0,windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:[i.jsx(Xt,{}),i.jsx(fe,{children:j.cardDetails.revokeInvite})]})]}):e.status.code==="inactive"?s?i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}):i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsx($e,{}),i.jsxs(L,{hoverImportant:!0,windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("close")},children:[i.jsx(Re,{}),i.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):e.status.code==="locked"?s?i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[i.jsx(ni,{}),i.jsx(E,{children:j.cardDetails.moreOptions.unlock})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]})]}):i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[i.jsx(ni,{}),i.jsx(E,{children:j.cardDetails.moreOptions.unlock})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[i.jsx(ri,{}),i.jsx(E,{children:j.cardDetails.moreOptions.updateSpendLimit})]}),i.jsx($e,{}),i.jsxs(L,{hoverImportant:!0,windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("close")},children:[i.jsx(Re,{}),i.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):s?i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("lock")},children:[i.jsx(si,{}),i.jsx(E,{children:j.cardDetails.moreOptions.lock})]})]}):i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[i.jsx(ri,{}),i.jsx(E,{children:j.cardDetails.moreOptions.updateSpendLimit})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("lock")},children:[i.jsx(si,{}),i.jsx(E,{children:j.cardDetails.moreOptions.lock})]}),i.jsx($e,{}),i.jsxs(L,{windowSize:n,hoverImportant:!0,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("close")},children:[i.jsx(Re,{}),i.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):e.status.code==="request_on_hold"?i.jsx(L,{hoverImportant:!0,windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:i.jsx(fe,{children:j.cardDetails.revokeInvite})}):null},Le=({status:e,style:r})=>{const s=ze(),d=qt(e,s),c=le.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return oe()==="small"?i.jsx(Xe,{textColor:d,text:c[e],tagStyles:{maxWidth:t.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...r}}):i.jsx(Xe,{textColor:d,text:c[e],styles:r,tagStyles:{padding:"1px 6px"}})},qt=(e,r)=>{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(r.colors.grey1)}},E=o(X)`
+import{bF as st,V as i,T as nt,A as at,O as le,e as oe,_ as ke,h as lt,y as ze,gm as dt,a9 as ct,o as t,b as G,bN as ht,w as Be,f as I,an as pt,bV as ut,bn as ye,bX as Oe,bd as mt,ab as gt,x as C,e6 as xt,au as wt,i6 as Ct,ac as ft,aA as yt,C as ee,gq as kt,H as J,l as X,m as u,cc as St,e4 as vt,i7 as jt,i8 as $t,d as Ci,bs as fi,i9 as bt,bl as It,b_ as Je,ia as yi,cR as Lt,cS as q,a5 as de,L as ki,ib as zt,c1 as At,h_ as Xe,b6 as Si,b8 as vi,ad as je,aR as Ft}from"./index-BHAcVHeH.js";import{b as he,a as f}from"./sentry-CY6wsJT-.js";import{n as o,c as Ye}from"./mui-Cni6P-fz.js";import{H as Pt,o as Rt,R as Bt,L as Dt,_ as _t,M as Et,S as Tt}from"./common-B74Sb4iG-Ba1Dna3Q.js";import{d as ji}from"./ZeniAvatar-5wP6sb3W-CKgtWCng.js";import{T as $i}from"./RoleWithToolTip-VOllzDDB-BXr_ucO6.js";import{j as Ve}from"./CardNumberSubText-12zyW5qQ-c22fv1fM.js";import{t as bi,r as Ot}from"./spend-limit-D6SyboD4-DAZsY_K2.js";import{o as Vt,r as Nt}from"./unlock-BPWn2I5L-BcwMx3a4.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="225ae1d5-8e67-43c3-8440-a013ede29f52",e._sentryDebugIdIdentifier="sentry-dbid-225ae1d5-8e67-43c3-8440-a013ede29f52")}catch{}})();const me=le.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Mt=le.getLocalizedStrings().common.strings.empty,Qe={key:"owner",value:me.owner,sortOrder:"ascending",width:new C(120,120,160,200,200)},Ze={key:"cardName",value:me.cardName,sortOrder:"ascending",width:new C(120,120,160,171,171)},ei={key:"cardType",value:me.cardType,sortOrder:"ascending",width:new C(120,120,130,170,170)},ii={key:"status",value:me.status,sortOrder:"ascending",width:new C(115,115,125,132,132)},ti={key:"utilisation",value:me.utilisation,sortOrder:"ascending",width:new C(u[11],u[11],u[11],u[12],120)},oi={key:"limit",value:me.limit,sortOrder:"ascending",width:new C(68,68,68,120,120)},Ii=e=>e===!0?[{...Qe,width:new C(0,0),value:Mt},Ze,ei,ii,ti,oi]:[Qe,Ze,ei,ii,ti,oi],{common:Ce,spendManagement:{billPay:{paymentDetails:{feePercent:Ut}},chargeCard:j}}=le.getLocalizedStrings(),se={containerPaddingLeft:new C(u[3],u[2]),containerPaddingRight:new C(u[2],u[3]),containerPaddingTop:new C(u[2],u[3]),containerPaddingBottom:new C(u[2],u[3]),containerMarginLeft:new C(u[4],u[0]),containerMarginRight:new C(u[4],u[0]),webkitLineClamp:new C(2,1,1,1,1)};var Wt=(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))(Wt||{});const Ht={moreItemFont:new Ci("extraSmallRegular","smallRegular")},Kt=({setCardIdForRowAction:e,setActionTypeForRowAction:r,rowActionView:s,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,cardDetail:n,isCardControlsEnabled:a,showViewForCardUser:x,signedInUser:m,resendInviteId:y,index:k,onChargeCardRowClick:S,onChargeCardResendInviteClick:h})=>{const[p,w]=f.useState(!1),[$,R]=f.useState(!1);f.useEffect(()=>{p||R(!1)},[p]),f.useEffect(()=>{l.length>0&&p&&(w(!1),R(!1))},[l.length,p]);const B=s.cardId===n.id,D=l.includes(n.id),z=B&&s.unlockChargeCardsFetchState.fetchState==="In-Progress"||D&&c==="In-Progress",M=B&&s.revokeChargeCardFetchState.fetchState==="In-Progress"||D&&d==="In-Progress",g=z||M,v=oe(),_=!!ke().loggedInUserRole.includes("charge_card_user")||x,U=f.useCallback(()=>{S(n.id,k)},[n.id]),T=yi(n)/n.limit.amount*100,W=n?.cardHolderUserId===m.userId,F=n.status.code!=="closed"&&n.status.code!=="closed_by_customer",O=Lt(n.cardHolderUser,!1),K=n.balance,A=Ii(_),H=i.jsxs(i.Fragment,{children:[i.jsx(q,{isLoading:g,customStyle:{width:t.sp9,height:"20px",borderRadius:t.sp1},children:i.jsx(ho,{title:de("0,0.[00]",K),className:"amountToUtilize",children:de("0,0.[00]",K)})}),T!==0?i.jsx(q,{isLoading:g,customStyle:{width:t.sp11,height:t.sp3,borderRadius:t.sp1},children:i.jsx(po,{className:"amountToUtilize",children:`${Math.round(T)}${Ut}`})}):null]}),V=n.type.code,ie=j.cardList.tooltip[V],te=ie!=null?W?ie.self:`${O} ${ie.cardUser}`:Ce.strings.empty;return i.jsx(Gt,{windowSize:v,children:i.jsx(Jt,{onClick:U,"data-testid":G("card-row",n.id),children:i.jsxs(Yt,{children:[_?null:i.jsx(pe,{children:i.jsxs(Qt,{windowSize:v,responsiveWidth:A[0].width,children:[i.jsx(q,{isLoading:g,flex:"0 0",customStyle:{width:t.sp6,height:t.sp6,borderRadius:"50%"},children:i.jsx(ji,{personBasic:n.cardHolderUser,styles:{height:t.sp6,width:t.sp6,minWidth:t.sp6}})}),i.jsxs(eo,{isLoading:g,children:[i.jsx(Zt,{isLoading:g,children:i.jsx(q,{isLoading:g,customStyle:{width:"88px",height:"20px",borderRadius:t.sp1},children:i.jsx(io,{windowSize:v,title:O,className:"cardHolderName",children:O===Ce.strings.empty?Ce.strings.hyphen:O})})}),i.jsx(q,{isLoading:g,customStyle:{width:"104px",height:t.sp3,borderRadius:t.sp1},children:i.jsx(ai,{className:"additionalInfoContainer",children:n.cardHolderRoles?.userRoles!=null&&i.jsx($i,{roles:n.cardHolderRoles?.userRoles})})})]})]})}),i.jsx(pe,{children:i.jsxs(so,{isLoading:g,windowSize:v,responsiveWidth:A[1].width,children:[i.jsx(q,{isLoading:g,customStyle:{width:"88px",height:"20px",borderRadius:t.sp1},children:i.jsx(no,{title:n.cardName,className:"cardName",children:n.cardName})}),i.jsxs(q,{isLoading:g,customStyle:{width:"104px",height:t.sp3,borderRadius:t.sp1},children:[" ",i.jsx(Co,{windowSize:v,className:"cardNameSubText",children:n.status.code==="request_on_hold"?Ce.strings.hyphen:j.cardDetails.expiryHideOut+Ce.strings.space+n.accountLast4})]})]})}),i.jsx(pe,{children:i.jsx(ao,{windowSize:v,responsiveWidth:A[2].width,children:i.jsx(lo,{className:"card-type",children:i.jsx(q,{isLoading:g,customStyle:{width:"144px",height:t.sp4,borderRadius:t.sp1},children:i.jsx(Ve,{cardDetail:n,forDetailPage:!1})})})})}),i.jsx(pe,{children:i.jsx(li,{windowSize:v,isLoading:g,responsiveWidth:A[3].width,children:i.jsx(q,{isLoading:g,customStyle:{width:"112px",height:t.sp4,borderRadius:t.sp1},children:y===n.id?i.jsx(ki,{size:"Small",start:!0}):i.jsxs(co,{children:[i.jsx(go,{children:n.status.code==="request_on_hold"?i.jsxs(ye,{display:"flex",title:te,placement:"top",style:{padding:`${t.sp2} ${t.sp3}`},children:[i.jsx(Le,{status:n.status.code,style:{cursor:"pointer"}}),i.jsx(uo,{style:{marginLeft:t.sp1},className:"infoIconTooltip"})]}):i.jsx(Le,{status:n.status.code})}),n.status.code!=="request_on_hold"||W?null:i.jsx(mo,{onClick:Y=>{Y.stopPropagation(),h(n.id)},"data-testid":G("send-reminder",n.id),children:j.cardList.sendReminder})]})})})}),i.jsx(pe,{children:i.jsx(li,{windowSize:v,isLoading:g,responsiveWidth:A[4].width,children:H})}),i.jsx(pe,{children:i.jsxs(to,{windowSize:v,responsiveWidth:A[5].width,children:[i.jsxs(oo,{windowSize:v,isLoading:g,children:[i.jsx(q,{isLoading:g,customStyle:{width:"68px",height:"20px",borderRadius:t.sp1},children:i.jsx(ro,{className:"limitAmount",windowSize:v,title:de("0,0.[00]",n.limit),children:de("0,0.[00]",n.limit)})}),i.jsx(ai,{className:"additionalInfoContainer",children:i.jsx(q,{isLoading:g,customStyle:{width:t.sp8,height:t.sp3,borderRadius:t.sp1},children:n.creditLimitFrequency.name})})]}),i.jsx(xo,{className:"menu-icon",onMouseEnter:()=>{!p&&F&&R(!0)},onMouseLeave:()=>{F&&R(!1)},children:(()=>{const Y=n.status.code==="locked",ge=n.status.code==="closed"||n.status.code==="closed_by_customer",xe=_?a&&!g&&!ge&&!(Y&&n.isLockedByAdmin):a?!g&&F:n.status.code==="request_on_hold",b=l.length>0;return xe&&i.jsx(ye,{open:$&&!p&&!b,variant:"standard",title:j.cardList.moreActionsTooltip,placement:"bottom-end",children:i.jsx(Oe,{isMenuVisible:!0,menuItems:i.jsx(wo,{children:i.jsx(Li,{cardDetail:n,isCardControlsEnabled:a,isChargeCardUser:_,setIsMenuOpen:w,setCardIdForRowAction:e,setActionTypeForRowAction:r})}),setIsMenuOpen:Ae=>{b||w(Ae)},isMenuOpen:p&&!b,menuIconStyles:{height:"auto",cursor:b?"not-allowed":"pointer",opacity:b?.5:1,pointerEvents:b?"none":"auto"},styles:{transform:`translate(${t.sp3},${t.sp2})`}})})})()})]})})]})})})},Li=({cardDetail:e,isCardControlsEnabled:r,isChargeCardUser:s,setIsMenuOpen:d,setCardIdForRowAction:c,setActionTypeForRowAction:l})=>{const n=oe();return r?e.status.code==="request_on_hold"?s?i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}):i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsx($e,{}),i.jsxs(L,{hoverImportant:!0,windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:[i.jsx(Xt,{}),i.jsx(fe,{children:j.cardDetails.revokeInvite})]})]}):e.status.code==="inactive"?s?i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}):i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsx($e,{}),i.jsxs(L,{hoverImportant:!0,windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("close")},children:[i.jsx(Re,{}),i.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):e.status.code==="locked"?s?i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[i.jsx(ni,{}),i.jsx(E,{children:j.cardDetails.moreOptions.unlock})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]})]}):i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[i.jsx(ni,{}),i.jsx(E,{children:j.cardDetails.moreOptions.unlock})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[i.jsx(ri,{}),i.jsx(E,{children:j.cardDetails.moreOptions.updateSpendLimit})]}),i.jsx($e,{}),i.jsxs(L,{hoverImportant:!0,windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("close")},children:[i.jsx(Re,{}),i.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):s?i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("lock")},children:[i.jsx(si,{}),i.jsx(E,{children:j.cardDetails.moreOptions.lock})]})]}):i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[i.jsx(ri,{}),i.jsx(E,{children:j.cardDetails.moreOptions.updateSpendLimit})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("lock")},children:[i.jsx(si,{}),i.jsx(E,{children:j.cardDetails.moreOptions.lock})]}),i.jsx($e,{}),i.jsxs(L,{windowSize:n,hoverImportant:!0,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("close")},children:[i.jsx(Re,{}),i.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):e.status.code==="request_on_hold"?i.jsx(L,{hoverImportant:!0,windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:i.jsx(fe,{children:j.cardDetails.revokeInvite})}):null},Le=({status:e,style:r})=>{const s=ze(),d=qt(e,s),c=le.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return oe()==="small"?i.jsx(Xe,{textColor:d,text:c[e],tagStyles:{maxWidth:t.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...r}}):i.jsx(Xe,{textColor:d,text:c[e],styles:r,tagStyles:{padding:"1px 6px"}})},qt=(e,r)=>{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(r.colors.grey1)}},E=o(X)`
   color: inherit;
 `,fe=o(X)`
   color: ${I.important};

package/dist/assets/{ChargeCardPaymentHistoryPage-CW9gtO0w-oF9Kbl5Z.js → ChargeCardPaymentHistoryPage-BC2DkmZT--xdPwk1t.js}

@@ -1,4 +1,4 @@
-import{h as Pe,_ as Le,e as H,y as V,V as t,a_ as ze,w as I,O as T,k as l,o as i,x,bF as Re,P as O,an as Ie,bV as Te,bd as De,ab as Be,l as W,cS as b,gk as U,a5 as K,bn as Oe,bl as Me,H as N,b_ as J,d as f,gl as he,fi as pe,fe as me,bH as Ae,C as F,h_ as ge,b8 as Ne,iw as He,ib as We,c1 as _e,ad as z}from"./index-ByxsQZNo.js";import{a as S,b as G}from"./sentry-COYnhuxW.js";import{n,c as Q}from"./mui-40xepic5.js";import{m as Ee}from"./BusyIndication-H_iNZOWd-BNmJKxof.js";import{t as Ke}from"./SpendManagementSection-CZ_i360S-BWGL8ndc.js";import{r as Ve,a as Fe,i as ye,g as Ye}from"./SpendManagementListViewPage-CSGYJyZu-BweWpc_X.js";import{m as Ze}from"./MoreMenuButton-C_jqM-Ix-D5fFt93A.js";import{c as X,L as Ue,M as Ge,S as qe}from"./common-BGuhvMjF-Ry4gfI81.js";import{Gv as ue,Gw as xe}from"./zeni-epic-state-DCforPdM.js";import{d as Je}from"./ZeniAvatar-C2LxBTZ4-YOmVMm4j.js";import{r as Qe}from"./auto-transfer-rule-mbafm5D3-8rMpx5do.js";import"./pdf-A8jRKyoC.js";import"./core-B0nKoasK.js";import"./lottie-BzV8yd9z.js";import"./liveblocks-DskTqGyX.js";import"./recharts-Bbdho9Pi.js";import"./dnd-NNN-4w0O.js";import"./analytics-CDQ7tGpV.js";import"./plaid-cfgjTkr8.js";import"./utils-DMEPgX6w.js";import"./filter-cZIFUNvj-DAakc3sS.js";import"./ZeniDatePicker-9JxwH7J5-CcV9D7gC.js";import"./avatar-Dz7aEm3d-BdKWS97a.js";import"./StatusSwitcher-CDnarHSf-meshGWkH.js";import"./bank-letter-BOcVjN6J-ydWr7ZOI.js";import"./spend-limit-D6SyboD4-BruIkKZj.js";import"./dollar-round-D18u7nlm-CQw1tD8J.js";import"./money-2cg1MuG4-rv31fLm6.js";import"./page-summary-D7_VQHwN-bNTaLAow.js";import"./transaction-placeholder-CpOwZAMG-C-J0dsgn.js";import"./unlock-BPWn2I5L-BGatCFPm.js";import"./calculateSize-DecSvt-d-CIfCbqel.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="596b87c3-26de-4b00-9a13-4851c65ba2af",e._sentryDebugIdIdentifier="sentry-dbid-596b87c3-26de-4b00-9a13-4851c65ba2af")}catch{}})();const _=T.getLocalizedStrings().spendManagement.chargeCard.paymentHistory.header,Xe={key:"paymentDate",value:_.paymentDate,sortOrder:"ascending",width:new x(18,18,18,18,18)},et={key:"sourceAccount",value:_.sourceAccount,sortOrder:"ascending",width:new x(30,30,30,30,30)},tt={key:"paymentStatus",value:_.paymentStatus,sortOrder:"ascending",width:new x(22,22,22,22,22)},it={key:"initiatedBy",value:_.initiatedBy,sortOrder:"ascending",width:new x(18,18,18,18,18)},nt={key:"amount",value:_.amount,sortOrder:"ascending",width:new x(12,12,12,12,12)},we=()=>[Xe,et,tt,it,nt],P={containerPaddingLeft:i.sp2,containerPaddingRight:i.sp3,containerPaddingTop:i.sp3,containerPaddingBottom:i.sp3,headerLastColumnTopPadding:new x(l[0],l[4]),headerLastColumnRightPadding:new x(l[3],l[11]),headerLastColumnBottomPadding:new x(l[0],l[4]),headerLastColumnLeftPadding:new x(l[0],l[11]),headerHeight:new x(Ge,qe)},ot=G.memo(function({companyNameSticky:e,sortConfig:o,onColumnSortConfigChanged:c}){const a=V(),s=H(),[d,y]=S.useState(we());S.useEffect(()=>{const r=[...d];for(const g of r)g.key===o.sortKey?g.sortOrder=o.sortOrder:g.sortOrder="ascending";y(r)},[o.sortKey,o.sortOrder]);const u=(r,g)=>{let w=g;o.sortKey===r&&(w=g==="ascending"?"descending":"ascending"),c(r,w)},h=d.find(r=>r.key===o.sortKey)??d[0],p=d.map(r=>r.key),m=T.getLocalizedStrings().spendManagement.chargeCard.paymentHistory;return s==="small"?t.jsxs(st,{windowSize:s,children:[t.jsxs(ct,{children:[t.jsx(pt,{children:t.jsx(ht,{})}),t.jsx(Me,{title:m.header.paymentDate,placeholder:m.header.paymentDate,pickerValues:p,valueToLabel:r=>d.find(g=>g.key===r)?.value??"",selectedValue:o.sortKey,onPickerSelectionChanged:r=>{u(r,"ascending")},optionTextStyle:I.extraSmallRegular,titleTextStyle:I.extraSmallRegular,titleColor:a.colors.primary,selectedOptionColor:a.colors.hero,optionBackgroundColor:a.colors.grey5,downChevronVisible:!1,backgroundColor:a.colors.grey4})]}),t.jsxs(yt,{onClick:()=>u(h.key,h.sortOrder),"data-testid":O("mobile-payment-history-list-sort-clicked",o.sortKey),children:[t.jsx(N,{children:h.value}),t.jsx(ee,{windowSize:s,sortDataValue:o.sortKey,headerdata:h,children:t.jsx(te,{windowSize:s,children:t.jsx(J,{})})})]})]}):t.jsx(at,{windowSize:s,children:t.jsx(rt,{children:d.map(r=>r.width.value(s)!==0&&t.jsxs(dt,{companyNameSticky:e,sortDataValue:o.sortKey,actualDataValue:r.key,wrapperWidth:r.width,windowSize:s,children:[t.jsxs(gt,{onClick:()=>u(r.key,r.sortOrder),"data-testid":O("payment-history-list-sort-clicked",o.sortKey),children:[t.jsx(N,{children:r.value}),t.jsx(ee,{windowSize:s,sortDataValue:o.sortKey,headerdata:r,children:t.jsx(te,{windowSize:s,children:t.jsx(J,{})})})]}),t.jsx(mt,{sortDataValue:o.sortKey,windowSize:s,isVisible:o.sortKey===r.key&&!(o.sortKey==="paymentDate"&&o.sortOrder==="ascending"),children:t.jsx(lt,{onClick:()=>u("paymentDate","ascending"),"data-testid":O("payment-history-list-sort-cancel",o.sortKey)})})]},r.key))})})}),at=n.div`
+import{h as Pe,_ as Le,e as H,y as V,V as t,a_ as ze,w as I,O as T,m as l,o as i,x,bF as Re,b as O,an as Ie,bV as Te,bd as De,ab as Be,l as W,cS as b,gk as U,a5 as K,bn as Oe,bl as Me,H as N,b_ as J,f,gl as he,fi as pe,fe as me,bH as Ae,C as F,h_ as ge,b8 as Ne,iw as He,ib as We,c1 as _e,ad as z}from"./index-BHAcVHeH.js";import{a as S,b as G}from"./sentry-CY6wsJT-.js";import{n,c as Q}from"./mui-Cni6P-fz.js";import{m as Ee}from"./BusyIndication-BZLVwIo8-6s8wSi7T.js";import{t as Ke}from"./SpendManagementSection-BXU3RGG8-BwEQ7fN8.js";import{r as Ve,a as Fe,i as ye,g as Ye}from"./SpendManagementListViewPage-DSG6Son_-3Woa8ZKL.js";import{m as Ze}from"./MoreMenuButton-5MZl4h9B-BympoCwa.js";import{c as X,L as Ue,M as Ge,S as qe}from"./common-B74Sb4iG-Ba1Dna3Q.js";import{Gv as ue,Gw as xe}from"./zeni-epic-state-cFF_NqwA.js";import{d as Je}from"./ZeniAvatar-5wP6sb3W-CKgtWCng.js";import{r as Qe}from"./auto-transfer-rule-mbafm5D3-Qtr813uy.js";import"./pdf-CTJ16aEe.js";import"./core-oEkj6b51.js";import"./lottie-DEK510sX.js";import"./liveblocks-Ia5FU_Xu.js";import"./recharts-LlOU9oLm.js";import"./dnd-DwLm2ZWc.js";import"./analytics-Ci5SIN4_.js";import"./plaid-B2vW8NaN.js";import"./utils-ChLimP28.js";import"./filter-cZIFUNvj-Cn5LR_-W.js";import"./ZeniDatePicker-C_YQpGe--CXBBhIwN.js";import"./avatar-Dz7aEm3d-lVrrjTFE.js";import"./StatusSwitcher-_Cs3CzJl-D1XlTHt5.js";import"./bank-letter-BOcVjN6J-a5lcVCZG.js";import"./spend-limit-D6SyboD4-DAZsY_K2.js";import"./dollar-round-D18u7nlm-BxzwYsJa.js";import"./money-2cg1MuG4-BmcWx6In.js";import"./page-summary-D7_VQHwN-ZSqDN0WI.js";import"./transaction-placeholder-CpOwZAMG-B7lzeBRq.js";import"./unlock-BPWn2I5L-BcwMx3a4.js";import"./calculateSize-CAxK0dN_-6AyeRPo8.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="e2b6f2bb-f67f-4310-a7e5-5d309c2069b3",e._sentryDebugIdIdentifier="sentry-dbid-e2b6f2bb-f67f-4310-a7e5-5d309c2069b3")}catch{}})();const _=T.getLocalizedStrings().spendManagement.chargeCard.paymentHistory.header,Xe={key:"paymentDate",value:_.paymentDate,sortOrder:"ascending",width:new x(18,18,18,18,18)},et={key:"sourceAccount",value:_.sourceAccount,sortOrder:"ascending",width:new x(30,30,30,30,30)},tt={key:"paymentStatus",value:_.paymentStatus,sortOrder:"ascending",width:new x(22,22,22,22,22)},it={key:"initiatedBy",value:_.initiatedBy,sortOrder:"ascending",width:new x(18,18,18,18,18)},nt={key:"amount",value:_.amount,sortOrder:"ascending",width:new x(12,12,12,12,12)},we=()=>[Xe,et,tt,it,nt],P={containerPaddingLeft:i.sp2,containerPaddingRight:i.sp3,containerPaddingTop:i.sp3,containerPaddingBottom:i.sp3,headerLastColumnTopPadding:new x(l[0],l[4]),headerLastColumnRightPadding:new x(l[3],l[11]),headerLastColumnBottomPadding:new x(l[0],l[4]),headerLastColumnLeftPadding:new x(l[0],l[11]),headerHeight:new x(Ge,qe)},ot=G.memo(function({companyNameSticky:e,sortConfig:o,onColumnSortConfigChanged:c}){const a=V(),s=H(),[d,y]=S.useState(we());S.useEffect(()=>{const r=[...d];for(const g of r)g.key===o.sortKey?g.sortOrder=o.sortOrder:g.sortOrder="ascending";y(r)},[o.sortKey,o.sortOrder]);const u=(r,g)=>{let w=g;o.sortKey===r&&(w=g==="ascending"?"descending":"ascending"),c(r,w)},h=d.find(r=>r.key===o.sortKey)??d[0],p=d.map(r=>r.key),m=T.getLocalizedStrings().spendManagement.chargeCard.paymentHistory;return s==="small"?t.jsxs(st,{windowSize:s,children:[t.jsxs(ct,{children:[t.jsx(pt,{children:t.jsx(ht,{})}),t.jsx(Me,{title:m.header.paymentDate,placeholder:m.header.paymentDate,pickerValues:p,valueToLabel:r=>d.find(g=>g.key===r)?.value??"",selectedValue:o.sortKey,onPickerSelectionChanged:r=>{u(r,"ascending")},optionTextStyle:I.extraSmallRegular,titleTextStyle:I.extraSmallRegular,titleColor:a.colors.primary,selectedOptionColor:a.colors.hero,optionBackgroundColor:a.colors.grey5,downChevronVisible:!1,backgroundColor:a.colors.grey4})]}),t.jsxs(yt,{onClick:()=>u(h.key,h.sortOrder),"data-testid":O("mobile-payment-history-list-sort-clicked",o.sortKey),children:[t.jsx(N,{children:h.value}),t.jsx(ee,{windowSize:s,sortDataValue:o.sortKey,headerdata:h,children:t.jsx(te,{windowSize:s,children:t.jsx(J,{})})})]})]}):t.jsx(at,{windowSize:s,children:t.jsx(rt,{children:d.map(r=>r.width.value(s)!==0&&t.jsxs(dt,{companyNameSticky:e,sortDataValue:o.sortKey,actualDataValue:r.key,wrapperWidth:r.width,windowSize:s,children:[t.jsxs(gt,{onClick:()=>u(r.key,r.sortOrder),"data-testid":O("payment-history-list-sort-clicked",o.sortKey),children:[t.jsx(N,{children:r.value}),t.jsx(ee,{windowSize:s,sortDataValue:o.sortKey,headerdata:r,children:t.jsx(te,{windowSize:s,children:t.jsx(J,{})})})]}),t.jsx(mt,{sortDataValue:o.sortKey,windowSize:s,isVisible:o.sortKey===r.key&&!(o.sortKey==="paymentDate"&&o.sortOrder==="ascending"),children:t.jsx(lt,{onClick:()=>u("paymentDate","ascending"),"data-testid":O("payment-history-list-sort-cancel",o.sortKey)})})]},r.key))})})}),at=n.div`
   top: ${i.sp0};
   left: ${i.sp0};
   z-index: 2;

package/dist/assets/{ChargeCardPromoPage-CiZDV925-B7JK6cJL.js → ChargeCardPromoPage-C-z0xtuN-qFHF_adM.js}

@@ -1,4 +1,4 @@
-import{e as b,V as r,y as O,_ as ye,h as be,a7 as $e,a5 as je,fm as Se,a_ as Te,eY as ze,a as Q,P as ee,O as ne,o as i,c2 as ve,n as J,c3 as Pe,D as ke,x,s as Ie,bn as Ae,i2 as Be,C as _e,k as p,N as j,d as C,au as Le,ac as Re,i3 as Me}from"./index-ByxsQZNo.js";import{a as S}from"./sentry-COYnhuxW.js";import{n as o,c as Ee,k as De}from"./mui-40xepic5.js";import{F4 as Fe}from"./zeni-epic-state-DCforPdM.js";import{x as Ne}from"./NavigationDots-maxhYltq-IyF42HyI.js";import{J as H,N as G}from"./PromoBaseCards-B5vRjrOp-DZnXvun2.js";import{M as _}from"./usp-line-BBd1wKwW-vz296XX2.js";import"./pdf-A8jRKyoC.js";import"./core-B0nKoasK.js";import"./lottie-BzV8yd9z.js";import"./liveblocks-DskTqGyX.js";import"./recharts-Bbdho9Pi.js";import"./dnd-NNN-4w0O.js";import"./analytics-CDQ7tGpV.js";import"./plaid-cfgjTkr8.js";import"./utils-DMEPgX6w.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="34647cd7-571b-42ff-867d-c7d274d5d3bf",e._sentryDebugIdIdentifier="sentry-dbid-34647cd7-571b-42ff-867d-c7d274d5d3bf")}catch{}})();const g={containerPaddingTopBottom:new x(p[0],p[0]),uspContainerMarginX:new x(p[6],p[0]),midContainerGap:new x(p[4],84),iconContainerMinHeight:new x(236,396),emptySectionHeight:new x(p[6],43),navigationBottom:new x(p[4],94),navigationLeft:new x(192,244),carouselHeight:new x(268,396),carouselMarginTop:new x(54,p[4]),carouselMarginLeft:new x(120,p[12]),buttonTrayGap:new x(p[3],p[5]),termsOfAgreementMarginTop:new x(p[5],p[10]),contactAdminContainerMarginTop:new x(p[0],p[10]),contactAdminContainerMarginBottom:new x(p[4],p[0]),contactAdminContainerMarginLeftRight:new x(p[3],p[0])},T={promoBadgeText:new j("standardRegular","largeRegular"),promoBadgeTextBold:new j("standardBold","largeBold"),cardsContent:new j("extraSmallRegular","smallRegular"),contactAdmin:new j("extraSmallRegular","largeRegular"),uspText:new j("smallRegular","standardRegular"),uspBoldText:new j("smallMedium","standardMedium")},{common:N,spendManagement:{chargeCard:{chargeCardsPromo:n}}}=ne.getLocalizedStrings(),Mr=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:t,showEnableCardButton:a,controllerEmails:c,isCreditCardProductVisible:m,isDebitCardFeatureEnabled:h,isDebitCardSetupEnabled:w,isChargeCardSetupEnabled:u,admins:$,cashbackRate:v,cardPromoType:d="credit",isCheckingEnabled:l,onSetupButtonClick:L,onBackClick:pe,onClickMenuIcon:me,onSetupChargeCardSuccess:X,onExpressInterestClick:ge})=>{const he=O(),V=ye(),z=b(),W=be().analytics,{chargeCardTermsDetails:R,companyChargeCardInfo:f,companyLocaleInfo:M}=t,Y=$e(R?.fetchStatus.fetchState),[xe,Z]=S.useState(!1),we=f!=null&&M!=null?je("0,0",{amount:f.chargeCardsCreditAccountLimit,currencyCode:M.currencyCode,currencySymbol:M.currencySymbol}):void 0;S.useEffect(()=>{Y==="In-Progress"&&R?.fetchStatus.fetchState==="Completed"&&X()},[Y,X,R?.fetchStatus]);const q=Fe(V.loggedInUserRoleMap),ue=Se(V),E=d==="credit"&&f?.isCompanyInterestedInChargeCard===!1&&f.chargeCardsCreditAccountLimit===0,D=d==="credit"&&f?.isCompanyInterestedInChargeCard===!0&&f.chargeCardsCreditAccountLimit===-1,F=d==="credit"&&f?.isCompanyInterestedInChargeCard===!0&&f.chargeCardsCreditAccountLimit===0,fe=d==="credit"&&f?.isCompanyInterestedInChargeCard===!0&&f.chargeCardsCreditAccountLimit>0,{expressInterestInChargeCardFetchState:Ce}=t,K=E?n.getPreApprovedNow:a?n.enableCardsButton:n.setupCardsButton;return r.jsxs(Xe,{children:[r.jsx(Te,{title:n.title[d],backgroundColor:he.colors.grey4,onBackClick:pe,showBackButton:!0,showMenuIcon:z==="medium-compact"||z==="small",onClickMenuIcon:me,style:{zIndex:9},source:"ChargeCardPromoPage"}),xe===!0?r.jsx(ze,{onCancelClick:()=>{Z(!1)},meetingUrl:e}):null,r.jsx(Ze,{windowSize:z,children:q===!0?r.jsxs(Ye,{children:[r.jsxs(We,{children:[r.jsx(He,{isApproved:fe,creditAmount:we,cardPromoType:d,isUnderReview:F,isRejected:D,showExpressInterest:E,creditLimit:f?.chargeCardsCreditAccountLimit}),r.jsx(ae,{cardPromoType:d,cashbackRate:v})]}),r.jsx(oe,{showEnableCardButton:a,cardPromoType:d,isUnderReview:F,isRejected:D,showExpressInterest:E,isCheckingEnabled:l})]}):r.jsx(Ge,{companyLegalName:s,cards:[],admins:$,cashbackRate:v,hasZeniFinopsRoles:ue,cardPromoType:d,isCheckingEnabled:l})}),!q||F||D?null:r.jsxs(tr,{windowSize:z,children:[r.jsx(Q,{variant:"secondary",label:n.scheduleDemoButton,style:{width:166},onClick:()=>{W.trackCardsPromoPageClicked("schedule demo"),W.trackCardsScheduleDemoClick(c,{isCreditCardOffered:m,isDebitCardOffered:h,isDebitCardEnabled:w,isCreditCardEnabled:u},"Cards Promo"),Z(!0)},"data-testid":ee("schedule-demo-button")}),r.jsx(Ve,{windowSize:z,children:n.orText}),r.jsx(Q,{variant:"primary",label:K,style:{minWidth:166},loading:t.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||Ce==="In-Progress",onClick:K===n.getPreApprovedNow?ge:()=>L(d),"data-testid":ee("enable-card-button")})]})]})},Ue=({admins:e})=>{const s=e.flatMap(a=>a.user?.firstName+" "+a.user?.lastName).join(", "),t=b();return r.jsxs(pr,{windowSize:t,children:[r.jsx(U,{underline:!1,windowSize:t,children:n.noCardAssigned.pre}),r.jsx(Ae,{title:s,placement:"top-start",style:{padding:`2px ${i.sp2}`},children:r.jsx(U,{underline:!0,windowSize:t,children:n.noCardAssigned.tooltip})}),r.jsx(U,{underline:!1,windowSize:t,children:n.noCardAssigned.post})]})},oe=({cardPromoType:e,showEnableCardButton:s,isCheckingEnabled:t,isUnderReview:a,isRejected:c,showExpressInterest:m,isCardUser:h=!1})=>{const w=b();return r.jsx(ir,{windowSize:w,children:r.jsx(Be,{topTermLabel:n.terms.checkingAccountTerm,buttonTermLabel:a===!0||c===!0||h===!0?void 0:m===!0?n.terms.getPreApprovedNowTerm:s?n.terms.alternateTerm1:n.terms.terms1,showEndIcon:!1,showTerms:c===!1&&h===!1&&a===!1,style:{marginTop:g.termsOfAgreementMarginTop.valuePx(w)},cardPromoType:e,isCheckingEnabled:t})})},He=({isApproved:e,cardPromoType:s,creditAmount:t,isUnderReview:a,isRejected:c,showExpressInterest:m,creditLimit:h})=>{const w=b(),u=s==="debit_and_credit"?n.promoTextDebitCreditCard:s==="debit"?n.promoTextDebitCard:n.promoTextCreditCard,$=e?r.jsxs(r.Fragment,{children:[n.promoBadgeText.approved,r.jsx(ie,{children:t}),n.creditLimit,N.strings.space]}):m?r.jsxs(r.Fragment,{children:[n.promoBadgeText.nonPreApproved.get,r.jsx(er,{children:n.promoBadgeText.nonPreApproved.scale}),n.promoBadgeText.nonPreApproved.doubleStarred,N.strings.space,n.promoBadgeText.nonPreApproved.higherLimits]}):a?n.promoBadgeText.underReview:c?n.promoBadgeText.rejected:s==="debit_and_credit"&&h===0?null:r.jsxs(r.Fragment,{children:[n.promoBadgeText.preApproved,r.jsx(ie,{children:t}),n.creditLimit,N.strings.space]});return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:w==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:u}),r.jsx(ce,{children:n.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:u}),r.jsx(de,{children:n.promoSubText})]})}),r.jsxs(Ke,{cardPromoType:s,hasContent:$!=null,hideBadge:t==null||s==="debit",windowSize:w,children:[a||c||m?null:r.jsx(Cr,{}),r.jsx(Qe,{windowSize:w,children:$})]})]})},Ge=({companyLegalName:e,cards:s,admins:t,cashbackRate:a,hasZeniFinopsRoles:c,cardPromoType:m="credit",isCheckingEnabled:h})=>{const w=b(),u=m==="debit_and_credit"?n.promoTextDebitCreditCard:m==="debit"?n.promoTextDebitCard:n.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[w==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:u}),r.jsx(ce,{children:n.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:u}),r.jsx(de,{children:n.promoSubText})]}),s.length===0?r.jsx(cr,{windowSize:w}):r.jsx(Oe,{cards:s,companyLegalName:e}),r.jsx(ae,{cardPromoType:m,cashbackRate:a}),c?null:r.jsx(Ue,{admins:t}),r.jsx(oe,{isCardUser:!0,showEnableCardButton:!1,cardPromoType:m,isCheckingEnabled:h})]})},Oe=({cards:e,companyLegalName:s})=>{const t=O(),a=b();let c,m="";if(e.length===1){c=e[0].cardCreatedByUser.photo;const h=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;m=n.cardAssigned.singleCreditCard.replace("__issuing-user__",h).replace("__company-name__",s)}else m=n.cardAssigned.multipleCreditCards.replace("__company-name__",s);return r.jsxs(gr,{children:[c!=null?r.jsx(qe,{width:i.sp5,height:i.sp5,style:{paddingTop:a==="small"?i.sp1:i.sp0},src:c.href,alt:ne.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:h})=>{h.onerror=null,h.src=Ie},loading:"lazy"}):null,r.jsx(mr,{windowSize:a,mode:t.mode,children:r.jsx(hr,{windowSize:a,children:m})})]})},re=({windowSize:e,cardPromoType:s})=>{let t=n.businessText;return s==="debit"&&(t=`${t} ${n.debit}`),r.jsx(r.Fragment,{children:s==="debit_and_credit"?r.jsx(Je,{}):r.jsxs(or,{windowSize:e,children:[r.jsx(H,{cardPromoType:s,cardText:t,shouldAnimate:!0,showChip:!0,forDashboard:!1,forListPage:!1}),r.jsx(G,{cardPromoType:s,cardText:t,showChip:!0,forDashboard:!1,shouldAnimate:!0,forListPage:!1})]})})},ae=({cardPromoType:e,cashbackRate:s})=>{const t=b(),a=n.benefits;return r.jsxs(rr,{windowSize:t,children:[t==="small"?r.jsx(re,{windowSize:t,cardPromoType:e}):null,r.jsxs(nr,{windowSize:t,children:[r.jsxs(k,{windowSize:t,children:[r.jsx(A,{children:r.jsx(dr,{})}),r.jsxs(B,{children:[r.jsx(y,{windowSize:t,children:a.item1.pre}),r.jsx(I,{windowSize:t,children:a.item1.bold.replace("__cashback__",(100*s).toFixed(2))}),r.jsx(y,{windowSize:t,children:`${e==="credit"||e==="debit_and_credit"?a.singleStarred:""}${a.item1.post}`})]})]}),r.jsxs(k,{windowSize:t,children:[r.jsx(A,{children:r.jsx(ar,{})}),r.jsxs(B,{children:[r.jsx(y,{windowSize:t,children:a.item2.pre}),r.jsx(I,{windowSize:t,children:a.item2.bold}),r.jsx(y,{windowSize:t,children:a.item2.post})]})]}),r.jsxs(k,{windowSize:t,children:[r.jsx(A,{children:r.jsx(lr,{})}),r.jsxs(B,{children:[r.jsx(y,{windowSize:t,children:a.item3.pre}),r.jsx(I,{windowSize:t,children:a.item3.bold}),r.jsx(y,{windowSize:t,children:a.item3.post})]})]}),r.jsxs(k,{windowSize:t,children:[r.jsx(A,{children:r.jsx(sr,{})}),r.jsxs(B,{children:[r.jsx(y,{windowSize:t,children:a.item4.pre}),r.jsx(I,{windowSize:t,children:a.item4.bold}),r.jsx(y,{windowSize:t,children:a.item4.post})]})]})]}),t==="small"?null:r.jsx(re,{windowSize:t,cardPromoType:e})]})};let P;const Je=()=>{const e=b(),s=O(),[t,a]=S.useState(0),[c,m]=S.useState(!1),h=n.businessText,w=`${h} ${n.debit}`,u=[{id:1,cardType:"debit",cardText:w},{id:2,cardType:"debit",cardText:w},{id:3,cardType:"credit",cardText:h},{id:4,cardType:"credit",cardText:h}];S.useEffect(()=>(c||(P=setInterval(()=>{a(d=>{const l=d+1;return l===u.length?(m(!0),0):l})},2e3)),()=>clearInterval(P)),[c,u.length]),S.useEffect(()=>{c&&P!=null&&clearInterval(P)},[c]);const $=(d,l)=>{switch((d-t+u.length)%u.length){case 0:return{transform:`translate(0,${l?"100%":0}) scale(1)`,zIndex:l?5:6,opacity:1,transition:"transform 0.4s"};case 1:return{transform:`translate(35%, ${l?"80%":"5%"}) scale(0.75)`,zIndex:l?4:5,opacity:1,transition:"all 0.4s"};case 2:return{transform:`translate(35%,${l?"80%":"5%"}) scale(0.75)`,zIndex:l?3:4,opacity:0,transition:"transform 0.4s 0.2s, opacity 0.4s 0.0s"};case 3:return{transform:`translate(-35%, ${l?"80%":"5%"}) scale(0.75)`,zIndex:l?4:5,opacity:1,transition:"all 0.4s"};default:return}},v=d=>{const l=$(d,!0);return{...l,transform:`${l?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}};return r.jsxs(xr,{windowSize:e,children:[r.jsx(wr,{windowSize:e,children:u.map((d,l)=>r.jsxs(ur,{children:[r.jsx(te,{isReflection:!1,style:{...$(l,!1)},onClick:()=>(L=>{c||m(!0),a(L)})(l),children:l===0||l===2?r.jsx(H,{cardPromoType:d.cardType,cardText:d.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}}):r.jsx(G,{cardPromoType:d.cardType,cardText:d.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}})},d.id),r.jsx(te,{isReflection:!0,style:{...v(l)},children:l===0||l===2?r.jsx(H,{cardPromoType:d.cardType,cardText:d.cardText,shouldAnimate:!1,forDashboard:!1,showChip:!0,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent 90%)",WebkitMaskImage:"linear-gradient(to top, black, transparent 90%)"}}):r.jsx(G,{cardPromoType:d.cardType,cardText:d.cardText,showChip:!0,shouldAnimate:!1,forDashboard:!1,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent)",WebkitMaskImage:"linear-gradient(to top, black, transparent)"}})},`reflection-${d.id}`)]},d.id))}),c&&r.jsx(Ne,{numberOfDots:u.length,activeIndex:t,handleClick:a,promoColor:s.colors.primary,promoColorHover:s.colors.grey5,spendManagementPromoCardActive:!0,dotStyle:{width:i.sp2,height:i.sp2},style:{cursor:"default",position:"absolute",bottom:g.navigationBottom.valuePx(e),left:g.navigationLeft.valuePx(e),zIndex:7}})]})},Xe=o.div`
+import{e as y,V as r,y as O,_ as be,h as ye,a7 as $e,a5 as je,fm as Se,a_ as Te,eY as ze,a as Q,b as ee,O as ne,o as i,c2 as ve,n as X,c3 as Pe,D as ke,x,s as Ie,bn as Ae,i2 as Be,C as _e,m as p,d as j,f as C,au as Le,ac as Re,i3 as Me}from"./index-BHAcVHeH.js";import{a as S}from"./sentry-CY6wsJT-.js";import{n as o,c as Ee,k as De}from"./mui-Cni6P-fz.js";import{F4 as Fe}from"./zeni-epic-state-cFF_NqwA.js";import{x as Ue}from"./NavigationDots-WUDG_g8M-CSwlLBTM.js";import{J as H,N as G}from"./PromoBaseCards-B_0dccCZ-BeKRkhdX.js";import{M as _}from"./usp-line-BBd1wKwW-CuU9mWQv.js";import"./pdf-CTJ16aEe.js";import"./core-oEkj6b51.js";import"./lottie-DEK510sX.js";import"./liveblocks-Ia5FU_Xu.js";import"./recharts-LlOU9oLm.js";import"./dnd-DwLm2ZWc.js";import"./analytics-Ci5SIN4_.js";import"./plaid-B2vW8NaN.js";import"./utils-ChLimP28.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="655ea2b3-4c3f-44cf-b95e-b251eba11829",e._sentryDebugIdIdentifier="sentry-dbid-655ea2b3-4c3f-44cf-b95e-b251eba11829")}catch{}})();const g={containerPaddingTopBottom:new x(p[0],p[0]),uspContainerMarginX:new x(p[6],p[0]),midContainerGap:new x(p[4],84),iconContainerMinHeight:new x(236,396),emptySectionHeight:new x(p[6],43),navigationBottom:new x(p[4],94),navigationLeft:new x(192,244),carouselHeight:new x(268,396),carouselMarginTop:new x(54,p[4]),carouselMarginLeft:new x(120,p[12]),buttonTrayGap:new x(p[3],p[5]),termsOfAgreementMarginTop:new x(p[5],p[10]),contactAdminContainerMarginTop:new x(p[0],p[10]),contactAdminContainerMarginBottom:new x(p[4],p[0]),contactAdminContainerMarginLeftRight:new x(p[3],p[0])},T={promoBadgeText:new j("standardRegular","largeRegular"),promoBadgeTextBold:new j("standardBold","largeBold"),cardsContent:new j("extraSmallRegular","smallRegular"),contactAdmin:new j("extraSmallRegular","largeRegular"),uspText:new j("smallRegular","standardRegular"),uspBoldText:new j("smallMedium","standardMedium")},{common:U,spendManagement:{chargeCard:{chargeCardsPromo:n}}}=ne.getLocalizedStrings(),Mr=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:t,showEnableCardButton:a,controllerEmails:c,isCreditCardProductVisible:m,isDebitCardFeatureEnabled:h,isDebitCardSetupEnabled:w,isChargeCardSetupEnabled:u,admins:$,cashbackRate:v,cardPromoType:d="credit",isCheckingEnabled:l,onSetupButtonClick:L,onBackClick:pe,onClickMenuIcon:me,onSetupChargeCardSuccess:J,onExpressInterestClick:ge})=>{const he=O(),V=be(),z=y(),W=ye().analytics,{chargeCardTermsDetails:R,companyChargeCardInfo:f,companyLocaleInfo:M}=t,Y=$e(R?.fetchStatus.fetchState),[xe,Z]=S.useState(!1),we=f!=null&&M!=null?je("0,0",{amount:f.chargeCardsCreditAccountLimit,currencyCode:M.currencyCode,currencySymbol:M.currencySymbol}):void 0;S.useEffect(()=>{Y==="In-Progress"&&R?.fetchStatus.fetchState==="Completed"&&J()},[Y,J,R?.fetchStatus]);const q=Fe(V.loggedInUserRoleMap),ue=Se(V),E=d==="credit"&&f?.isCompanyInterestedInChargeCard===!1&&f.chargeCardsCreditAccountLimit===0,D=d==="credit"&&f?.isCompanyInterestedInChargeCard===!0&&f.chargeCardsCreditAccountLimit===-1,F=d==="credit"&&f?.isCompanyInterestedInChargeCard===!0&&f.chargeCardsCreditAccountLimit===0,fe=d==="credit"&&f?.isCompanyInterestedInChargeCard===!0&&f.chargeCardsCreditAccountLimit>0,{expressInterestInChargeCardFetchState:Ce}=t,K=E?n.getPreApprovedNow:a?n.enableCardsButton:n.setupCardsButton;return r.jsxs(Je,{children:[r.jsx(Te,{title:n.title[d],backgroundColor:he.colors.grey4,onBackClick:pe,showBackButton:!0,showMenuIcon:z==="medium-compact"||z==="small",onClickMenuIcon:me,style:{zIndex:9},source:"ChargeCardPromoPage"}),xe===!0?r.jsx(ze,{onCancelClick:()=>{Z(!1)},meetingUrl:e}):null,r.jsx(Ze,{windowSize:z,children:q===!0?r.jsxs(Ye,{children:[r.jsxs(We,{children:[r.jsx(He,{isApproved:fe,creditAmount:we,cardPromoType:d,isUnderReview:F,isRejected:D,showExpressInterest:E,creditLimit:f?.chargeCardsCreditAccountLimit}),r.jsx(ae,{cardPromoType:d,cashbackRate:v})]}),r.jsx(oe,{showEnableCardButton:a,cardPromoType:d,isUnderReview:F,isRejected:D,showExpressInterest:E,isCheckingEnabled:l})]}):r.jsx(Ge,{companyLegalName:s,cards:[],admins:$,cashbackRate:v,hasZeniFinopsRoles:ue,cardPromoType:d,isCheckingEnabled:l})}),!q||F||D?null:r.jsxs(tr,{windowSize:z,children:[r.jsx(Q,{variant:"secondary",label:n.scheduleDemoButton,style:{width:166},onClick:()=>{W.trackCardsPromoPageClicked("schedule demo"),W.trackCardsScheduleDemoClick(c,{isCreditCardOffered:m,isDebitCardOffered:h,isDebitCardEnabled:w,isCreditCardEnabled:u},"Cards Promo"),Z(!0)},"data-testid":ee("schedule-demo-button")}),r.jsx(Ve,{windowSize:z,children:n.orText}),r.jsx(Q,{variant:"primary",label:K,style:{minWidth:166},loading:t.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||Ce==="In-Progress",onClick:K===n.getPreApprovedNow?ge:()=>L(d),"data-testid":ee("enable-card-button")})]})]})},Ne=({admins:e})=>{const s=e.flatMap(a=>a.user?.firstName+" "+a.user?.lastName).join(", "),t=y();return r.jsxs(pr,{windowSize:t,children:[r.jsx(N,{underline:!1,windowSize:t,children:n.noCardAssigned.pre}),r.jsx(Ae,{title:s,placement:"top-start",style:{padding:`2px ${i.sp2}`},children:r.jsx(N,{underline:!0,windowSize:t,children:n.noCardAssigned.tooltip})}),r.jsx(N,{underline:!1,windowSize:t,children:n.noCardAssigned.post})]})},oe=({cardPromoType:e,showEnableCardButton:s,isCheckingEnabled:t,isUnderReview:a,isRejected:c,showExpressInterest:m,isCardUser:h=!1})=>{const w=y();return r.jsx(ir,{windowSize:w,children:r.jsx(Be,{topTermLabel:n.terms.checkingAccountTerm,buttonTermLabel:a===!0||c===!0||h===!0?void 0:m===!0?n.terms.getPreApprovedNowTerm:s?n.terms.alternateTerm1:n.terms.terms1,showEndIcon:!1,showTerms:c===!1&&h===!1&&a===!1,style:{marginTop:g.termsOfAgreementMarginTop.valuePx(w)},cardPromoType:e,isCheckingEnabled:t})})},He=({isApproved:e,cardPromoType:s,creditAmount:t,isUnderReview:a,isRejected:c,showExpressInterest:m,creditLimit:h})=>{const w=y(),u=s==="debit_and_credit"?n.promoTextDebitCreditCard:s==="debit"?n.promoTextDebitCard:n.promoTextCreditCard,$=e?r.jsxs(r.Fragment,{children:[n.promoBadgeText.approved,r.jsx(ie,{children:t}),n.creditLimit,U.strings.space]}):m?r.jsxs(r.Fragment,{children:[n.promoBadgeText.nonPreApproved.get,r.jsx(er,{children:n.promoBadgeText.nonPreApproved.scale}),n.promoBadgeText.nonPreApproved.doubleStarred,U.strings.space,n.promoBadgeText.nonPreApproved.higherLimits]}):a?n.promoBadgeText.underReview:c?n.promoBadgeText.rejected:s==="debit_and_credit"&&h===0?null:r.jsxs(r.Fragment,{children:[n.promoBadgeText.preApproved,r.jsx(ie,{children:t}),n.creditLimit,U.strings.space]});return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:w==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:u}),r.jsx(ce,{children:n.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:u}),r.jsx(de,{children:n.promoSubText})]})}),r.jsxs(Ke,{cardPromoType:s,hasContent:$!=null,hideBadge:t==null||s==="debit",windowSize:w,children:[a||c||m?null:r.jsx(Cr,{}),r.jsx(Qe,{windowSize:w,children:$})]})]})},Ge=({companyLegalName:e,cards:s,admins:t,cashbackRate:a,hasZeniFinopsRoles:c,cardPromoType:m="credit",isCheckingEnabled:h})=>{const w=y(),u=m==="debit_and_credit"?n.promoTextDebitCreditCard:m==="debit"?n.promoTextDebitCard:n.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[w==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:u}),r.jsx(ce,{children:n.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:u}),r.jsx(de,{children:n.promoSubText})]}),s.length===0?r.jsx(cr,{windowSize:w}):r.jsx(Oe,{cards:s,companyLegalName:e}),r.jsx(ae,{cardPromoType:m,cashbackRate:a}),c?null:r.jsx(Ne,{admins:t}),r.jsx(oe,{isCardUser:!0,showEnableCardButton:!1,cardPromoType:m,isCheckingEnabled:h})]})},Oe=({cards:e,companyLegalName:s})=>{const t=O(),a=y();let c,m="";if(e.length===1){c=e[0].cardCreatedByUser.photo;const h=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;m=n.cardAssigned.singleCreditCard.replace("__issuing-user__",h).replace("__company-name__",s)}else m=n.cardAssigned.multipleCreditCards.replace("__company-name__",s);return r.jsxs(gr,{children:[c!=null?r.jsx(qe,{width:i.sp5,height:i.sp5,style:{paddingTop:a==="small"?i.sp1:i.sp0},src:c.href,alt:ne.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:h})=>{h.onerror=null,h.src=Ie},loading:"lazy"}):null,r.jsx(mr,{windowSize:a,mode:t.mode,children:r.jsx(hr,{windowSize:a,children:m})})]})},re=({windowSize:e,cardPromoType:s})=>{let t=n.businessText;return s==="debit"&&(t=`${t} ${n.debit}`),r.jsx(r.Fragment,{children:s==="debit_and_credit"?r.jsx(Xe,{}):r.jsxs(or,{windowSize:e,children:[r.jsx(H,{cardPromoType:s,cardText:t,shouldAnimate:!0,showChip:!0,forDashboard:!1,forListPage:!1}),r.jsx(G,{cardPromoType:s,cardText:t,showChip:!0,forDashboard:!1,shouldAnimate:!0,forListPage:!1})]})})},ae=({cardPromoType:e,cashbackRate:s})=>{const t=y(),a=n.benefits;return r.jsxs(rr,{windowSize:t,children:[t==="small"?r.jsx(re,{windowSize:t,cardPromoType:e}):null,r.jsxs(nr,{windowSize:t,children:[r.jsxs(k,{windowSize:t,children:[r.jsx(A,{children:r.jsx(dr,{})}),r.jsxs(B,{children:[r.jsx(b,{windowSize:t,children:a.item1.pre}),r.jsx(I,{windowSize:t,children:a.item1.bold.replace("__cashback__",(100*s).toFixed(2))}),r.jsx(b,{windowSize:t,children:`${e==="credit"||e==="debit_and_credit"?a.singleStarred:""}${a.item1.post}`})]})]}),r.jsxs(k,{windowSize:t,children:[r.jsx(A,{children:r.jsx(ar,{})}),r.jsxs(B,{children:[r.jsx(b,{windowSize:t,children:a.item2.pre}),r.jsx(I,{windowSize:t,children:a.item2.bold}),r.jsx(b,{windowSize:t,children:a.item2.post})]})]}),r.jsxs(k,{windowSize:t,children:[r.jsx(A,{children:r.jsx(lr,{})}),r.jsxs(B,{children:[r.jsx(b,{windowSize:t,children:a.item3.pre}),r.jsx(I,{windowSize:t,children:a.item3.bold}),r.jsx(b,{windowSize:t,children:a.item3.post})]})]}),r.jsxs(k,{windowSize:t,children:[r.jsx(A,{children:r.jsx(sr,{})}),r.jsxs(B,{children:[r.jsx(b,{windowSize:t,children:a.item4.pre}),r.jsx(I,{windowSize:t,children:a.item4.bold}),r.jsx(b,{windowSize:t,children:a.item4.post})]})]})]}),t==="small"?null:r.jsx(re,{windowSize:t,cardPromoType:e})]})};let P;const Xe=()=>{const e=y(),s=O(),[t,a]=S.useState(0),[c,m]=S.useState(!1),h=n.businessText,w=`${h} ${n.debit}`,u=[{id:1,cardType:"debit",cardText:w},{id:2,cardType:"debit",cardText:w},{id:3,cardType:"credit",cardText:h},{id:4,cardType:"credit",cardText:h}];S.useEffect(()=>(c||(P=setInterval(()=>{a(d=>{const l=d+1;return l===u.length?(m(!0),0):l})},2e3)),()=>clearInterval(P)),[c,u.length]),S.useEffect(()=>{c&&P!=null&&clearInterval(P)},[c]);const $=(d,l)=>{switch((d-t+u.length)%u.length){case 0:return{transform:`translate(0,${l?"100%":0}) scale(1)`,zIndex:l?5:6,opacity:1,transition:"transform 0.4s"};case 1:return{transform:`translate(35%, ${l?"80%":"5%"}) scale(0.75)`,zIndex:l?4:5,opacity:1,transition:"all 0.4s"};case 2:return{transform:`translate(35%,${l?"80%":"5%"}) scale(0.75)`,zIndex:l?3:4,opacity:0,transition:"transform 0.4s 0.2s, opacity 0.4s 0.0s"};case 3:return{transform:`translate(-35%, ${l?"80%":"5%"}) scale(0.75)`,zIndex:l?4:5,opacity:1,transition:"all 0.4s"};default:return}},v=d=>{const l=$(d,!0);return{...l,transform:`${l?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}};return r.jsxs(xr,{windowSize:e,children:[r.jsx(wr,{windowSize:e,children:u.map((d,l)=>r.jsxs(ur,{children:[r.jsx(te,{isReflection:!1,style:{...$(l,!1)},onClick:()=>(L=>{c||m(!0),a(L)})(l),children:l===0||l===2?r.jsx(H,{cardPromoType:d.cardType,cardText:d.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}}):r.jsx(G,{cardPromoType:d.cardType,cardText:d.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}})},d.id),r.jsx(te,{isReflection:!0,style:{...v(l)},children:l===0||l===2?r.jsx(H,{cardPromoType:d.cardType,cardText:d.cardText,shouldAnimate:!1,forDashboard:!1,showChip:!0,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent 90%)",WebkitMaskImage:"linear-gradient(to top, black, transparent 90%)"}}):r.jsx(G,{cardPromoType:d.cardType,cardText:d.cardText,showChip:!0,shouldAnimate:!1,forDashboard:!1,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent)",WebkitMaskImage:"linear-gradient(to top, black, transparent)"}})},`reflection-${d.id}`)]},d.id))}),c&&r.jsx(Ue,{numberOfDots:u.length,activeIndex:t,handleClick:a,promoColor:s.colors.primary,promoColorHover:s.colors.grey5,spendManagementPromoCardActive:!0,dotStyle:{width:i.sp2,height:i.sp2},style:{cursor:"default",position:"absolute",bottom:g.navigationBottom.valuePx(e),left:g.navigationLeft.valuePx(e),zIndex:7}})]})},Je=o.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -45,7 +45,7 @@ import{e as b,V as r,y as O,_ as ye,h as be,a7 as $e,a5 as je,fm as Se,a_ as Te,
   flex-wrap: wrap;
   padding: ${i.sp5} ${i.sp0} ${i.sp0} ${i.sp0};
   color: ${e=>e.theme.colors.primary};
-`,ce=o(J)`
+`,ce=o(X)`
   max-width: 314px;
   margin: auto;
   color: ${e=>e.theme.colors.primary};
@@ -75,7 +75,7 @@ import{e as b,V as r,y as O,_ as ye,h as be,a7 as $e,a5 as je,fm as Se,a_ as Te,
   ${e=>e.hideBadge&&`
     visibility: hidden;
     `}
-`,Qe=o(J)`
+`,Qe=o(X)`
   color: ${e=>e.theme.mode==="dark"?C.brandColorJade:C.brandColorSapphire};
   text-align: ${e=>e.windowSize==="small"?"left":"center"};
   ${e=>`${T.promoBadgeText.style(e.windowSize)}`};
@@ -134,7 +134,7 @@ import{e as b,V as r,y as O,_ as ye,h as be,a7 as $e,a5 as je,fm as Se,a_ as Te,
   width: ${e=>e.windowSize==="small"?"288px":"100%"};
   min-height: ${e=>e.windowSize!=="small"?"83px":"44px"};
   box-sizing: ${e=>e.windowSize==="small"?"unset":"border-box"};
-`,y=o(Le)`
+`,b=o(Le)`
   color: ${e=>e.theme.colors.champion};
   ${e=>`${T.uspText.style(e.windowSize)}`};
 `,I=o(Re)`
@@ -156,14 +156,14 @@ import{e as b,V as r,y as O,_ as ye,h as be,a7 as $e,a5 as je,fm as Se,a_ as Te,
           margin-top: ${i.sp4};
           margin-bottom: ${i.sp6};
         `}
-`,pr=o(J)`
+`,pr=o(X)`
   color: ${e=>e.theme.colors.hero};
   margin-top: ${e=>g.contactAdminContainerMarginTop.valuePx(e.windowSize)};
   margin-bottom: ${e=>g.contactAdminContainerMarginBottom.valuePx(e.windowSize)};
   margin-left: ${e=>g.contactAdminContainerMarginLeftRight.valuePx(e.windowSize)};
   margin-right: ${e=>g.contactAdminContainerMarginLeftRight.valuePx(e.windowSize)};
   text-align: center;
-`,U=o(Me)`
+`,N=o(Me)`
   ${e=>`${T.contactAdmin.style(e.windowSize)}`};
   text-decoration: ${e=>e.underline?"underline":"none"};
   cursor: ${e=>e.underline?"default":null};

package/dist/assets/{ChargeCardRoutes-BumOjc7r.js → ChargeCardRoutes-DV8TKacG.js}

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