@zeniai/web-app-ui 4.14.36-qa → 4.14.38-dev

package/dist/assets/{ChargeCardListPage-DhLUsUhd-Cb0G0I2o.js → ChargeCardListPage-C-RTGkKK-Cc1az4M9.js}

@@ -1,4 +1,4 @@
-import{c as Ja,a7 as _,t as Ka,fc as Wa,hV as N,J as Ee,o as a,y as ta,V as t,a_ as Xa,eC as ae,j as D,bg as nt,e as p,a4 as he,a6 as M,ag as st,O as Fe,b as V,x as Y,H as Za,B as Qa,cf as er,N as aa,b6 as tr,aj as ct,ab as ar,W as lt,T as rr,g5 as ir,dL as or,m as nr,A as sr,ft as dr,i as Ot,u as O,cp as ra,I as cr,s as lr,bX as hr,ce as ur,aT as mr,bi as pr}from"./index-k1doZNFg.js";import{a as c}from"./sentry-CytkDQe2.js";import{n as r,c as ht,k as Cr}from"./mui-Bi07oTwe.js";import{Ej as gr,FH as xr,bs as Bt,bG as br,b_ as yr}from"./zeni-epic-state-DyRbb6Q5.js";import{m as fr}from"./BusyIndication-DizZe0Gu-1EWobmeT.js";import{t as Sr}from"./SpendManagementSection-dT-N4bSQ-BU7QcxyK.js";import{D as re,r as wr,i as kr}from"./ChargeCardListTable-DE72YU_i-CnPve3es.js";import{ChargeCardPromoUserContent as $r}from"./ChargeCardPromoPage-CPpNh89o-CvxWAl-t.js";import{N as Ir,J as vr}from"./PromoBaseCards-DdCMZIc7-Df8cZl94.js";import{z as Mt,L as Nt,k as jr,P as Ar}from"./LockCardPage-BBIVLYVD-CLo11134.js";import{r as Lr,i as Pr}from"./graphic-no-data-net-burn-l-CzmycA0m-DlMg8P68.js";import{t as Er,o as Fr}from"./arrow-south-east-round-PEovUgvH-90lG1L3u.js";import"./pdf-emb33J2I.js";import"./core-twTS7Cne.js";import"./lottie-Bdr-9mLw.js";import"./liveblocks-CM0QMS_I.js";import"./recharts-CS0s98U8.js";import"./dnd-BWijMgNi.js";import"./analytics-BuacLKrs.js";import"./plaid-Dw_qIY4R.js";import"./utils-CSjogEj5.js";import"./MoreMenuButton-CJue6xR9-DaOmUQCK.js";import"./spend-limit-D6SyboD4-DuCQ_jaT.js";import"./dollar-round-D18u7nlm-CiBCyYiG.js";import"./money-2cg1MuG4-B6SZvN8P.js";import"./page-summary-D7_VQHwN-pIoT3Pmw.js";import"./transaction-placeholder-CpOwZAMG-DuWev16q.js";import"./unlock-BPWn2I5L-DplIQ8y4.js";import"./filter-cZIFUNvj-CH_l3zIc.js";import"./ZeniDatePicker-DCurorsW-D16AsniI.js";import"./avatar-Dz7aEm3d--QTMwhPr.js";import"./common-DEB71I4X-D2h2kF8O.js";import"./calculateSize-Bn1NnCzV-SxKA7C8w.js";import"./ZeniAvatar-CwHVUcMc-CqvMhhIi.js";import"./RoleWithToolTip-C8x5yXaK-oTqAGBzT.js";import"./CardNumberSubText-DqtLT1w5-3-jd_gkY.js";import"./NavigationDots-Bv4tBDN3-CX4VVQFS.js";import"./usp-line-BBd1wKwW-DHy4exHr.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]="d26da907-e8d6-4b08-aca6-587f1fdb8bdf",e._sentryDebugIdIdentifier="sentry-dbid-d26da907-e8d6-4b08-aca6-587f1fdb8bdf")}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:q})=>{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,{})]}),q!=null&&A?t.jsx(zr,{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=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(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`
+import{m as Ja,a7 as _,v as Ka,fw as Wa,i7 as N,X as Ee,o as a,y as ta,V as t,a_ as Xa,eY as ae,w as D,bo as nt,e as p,a5 as ue,E as M,ag as st,O as Fe,x as V,C as Y,N as Za,d as Qa,co as er,k as aa,b6 as tr,aj as ct,ab as ar,H as lt,P as rr,gk as ir,e5 as or,i as nr,M as sr,fN as dr,a as Ot,j as O,cy as ra,D as cr,l as lr,c2 as ur,cn as hr,aT as mr,bq as pr}from"./index-BocbTmE1.js";import{a as c}from"./sentry-DINNQYpi.js";import{n as r,c as ut,k as Cr}from"./mui-C_CXevf3.js";import{Fa as gr,Gy as xr,bs as Bt,bG as br,c5 as yr}from"./zeni-epic-state-a7Sj5mjO.js";import{m as fr}from"./BusyIndication-Cd67eHX6-C7aB5h-1.js";import{t as Sr}from"./SpendManagementSection-DKZNTYXT-D04hpJmz.js";import{D as re,r as wr,i as kr}from"./ChargeCardListTable-B-bNbtZQ-BuEumynS.js";import{ChargeCardPromoUserContent as $r}from"./ChargeCardPromoPage-Cz3rNFwM-CdxjjcEa.js";import{N as vr,J as Ir}from"./PromoBaseCards-mFk7SsOr-B_0Pg0f0.js";import{z as Mt,N as Nt,k as jr,P as Ar}from"./LockCardPage-DyEQBJYx-DksW1-ZG.js";import{r as Lr,i as Pr}from"./graphic-no-data-net-burn-l-CzmycA0m-DESi1ZUm.js";import{t as Er,o as Fr}from"./arrow-south-east-round-PEovUgvH-CxvC0Cnw.js";import"./liveblocks-BsQBjN-0.js";import"./core-5sxMy3sZ.js";import"./lottie-C2R6rGxS.js";import"./pdf-DyB_VHQx.js";import"./dnd-Cfx_ai1S.js";import"./analytics-Buyhprzd.js";import"./plaid-Yyr3DBd8.js";import"./recharts-CTWfsY-L.js";import"./utils-DmE88LS_.js";import"./MoreMenuButton-Ct8k8Oax-C0IXgNiJ.js";import"./bank-letter-BOcVjN6J-B3HKnrvN.js";import"./spend-limit-D6SyboD4-05QrBanM.js";import"./dollar-round-D18u7nlm-BAPPb_YV.js";import"./money-2cg1MuG4-C1UnGCa2.js";import"./page-summary-D7_VQHwN-BBMfUdRp.js";import"./transaction-placeholder-CpOwZAMG-kO6lyet9.js";import"./unlock-BPWn2I5L-fA9hPtxv.js";import"./filter-cZIFUNvj-DR0oScp6.js";import"./ZeniDatePicker-K3F-G3-0-pGSyeWuf.js";import"./avatar-Dz7aEm3d-tC3a4UX-.js";import"./common-kiEGPQ33-BvLj55nP.js";import"./calculateSize-zPet_z9g-UKcDxIjM.js";import"./ZeniAvatar-pjdoqfWE-DmYSRpHD.js";import"./RoleWithToolTip-x2rnvWn9-CndfBCzZ.js";import"./CardNumberSubText-CcH9jUoZ-HppogTjx.js";import"./NavigationDots-DCpslVnm-D-4SKVAz.js";import"./usp-line-BBd1wKwW-Bi23t2Q-.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]="318d94b8-41a1-4a72-a9ca-8e61b193dfe7",e._sentryDebugIdIdentifier="sentry-dbid-318d94b8-41a1-4a72-a9ca-8e61b193dfe7")}catch{}})();const ht={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:u,onClick:B,status:$,statusMessage:q})=>{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,{}),u.length>0&&t.jsx(dt,{slideUpCount:u.length,children:u.map((ie,oe)=>t.jsx(sa,{children:ie},`card-promo-${oe.toString()}`))}),t.jsx(Gr,{})]}),q!=null&&A?t.jsx(zr,{status:$,children:q}):null]}),t.jsx(Hr,{isStatusMode:A,children:t.jsx(vr,{cardPromoType:e,cardText:m,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(Yr,{isStatusMode:A,children:t.jsx(Ir,{cardPromoType:e,cardText:m,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Ut=({cardType:e,header:m,title:l,creditLimit:d,onCreateNowClick:n})=>{const u=Ee();return t.jsx(Tr,{windowSize:u,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:u,children:t.jsxs(Jr,{windowSize:u,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;
@@ -7,7 +7,7 @@ import{c as Ja,a7 as _,t as Ka,fc as Wa,hV as N,J as Ee,o as a,y as ta,V as t,a_
   border-radius: 12px;
   padding: ${a.sp4};
   color: white;
-  min-width: ${e=>ut.cardsMinWidth.valuePx(e.windowSize)};
+  min-width: ${e=>ht.cardsMinWidth.valuePx(e.windowSize)};
   height: 188px;
   box-sizing: border-box;
   position: relative;
@@ -17,7 +17,7 @@ import{c as Ja,a7 as _,t as Ka,fc as Wa,hV as N,J as Ee,o as a,y as ta,V as t,a_
   flex-basis: 33.33%;
   border: 1px solid ${e=>e.theme.colors.grey3};
   box-shadow: ${e=>e.theme.colors.elevation1};
-  ${e=>e.cardPromoType==="debit"?ht`
+  ${e=>e.cardPromoType==="debit"?ut`
           background-image: url(https://storage.googleapis.com/zeni-apis.appspot.com/images/MetalCardPattern.svg);
           background-repeat: no-repeat;
           background-position-x: -120px;
@@ -31,7 +31,7 @@ import{c as Ja,a7 as _,t as Ka,fc as Wa,hV as N,J as Ee,o as a,y as ta,V as t,a_
   box-sizing: border-box;
   position: relative;
   overflow: hidden;
-  min-width: ${e=>ut.cardsMinWidth.valuePx(e.windowSize)};
+  min-width: ${e=>ht.cardsMinWidth.valuePx(e.windowSize)};
   height: 188px;
   box-sizing: border-box;
   background-image: url(https://storage.googleapis.com/zeni-apis.appspot.com/images/promo-list-pattern.svg);
@@ -58,7 +58,7 @@ import{c as Ja,a7 as _,t as Ka,fc as Wa,hV as N,J as Ee,o as a,y as ta,V as t,a_
 `,zr=r(Y)`
   color: ${p.neutralGrey5Light};
   max-width: ${e=>e.status==="rejected"?"188px":"200px"};
-`,Or=r(hr)`
+`,Or=r(ur)`
   color: ${e=>e.theme.colors.brandColorJade};
 `,Br=r(cr)`
   color: ${p.neutralGrey5Light};
@@ -82,12 +82,12 @@ import{c as Ja,a7 as _,t as Ka,fc as Wa,hV as N,J as Ee,o as a,y as ta,V as t,a_
   overflow: hidden;
   align-self: baseline;
   width: 224px;
-  ${e=>ht`
+  ${e=>ut`
     animation: ${(m=>{const l=m-1;let d=`
     0% {
       transform: translateY(0);
     }
-  `;const n=3.5*l;for(let h=1;h<l;h++){const B=3.5*h*100/n,$=-21*h;d+=`
+  `;const n=3.5*l;for(let u=1;u<l;u++){const B=3.5*u*100/n,$=-21*u;d+=`
     ${B-50/n}% {
       transform: translateY(${$+21}px); 
     }
@@ -111,7 +111,7 @@ import{c as Ja,a7 as _,t as Ka,fc as Wa,hV as N,J as Ee,o as a,y as ta,V as t,a_
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-`,Ur=r(ur)`
+`,Ur=r(hr)`
   width: ${a.sp3};
   height: ${a.sp3};
   color: ${p.success};
@@ -138,7 +138,7 @@ import{c as Ja,a7 as _,t as Ka,fc as Wa,hV as N,J as Ee,o as a,y as ta,V as t,a_
   padding: ${a.sp0} ${a.sp2};
 `,Jr=r(lt)`
   color: ${p.neutralGrey5Light};
-  margin-top: ${e=>ut.infoSubheadingTextMarginTop.valuePx(e.windowSize)};
+  margin-top: ${e=>ht.infoSubheadingTextMarginTop.valuePx(e.windowSize)};
   gap: ${a.sp1};
   display: flex;
   align-items: center;
@@ -155,7 +155,7 @@ import{c as Ja,a7 as _,t as Ka,fc as Wa,hV as N,J 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:q}){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&&q(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=Fe.getLocalizedStrings().spendManagement.chargeCard.updateSpendLimitPopup;function Qr({currentSpentAmount:e,hasCreditCard:m,hasDebitCard:l,maxLimitAmountForCreditCard:d,maxLimitAmountForDebitCard:n,isDisabled:u,updateLimitFetchState:B,onCancelClick:$,onSubmitClick:q}){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&&q(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:u})]})})]})})})}const ei=(e,m,l,d,n,u)=>{if(u!=null){if(u<=e.amount)return H.amountBelowErrorBulk;if(l&&m&&n!=null&&d!=null){if(u>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_",ue("0,0.[00]",$))}}else{if(l&&n!=null&&u>n.amount)return H.maxLimitForCardTypeError.replace("_card_type_","debit").replace("_amount_",ue("0,0.[00]",n));if(m&&d!=null&&u>d.amount)return H.maxLimitForCardTypeError.replace("_card_type_","credit").replace("_amount_",ue("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,10 +206,10 @@ import{c as Ja,a7 as _,t as Ka,fc as Wa,hV as N,J 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(),$o=({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: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,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]),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",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: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),Ye(!0))}},[qe,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]),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,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(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: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:Yt("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&&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(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:()=>{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&&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: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: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)`
+`,he={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(),vo=({chargeCardListView:e,searchText:m,admins:l,companyLegalName:d,onFetchChargeCardsRecurringExpenses:n,onFetchDepositAccountLimit:u,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:v,uiState:la,signedInUser:ze,creditLimit:Ce,cashbackRate:Oe,onSearchTextChanged:ua,navigateToCreditCardPaymentHistoryPage:ha,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:va,navigateToCreditCardPaymentPage:ge,shouldShowPayNowInfoTooltip:Be,rowActionView:o,bulkActionView:h,onSetRowActionCardId:Me,onSetBulkActionCardIds:I})=>{const xe=Ja().analytics,[bt,Ia]=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,Ye]=c.useState(!1),[qe,yt]=c.useState(void 0),Pa=h.chargeCards[0]?.status.code,{creditAccount:x,creditAccountRepayment:j}=e,P=c.useCallback(()=>{Me(void 0),yt(void 0)},[Me]),E=h.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",qa=$t==="In-Progress"&&e.updateChargeCardsSpendLimitFetchState.fetchState==="Completed";(i||s)&&I([]),y&&(J(!1),I([])),te&&(K(!1),I([])),qa&&(fe(!1),I([]))},[e.unlockChargeCardsFetchState.fetchState,e.revokeChargeCardsInviteFetchState.fetchState,e.lockChargeCardsFetchState.fetchState,e.closeChargeCardsFetchState.fetchState,e.updateChargeCardsSpendLimitFetchState.fetchState,ft,St,wt,kt,$t,I]);const W=o.cardId!=null?o.unlockChargeCardsFetchState.fetchState:void 0,vt=_(W),Je=o.cardId!=null?o.updateChargeCardLimitFetchState.fetchState:void 0,It=_(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&&vt==="In-Progress"&&W==="Completed"?P():o.cardId!=null&&It==="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,vt,jt,It,At,Lt,Pt,P]);const Da=c.useCallback(i=>{switch(i){case"close":n(h.bulkActionCardIds),K(!0);break;case"lock":n(h.bulkActionCardIds),J(!0);break;case"unlock":A(h.bulkActionCardIds);break;case"update_limit":fe(!0);break;case"revoke_invite":mt(h.bulkActionCardIds)}},[h.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: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"&&u(g.connectedAccountId,o.cardId),Ye(!0))}},[qe,o.cardId,He,Ue,Ve,Ne,W,X,n,u,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:`${v.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${v.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:N(v.cashbackSummary.cashbackEarned.amount),redeemedCashback:N(v.cashbackSummary.cashbackRedeemed.amount),availableCashback:N(v.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:v.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:v.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,[k,v.cashbackAnalytics.creditCardCashbackOffer,v.cashbackAnalytics.debitCardCashbackOffer,v.cashbackSummary.cashbackEarned.amount,v.cashbackSummary.cashbackRedeemed.amount,v.cashbackSummary.cashbackAvailable.amount,v.cashbackAnalytics.creditCardCashbackRedemptionMode,v.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:ha,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,analytics:xe,onSearchOpen:i=>{Ia(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:ua,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}):"",ve=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,Ie=e.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(Bt(),"days")??0,tt=[f.payNow,Ie>0&&Ie<11?`${f.billDueIn} ${Ie} ${Ie===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 h.chargeCards.forEach(s=>{i[s.id]=s}),{chargeCardsByCardId:i,cardRecurringExpensesByCardId:h.recurringExpensesByCardId,fetchState:h.recurringExpensesFetchState.fetchState}},[h]),Ha=c.useCallback(()=>{n(h.bulkActionCardIds),J(!0)},[h.bulkActionCardIds,n]),Ya=c.useCallback(()=>{n(h.bulkActionCardIds),K(!0)},[h.bulkActionCardIds,n]),Rt=c.useCallback(i=>{const s=h.bulkActionCardIds.filter(y=>y!==i);I(s),s.length===0&&(J(!1),K(!1))},[h.bulkActionCardIds,I]),_t=Re&&_e===0,zt=_e===-1;return t.jsxs(vi,{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(Ii,{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(qt,{children:`${f.paymentOf} ${ue("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(ui,{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:va&&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(hi,{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: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:ve!==0?t.jsxs(t.Fragment,{children:[ve<0?t.jsx(Pi,{}):t.jsx(Ei,{}),t.jsx(Li,{hasNegativeValue:ve<0,children:st("0,0.00",ve,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:Yt("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&&q(o.cardId,s)},onDismissClick:()=>{be(!1),P()},onRemoveCardClick:()=>{}}),Aa&&h.bulkActionCardIds.length>0&&t.jsx(Mt,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{K(!1),I([])},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;$(h.bulkActionCardIds,s)},onDismissClick:()=>{K(!1),I([])},onRemoveCardClick:Rt}),ja&&h.bulkActionCardIds.length>0&&t.jsx(Nt,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{J(!1),I([])},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(h.bulkActionCardIds,s)},onDismissClick:()=>{J(!1),I([])},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:()=>{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,ue("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:h.hasCreditCards,hasDebitCard:h.hasDebitCards,signedInUser:ze,isDisabled:h.hasDebitCards&&R.fetchState!=="Completed",updateLimitFetchState:e.updateChargeCardsSpendLimitFetchState.fetchState,onCancelClick:()=>{fe(!1),I([])},onSubmitClick:i=>{const s={amount:i,currencyCode:E[0].limit.currencyCode,currencySymbol:E[0].limit.currencySymbol};G(h.bulkActionCardIds,s,E[0].creditLimitFrequency)}}),t.jsx(wr,{cardsSelectedForBulkAction:h.bulkActionCardIds,isBulkActionAllowed:k,firstSelectedCardStatus:Pa,bulkSubmissionLimit:kr,removeAllCardsFromBulkActionList:()=>I([]),updateBulkActionList:I,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: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)`
   color: ${e=>e.isImportant?p.important:e.theme.colors.primary};
   text-align: end;
-`,hi=r(aa)`
+`,ui=r(aa)`
   color: ${p.brandColorGoldDark};
   text-align: end;
 `,Gt=r.div`
@@ -219,7 +219,7 @@ import{c as Ja,a7 as _,t as Ka,fc as Wa,hV as N,J as Ee,o as a,y as ta,V as t,a_
   height: 21px;
   overflow: hidden;
   cursor: ${e=>e.hasPointer?"pointer":"default"};
-`,ui=r(Y)`
+`,hi=r(Y)`
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
   display: flex;
@@ -245,7 +245,7 @@ import{c as Ja,a7 as _,t as Ka,fc as Wa,hV as N,J as Ee,o as a,y as ta,V as t,a_
   display: flex;
   align-items: center;
   justify-content: center;
-`,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?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 u=n.slice(1);return[...u,u[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`
   text-align: left;
 `,qt=r.span``,yi=r.span`
   white-space: nowrap;
@@ -277,22 +277,22 @@ import{c as Ja,a7 as _,t as Ka,fc as Wa,hV as N,J as Ee,o as a,y as ta,V as t,a_
   justify-self: ${e=>e.windowSize==="small"?"flex-start":"flex-end"};
   margin-top: ${a.sp1};
   padding: ${a.sp0} ${a.sp2};
-`,Ii=r.div`
+`,vi=r.div`
   display: flex;
   flex-direction: column;
   width: 100%;
   height: 100vh;
   overflow: auto;
-`,vi=r.div`
+`,Ii=r.div`
   display: flex;
   flex-direction: row;
   margin-top: ${a.sp3};
-  margin-right: ${e=>ue.contentContainerMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>he.contentContainerMargin.valuePx(e.windowSize)};
   margin-bottom: ${a.sp4};
-  margin-left: ${e=>ue.contentContainerMargin.valuePx(e.windowSize)};
+  margin-left: ${e=>he.contentContainerMargin.valuePx(e.windowSize)};
   align-items: center;
   gap: ${a.sp3};
-  ${e=>e.windowSize==="small"&&ht`
+  ${e=>e.windowSize==="small"&&ut`
       overflow-x: scroll;
       gap: ${a.sp2};
       min-height: 190px;
@@ -312,7 +312,7 @@ import{c as Ja,a7 as _,t as Ka,fc as Wa,hV as N,J as Ee,o as a,y as ta,V as t,a_
   box-shadow: ${p.Elevation1Light};
   border-radius: ${a.sp2};
   background-color: ${e=>e.theme.colors.grey5};
-  min-width: ${e=>ue.cardsMinWidth.valuePx(e.windowSize)};
+  min-width: ${e=>he.cardsMinWidth.valuePx(e.windowSize)};
   height: 188px;
   justify-content: space-between;
   flex-basis: 33.33%;
@@ -329,7 +329,7 @@ import{c as Ja,a7 as _,t as Ka,fc as Wa,hV as N,J as Ee,o as a,y as ta,V as t,a_
   align-self: stretch;
   position: relative;
   overflow: hidden;
-  min-width: ${e=>ue.cardsMinWidth.valuePx(e.windowSize)};
+  min-width: ${e=>he.cardsMinWidth.valuePx(e.windowSize)};
   box-sizing: border-box;
   background-image: url(https://storage.googleapis.com/zeni-apis.appspot.com/images/promo-list-pattern.svg);
   background-repeat: no-repeat;
@@ -370,7 +370,7 @@ import{c as Ja,a7 as _,t as Ka,fc as Wa,hV as N,J as Ee,o as a,y as ta,V as t,a_
   height: ${a.sp3};
 `,Fi=r(lt)`
   color: ${e=>e.theme.colors.hero};
-  margin-top: ${e=>ue.infoSubheadingTextMarginTop.valuePx(e.windowSize)};
+  margin-top: ${e=>he.infoSubheadingTextMarginTop.valuePx(e.windowSize)};
   gap: ${a.sp1};
   display: flex;
   align-items: center;
@@ -409,4 +409,4 @@ import{c as Ja,a7 as _,t as Ka,fc as Wa,hV as N,J as Ee,o as a,y as ta,V as t,a_
 `,ea=r.div``,zi=r.div`
   height: ${a.sp10};
   width: ${a.sp10};
-`;function Oi(){return ta().mode==="light"?t.jsx(Pr,{}):t.jsx(Lr,{})}export{$o as default,Yt as getPromoSlidingTextList};
+`;function Oi(){return ta().mode==="light"?t.jsx(Pr,{}):t.jsx(Lr,{})}export{vo as default,Yt as getPromoSlidingTextList};