@zeniai/web-cockpit-ui 1.14.99-prod → 1.15.0-dev

package/dist/assets/{ChargeCardDetailPage-BQnJsfn5-BqOML7j0.js → ChargeCardDetailPage-bk-pzoDR-DTGxBulo.js}

@@ -1,15 +1,15 @@
-import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN as et,V as t,gV as ji,bz as Li,c as l,fQ as br,aK as Ge,aM as J,o as a,bQ as Qt,p as d,F as ke,iZ as Sr,b as U,cm as Ii,i_ as Di,f6 as Ai,gJ as Ti,i$ as Ri,bC as Ei,bL as yr,aQ as ea,j0 as Fi,j1 as $r,j2 as ot,y as T,bH as vr,b8 as ta,h as Pi,aR as kr,aZ as zi,j3 as Mi,j4 as Vi,b5 as aa,ag as ge,ey as Oi,iN as Hi,u as gt,gU as jr,m as mt,b1 as Ni,dj as Bi,cq as Wi,cn as Ui,d2 as _i,ht as Zi,ak as Oe,bS as Gi,aW as Wt,j5 as Fa,j6 as Yi,a as Pa,B as Lr,b7 as qi,j7 as Xi,iH as pt,iS as Ji,iX as Ki,iY as Qi,dr as za,eQ as eo,n as Ir,cv as Dr,iQ as to,bV as ao,l as Ar,j8 as ro,au as vt,bY as Ma,bv as io,db as oo,al as st,hp as no,ap as so,L as co,bD as lo,j9 as Dt,fj as ho,ja as Tr,jb as Rr,gt as Er,jc as jt,i8 as Fr,bO as po,ed as Pr,iT as uo,cy as mo,dM as go,cY as Co,iU as fo,iV as wo,ej as xo,cd as bo,ce as So}from"./index-DdzfMgPc.js";import{a as o,w as yo}from"./sentry-BYtPx_05.js";import{n as r,c as we,k as zr}from"./mui-Devhk6Tb.js";import{EF as At,bh as $o,bf as vo}from"./zeni-epic-state-BS68m2Ti.js";import{k as ko}from"./NavigationDots-B0_dDbgu-64vTTXrM.js";import{A as jo,i as Lo,a as Io,l as Do,r as Ao,t as To,n as Ro}from"./add-to-wallet-DgdBD8_G-DvDDqNhd.js";import{L as Ut}from"./lottie-yOsTwyri.js";import{j as Eo}from"./CardNumberSubText-DBOH0_yP-nGSxEDDC.js";import{r as Mr}from"./core-DFStV9qP.js";import{l as Vr}from"./uploadReceipts-CPw64UYa-T5kQYzUC.js";import{L as Fo,z as Po,k as zo,P as Mo}from"./LockCardPage-DaVzuRMw-b63S9lNy.js";import"./liveblocks-BrQ1Hhfc.js";import"./recharts-D6gmV5h7.js";import"./analytics-C6WkxZh-.js";import"./lexical-CQ0YMwSG.js";import"./utils-CiFud5zD.js";import"./RoleWithToolTip-aW95rpRe-4o8KGg0K.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="8db79c29-cc3b-480b-a576-6e50d8929549",e._sentryDebugIdIdentifier="sentry-dbid-8db79c29-cc3b-480b-a576-6e50d8929549")}catch{}})();const Or=ke.getLocalizedStrings().spendManagement.chargeCard,Vo=({controllerEmails:e,classListFetchState:i,isChargeCardFeatureEnabled:s,isDebitCardFeatureEnabled:u,isDebitCardSetupEnabled:h,isChargeCardSetupEnabled:f,chargeCardDetailView:c,productInformation:g,creditAccountInformation:m,debitAccountInformation:x,creditAccount:b,creditAccountRepayment:n,cardIssuedByRoles:C,cardIssuedByDepartmentName:w,cardHolderRoles:j,cardHolderDepartmentName:y,appleWalletLink:k,googleWalletLink:I,style:p,showDrawerAnimation:E,setWalletType:S,setIsAddToWalletDrawerOpen:O,isDebitCard:H})=>{const v=It().analytics,{isIPadScreen:Y}=Mi(),{isAndroidScreen:K}=Vi(),_=Lt(),D=At(_.loggedInUserRoleMap);return t.jsx(Oo,{style:p,children:Y===!0?t.jsx(Kt,{onClick:()=>{ot({chargeCardDetailView:c,classListFetchState:i,analytics:v,isDebitCard:H,isChargeCardAdmin:D,cardIssuedByRoles:C,cardIssuedByDepartmentName:w,cardHolderRoles:j,cardHolderDepartmentName:y,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Apple Wallet",productInformation:g,creditAccountInformation:m,debitAccountInformation:x,isChargeCardFeatureEnabled:s,creditAccount:b,creditAccountRepayment:n}),window.open(k,"_blank")}}):K===!0?t.jsx(Jt,{onClick:()=>{ot({chargeCardDetailView:c,classListFetchState:i,analytics:v,isDebitCard:H,isChargeCardAdmin:D,cardIssuedByRoles:C,cardIssuedByDepartmentName:w,cardHolderRoles:j,cardHolderDepartmentName:y,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Google Wallet",productInformation:g,creditAccountInformation:m,debitAccountInformation:x,isChargeCardFeatureEnabled:s,creditAccount:b,creditAccountRepayment:n}),window.open(I,"_blank")}}):t.jsxs(t.Fragment,{children:[t.jsx(Kt,{onClick:()=>{S("apple"),E.current="slide-in-right-to-left-add-to-wallet",ot({chargeCardDetailView:c,classListFetchState:i,analytics:v,isDebitCard:H,isChargeCardAdmin:D,cardIssuedByRoles:C,cardIssuedByDepartmentName:w,cardHolderRoles:j,cardHolderDepartmentName:y,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Apple Wallet",isChargeCardFeatureEnabled:s,productInformation:g,creditAccountInformation:m,debitAccountInformation:x,creditAccount:b,creditAccountRepayment:n}),O(!0)}}),t.jsx(Jt,{onClick:()=>{S("google"),E.current="slide-in-right-to-left-add-to-wallet",ot({chargeCardDetailView:c,classListFetchState:i,analytics:v,isDebitCard:H,isChargeCardAdmin:D,cardIssuedByRoles:C,cardIssuedByDepartmentName:w,cardHolderRoles:j,cardHolderDepartmentName:y,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Google Wallet",isChargeCardFeatureEnabled:s,productInformation:g,creditAccountInformation:m,debitAccountInformation:x,creditAccount:b,creditAccountRepayment:n}),O(!0)}})]})})},Jt=({onClick:e})=>{const i=tt();return t.jsx(Ir,{prefixIcon:t.jsx(Ho,{}),label:Or.cardDetails.addToGoogleWallet,buttonColors:{borderColor:{default:i.colors.grey1,hover:i.colors.primary,disabled:i.colors.primary},backgroundColor:{default:i.colors.grey5,hover:i.colors.grey5,disabled:i.colors.grey5},textColor:{default:i.colors.primary,hover:i.colors.primary,disabled:i.colors.grey5}},textStyle:{color:i.colors.primary},style:{width:"239px",justifyContent:"center"},onClick:e,"data-testid":J("add-to-google-wallet-button")})},Kt=({onClick:e})=>{const i=tt();return t.jsx(Ir,{prefixIcon:t.jsx(No,{}),label:Or.cardDetails.addToAppleWallet,buttonColors:{borderColor:{default:i.colors.grey1,hover:i.colors.primary,disabled:i.colors.primary},backgroundColor:{default:i.colors.grey5,hover:i.colors.grey5,disabled:i.colors.grey5},textColor:{default:i.colors.primary,hover:i.colors.primary,disabled:i.colors.grey5}},textStyle:{color:i.colors.primary},style:{width:"239px",justifyContent:"center"},onClick:e,"data-testid":J("add-to-apple-wallet-button")})},Oo=r.div`
+import{d as tt,q as Ie,aw as It,a8 as Lt,gW as wr,hz as ki,aT as Qe,gX as xr,aO as et,V as t,g_ as ji,bA as Ii,c as l,fR as br,aL as Ge,aN as X,o as a,bR as Qt,p as d,F as ke,j0 as Sr,b as _,cn as Li,j1 as Di,f7 as Ai,gM as Ti,j2 as Ei,bD as Fi,bM as yr,aR as ea,j3 as Ri,j4 as $r,j5 as ot,y as T,bI as vr,b9 as ta,g as zi,aS as kr,a_ as Pi,j6 as Mi,j7 as Vi,b6 as aa,ai as ge,ez as Oi,iQ as Hi,u as gt,gZ as jr,cb as Ni,k as mt,b2 as Bi,di as Wi,cr as _i,co as Ui,d1 as Zi,hw as Gi,al as Oe,bT as qi,aX as Wt,j8 as Ra,j9 as Yi,R as za,M as Ir,b8 as Xi,ja as Ji,iK as pt,iV as Ki,i_ as Qi,i$ as eo,dq as Pa,eR as to,n as Lr,cw as Dr,iT as ao,bW as ro,l as Ar,jb as io,av as vt,bZ as Ma,bw as oo,da as no,am as st,gV as so,aq as co,L as lo,bE as ho,jc as Dt,fk as po,jd as Tr,gw as Er,je as jt,ib as Fr,bP as uo,ec as Rr,iW as mo,cz as go,dL as Co,cX as fo,iX as wo,iY as xo,ei as bo,ce as So,cf as yo}from"./index-Bs2B-MQ4.js";import{a as o,S as $o}from"./sentry-gm2R3TtK.js";import{n as r,c as we,k as zr}from"./mui-snKYaegN.js";import{EL as At,bh as vo,bf as ko,G3 as jo}from"./zeni-epic-state-D2RxwWrl.js";import{k as Io}from"./NavigationDots-DISWi4Mq-BdTnuTup.js";import{A as Lo,i as Do,a as Ao,l as To,r as Eo,t as Fo,n as Ro}from"./add-to-wallet-DgdBD8_G-CF63trjm.js";import{L as _t}from"./lottie-ChwWMuYN.js";import{j as zo}from"./CardNumberSubText-C6jdBRC2-YbNbzp0H.js";import{r as Pr}from"./core-9PMMelIA.js";import{l as Mr}from"./uploadReceipts-CPw64UYa-DwtdWb2a.js";import{L as Po,z as Mo,k as Vo,P as Oo}from"./LockCardPage-DRYg_fxU-CFGUEJ0X.js";import"./liveblocks-48Yy2aTy.js";import"./recharts-DGmpNqLb.js";import"./analytics-D0z7Cz17.js";import"./lexical-CaQwXIc3.js";import"./utils-C7Aiy3iw.js";import"./RoleWithToolTip-C08wfnGb-CFjb8VCB.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="1fd0e2f0-73c9-4766-847a-abda1d720131",e._sentryDebugIdIdentifier="sentry-dbid-1fd0e2f0-73c9-4766-847a-abda1d720131")}catch{}})();const Vr=ke.getLocalizedStrings().spendManagement.chargeCard,Ho=({controllerEmails:e,classListFetchState:i,isChargeCardFeatureEnabled:s,isDebitCardFeatureEnabled:u,isDebitCardSetupEnabled:h,isChargeCardSetupEnabled:f,chargeCardDetailView:c,productInformation:g,creditAccountInformation:m,debitAccountInformation:x,creditAccount:b,creditAccountRepayment:n,cardIssuedByRoles:C,cardIssuedByDepartmentName:w,cardHolderRoles:j,cardHolderDepartmentName:y,appleWalletLink:k,googleWalletLink:L,style:p,showDrawerAnimation:E,setWalletType:S,setIsAddToWalletDrawerOpen:O,isDebitCard:H})=>{const v=Lt().analytics,{isIPadScreen:q}=Mi(),{isAndroidScreen:J}=Vi(),U=It(),D=At(U.loggedInUserRoleMap);return t.jsx(No,{style:p,children:q===!0?t.jsx(Kt,{onClick:()=>{ot({chargeCardDetailView:c,classListFetchState:i,analytics:v,isDebitCard:H,isChargeCardAdmin:D,cardIssuedByRoles:C,cardIssuedByDepartmentName:w,cardHolderRoles:j,cardHolderDepartmentName:y,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Apple Wallet",productInformation:g,creditAccountInformation:m,debitAccountInformation:x,isChargeCardFeatureEnabled:s,creditAccount:b,creditAccountRepayment:n}),window.open(k,"_blank")}}):J===!0?t.jsx(Jt,{onClick:()=>{ot({chargeCardDetailView:c,classListFetchState:i,analytics:v,isDebitCard:H,isChargeCardAdmin:D,cardIssuedByRoles:C,cardIssuedByDepartmentName:w,cardHolderRoles:j,cardHolderDepartmentName:y,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Google Wallet",productInformation:g,creditAccountInformation:m,debitAccountInformation:x,isChargeCardFeatureEnabled:s,creditAccount:b,creditAccountRepayment:n}),window.open(L,"_blank")}}):t.jsxs(t.Fragment,{children:[t.jsx(Kt,{onClick:()=>{S("apple"),E.current="slide-in-right-to-left-add-to-wallet",ot({chargeCardDetailView:c,classListFetchState:i,analytics:v,isDebitCard:H,isChargeCardAdmin:D,cardIssuedByRoles:C,cardIssuedByDepartmentName:w,cardHolderRoles:j,cardHolderDepartmentName:y,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Apple Wallet",isChargeCardFeatureEnabled:s,productInformation:g,creditAccountInformation:m,debitAccountInformation:x,creditAccount:b,creditAccountRepayment:n}),O(!0)}}),t.jsx(Jt,{onClick:()=>{S("google"),E.current="slide-in-right-to-left-add-to-wallet",ot({chargeCardDetailView:c,classListFetchState:i,analytics:v,isDebitCard:H,isChargeCardAdmin:D,cardIssuedByRoles:C,cardIssuedByDepartmentName:w,cardHolderRoles:j,cardHolderDepartmentName:y,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Google Wallet",isChargeCardFeatureEnabled:s,productInformation:g,creditAccountInformation:m,debitAccountInformation:x,creditAccount:b,creditAccountRepayment:n}),O(!0)}})]})})},Jt=({onClick:e})=>{const i=tt();return t.jsx(Lr,{prefixIcon:t.jsx(Bo,{}),label:Vr.cardDetails.addToGoogleWallet,buttonColors:{borderColor:{default:i.colors.grey1,hover:i.colors.primary,disabled:i.colors.primary},backgroundColor:{default:i.colors.grey5,hover:i.colors.grey5,disabled:i.colors.grey5},textColor:{default:i.colors.primary,hover:i.colors.primary,disabled:i.colors.grey5}},textStyle:{color:i.colors.primary},style:{width:"239px",justifyContent:"center"},onClick:e,"data-testid":X("add-to-google-wallet-button")})},Kt=({onClick:e})=>{const i=tt();return t.jsx(Lr,{prefixIcon:t.jsx(Wo,{}),label:Vr.cardDetails.addToAppleWallet,buttonColors:{borderColor:{default:i.colors.grey1,hover:i.colors.primary,disabled:i.colors.primary},backgroundColor:{default:i.colors.grey5,hover:i.colors.grey5,disabled:i.colors.grey5},textColor:{default:i.colors.primary,hover:i.colors.primary,disabled:i.colors.grey5}},textStyle:{color:i.colors.primary},style:{width:"239px",justifyContent:"center"},onClick:e,"data-testid":X("add-to-apple-wallet-button")})},No=r.div`
   margin-top: ${a.sp4};
   display: flex;
   justify-content: center;
   gap: ${a.sp5};
-`,Ho=r(Ro)`
+`,Bo=r(Ro)`
   height: ${a.sp4};
   width: ${a.sp5};
-`,No=r(To)`
+`,Wo=r(Fo)`
   height: ${a.sp4};
   width: ${a.sp5};
-`,Bo=[d.brandColorSapphire,d.brandColorJade,d.graphColor01,d.graphColor08,d.graphColor12,d.graphColor15,d.graphColor16Dark,d.graphColor23Dark,d.graphColor32Dark,d.graphColor34Dark,d.brandColorOpalDark,d.brandColorRuby],Wo=ke.getLocalizedStrings().spendManagement.chargeCard,Uo=({isColorPaletteVisible:e,hasBorderShadow:i,leftTransitionValue:s,colorInState:u,styles:h,colorPaletteTitleStyles:f,ColorListStyles:c,coloredCircleStyles:g,closeStyles:m,tickStyles:x,toggleColorPaletteVisibility:b,handleColorClick:n})=>t.jsxs(_o,{showColorPalette:e,style:h,hasBorderShadow:i,leftTransitionValue:s,children:[t.jsxs(Go,{style:f,children:[t.jsx(Yo,{children:Wo.cardDetails.cardTheme}),t.jsx(qo,{style:m,"data-testid":J("close-color-palette"),onClick:C=>{C.stopPropagation(),b(!e)}})]}),t.jsx(Zo,{style:c,children:Bo.map((C,w)=>t.jsx(Jo,{style:g,coreColor:C,onMouseEnter:()=>n(new Qe(C),!1),onMouseLeave:()=>u!=null?n(new Qe(u),!1):null,"data-testid":J("color-palette-item-cards",w.toString()),onClick:()=>n(new Qe(C),!0),children:new Qe(C).toString()===u?.toString()?t.jsx(Xo,{style:x}):null},C))})]}),_o=r.div`
+`,_o=[d.brandColorSapphire,d.brandColorJade,d.graphColor01,d.graphColor08,d.graphColor12,d.graphColor15,d.graphColor16Dark,d.graphColor23Dark,d.graphColor32Dark,d.graphColor34Dark,d.brandColorOpalDark,d.brandColorRuby],Uo=ke.getLocalizedStrings().spendManagement.chargeCard,Zo=({isColorPaletteVisible:e,hasBorderShadow:i,leftTransitionValue:s,colorInState:u,styles:h,colorPaletteTitleStyles:f,ColorListStyles:c,coloredCircleStyles:g,closeStyles:m,tickStyles:x,toggleColorPaletteVisibility:b,handleColorClick:n})=>t.jsxs(Go,{showColorPalette:e,style:h,hasBorderShadow:i,leftTransitionValue:s,children:[t.jsxs(Yo,{style:f,children:[t.jsx(Xo,{children:Uo.cardDetails.cardTheme}),t.jsx(Jo,{style:m,"data-testid":X("close-color-palette"),onClick:C=>{C.stopPropagation(),b(!e)}})]}),t.jsx(qo,{style:c,children:_o.map((C,w)=>t.jsx(Qo,{style:g,coreColor:C,onMouseEnter:()=>n(new Qe(C),!1),onMouseLeave:()=>u!=null?n(new Qe(u),!1):null,"data-testid":X("color-palette-item-cards",w.toString()),onClick:()=>n(new Qe(C),!0),children:new Qe(C).toString()===u?.toString()?t.jsx(Ko,{style:x}):null},C))})]}),Go=r.div`
   display: flex;
   top: ${a.sp1};
   max-width: 78%;
@@ -22,26 +22,26 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   position: absolute;
   height: ${`calc(100% - ${a.sp2})`};
   z-index: 1;
-`,Zo=r.div`
+`,qo=r.div`
   display: flex;
   flex-wrap: wrap;
   padding: ${a.sp0} 38px ${a.sp0} 31px;
-`,Go=r.div`
+`,Yo=r.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: ${a.sp5} ${a.sp5} ${a.sp2} ${a.sp5};
-`,Yo=r(ge)`
+`,Xo=r(ge)`
   color: ${d.brandColorOnyx};
-`,qo=r(co)`
+`,Jo=r(lo)`
   width: ${a.sp3};
   height: ${a.sp3};
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
-`,Xo=r(lo)`
+`,Ko=r(ho)`
   width: ${a.sp3};
   color: ${d.neutralGrey5Light};
-`,Jo=r.div`
+`,Qo=r.div`
   width: ${a.sp4};
   height: ${a.sp4};
   display: flex;
@@ -50,66 +50,66 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   margin: ${a.sp2};
   justify-content: center;
   align-items: center;
-`,{spendManagement:Ko,common:Ke,dateFormat:Qo}=ke.getLocalizedStrings(),Xe=Ko.chargeCard,Re={secretCardNumberWrapperWidth:280,secretCVVWrapperHeight:30,secretCVVWrapperWidth:l[7],cardNumberCopiedSectionTop:54,cvvCopiedSectionTop:34,maskedCardNumberMarginTop:new T(-2,-2,-2,l[0]),expiryCopySectionTop:34,cardNumberCopyBtnTop:21},Va={CardInfoTitleSize:new T(U.extraSmallRegular.fontSizeValue,U.smallRegular.fontSizeValue),CardInfoTitleLineHeight:new T(18,18,18,21)},_t=e=>t.jsxs(wn,{style:{...e},children:[t.jsx(fn,{}),t.jsx(xn,{style:{background:d.blackColor,color:d.primaryDark,padding:`2px ${a.sp2}`,borderRadius:a.sp1},children:Ke.copyToClipBoard.copied})]}),Oa=({isSandboxEnv:e,sourceId:i,showSecretInfo:s,secretRevealed:u,vgsVaultId:h,controllerEmails:f,isChargeCardFeatureEnabled:c,productInformation:g,cashbackInformation:m,creditAccountInformation:x,debitAccountInformation:b,chargeCardCashbackDetailState:n,creditAccount:C,creditAccountRepayment:w,isDebitCard:j,depositAccountLimitFetchState:y,isCardDetailErrored:k,isCardColorUpdating:I,cardDetailsFetchState:p,isCardColorUndefined:E,cardInfoTitleStyles:S,styles:O,cvvSecStyles:H,chargeCard:v,token:Y,setSecretRevealed:K,setIsCardDetailErrored:_,setCardDetailsFetchState:D,onFireOnClickAnalytics:oe})=>{const Q=It().analytics,[,ne]=wr(),N=Le(),[Z,W]=o.useState(!1),[ae,ee]=o.useState(!1),[re,se]=o.useState(!1),P=Lt(),de=At(P.loggedInUserRoleMap),[G]=Sr("https://js.verygoodvault.com/vgs-show/2.0.0/show.js"),$=i==="addToWalletDrawer"?.75:N==="small"?.85:1,q=e?"sandbox":"live";o.useEffect(()=>{if(G&&v!=null&&s&&Y!=null&&!u){const A=window.VGSShow.create(h).setEnvironment(q),z=v.cardProviderID,ce=A.request({name:"data-text",method:"GET",path:"/cards/"+z+"/secure-data/cvv2",headers:{Authorization:"Bearer "+Y},htmlWrapper:"text",jsonPathSelector:"data.attributes.cvv2"});D({cvv:!0,number:!0}),ce.render(`#SecretCvv-${i}`,{"@font-face":{"font-family":vt["PT Mono"],"font-style":"normal","font-weight":Ma.regular,"font-display":"swap",src:'local("PT Mono"), local("PTMono-Regular"), url(https://fonts.gstatic.com/s/ptmono/v7/9oRONYoBnWILk-9AnCszM_HxEcn7Hg.woff2) format("woff2")'},"font-family":vt["PT Mono"],opacity:.7,color:d.brandColorOnyx,fontSize:`${$*U.h6Regular.fontSizeValue}px`,fontWeight:U.h6Regular.fontWeight,borderRadius:a.sp1,cursor:"pointer",padding:`${a.sp0} ${a.sp1}`,lineHeight:`${$*U.h6Regular.lineHeightValue}px`}),ce.on("requestSuccess",()=>{K(!0),_(!1),D({...p,cvv:!1})}),ce.on("requestFail",()=>{_(!0),D({...p,cvv:!1});const L=document.getElementById(`SecretCvv-${i}`);for(;L?.hasChildNodes()===!0;)L.removeChild(L.children[0])}),A.copyFrom(ce,{text:Ke.strings.empty},L=>{L==="success"?(ee(!0),oe("CVV copied"),n.fetchState==="Completed"&&(!c||C.fetchState==="Completed"&&w.fetchState==="Completed")&&(!(j&&de)||y==="Completed")&&Q.trackCardsCopyIconClick(f,g,"Cards Detail","Copy","copied","CVV","",m,x,b)):ee(!1)}).render(`#CvvCopyBtn-${i}`,{cursor:"pointer",height:`${$*Re.secretCVVWrapperHeight}px`,width:`${$*Re.secretCVVWrapperWidth}px`});const ie=A.request({name:"data-text",method:"GET",path:"/cards/"+z+"/secure-data/pan",headers:{Authorization:"Bearer "+Y},htmlWrapper:"text",jsonPathSelector:"data.attributes.pan",serializers:[A.SERIALIZERS.replace("(\\d{4})(\\d{4})(\\d{4})(\\d{4})","$1 $2 $3 $4")]});ie.render(`#SecretCardNumber-${i}`,{"@font-face":{"font-family":vt["PT Mono"],"font-style":"normal","font-weight":Ma.regular,"font-display":"swap",src:'local("PT Mono"), local("PTMono-Regular"), url(https://fonts.gstatic.com/s/ptmono/v7/9oRONYoBnWILk-9AnCszM_HxEcn7Hg.woff2) format("woff2")'},"font-family":vt["PT Mono"],opacity:.7,color:d.brandColorOnyx,fontSize:`${$*U.h6Regular.fontSizeValue}px`,fontWeight:U.h6Regular.fontWeight,borderRadius:a.sp1,cursor:"pointer",padding:`${a.sp0} ${a.sp1}`,lineHeight:`${$*U.h6Regular.lineHeightValue}px`}),ie.on("requestSuccess",()=>{K(!0),_(!1),D({...p,number:!1})}),ie.on("requestFail",()=>{_(!0),D({...p,number:!1});const L=document.getElementById(`SecretCardNumber-${i}`);for(;L?.hasChildNodes()===!0;)L.removeChild(L.children[0])}),A.copyFrom(ie,{text:Ke.strings.empty,serializers:[A.SERIALIZERS.replace(Ke.strings.space,Ke.strings.empty)]},L=>{L==="success"?(W(!0),oe("card number copied"),n.fetchState==="Completed"&&(!c||C.fetchState==="Completed"&&w.fetchState==="Completed")&&(!(j&&de)||y==="Completed")&&Q.trackCardsCopyIconClick(f,g,"Cards Detail","Copy","copied","Card Number","",m,x,b)):W(!1)}).render(`#CardNumberCopyBtn-${i}`,{cursor:"pointer",height:`${$*U.h6Regular.lineHeightValue}px`,width:`${$*Re.secretCardNumberWrapperWidth}px`})}},[G,v,s,Y,u]),o.useEffect(()=>{if(s===!1){const A=document.getElementById(`SecretCvv-${i}`);for(;A?.hasChildNodes()===!0;)A.removeChild(A.children[0]);const z=document.getElementById(`CvvCopyBtn-${i}`);for(;z?.hasChildNodes()===!0;)z.removeChild(z.children[0]);const ce=document.getElementById(`SecretCardNumber-${i}`);for(;ce?.hasChildNodes()===!0;)ce.removeChild(ce.children[0]);const ie=document.getElementById(`CardNumberCopyBtn-${i}`);for(;ie?.hasChildNodes()===!0;)ie.removeChild(ie.children[0])}},[i,s]),o.useEffect(()=>{Z===!0&&setTimeout(()=>{W(!1)},800),ae===!0&&setTimeout(()=>{ee(!1)},800),re===!0&&setTimeout(()=>{se(!1)},800)},[Z,ae,re]);const B=v!=null?vo(v.validThru.year,v.validThru.month-1).format(Qo.visual.MMSlashYYFormat):Ke.strings.empty,le=A=>{s===!0&&(p.cvv!==!0||p.number!==!0)&&(oe("validity copied"),A!=null&&n.fetchState==="Completed"&&(!c||C.fetchState==="Completed"&&w.fetchState==="Completed")&&(!(j&&de)||y==="Completed")&&Q.trackCardsCopyIconClick(f,g,"Cards Detail","Copy","copied","Valid Thru",B,m,x,b),ne(B),se(!0))};return t.jsxs(dn,{style:O,children:[t.jsxs(cn,{children:[t.jsx(Zt,{style:S,windowSize:N,children:Xe.cardDetails.cardNumber}),t.jsx(ln,{sourceId:i,scaleFactor:$,showSecretInfo:s&&(p.number===!1||p.cvv===!1),isCardDetailFetching:p.number===!0||p.cvv===!0||E||I,windowSize:N,children:`${Xe.cardDetails.cardNumberHideout}
-          ${v?.accountLast4??Ke.strings.empty}`}),t.jsxs(en,{secretRevealed:u,scaleFactor:$,showSecretInfo:s&&p.cvv===!1&&p.number===!1,sourceId:i,isCardDetailErrored:k,children:[t.jsx(tn,{sourceId:i,scaleFactor:$,secretRevealed:u,id:`SecretCardNumber-${i}`}),t.jsx(sn,{secretRevealed:u,scaleFactor:$,id:`CardNumberCopyBtn-${i}`,sourceId:i}),Z===!0?t.jsx(_t,{top:$*Re.cardNumberCopiedSectionTop}):null]})]}),t.jsxs(hn,{children:[t.jsxs(mn,{children:[t.jsx(Zt,{style:S,windowSize:N,children:Xe.cardDetails.expiry}),t.jsxs(on,{secretRevealed:s&&(p.cvv===!1||p.number===!1),children:[u&&s&&p.cvv===!1&&p.number===!1?t.jsx(Cn,{sourceId:i,scaleFactor:$,windowSize:N,secretRevealed:u&&s,"data-testid":J("expiry-date-copy"),onClick:A=>{A.stopPropagation(),le(v)},children:u&&s&&p.cvv===!1&&p.number===!1?B:Xe.cardDetails.expiryHideOut}):t.jsx(gn,{sourceId:i,windowSize:N,scaleFactor:$,isCardDetailFetching:p.cvv===!0||p.number===!0||E||I,children:Xe.cardDetails.expiryHideOut}),re===!0?t.jsx(_t,{top:$*Re.expiryCopySectionTop,width:"auto"}):null]})]}),t.jsxs(pn,{style:H,children:[t.jsx(Zt,{style:S,windowSize:N,children:Xe.cardDetails.cvv}),t.jsx(un,{sourceId:i,scaleFactor:$,showSecretInfo:s&&p.cvv===!1&&p.number===!1,isCardDetailFetching:p.number===!0||p.cvv===!0||E||I,windowSize:N,children:Xe.cardDetails.cvvHideOut}),t.jsxs(an,{secretRevealed:u,sourceId:i,showSecretInfo:s&&p.cvv===!1&&p.number===!1,isCardDetailErrored:k,children:[t.jsx(rn,{scaleFactor:$,secretRevealed:u,sourceId:i,id:`SecretCvv-${i}`}),t.jsx(nn,{windowSize:N,scaleFactor:$,secretRevealed:u,id:`CvvCopyBtn-${i}`,sourceId:i}),ae===!0?t.jsx(_t,{top:$*Re.cvvCopiedSectionTop,width:"auto"}):null]})]})]})]})},en=r.div`
+`,{spendManagement:en,common:Ke,dateFormat:tn}=ke.getLocalizedStrings(),Xe=en.chargeCard,Ee={secretCardNumberWrapperWidth:280,secretCVVWrapperHeight:30,secretCVVWrapperWidth:l[7],cardNumberCopiedSectionTop:54,cvvCopiedSectionTop:34,maskedCardNumberMarginTop:new T(-2,-2,-2,l[0]),expiryCopySectionTop:34,cardNumberCopyBtnTop:21},Va={CardInfoTitleSize:new T(_.extraSmallRegular.fontSizeValue,_.smallRegular.fontSizeValue),CardInfoTitleLineHeight:new T(18,18,18,21)},Ut=e=>t.jsxs(bn,{style:{...e},children:[t.jsx(xn,{}),t.jsx(Sn,{style:{background:d.blackColor,color:d.primaryDark,padding:`2px ${a.sp2}`,borderRadius:a.sp1},children:Ke.copyToClipBoard.copied})]}),Oa=({isSandboxEnv:e,sourceId:i,showSecretInfo:s,secretRevealed:u,vgsVaultId:h,controllerEmails:f,isChargeCardFeatureEnabled:c,productInformation:g,cashbackInformation:m,creditAccountInformation:x,debitAccountInformation:b,chargeCardCashbackDetailState:n,creditAccount:C,creditAccountRepayment:w,isDebitCard:j,depositAccountLimitFetchState:y,isCardDetailErrored:k,isCardColorUpdating:L,cardDetailsFetchState:p,isCardColorUndefined:E,cardInfoTitleStyles:S,styles:O,cvvSecStyles:H,chargeCard:v,token:q,setSecretRevealed:J,setIsCardDetailErrored:U,setCardDetailsFetchState:D,onFireOnClickAnalytics:oe})=>{const K=Lt().analytics,[,ne]=wr(),N=Ie(),[Z,W]=o.useState(!1),[ae,Q]=o.useState(!1),[re,se]=o.useState(!1),z=It(),de=At(z.loggedInUserRoleMap),[G]=Sr("https://js.verygoodvault.com/vgs-show/2.0.0/show.js"),$=i==="addToWalletDrawer"?.75:N==="small"?.85:1,Y=e?"sandbox":"live";o.useEffect(()=>{if(G&&v!=null&&s&&q!=null&&!u){const A=window.VGSShow.create(h).setEnvironment(Y),P=v.cardProviderID,ce=A.request({name:"data-text",method:"GET",path:"/cards/"+P+"/secure-data/cvv2",headers:{Authorization:"Bearer "+q},htmlWrapper:"text",jsonPathSelector:"data.attributes.cvv2"});D({cvv:!0,number:!0}),ce.render(`#SecretCvv-${i}`,{"@font-face":{"font-family":vt["PT Mono"],"font-style":"normal","font-weight":Ma.regular,"font-display":"swap",src:'local("PT Mono"), local("PTMono-Regular"), url(https://fonts.gstatic.com/s/ptmono/v7/9oRONYoBnWILk-9AnCszM_HxEcn7Hg.woff2) format("woff2")'},"font-family":vt["PT Mono"],opacity:.7,color:d.brandColorOnyx,fontSize:`${$*_.h6Regular.fontSizeValue}px`,fontWeight:_.h6Regular.fontWeight,borderRadius:a.sp1,cursor:"pointer",padding:`${a.sp0} ${a.sp1}`,lineHeight:`${$*_.h6Regular.lineHeightValue}px`}),ce.on("requestSuccess",()=>{J(!0),U(!1),D({...p,cvv:!1})}),ce.on("requestFail",()=>{U(!0),D({...p,cvv:!1});const I=document.getElementById(`SecretCvv-${i}`);for(;I?.hasChildNodes()===!0;)I.removeChild(I.children[0])}),A.copyFrom(ce,{text:Ke.strings.empty},I=>{I==="success"?(Q(!0),oe("CVV copied"),n.fetchState==="Completed"&&(!c||C.fetchState==="Completed"&&w.fetchState==="Completed")&&(!(j&&de)||y==="Completed")&&K.trackCardsCopyIconClick(f,g,"Cards Detail","Copy","copied","CVV","",m,x,b)):Q(!1)}).render(`#CvvCopyBtn-${i}`,{cursor:"pointer",height:`${$*Ee.secretCVVWrapperHeight}px`,width:`${$*Ee.secretCVVWrapperWidth}px`});const ie=A.request({name:"data-text",method:"GET",path:"/cards/"+P+"/secure-data/pan",headers:{Authorization:"Bearer "+q},htmlWrapper:"text",jsonPathSelector:"data.attributes.pan",serializers:[A.SERIALIZERS.replace("(\\d{4})(\\d{4})(\\d{4})(\\d{4})","$1 $2 $3 $4")]});ie.render(`#SecretCardNumber-${i}`,{"@font-face":{"font-family":vt["PT Mono"],"font-style":"normal","font-weight":Ma.regular,"font-display":"swap",src:'local("PT Mono"), local("PTMono-Regular"), url(https://fonts.gstatic.com/s/ptmono/v7/9oRONYoBnWILk-9AnCszM_HxEcn7Hg.woff2) format("woff2")'},"font-family":vt["PT Mono"],opacity:.7,color:d.brandColorOnyx,fontSize:`${$*_.h6Regular.fontSizeValue}px`,fontWeight:_.h6Regular.fontWeight,borderRadius:a.sp1,cursor:"pointer",padding:`${a.sp0} ${a.sp1}`,lineHeight:`${$*_.h6Regular.lineHeightValue}px`}),ie.on("requestSuccess",()=>{J(!0),U(!1),D({...p,number:!1})}),ie.on("requestFail",()=>{U(!0),D({...p,number:!1});const I=document.getElementById(`SecretCardNumber-${i}`);for(;I?.hasChildNodes()===!0;)I.removeChild(I.children[0])}),A.copyFrom(ie,{text:Ke.strings.empty,serializers:[A.SERIALIZERS.replace(Ke.strings.space,Ke.strings.empty)]},I=>{I==="success"?(W(!0),oe("card number copied"),n.fetchState==="Completed"&&(!c||C.fetchState==="Completed"&&w.fetchState==="Completed")&&(!(j&&de)||y==="Completed")&&K.trackCardsCopyIconClick(f,g,"Cards Detail","Copy","copied","Card Number","",m,x,b)):W(!1)}).render(`#CardNumberCopyBtn-${i}`,{cursor:"pointer",height:`${$*_.h6Regular.lineHeightValue}px`,width:`${$*Ee.secretCardNumberWrapperWidth}px`})}},[G,v,s,q,u]),o.useEffect(()=>{if(s===!1){const A=document.getElementById(`SecretCvv-${i}`);for(;A?.hasChildNodes()===!0;)A.removeChild(A.children[0]);const P=document.getElementById(`CvvCopyBtn-${i}`);for(;P?.hasChildNodes()===!0;)P.removeChild(P.children[0]);const ce=document.getElementById(`SecretCardNumber-${i}`);for(;ce?.hasChildNodes()===!0;)ce.removeChild(ce.children[0]);const ie=document.getElementById(`CardNumberCopyBtn-${i}`);for(;ie?.hasChildNodes()===!0;)ie.removeChild(ie.children[0])}},[i,s]),o.useEffect(()=>{Z===!0&&setTimeout(()=>{W(!1)},800),ae===!0&&setTimeout(()=>{Q(!1)},800),re===!0&&setTimeout(()=>{se(!1)},800)},[Z,ae,re]);const B=v!=null?ko(v.validThru.year,v.validThru.month-1).format(tn.visual.MMSlashYYFormat):Ke.strings.empty,le=A=>{s===!0&&(p.cvv!==!0||p.number!==!0)&&(oe("validity copied"),A!=null&&n.fetchState==="Completed"&&(!c||C.fetchState==="Completed"&&w.fetchState==="Completed")&&(!(j&&de)||y==="Completed")&&K.trackCardsCopyIconClick(f,g,"Cards Detail","Copy","copied","Valid Thru",B,m,x,b),ne(B),se(!0))};return t.jsxs(ln,{style:O,children:[t.jsxs(hn,{children:[t.jsx(Zt,{style:S,windowSize:N,children:Xe.cardDetails.cardNumber}),t.jsx(pn,{sourceId:i,scaleFactor:$,showSecretInfo:s&&(p.number===!1||p.cvv===!1),isCardDetailFetching:p.number===!0||p.cvv===!0||E||L,windowSize:N,children:`${Xe.cardDetails.cardNumberHideout}
+          ${v?.accountLast4??Ke.strings.empty}`}),t.jsxs(an,{secretRevealed:u,scaleFactor:$,showSecretInfo:s&&p.cvv===!1&&p.number===!1,sourceId:i,isCardDetailErrored:k,children:[t.jsx(rn,{sourceId:i,scaleFactor:$,secretRevealed:u,id:`SecretCardNumber-${i}`}),t.jsx(cn,{secretRevealed:u,scaleFactor:$,id:`CardNumberCopyBtn-${i}`,sourceId:i}),Z===!0?t.jsx(Ut,{top:$*Ee.cardNumberCopiedSectionTop}):null]})]}),t.jsxs(un,{children:[t.jsxs(Cn,{children:[t.jsx(Zt,{style:S,windowSize:N,children:Xe.cardDetails.expiry}),t.jsxs(sn,{secretRevealed:s&&(p.cvv===!1||p.number===!1),children:[u&&s&&p.cvv===!1&&p.number===!1?t.jsx(wn,{sourceId:i,scaleFactor:$,windowSize:N,secretRevealed:u&&s,"data-testid":X("expiry-date-copy"),onClick:A=>{A.stopPropagation(),le(v)},children:u&&s&&p.cvv===!1&&p.number===!1?B:Xe.cardDetails.expiryHideOut}):t.jsx(fn,{sourceId:i,windowSize:N,scaleFactor:$,isCardDetailFetching:p.cvv===!0||p.number===!0||E||L,children:Xe.cardDetails.expiryHideOut}),re===!0?t.jsx(Ut,{top:$*Ee.expiryCopySectionTop,width:"auto"}):null]})]}),t.jsxs(mn,{style:H,children:[t.jsx(Zt,{style:S,windowSize:N,children:Xe.cardDetails.cvv}),t.jsx(gn,{sourceId:i,scaleFactor:$,showSecretInfo:s&&p.cvv===!1&&p.number===!1,isCardDetailFetching:p.number===!0||p.cvv===!0||E||L,windowSize:N,children:Xe.cardDetails.cvvHideOut}),t.jsxs(on,{secretRevealed:u,sourceId:i,showSecretInfo:s&&p.cvv===!1&&p.number===!1,isCardDetailErrored:k,children:[t.jsx(nn,{scaleFactor:$,secretRevealed:u,sourceId:i,id:`SecretCvv-${i}`}),t.jsx(dn,{windowSize:N,scaleFactor:$,secretRevealed:u,id:`CvvCopyBtn-${i}`,sourceId:i}),ae===!0?t.jsx(Ut,{top:$*Ee.cvvCopiedSectionTop,width:"auto"}):null]})]})]})]})},an=r.div`
   display: ${e=>e.showSecretInfo?"block":"none"};
   height: ${e=>e.secretRevealed?"unset":a.sp0};
-  width: ${e=>e.secretRevealed?e.scaleFactor*Re.secretCardNumberWrapperWidth:l[0]}px;
+  width: ${e=>e.secretRevealed?e.scaleFactor*Ee.secretCardNumberWrapperWidth:l[0]}px;
   overflow: hidden;
   &:hover {
     background: ${e=>e.isCardDetailErrored?"transparent":d.neutralGrey5Light};
     border-radius: ${a.sp1};
   }
-`,tn=r.div`
-  min-height: ${e=>e.secretRevealed?e.scaleFactor*U.h6Regular.lineHeightValue:l[0]}px;
-  height: ${e=>e.secretRevealed?e.scaleFactor*U.h6Regular.lineHeightValue:l[0]}px;
+`,rn=r.div`
+  min-height: ${e=>e.secretRevealed?e.scaleFactor*_.h6Regular.lineHeightValue:l[0]}px;
+  height: ${e=>e.secretRevealed?e.scaleFactor*_.h6Regular.lineHeightValue:l[0]}px;
   width: ${e=>e.secretRevealed?"100%":a.sp0};
   overflow: hidden;
   position: relative;
-`,an=r.div`
+`,on=r.div`
   display: ${e=>e.showSecretInfo?"flex":"none"};
   height: ${e=>e.secretRevealed?"unset":a.sp0};
   min-height: ${e=>e.secretRevealed?"unset":a.sp0};
-  width: ${e=>e.secretRevealed?Re.secretCVVWrapperWidth:l[0]}px;
+  width: ${e=>e.secretRevealed?Ee.secretCVVWrapperWidth:l[0]}px;
   position: relative;
   &:hover {
     background: ${e=>e.isCardDetailErrored?"transparent":d.neutralGrey5Light};
     border-radius: ${a.sp1};
   }
-`,rn=r.div`
-  height: ${e=>e.secretRevealed?e.scaleFactor*U.h6Regular.lineHeightValue:l[0]}px;
-  width: ${e=>e.secretRevealed?Re.secretCVVWrapperWidth*e.scaleFactor:a.sp0};
+`,nn=r.div`
+  height: ${e=>e.secretRevealed?e.scaleFactor*_.h6Regular.lineHeightValue:l[0]}px;
+  width: ${e=>e.secretRevealed?Ee.secretCVVWrapperWidth*e.scaleFactor:a.sp0};
   overflow: hidden;
-`,on=r.div`
+`,sn=r.div`
   position: relative;
   padding: ${a.sp0} ${a.sp1};
   &:hover {
     background: ${e=>e.secretRevealed?d.neutralGrey5Light:"transparent"};
     border-radius: ${a.sp1};
   }
-`,nn=r.div`
-  height: ${e=>e.secretRevealed?e.scaleFactor*U.h6Regular.lineHeightValue:l[0]}px;
+`,dn=r.div`
+  height: ${e=>e.secretRevealed?e.scaleFactor*_.h6Regular.lineHeightValue:l[0]}px;
   width: ${e=>e.secretRevealed?"inherit":a.sp0};
   position: absolute;
   top: ${a.sp0};
   overflow: hidden;
   background: transparent;
   cursor: pointer;
-`,sn=r.div`
-  height: ${e=>e.secretRevealed?e.scaleFactor*U.h6Regular.lineHeightValue:l[0]}px;
+`,cn=r.div`
+  height: ${e=>e.secretRevealed?e.scaleFactor*_.h6Regular.lineHeightValue:l[0]}px;
   width: ${e=>e.secretRevealed?"inherit":a.sp0};
   position: absolute;
-  top: ${e=>e.scaleFactor*Re.cardNumberCopyBtnTop}px;
+  top: ${e=>e.scaleFactor*Ee.cardNumberCopyBtnTop}px;
   overflow: hidden;
   background: transparent;
   cursor: pointer;
-`,dn=r.div`
+`,ln=r.div`
   display: flex;
   flex-direction: column;
   padding: ${a.sp4} ${a.sp0} ${a.sp4} ${a.sp5};
   width: 75%;
   gap: ${a.sp4};
-`,cn=r.div`
+`,hn=r.div`
   position: relative;
   width: max-content;
 `,Zt=r(ge)`
@@ -118,65 +118,65 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   position: relative;
   font-size: ${e=>Va.CardInfoTitleSize.valuePx(e.windowSize)};
   line-height: ${e=>Va.CardInfoTitleLineHeight.valuePx(e.windowSize)};
-`,ln=r(Dt)`
+`,pn=r(Dt)`
   display: ${e=>e.showSecretInfo===!0?"none":"block"};
   padding-left: ${a.sp1};
   color: ${e=>e.isCardDetailFetching?e.theme.colors.grey1:e.theme.colors.brandColorOnyx};
   opacity: 0.7;
-  margin-top: ${e=>Re.maskedCardNumberMarginTop.valuePx(e.windowSize)};
+  margin-top: ${e=>Ee.maskedCardNumberMarginTop.valuePx(e.windowSize)};
   margin-left: -2px;
-  font-size: ${e=>e.scaleFactor*U.chargeCardNumberText.fontSizeValue}px;
-  line-height: ${e=>e.scaleFactor*U.chargeCardNumberText.lineHeightValue}px;
+  font-size: ${e=>e.scaleFactor*_.chargeCardNumberText.fontSizeValue}px;
+  line-height: ${e=>e.scaleFactor*_.chargeCardNumberText.lineHeightValue}px;
   -webkit-font-smoothing: initial;
   -moz-osx-font-smoothing: initial;
   word-wrap: "break-word";
-`,hn=r.div`
+`,un=r.div`
   position: relative;
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   gap: ${a.sp4};
-`,pn=r.div`
+`,mn=r.div`
   display: flex;
   flex-direction: column;
   margin-right: ${a.sp5};
-`,un=r(Dt)`
+`,gn=r(Dt)`
   display: ${e=>e.showSecretInfo?"none":"block"};
   padding-left: ${a.sp1};
   opacity: 0.7;
   color: ${e=>e.isCardDetailFetching?e.theme.colors.grey1:e.theme.colors.brandColorOnyx};
-  font-size: ${e=>e.scaleFactor*U.chargeCardNumberText.fontSizeValue}px;
-  line-height: ${e=>e.scaleFactor*U.chargeCardNumberText.lineHeightValue}px;
+  font-size: ${e=>e.scaleFactor*_.chargeCardNumberText.fontSizeValue}px;
+  line-height: ${e=>e.scaleFactor*_.chargeCardNumberText.lineHeightValue}px;
   -webkit-font-smoothing: initial;
   -moz-osx-font-smoothing: initial;
   word-wrap: "break-word";
-`,mn=r.div`
+`,Cn=r.div`
   display: flex;
   flex-direction: column;
-`,gn=r(Dt)`
+`,fn=r(Dt)`
   color: ${e=>e.isCardDetailFetching?e.theme.colors.grey1:e.theme.colors.brandColorOnyx};
   opacity: 0.7;
-  font-size: ${e=>e.scaleFactor*U.chargeCardNumberText.fontSizeValue}px;
-  line-height: ${e=>e.scaleFactor*U.chargeCardNumberText.lineHeightValue}px;
+  font-size: ${e=>e.scaleFactor*_.chargeCardNumberText.fontSizeValue}px;
+  line-height: ${e=>e.scaleFactor*_.chargeCardNumberText.lineHeightValue}px;
   -webkit-font-smoothing: initial;
   -moz-osx-font-smoothing: initial;
   word-wrap: "break-word";
-`,Cn=r(Dt)`
+`,wn=r(Dt)`
   display: ${e=>e.secretRevealed?"block":"none"};
   color: ${e=>e.theme.colors.brandColorOnyx};
   border-radius: ${a.sp1};
   opacity: 0.7;
   padding-left: ${e=>e.secretRevealed===!0?a.sp0:a.sp1};
-  font-size: ${e=>e.scaleFactor*U.chargeCardNumberText.fontSizeValue}px;
-  line-height: ${e=>e.scaleFactor*U.chargeCardNumberText.lineHeightValue}px;
+  font-size: ${e=>e.scaleFactor*_.chargeCardNumberText.fontSizeValue}px;
+  line-height: ${e=>e.scaleFactor*_.chargeCardNumberText.lineHeightValue}px;
   -webkit-font-smoothing: initial;
   -moz-osx-font-smoothing: initial;
   word-wrap: "break-word";
-`,fn=r(gt)`
+`,xn=r(gt)`
   height: ${a.sp3};
   width: ${a.sp3};
   color: ${d.success};
-`,wn=r.div`
+`,bn=r.div`
   position: absolute;
   display: flex;
   align-items: center;
@@ -184,32 +184,32 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   width: 100%;
   justify-content: center;
   z-index: 1;
-`,xn=r(ge)`
+`,Sn=r(ge)`
   color: ${d.primaryDark};
   padding: 2px ${a.sp2};
   background-color: ${d.blackColor};
-`,{common:bn,spendManagement:{chargeCard:{cardDetails:ve}}}=ke.getLocalizedStrings(),xe={chargeCardWidth:384,chargeCardHeight:240,cardLoadingShineWidth:200,cardLoadingShineHeight:240,zeniLogoWidth:l[6],zeniLogoHeight:l[6],visaLogoWidth:l[6],visaLogoHeight:13,cardTintIconWidth:277,cardTintIconHeight:242,colorPaletteLeftTransitionValue:-350,rightSectionWidth:384,rightSectionHeight:240,cardContainerContentGap:new T(l[4],l[4],l[4],l[3])},Hr=({isChargeCardAdmin:e,chargeCardDetailView:i,productInformation:s,cashbackInformation:u,creditAccountInformation:h,debitAccountInformation:f,secretRevealed:c,isOwnCard:g,vgsVaultId:m,showSecretInfo:x,controllerEmails:b,isChargeCardFeatureEnabled:n,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:w,isChargeCardSetupEnabled:j,chargeCardCashbackDetailState:y,creditAccount:k,creditAccountRepayment:I,isShowingInDrawer:p,isSandboxEnv:E,isCardDetailErrored:S,signedInUserToken:O,selectedColor:H,cardDetailsFetchState:v,setCardDetailsFetchState:Y,setIsCardDetailErrored:K,setShowSecretInfo:_,setSecretRevealed:D,setShowPhoneNumberForOtp:oe,isCardDetailFetching:Q,handleColorCodeClick:ne,onFireOnClickAnalytics:N,onUnlockChargeCard:Z})=>{const[W,ae]=o.useState(!1),[ee,re]=o.useState(!1),[se,P]=o.useState(!1),[de,G]=o.useState(!1),[$,q]=o.useState(!1),[B,le]=o.useState(!1),[A,z]=o.useState(()=>{const fe=i.chargeCard?.status.code;return fe==="locked"||fe==="closed"||fe==="closed_by_customer"}),[ce,ie]=o.useState(!1),[L,je]=o.useState(!1),Ce=o.useRef(void 0),Fe=i.chargeCard?.type.code??"business_virtual_credit_card",{isMobileOrTabletScreen:X}=xr(),te=Le(),M=p?.75:te==="small"?.85:1,be=i.lockChargeCardsFetchState.fetchState,Ae=et(be),me=i.unlockChargeCardsFetchState.fetchState,He=et(me),Ye=i.closeChargeCardsFetchState.fetchState,at=et(Ye),pe=i.chargeCard?.status.code==="locked",R=i.chargeCard?.status.code==="closed"||i.chargeCard?.status.code==="closed_by_customer",[he]=Wt("UnlockCard"),[F]=Wt("LockCard"),[qe]=Wt("CloseCard");o.useEffect(()=>{if(!(ee&&pe)){P(!1);return}const fe=setTimeout(()=>{P(!0)},400);return()=>clearTimeout(fe)},[ee,pe]),o.useEffect(()=>{(pe||R)&&!A&&(z(!0),ie(!1))},[pe,R]),o.useEffect(()=>{Ae==="In-Progress"&&be==="Completed"&&(Ce.current&&clearTimeout(Ce.current),G(!1),z(!1),ie(!0),setTimeout(()=>{G(!0)},0),Ce.current=setTimeout(()=>{G(!1),z(!0),re(!1)},1e3))},[be,Ae]),o.useEffect(()=>{He==="In-Progress"&&me==="Completed"&&(Ce.current&&clearTimeout(Ce.current),je(!0),q(!1),setTimeout(()=>{q(!0)},0),Ce.current=setTimeout(()=>{q(!1),z(!1),je(!1)},1e3))},[me,He]),o.useEffect(()=>{at==="In-Progress"&&Ye==="Completed"&&(Ce.current&&clearTimeout(Ce.current),le(!1),z(!1),ie(!0),setTimeout(()=>{le(!0)},0),Ce.current=setTimeout(()=>{le(!1),z(!0)},1e3))},[Ye,at]);const Pe=X?ve.tapCardCopyText:ve.scanNowAndAddToWallet,dt=X?ve.tapCardCopyText:t.jsxs(vn,{children:[t.jsx(Yn,{}),ve.clickTheCardToFetchDetailsText]}),ze=i.chargeCard?.isLockedByAdmin??!1,ft=te==="small"?ve.tapCardCopyText:ve.clickTheCardToCopyDetailsText,ct=te==="small"?ve.tapCardCopyText:ve.clickTheCardToFetchDetailsText,wt=p?Pe:ft,xt=p?dt:ct,Me=Q(v)||i.updateFetchState.fetchState==="In-Progress"||i.unlockChargeCardsFetchState.fetchState==="In-Progress",lt=(v.cvv!==!0||v.number!==!0)&&g,Te=!!i.chargeCard?.type.code.includes("debit");return t.jsxs(An,{windowSize:te,scaleFactor:M,children:[t.jsxs(Rn,{isCardLocked:pe,isChargeCardAdmin:e,isLockedByAdmin:ze,unlockFetchState:i.unlockChargeCardsFetchState.fetchState,onClick:fe=>{fe.stopPropagation(),pe&&me!=="In-Progress"&&(e||!ze)&&Z(e)},onMouseEnter:()=>{(e||!ze)&&me!=="In-Progress"&&re(!0)},onMouseLeave:()=>{(e||!ze)&&me!=="In-Progress"&&re(!1)},children:[c&&p?t.jsxs(t.Fragment,{children:[t.jsx(Un,{}),t.jsx(_n,{}),t.jsx(Zn,{}),t.jsx(Gn,{})]}):null,t.jsx(En,{play:A,animate:ce,fadeOut:L,unlockInProgress:me==="In-Progress"||L||He==="In-Progress"&&me==="Completed"}),$&&he!=null?t.jsx(Ut,{style:{width:a.sp9,height:a.sp9,position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:2,backgroundColor:d.lockCardOverlayBackground,borderRadius:a.sp11},animationData:he,loop:!1,play:$,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):B&&qe!=null?t.jsx(Ut,{style:{width:56,height:56,position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:2},animationData:qe,loop:!1,play:B,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):A?R?t.jsx(Hn,{}):me==="In-Progress"?t.jsx(zn,{}):L||He==="In-Progress"&&me==="Completed"?null:t.jsx(On,{isHovered:ee&&pe,children:t.jsxs(Vn,{isHovered:ee&&pe,children:[t.jsx(Nr,{}),t.jsx(Mn,{isVisible:ee&&pe,shouldEnterLayout:se,children:ve.moreOptions.unlock})]})}):de&&F!=null?t.jsx(Ut,{style:{width:72,height:72,position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:2},animationData:F,loop:!1,play:de,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):null,Fe.includes("virtual")?t.jsxs(Fn,{isShowingInDrawer:p,isOwnCard:g,scaleFactor:M,bgColor:H?.toString(),showColorPalette:W,isDebitCard:Te,"data-testid":J("virtual-charge-card-detail"),onClick:()=>{W===!1&&g===!0&&Q(v)===!1&&me!=="In-Progress"&&pe===!1&&Fa({signedInUserToken:O,showSecretInfo:x,setShowPhoneNumberPopup:oe,onFireOnClickAnalytics:N,setShowSecretInfo:_})},enableClick:lt&&!pe&&!R||pe&&me!=="In-Progress",cardDetailsFetchState:Me||i.chargeCard?.cardColorCode===void 0,children:[t.jsx(Na,{scaleFactor:M,shouldAppear:Me||i.chargeCard?.cardColorCode===void 0}),t.jsx(Uo,{leftTransitionValue:M*xe.colorPaletteLeftTransitionValue,hasBorderShadow:!1,tickStyles:{width:"12px",height:"12px"},colorInState:i.chargeCard?.cardColorCode!=null?new Qe(i.chargeCard.cardColorCode):void 0,styles:{height:"100%",maxWidth:"78%",top:p?"unset":a.sp0,left:W?a.sp0:`${M*xe.colorPaletteLeftTransitionValue}px`},coloredCircleStyles:{width:a.sp4,height:a.sp4,margin:"unset"},colorPaletteTitleStyles:{padding:`${a.sp5} ${a.sp7} ${a.sp3} ${a.sp5}`},closeStyles:{width:a.sp3,height:a.sp3},ColorListStyles:{gap:a.sp3},isColorPaletteVisible:W,toggleColorPaletteVisibility:fe=>{ae(fe)},handleColorClick:(fe,ht)=>{ne(fe,ht),ht&&ae(!1)}}),t.jsx(Wn,{scaleFactor:M}),t.jsx(Oa,{productInformation:s,cashbackInformation:u,creditAccountInformation:h,debitAccountInformation:f,secretRevealed:c,setSecretRevealed:D,onFireOnClickAnalytics:N,isCardColorUndefined:i.chargeCard?.cardColorCode==null,isCardColorUpdating:i.updateFetchState.fetchState==="In-Progress",isSandboxEnv:E,cardDetailsFetchState:v,setCardDetailsFetchState:Y,isCardDetailErrored:S,setIsCardDetailErrored:K,chargeCard:i.chargeCard,vgsVaultId:m,showSecretInfo:x,creditAccountRepayment:I,token:O?.token,isDebitCard:Te,depositAccountLimitFetchState:i.depositAccountLimitFetchState.fetchState,controllerEmails:b,isChargeCardFeatureEnabled:n,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:w,isChargeCardSetupEnabled:j,creditAccount:k,chargeCardCashbackDetailState:y,cardInfoTitleStyles:{...U.extraSmallRegular.cssObject},styles:{gap:`${a.sp3}`,paddingLeft:`${a.sp4}`},cvvSecStyles:{minWidth:"39px",marginRight:`${a.sp3}`},sourceId:p?"addToWalletDrawer":"cardDetail"}),t.jsxs(Ba,{children:[t.jsxs(Nn,{children:[t.jsx(Wa,{scaleFactor:M}),t.jsx(Dn,{onClick:fe=>{fe.stopPropagation(),g&&ae(!W)},"data-testid":J("card-color-selector"),children:g?t.jsx(Qt,{enterDelay:600,title:ve.cardColours,placement:"left",children:t.jsx(Ha,{isShowingInDrawer:p})}):t.jsx(Ha,{isShowingInDrawer:p})})]}),t.jsx(kn,{scaleFactor:M})]})]}):t.jsxs(qn,{scaleFactor:M,enableClick:lt&&!pe&&!R||pe&&me!=="In-Progress",isOwnCard:g,isShowingInDrawer:p,onClick:()=>{g===!0&&pe===!1&&me!=="In-Progress"&&Q(v)===!1&&Fa({signedInUserToken:O,showSecretInfo:x,setShowPhoneNumberPopup:oe,onFireOnClickAnalytics:N,setShowSecretInfo:_})},"data-testid":J("physical-charge-card-detail"),children:[t.jsx(Na,{scaleFactor:M,shouldAppear:Me}),t.jsxs(Xn,{flipCard:c,children:[t.jsx(Jn,{children:t.jsx($r,{scaleFactor:M,isClickable:lt,isLoading:Me,isDebitCard:Te})}),x?t.jsxs(Kn,{isDebitCard:Te,children:[t.jsx(Oa,{productInformation:s,cashbackInformation:u,creditAccountInformation:h,debitAccountInformation:f,secretRevealed:c,setSecretRevealed:D,onFireOnClickAnalytics:N,isCardColorUndefined:i.chargeCard?.cardColorCode==null,isCardColorUpdating:i.updateFetchState.fetchState==="In-Progress",isSandboxEnv:E,cardDetailsFetchState:v,setCardDetailsFetchState:Y,isCardDetailErrored:S,setIsCardDetailErrored:K,chargeCard:i.chargeCard,vgsVaultId:m,showSecretInfo:x,token:O?.token,isDebitCard:Te,depositAccountLimitFetchState:i.depositAccountLimitFetchState.fetchState,controllerEmails:b,isChargeCardFeatureEnabled:n,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:w,isChargeCardSetupEnabled:j,creditAccount:i.creditAccount,creditAccountRepayment:I,chargeCardCashbackDetailState:y,cardInfoTitleStyles:{...U.extraSmallRegular.cssObject},styles:{gap:`${a.sp3}`,paddingLeft:`${a.sp4}`},cvvSecStyles:{minWidth:"39px",marginRight:`${a.sp3}`},sourceId:p?"addToWalletDrawer":"cardDetail"}),t.jsx(Ba,{children:t.jsx(Bn,{children:t.jsx(Wa,{scaleFactor:M})})})]}):null]})]})]}),R?t.jsx(Sn,{children:ve.cardClosedMessage}):ze&&!e?t.jsx(yn,{children:ve.cardLockedByAdminMessage}):pe?t.jsx(Gt,{children:ve.cardLockedMessage}):g===!0&&!Me?v.cvv===!0&&v.number===!0?t.jsx(Pn,{children:bn.loading}):S?t.jsx($n,{}):t.jsx(Gt,{children:c?wt:xt}):Me?t.jsx(Gt,{children:ve.loading}):null]})},Sn=r(ge)`
+`,{common:yn,spendManagement:{chargeCard:{cardDetails:ve}}}=ke.getLocalizedStrings(),xe={chargeCardWidth:384,chargeCardHeight:240,cardLoadingShineWidth:200,cardLoadingShineHeight:240,zeniLogoWidth:l[6],zeniLogoHeight:l[6],visaLogoWidth:l[6],visaLogoHeight:13,cardTintIconWidth:277,cardTintIconHeight:242,colorPaletteLeftTransitionValue:-350,rightSectionWidth:384,rightSectionHeight:240,cardContainerContentGap:new T(l[4],l[4],l[4],l[3])},Or=({isChargeCardAdmin:e,chargeCardDetailView:i,productInformation:s,cashbackInformation:u,creditAccountInformation:h,debitAccountInformation:f,secretRevealed:c,isOwnCard:g,vgsVaultId:m,showSecretInfo:x,controllerEmails:b,isChargeCardFeatureEnabled:n,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:w,isChargeCardSetupEnabled:j,chargeCardCashbackDetailState:y,creditAccount:k,creditAccountRepayment:L,isShowingInDrawer:p,isSandboxEnv:E,isCardDetailErrored:S,signedInUserToken:O,selectedColor:H,cardDetailsFetchState:v,setCardDetailsFetchState:q,setIsCardDetailErrored:J,setShowSecretInfo:U,setSecretRevealed:D,setShowPhoneNumberForOtp:oe,isCardDetailFetching:K,handleColorCodeClick:ne,onFireOnClickAnalytics:N,onUnlockChargeCard:Z})=>{const[W,ae]=o.useState(!1),[Q,re]=o.useState(!1),[se,z]=o.useState(!1),[de,G]=o.useState(!1),[$,Y]=o.useState(!1),[B,le]=o.useState(!1),[A,P]=o.useState(()=>{const fe=i.chargeCard?.status.code;return fe==="locked"||fe==="closed"||fe==="closed_by_customer"}),[ce,ie]=o.useState(!1),[I,je]=o.useState(!1),Ce=o.useRef(void 0),Re=i.chargeCard?.type.code??"business_virtual_credit_card",{isMobileOrTabletScreen:te}=xr(),ee=Ie(),M=p?.75:ee==="small"?.85:1,be=i.lockChargeCardsFetchState.fetchState,Ae=et(be),me=i.unlockChargeCardsFetchState.fetchState,He=et(me),qe=i.closeChargeCardsFetchState.fetchState,at=et(qe),pe=i.chargeCard?.status.code==="locked",F=i.chargeCard?.status.code==="closed"||i.chargeCard?.status.code==="closed_by_customer",[he]=Wt("UnlockCard"),[R]=Wt("LockCard"),[Ye]=Wt("CloseCard");o.useEffect(()=>{if(!(Q&&pe)){z(!1);return}const fe=setTimeout(()=>{z(!0)},400);return()=>clearTimeout(fe)},[Q,pe]),o.useEffect(()=>{(pe||F)&&!A&&(P(!0),ie(!1))},[pe,F]),o.useEffect(()=>{Ae==="In-Progress"&&be==="Completed"&&(Ce.current&&clearTimeout(Ce.current),G(!1),P(!1),ie(!0),setTimeout(()=>{G(!0)},0),Ce.current=setTimeout(()=>{G(!1),P(!0),re(!1)},1e3))},[be,Ae]),o.useEffect(()=>{He==="In-Progress"&&me==="Completed"&&(Ce.current&&clearTimeout(Ce.current),je(!0),Y(!1),setTimeout(()=>{Y(!0)},0),Ce.current=setTimeout(()=>{Y(!1),P(!1),je(!1)},1e3))},[me,He]),o.useEffect(()=>{at==="In-Progress"&&qe==="Completed"&&(Ce.current&&clearTimeout(Ce.current),le(!1),P(!1),ie(!0),setTimeout(()=>{le(!0)},0),Ce.current=setTimeout(()=>{le(!1),P(!0)},1e3))},[qe,at]);const ze=te?ve.tapCardCopyText:ve.scanNowAndAddToWallet,dt=te?ve.tapCardCopyText:t.jsxs(jn,{children:[t.jsx(Xn,{}),ve.clickTheCardToFetchDetailsText]}),Pe=i.chargeCard?.isLockedByAdmin??!1,ft=ee==="small"?ve.tapCardCopyText:ve.clickTheCardToCopyDetailsText,ct=ee==="small"?ve.tapCardCopyText:ve.clickTheCardToFetchDetailsText,wt=p?ze:ft,xt=p?dt:ct,Me=K(v)||i.updateFetchState.fetchState==="In-Progress"||i.unlockChargeCardsFetchState.fetchState==="In-Progress",lt=(v.cvv!==!0||v.number!==!0)&&g,Te=!!i.chargeCard?.type.code.includes("debit");return t.jsxs(En,{windowSize:ee,scaleFactor:M,children:[t.jsxs(Rn,{isCardLocked:pe,isChargeCardAdmin:e,isLockedByAdmin:Pe,unlockFetchState:i.unlockChargeCardsFetchState.fetchState,onClick:fe=>{fe.stopPropagation(),pe&&me!=="In-Progress"&&(e||!Pe)&&Z(e)},onMouseEnter:()=>{(e||!Pe)&&me!=="In-Progress"&&re(!0)},onMouseLeave:()=>{(e||!Pe)&&me!=="In-Progress"&&re(!1)},children:[c&&p?t.jsxs(t.Fragment,{children:[t.jsx(Zn,{}),t.jsx(Gn,{}),t.jsx(qn,{}),t.jsx(Yn,{})]}):null,t.jsx(zn,{play:A,animate:ce,fadeOut:I,unlockInProgress:me==="In-Progress"||I||He==="In-Progress"&&me==="Completed"}),$&&he!=null?t.jsx(_t,{style:{width:a.sp9,height:a.sp9,position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:2,backgroundColor:d.lockCardOverlayBackground,borderRadius:a.sp11},animationData:he,loop:!1,play:$,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):B&&Ye!=null?t.jsx(_t,{style:{width:56,height:56,position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:2},animationData:Ye,loop:!1,play:B,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):A?F?t.jsx(Bn,{}):me==="In-Progress"?t.jsx(Vn,{}):I||He==="In-Progress"&&me==="Completed"?null:t.jsx(Nn,{isHovered:Q&&pe,children:t.jsxs(Hn,{isHovered:Q&&pe,children:[t.jsx(Hr,{}),t.jsx(On,{isVisible:Q&&pe,shouldEnterLayout:se,children:ve.moreOptions.unlock})]})}):de&&R!=null?t.jsx(_t,{style:{width:72,height:72,position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:2},animationData:R,loop:!1,play:de,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):null,Re.includes("virtual")?t.jsxs(Pn,{isShowingInDrawer:p,isOwnCard:g,scaleFactor:M,bgColor:H?.toString(),showColorPalette:W,isDebitCard:Te,"data-testid":X("virtual-charge-card-detail"),onClick:()=>{W===!1&&g===!0&&K(v)===!1&&me!=="In-Progress"&&pe===!1&&Ra({signedInUserToken:O,showSecretInfo:x,setShowPhoneNumberPopup:oe,onFireOnClickAnalytics:N,setShowSecretInfo:U})},enableClick:lt&&!pe&&!F||pe&&me!=="In-Progress",cardDetailsFetchState:Me||i.chargeCard?.cardColorCode===void 0,children:[t.jsx(Na,{scaleFactor:M,shouldAppear:Me||i.chargeCard?.cardColorCode===void 0}),t.jsx(Zo,{leftTransitionValue:M*xe.colorPaletteLeftTransitionValue,hasBorderShadow:!1,tickStyles:{width:"12px",height:"12px"},colorInState:i.chargeCard?.cardColorCode!=null?new Qe(i.chargeCard.cardColorCode):void 0,styles:{height:"100%",maxWidth:"78%",top:p?"unset":a.sp0,left:W?a.sp0:`${M*xe.colorPaletteLeftTransitionValue}px`},coloredCircleStyles:{width:a.sp4,height:a.sp4,margin:"unset"},colorPaletteTitleStyles:{padding:`${a.sp5} ${a.sp7} ${a.sp3} ${a.sp5}`},closeStyles:{width:a.sp3,height:a.sp3},ColorListStyles:{gap:a.sp3},isColorPaletteVisible:W,toggleColorPaletteVisibility:fe=>{ae(fe)},handleColorClick:(fe,ht)=>{ne(fe,ht),ht&&ae(!1)}}),t.jsx(Un,{scaleFactor:M}),t.jsx(Oa,{productInformation:s,cashbackInformation:u,creditAccountInformation:h,debitAccountInformation:f,secretRevealed:c,setSecretRevealed:D,onFireOnClickAnalytics:N,isCardColorUndefined:i.chargeCard?.cardColorCode==null,isCardColorUpdating:i.updateFetchState.fetchState==="In-Progress",isSandboxEnv:E,cardDetailsFetchState:v,setCardDetailsFetchState:q,isCardDetailErrored:S,setIsCardDetailErrored:J,chargeCard:i.chargeCard,vgsVaultId:m,showSecretInfo:x,creditAccountRepayment:L,token:O?.token,isDebitCard:Te,depositAccountLimitFetchState:i.depositAccountLimitFetchState.fetchState,controllerEmails:b,isChargeCardFeatureEnabled:n,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:w,isChargeCardSetupEnabled:j,creditAccount:k,chargeCardCashbackDetailState:y,cardInfoTitleStyles:{..._.extraSmallRegular.cssObject},styles:{gap:`${a.sp3}`,paddingLeft:`${a.sp4}`},cvvSecStyles:{minWidth:"39px",marginRight:`${a.sp3}`},sourceId:p?"addToWalletDrawer":"cardDetail"}),t.jsxs(Ba,{children:[t.jsxs(Wn,{children:[t.jsx(Wa,{scaleFactor:M}),t.jsx(Tn,{onClick:fe=>{fe.stopPropagation(),g&&ae(!W)},"data-testid":X("card-color-selector"),children:g?t.jsx(Qt,{enterDelay:600,title:ve.cardColours,placement:"left",children:t.jsx(Ha,{isShowingInDrawer:p})}):t.jsx(Ha,{isShowingInDrawer:p})})]}),t.jsx(In,{scaleFactor:M})]})]}):t.jsxs(Jn,{scaleFactor:M,enableClick:lt&&!pe&&!F||pe&&me!=="In-Progress",isOwnCard:g,isShowingInDrawer:p,onClick:()=>{g===!0&&pe===!1&&me!=="In-Progress"&&K(v)===!1&&Ra({signedInUserToken:O,showSecretInfo:x,setShowPhoneNumberPopup:oe,onFireOnClickAnalytics:N,setShowSecretInfo:U})},"data-testid":X("physical-charge-card-detail"),children:[t.jsx(Na,{scaleFactor:M,shouldAppear:Me}),t.jsxs(Kn,{flipCard:c,children:[t.jsx(Qn,{children:t.jsx($r,{scaleFactor:M,isClickable:lt,isLoading:Me,isDebitCard:Te})}),x?t.jsxs(es,{isDebitCard:Te,children:[t.jsx(Oa,{productInformation:s,cashbackInformation:u,creditAccountInformation:h,debitAccountInformation:f,secretRevealed:c,setSecretRevealed:D,onFireOnClickAnalytics:N,isCardColorUndefined:i.chargeCard?.cardColorCode==null,isCardColorUpdating:i.updateFetchState.fetchState==="In-Progress",isSandboxEnv:E,cardDetailsFetchState:v,setCardDetailsFetchState:q,isCardDetailErrored:S,setIsCardDetailErrored:J,chargeCard:i.chargeCard,vgsVaultId:m,showSecretInfo:x,token:O?.token,isDebitCard:Te,depositAccountLimitFetchState:i.depositAccountLimitFetchState.fetchState,controllerEmails:b,isChargeCardFeatureEnabled:n,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:w,isChargeCardSetupEnabled:j,creditAccount:i.creditAccount,creditAccountRepayment:L,chargeCardCashbackDetailState:y,cardInfoTitleStyles:{..._.extraSmallRegular.cssObject},styles:{gap:`${a.sp3}`,paddingLeft:`${a.sp4}`},cvvSecStyles:{minWidth:"39px",marginRight:`${a.sp3}`},sourceId:p?"addToWalletDrawer":"cardDetail"}),t.jsx(Ba,{children:t.jsx(_n,{children:t.jsx(Wa,{scaleFactor:M})})})]}):null]})]})]}),F?t.jsx($n,{children:ve.cardClosedMessage}):Pe&&!e?t.jsx(vn,{children:ve.cardLockedByAdminMessage}):pe?t.jsx(Gt,{children:ve.cardLockedMessage}):g===!0&&!Me?v.cvv===!0&&v.number===!0?t.jsx(Mn,{children:yn.loading}):S?t.jsx(kn,{}):t.jsx(Gt,{children:c?wt:xt}):Me?t.jsx(Gt,{children:ve.loading}):null]})},$n=r(ge)`
   color: ${d.important};
-`,yn=r(ge)`
+`,vn=r(ge)`
   color: ${e=>e.theme.colors.primary};
-`,$n=()=>t.jsxs(In,{children:[t.jsx(jn,{}),t.jsx(Ln,{children:ve.failedToFetchCardWebText})]}),vn=r.div`
+`,kn=()=>t.jsxs(An,{children:[t.jsx(Ln,{}),t.jsx(Dn,{children:ve.failedToFetchCardWebText})]}),jn=r.div`
   display: flex;
   align-items: center;
   gap: ${a.sp2};
-`,kn=r(oo)`
+`,In=r(no)`
   width: ${e=>e.scaleFactor*xe.visaLogoWidth}px;
   height: ${e=>e.scaleFactor*xe.visaLogoHeight}px;
-`,jn=r(ho)`
+`,Ln=r(po)`
   width: ${a.sp3};
   height: ${a.sp3};
   color: ${d.alert};
-`,Ln=r(ge)`
+`,Dn=r(ge)`
   color: ${d.alert};
-`,In=r.div`
+`,An=r.div`
   display: flex;
   align-items: center;
   gap: ${a.sp1};
-`,Dn=r.div`
+`,Tn=r.div`
   border-radius: 50%;
   display: flex;
   justify-content: center;
@@ -220,7 +220,7 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   height: ${e=>e.isShowingInDrawer?7:10}px;
   border: 1px solid ${d.backgroundThemeLight};
   border-radius: 50%;
-`,An=r.div`
+`,En=r.div`
   min-height: ${e=>`calc(${e.scaleFactor*xe.rightSectionHeight}px + ${a.sp2})`};
   min-width: ${e=>`calc(${e.scaleFactor*xe.rightSectionWidth}px + ${a.sp2})`};
   display: flex;
@@ -230,7 +230,7 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   gap: ${e=>xe.cardContainerContentGap.valuePx(e.windowSize)};
 `,Gt=r(ge)`
   color: ${e=>e.theme.colors.primary};
-`,Tn=zr`
+`,Fn=zr`
 	0% {
     transform: translateX(-100%);
   }
@@ -242,7 +242,7 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   overflow: hidden;
   border-radius: ${a.sp2};
   cursor: ${e=>e.isCardLocked&&e.unlockFetchState!=="In-Progress"&&(e.isChargeCardAdmin||!e.isLockedByAdmin)?"pointer":"default"};
-`,En=r.div`
+`,zn=r.div`
   position: absolute;
   top: 50%;
   left: 50%;
@@ -267,7 +267,7 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   height: ${e=>e.scaleFactor*xe.cardLoadingShineHeight}px;
   position: absolute;
   transform: translateX(-180%);
-  animation: ${Tn} 1.5s infinite;
+  animation: ${Fn} 1.5s infinite;
   background: ${we`linear-gradient(to right, transparent 0%, ${d.backgroundThemeLight} 50%, transparent 100%)`};
 `,Ba=r.div`
   display: flex;
@@ -276,7 +276,7 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   align-items: center;
   width: 25%;
   padding: ${a.sp4} ${a.sp0};
-`,Fn=r.div`
+`,Pn=r.div`
   background: ${e=>e.cardDetailsFetchState?d.chargeCardFaded:e.bgColor??(e.isDebitCard?e.theme.colors.graphColor15:e.theme.colors.brandColorJade)};
   border-radius: ${a.sp2};
   width: ${e=>e.scaleFactor*xe.chargeCardWidth}px;
@@ -317,21 +317,21 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
             pointer-events: none;
           `:null};
   }
-`,Pn=r(ge)`
+`,Mn=r(ge)`
   color: ${e=>e.theme.colors.primary};
   text-transform: capitalize;
-`,Wa=r(io)`
+`,Wa=r(oo)`
   height: ${e=>e.scaleFactor*xe.zeniLogoHeight}px;
   width: ${e=>e.scaleFactor*xe.zeniLogoWidth}px;
   color: ${d.neutralGrey5Light};
-`,Nr=r(ao)`
+`,Hr=r(ro)`
   width: ${a.sp5};
   height: ${a.sp5};
   min-width: ${a.sp5};
   min-height: ${a.sp5};
   box-sizing: content-box;
   color: ${d.neutralGrey5Light};
-`,zn=r(Nr)`
+`,Vn=r(Hr)`
   position: absolute;
   top: 50%;
   left: 50%;
@@ -340,7 +340,7 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   padding: ${a.sp3};
   border-radius: ${a.sp11};
   background: ${d.lockCardOverlayBackground};
-`,Mn=r(Ar)`
+`,On=r(Ar)`
   color: ${d.neutralGrey5Light};
   white-space: nowrap;
   opacity: ${e=>e.isVisible?1:0};
@@ -361,12 +361,12 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
     flex 400ms cubic-bezier(0.4, 0, 0.2, 1),
     max-width 400ms cubic-bezier(0.4, 0, 0.2, 1),
     margin-left 400ms cubic-bezier(0.4, 0, 0.2, 1);
-`,Vn=r.div`
+`,Hn=r.div`
   display: flex;
   align-items: center;
   gap: 0;
   position: relative;
-`,On=r.div`
+`,Nn=r.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -381,7 +381,7 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   z-index: 2;
   transition: background 400ms ease-in-out;
   pointer-events: none;
-`,Hn=r(to)`
+`,Bn=r(ao)`
   position: absolute;
   top: 50%;
   left: 50%;
@@ -393,48 +393,48 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   background: ${d.importantLight};
   padding: 12px;
   border-radius: 50%;
-`,Nn=r.div`
+`,Wn=r.div`
   display: flex;
   flex-direction: column;
   gap: 35px;
-`,Bn=r.div`
+`,_n=r.div`
   display: flex;
   flex-direction: column;
   gap: ${a.sp4};
-`,Wn=r(ro)`
+`,Un=r(io)`
   position: absolute;
   width: ${e=>e.scaleFactor*xe.cardTintIconWidth}px;
   height: ${e=>e.scaleFactor*xe.cardTintIconHeight}px;
   top: -1px;
-`,Un=r(Lo)`
+`,Zn=r(Do)`
   height: 36px;
   width: 36px;
   position: absolute;
   right: -${a.sp3};
   top: -${a.sp3};
-`,_n=r(Io)`
+`,Gn=r(Ao)`
   height: 36px;
   width: 36px;
   position: absolute;
   left: -${a.sp3};
   top: -${a.sp3};
-`,Zn=r(Do)`
+`,qn=r(To)`
   height: 36px;
   width: 36px;
   position: absolute;
   right: -${a.sp3};
   bottom: -${a.sp3};
-`,Gn=r(Ao)`
+`,Yn=r(Eo)`
   height: 36px;
   width: 36px;
   position: absolute;
   left: -${a.sp3};
   bottom: -${a.sp3};
-`,Yn=r(Dr)`
+`,Xn=r(Dr)`
   color: ${e=>e.theme.colors.hero};
   width: ${a.sp3};
   height: ${a.sp3};
-`,qn=r.div`
+`,Jn=r.div`
   cursor: ${e=>e.enableClick?"pointer":"not-allowed"};
   width: ${e=>e.scaleFactor*xe.chargeCardWidth}px;
   height: ${e=>e.scaleFactor*xe.chargeCardHeight}px;
@@ -465,20 +465,20 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
             pointer-events: none;
           `:null};
   }
-`,Xn=r.div`
+`,Kn=r.div`
   position: relative;
   width: 100%;
   height: 100%;
   transition: transform 0.8s;
   transform-style: preserve-3d;
   transform: ${e=>e.flipCard?"rotateY(180deg)":"rotateY(0deg)"};
-`,Jn=r.div`
+`,Qn=r.div`
   position: absolute;
   width: 100%;
   height: 100%;
   -webkit-backface-visibility: hidden; /* Safari */
   backface-visibility: hidden;
-`,Kn=r.div`
+`,es=r.div`
   position: absolute;
   background: ${e=>e.isDebitCard?e.theme.colors.brandColorJadeDark:e.theme.colors.brandColorJade};
   width: inherit;
@@ -497,22 +497,22 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   background-position-x: right;
   background-position-y: bottom;
   transform: rotateY(180deg);
-`,$e={contentContainerPadding:new T(l[3],l[4],l[8],l[8]),rightSectionWidth:new T(343,343,343,384),rightSectionHeight:new T(214,214,214,240),cardContainerContentGap:new T(l[2],l[2],l[2],l[3]),remainingAmountContainerGap:new T(l[1],l[1]),leftRightSectionGap:new T(l[0],54,54,57),cardBalanceSectionMarginBottom:new T(l[4],l[4]),barRadius:new T(2,l[2]),topSectionPaddingBottom:new T(l[4],19),rightSectionGap:new T(l[4],l[3]),addressSectionHeight:new T(109,74),addressSectionGap:new T(l[2],l[4]),navigationMarginBottom:new T(l[4],l[0]),addressValueGap:new T(l[0],l[1]),ownerWebMinWidth:new T(110,187)},ra={remainingAmount:new Pa("largeRegular","largeMedium"),spentAmount:new Pa("h5Regular","h5Regular")},{common:_e,dateFormat:ut,spendManagement:Qn}=ke.getLocalizedStrings(),Ze=Qn.chargeCard,es=({chargeCardDetailView:e,spent:i,controllerEmails:s,chargeCardCashbackDetailState:u,isChargeCardFeatureEnabled:h,isDebitCardFeatureEnabled:f,isDebitCardSetupEnabled:c,isChargeCardSetupEnabled:g,creditAccount:m,creditAccountRepayment:x,productInformation:b,cashbackInformation:n,creditAccountInformation:C,debitAccountInformation:w,cardIssuedByRoles:j,cardIssuedByDepartmentName:y,cardHolderRoles:k,cardHolderDepartmentName:I,classListFetchState:p,cardOwnerName:E,secretRevealed:S,appleWalletLink:O,googleWalletLink:H,isCardNotPending:v,isOwnerNameCopied:Y,isAddressCopied:K,addressToShow:_,isOwnCard:D,vgsVaultId:oe,showSecretInfo:Q,isSandboxEnv:ne,isCardDetailErrored:N,signedInUserToken:Z,selectedColor:W,showUpdateSpendLimitAction:ae,setShowPhoneNumberPopup:ee,setShowChangeSpendLimitPopup:re,cardDetailsFetchState:se,setCardDetailsFetchState:P,setIsCardDetailErrored:de,setShowSecretInfo:G,setSecretRevealed:$,isCardDetailFetching:q,handleColorCodeClick:B,onFireOnClickAnalytics:le,onOwnerNameCopyClick:A,onAddressCopyClick:z,onUnlockChargeCard:ce,isDebitCard:ie})=>{const L=Le(),je=It().analytics,Ce=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate!=null?e.chargeCardConfig.rePaymentInfo.cardLimitResetDate.format(ut.visual.MMMDFormat):$o().startOf("month").add(1,"month").format(ut.visual.MMMDFormat),Fe=e.chargeCard!=null?Math.round(i.amount*100/e.chargeCard.limit.amount):0,{isIPhoneScreen:X}=Fi(),te=e.chargeCard?.type.code==="business_physical_credit_card"&&(e.chargeCard?.status.code==="inactive"||e.chargeCard?.status.code==="request_on_hold"),M=Lt(),be=At(M?.loggedInUserRoleMap);return t.jsxs(Cs,{windowSize:L,children:[t.jsxs(gs,{windowSize:L,children:[t.jsxs(fs,{windowSize:L,children:[t.jsx(os,{children:_e.texts.spent}),t.jsx(Ga,{children:t.jsx(ws,{windowSize:L,children:Ge("0,0.[00]",i)})}),t.jsx(js,{windowSize:L,children:t.jsx(Is,{style:{width:`${Fe}%`,borderRadius:a.sp1}})}),e.chargeCard!=null?t.jsxs(Ga,{children:[t.jsxs(Ls,{children:[t.jsxs(rs,{windowSize:L,children:[t.jsx(Ya,{windowSize:L,children:Ge("0,0.[00]",e.chargeCard.available)}),t.jsx(qa,{windowSize:L,children:_e.texts.remaining})]}),ae?t.jsxs(bs,{windowSize:L,children:[t.jsx(Ss,{children:Ze.updateSpendLimitPopup.unlockSpending}),t.jsx(ys,{onClick:()=>{as({chargeCardDetailView:e,classListFetchState:p,isChargeCardFeatureEnabled:h,creditAccount:m,creditAccountRepayment:x,isDebitCard:ie,productInformation:b,creditAccountInformation:C,debitAccountInformation:w,controllerEmails:s,cardIssuedByRoles:j,cardIssuedByDepartmentName:y,cardHolderRoles:k,cardHolderDepartmentName:I,analytics:je}),re(!0)},"data-testid":J("update-spend-limit-button"),children:Ze.updateSpendLimitPopup.updateSpendLimit})]}):null]}),t.jsxs(xs,{windowSize:L,children:[t.jsxs(ns,{children:[t.jsx(Ya,{windowSize:L,children:Ge("0,0.[00]",e.chargeCard.limit)}),t.jsx(qa,{windowSize:L,children:Ze.cardList.slashMonth})]}),e.chargeCard.status.code!=="request_on_hold"?t.jsxs($s,{children:[t.jsx(vs,{children:_e.texts.limitReset}),t.jsx(ks,{children:Ce})]}):null]})]}):null]}),t.jsx(ts,{chargeCardDetailView:e,classListFetchState:p,cardOwnerName:E,addressToShow:_,isAddressCopied:K,isOwnerNameCopied:Y,onOwnerNameCopyClick:A,onAddressCopyClick:z})]}),t.jsx(us,{windowSize:L,isOwnCard:D,children:L==="small"&&!D?null:t.jsxs(t.Fragment,{children:[t.jsx(ms,{windowSize:L,children:te?t.jsx($r,{}):t.jsx(Hr,{isChargeCardAdmin:be,chargeCardDetailView:e,productInformation:b,cashbackInformation:n,creditAccountInformation:C,debitAccountInformation:w,creditAccount:e.creditAccount,setShowSecretInfo:G,secretRevealed:S,isOwnCard:D,isShowingInDrawer:!1,vgsVaultId:oe,showSecretInfo:Q,isSandboxEnv:ne,controllerEmails:s,isChargeCardFeatureEnabled:h,isDebitCardFeatureEnabled:f,isDebitCardSetupEnabled:c,isChargeCardSetupEnabled:g,chargeCardCashbackDetailState:u,isCardDetailErrored:N,signedInUserToken:Z,selectedColor:W,cardDetailsFetchState:se,setCardDetailsFetchState:P,setIsCardDetailErrored:de,setSecretRevealed:$,isCardDetailFetching:q,handleColorCodeClick:B,onFireOnClickAnalytics:le,setShowPhoneNumberForOtp:ee,onUnlockChargeCard:ce,creditAccountRepayment:x})}),!D&&e.chargeCard?.status.code!=="closed"&&e.chargeCard?.status.code!=="closed_by_customer"&&e.chargeCard?.status.code!=="locked"?t.jsx(is,{children:Ze.cardDetails.adminsCannotAccess}):null,L==="small"&&D&&v&&ie===!1?X?t.jsx(Kt,{onClick:()=>{ot({chargeCardDetailView:e,classListFetchState:p,analytics:je,isDebitCard:ie,isChargeCardAdmin:be,productInformation:b,creditAccountInformation:C,debitAccountInformation:w,cardIssuedByRoles:j,cardIssuedByDepartmentName:y,cardHolderRoles:k,cardHolderDepartmentName:I,controllerEmails:s,pageName:"Card Detail",addToWalletType:"Add to Apple Wallet",isChargeCardFeatureEnabled:h,creditAccount:m,creditAccountRepayment:x}),window.open(O,"_blank")}}):t.jsx(Jt,{onClick:()=>{ot({chargeCardDetailView:e,classListFetchState:p,analytics:je,isDebitCard:ie,isChargeCardAdmin:be,productInformation:b,creditAccountInformation:C,debitAccountInformation:w,cardIssuedByRoles:j,cardIssuedByDepartmentName:y,cardHolderRoles:k,cardHolderDepartmentName:I,controllerEmails:s,pageName:"Card Detail",addToWalletType:"Add to Google Wallet",isChargeCardFeatureEnabled:h,creditAccount:m,creditAccountRepayment:x}),window.open(H,"_blank")}}):null]})})]})},ts=({chargeCardDetailView:e,classListFetchState:i,cardOwnerName:s,addressToShow:u,isOwnerNameCopied:h,isAddressCopied:f,onOwnerNameCopyClick:c,onAddressCopyClick:g})=>{const m=Le(),x=tt(),[b,n]=o.useState(0),[C,w]=o.useState(!0),[j,y]=o.useState(!1),[k,I]=o.useState(!1),[p,E]=o.useState(!1);o.useEffect(()=>{const O=[setTimeout(()=>{n(1)},500),setTimeout(()=>{n(0),E(!0)},1e3),setTimeout(()=>{w(!1),E(!1)},2e3),setTimeout(()=>{w(!0),n(1)},2500),setTimeout(()=>{n(0),E(!0)},3e3),setTimeout(()=>{w(!1),E(!1)},4e3)];return()=>{O.forEach(clearTimeout)}},[]);const S=`${e.connectedAccount?.accountName} ${e.connectedAccount?.maskedAccountNumber}`;return t.jsxs(ss,{children:[t.jsxs(ds,{windowSize:m,children:[t.jsxs(cs,{shouldBounce:p,isActive:b==0,isAutoSlide:C,windowSize:m,children:[e.chargeCard?.cardHolderUser!=null?t.jsxs(Ua,{windowSize:m,onClick:c,"data-testid":J("owner-name-copy-click"),onMouseEnter:()=>y(!0),onMouseLeave:()=>y(!1),children:[t.jsxs(kt,{children:[Ze.cardDetails.owner,t.jsxs(er,{children:[t.jsx(Xa,{children:h===!0?t.jsx(Qa,{}):t.jsx(Ka,{isHover:j})}),h||j?t.jsx(Ja,{children:h?_e.copyToClipBoard.copied:_e.copyToClipBoard.copy}):null]})]}),t.jsx(_a,{children:t.jsx(Yt,{children:s})})]}):null,u!=null?t.jsxs(Za,{windowSize:m,onClick:g,"data-testid":J("address-copy-click"),onMouseEnter:()=>I(!0),onMouseLeave:()=>I(!1),children:[t.jsxs(kt,{children:[Ze.cardDetails.address,t.jsxs(er,{children:[t.jsx(Xa,{children:f===!0?t.jsx(Qa,{}):t.jsx(Ka,{isHover:k})}),f||k?t.jsx(Ja,{children:f?_e.copyToClipBoard.copied:_e.copyToClipBoard.copy}):null]})]}),t.jsx(ps,{windowSize:m,children:t.jsx(eo,{address:u,isDisabled:"readonly",style:{padding:a.sp0,...U.smallRegular.cssObject,textTransform:"capitalize",alignItems:"flex-start",backgroundColor:x.colors.grey4,cursor:"pointer",flexDirection:m==="small"?"column":"row",gap:$e.addressValueGap.valuePx(m),textAlign:m==="small"?"left":"right"}})})]}):null]}),t.jsxs(ls,{isActive:b==1,isAutoSlide:C,children:[e.chargeCard?.type.code.includes("debit")===!0?t.jsxs(Ua,{windowSize:m,children:[t.jsx(kt,{children:Ze.connectedAccount}),t.jsxs(hs,{children:[t.jsx(Ds,{children:t.jsx(As,{})}),t.jsx(Yt,{children:S})]})]}):null,t.jsxs(Za,{windowSize:m,children:[t.jsx(kt,{children:Ze.department}),t.jsx(_a,{children:t.jsx(Yt,{children:i==="In-Progress"||i==="Not-Started"?t.jsx(mt,{size:"Small",start:!0}):e.chargeCard?.department?.className??_e.strings.hyphen})})]})]})]}),t.jsx(ko,{numberOfDots:2,activeIndex:b,handleClick:n,style:{marginTop:"12px",marginBottom:$e.navigationMarginBottom.valuePx(m)},dotStyle:{width:a.sp2,height:a.sp2},spendManagementPromoCardActive:!0,promoColor:x.colors.primary,promoColorHover:x.colors.grey1})]})},as=({chargeCardDetailView:e,classListFetchState:i,isChargeCardFeatureEnabled:s,creditAccount:u,creditAccountRepayment:h,isDebitCard:f,controllerEmails:c,productInformation:g,creditAccountInformation:m,debitAccountInformation:x,cardIssuedByRoles:b,cardIssuedByDepartmentName:n,cardHolderRoles:C,cardHolderDepartmentName:w,analytics:j})=>{if(e.chargeCard!=null&&i==="Completed"&&e.transactionStatistics.fetchState==="Completed"&&(!s||u.fetchState==="Completed"&&h.fetchState==="Completed")&&(!f||e.depositAccountLimitFetchState.fetchState==="Completed")){const y=e.chargeCard.type.code.includes("physical")?e.chargeCard.cardActivationAttemptHistory[0]?.timestamp:e.chargeCard.createTime;j.trackCardsUpdateSpendLimitInitiated(c,g,{cardId:e.chargeCard.id,cardName:e.chargeCard.cardName,cardType:Qi(e.chargeCard.type.code),cardCategory:e.chargeCard.type.code.includes("physical")?"physical":"virtual",cardLimit:pt(e.chargeCard.limit.amount),cardLastFourDigits:e.chargeCard.accountLast4,cardStatus:e.chargeCard.status.code,cardAssignedDate:e.chargeCard.createTime?.format(ut.analytics.MMMDashDDDashYYYYFormat),cardIssuedDate:e.chargeCard.providerCardCreateTime?.format(ut.analytics.MMMDashDDDashYYYYFormat),cardActivatedDate:y?.format(ut.analytics.MMMDashDDDashYYYYFormat),cardLimitFrequency:e.chargeCard.creditLimitFrequency.name,cardSpentAmount:pt(e.chargeCard.balance.amount),cardAvailableLimit:pt(e.chargeCard.available.amount),cardUtilizationPercent:Ki(e.chargeCard.limit.amount,e.chargeCard.available.amount),cardUtilizationAmount:pt(Ji(e.chargeCard)),totalNumberOfDeclinedTransactions:e.transactionStatistics.statistics.totalNumberOfDeclinedTransactions,numberOfDeclinedTransactionsCurrentMonth:e.transactionStatistics.statistics.numberOfDeclinedTransactionsCurrentMonth,totalNumberOfPaidTransactions:e.transactionStatistics.statistics.totalNumberOfPaidTransactions,numberOfPaidTransactionsCurrentMonth:e.transactionStatistics.statistics.numberOfPaidTransactionsCurrentMonth,totalNumberOfCanceledTransactions:e.transactionStatistics.statistics.totalNumberOfCanceledTransactions,numberOfCanceledTransactionsCurrentMonth:e.transactionStatistics.statistics.numberOfCanceledTransactionsCurrentMonth,totalNumberOfAuthorizedTransactions:e.transactionStatistics.statistics.totalNumberOfAuthorizedTransactions,numberOfAuthorizedTransactionsCurrentMonth:e.transactionStatistics.statistics.numberOfAuthorizedTransactionsCurrentMonth,totalNumberOfTransactionsWithReceipts:e.transactionStatistics.statistics.totalNumberOfTransactionsWithReceipts,numberOfTransactionsWithReceiptsCurrentMonth:e.transactionStatistics.statistics.numberOfTransactionsWithReceiptsCurrentMonth},{cardIssuedByName:za(e.chargeCard.cardCreatedByUser,!1),cardIssuedByEmail:e.chargeCard.cardCreatedByUser?.email,cardIssuedByUserId:e.chargeCard.cardCreatedByUser?.userId,cardIssuedByRole:b,cardIssuedByDepartment:n},{cardholderName:za(e.chargeCard.cardHolderUser,!1),cardholderEmail:e.chargeCard.cardHolderUser?.email,cardholderRole:C,cardholderUserId:e.chargeCard.cardHolderUser?.userId,cardholderDepartment:w},"Card Detail","Hyperlink",(e?.chargeCard?.recommendations??[]).map(k=>pt(k.creditLimit.amount)),m,x)}},rs=r.div`
+`,$e={contentContainerPadding:new T(l[3],l[4],l[8],l[8]),rightSectionWidth:new T(343,343,343,384),rightSectionHeight:new T(214,214,214,240),cardContainerContentGap:new T(l[2],l[2],l[2],l[3]),remainingAmountContainerGap:new T(l[1],l[1]),leftRightSectionGap:new T(l[0],54,54,57),cardBalanceSectionMarginBottom:new T(l[4],l[4]),barRadius:new T(2,l[2]),topSectionPaddingBottom:new T(l[4],19),rightSectionGap:new T(l[4],l[3]),addressSectionHeight:new T(109,74),addressSectionGap:new T(l[2],l[4]),navigationMarginBottom:new T(l[4],l[0]),addressValueGap:new T(l[0],l[1]),ownerWebMinWidth:new T(110,187)},ra={remainingAmount:new za("largeRegular","largeMedium"),spentAmount:new za("h5Regular","h5Regular")},{common:Ue,dateFormat:ut,spendManagement:ts}=ke.getLocalizedStrings(),Ze=ts.chargeCard,as=({chargeCardDetailView:e,spent:i,controllerEmails:s,chargeCardCashbackDetailState:u,isChargeCardFeatureEnabled:h,isDebitCardFeatureEnabled:f,isDebitCardSetupEnabled:c,isChargeCardSetupEnabled:g,creditAccount:m,creditAccountRepayment:x,productInformation:b,cashbackInformation:n,creditAccountInformation:C,debitAccountInformation:w,cardIssuedByRoles:j,cardIssuedByDepartmentName:y,cardHolderRoles:k,cardHolderDepartmentName:L,classListFetchState:p,cardOwnerName:E,secretRevealed:S,appleWalletLink:O,googleWalletLink:H,isCardNotPending:v,isOwnerNameCopied:q,isAddressCopied:J,addressToShow:U,isOwnCard:D,vgsVaultId:oe,showSecretInfo:K,isSandboxEnv:ne,isCardDetailErrored:N,signedInUserToken:Z,selectedColor:W,showUpdateSpendLimitAction:ae,setShowPhoneNumberPopup:Q,setShowChangeSpendLimitPopup:re,cardDetailsFetchState:se,setCardDetailsFetchState:z,setIsCardDetailErrored:de,setShowSecretInfo:G,setSecretRevealed:$,isCardDetailFetching:Y,handleColorCodeClick:B,onFireOnClickAnalytics:le,onOwnerNameCopyClick:A,onAddressCopyClick:P,onUnlockChargeCard:ce,isDebitCard:ie})=>{const I=Ie(),je=Lt().analytics,Ce=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate!=null?e.chargeCardConfig.rePaymentInfo.cardLimitResetDate.format(ut.visual.MMMDFormat):vo().startOf("month").add(1,"month").format(ut.visual.MMMDFormat),Re=e.chargeCard!=null?Math.round(i.amount*100/e.chargeCard.limit.amount):0,{isIPhoneScreen:te}=Ri(),ee=e.chargeCard?.type.code==="business_physical_credit_card"&&(e.chargeCard?.status.code==="inactive"||e.chargeCard?.status.code==="request_on_hold"),M=It(),be=At(M?.loggedInUserRoleMap);return t.jsxs(ws,{windowSize:I,children:[t.jsxs(fs,{windowSize:I,children:[t.jsxs(xs,{windowSize:I,children:[t.jsx(ss,{children:Ue.texts.spent}),t.jsx(Ga,{children:t.jsx(bs,{windowSize:I,children:Ge("0,0.[00]",i)})}),t.jsx(Ls,{windowSize:I,children:t.jsx(As,{style:{width:`${Re}%`,borderRadius:a.sp1}})}),e.chargeCard!=null?t.jsxs(Ga,{children:[t.jsxs(Ds,{children:[t.jsxs(os,{windowSize:I,children:[t.jsx(qa,{windowSize:I,children:Ge("0,0.[00]",e.chargeCard.available)}),t.jsx(Ya,{windowSize:I,children:Ue.texts.remaining})]}),ae?t.jsxs(ys,{windowSize:I,children:[t.jsx($s,{children:Ze.updateSpendLimitPopup.unlockSpending}),t.jsx(vs,{onClick:()=>{is({chargeCardDetailView:e,classListFetchState:p,isChargeCardFeatureEnabled:h,creditAccount:m,creditAccountRepayment:x,isDebitCard:ie,productInformation:b,creditAccountInformation:C,debitAccountInformation:w,controllerEmails:s,cardIssuedByRoles:j,cardIssuedByDepartmentName:y,cardHolderRoles:k,cardHolderDepartmentName:L,analytics:je}),re(!0)},"data-testid":X("update-spend-limit-button"),children:Ze.updateSpendLimitPopup.updateSpendLimit})]}):null]}),t.jsxs(Ss,{windowSize:I,children:[t.jsxs(ds,{children:[t.jsx(qa,{windowSize:I,children:Ge("0,0.[00]",e.chargeCard.limit)}),t.jsx(Ya,{windowSize:I,children:Ze.cardList.slashMonth})]}),e.chargeCard.status.code!=="request_on_hold"?t.jsxs(ks,{children:[t.jsx(js,{children:Ue.texts.limitReset}),t.jsx(Is,{children:Ce})]}):null]})]}):null]}),t.jsx(rs,{chargeCardDetailView:e,classListFetchState:p,cardOwnerName:E,addressToShow:U,isAddressCopied:J,isOwnerNameCopied:q,onOwnerNameCopyClick:A,onAddressCopyClick:P})]}),t.jsx(gs,{windowSize:I,isOwnCard:D,children:I==="small"&&!D?null:t.jsxs(t.Fragment,{children:[t.jsx(Cs,{windowSize:I,children:ee?t.jsx($r,{}):t.jsx(Or,{isChargeCardAdmin:be,chargeCardDetailView:e,productInformation:b,cashbackInformation:n,creditAccountInformation:C,debitAccountInformation:w,creditAccount:e.creditAccount,setShowSecretInfo:G,secretRevealed:S,isOwnCard:D,isShowingInDrawer:!1,vgsVaultId:oe,showSecretInfo:K,isSandboxEnv:ne,controllerEmails:s,isChargeCardFeatureEnabled:h,isDebitCardFeatureEnabled:f,isDebitCardSetupEnabled:c,isChargeCardSetupEnabled:g,chargeCardCashbackDetailState:u,isCardDetailErrored:N,signedInUserToken:Z,selectedColor:W,cardDetailsFetchState:se,setCardDetailsFetchState:z,setIsCardDetailErrored:de,setSecretRevealed:$,isCardDetailFetching:Y,handleColorCodeClick:B,onFireOnClickAnalytics:le,setShowPhoneNumberForOtp:Q,onUnlockChargeCard:ce,creditAccountRepayment:x})}),!D&&e.chargeCard?.status.code!=="closed"&&e.chargeCard?.status.code!=="closed_by_customer"&&e.chargeCard?.status.code!=="locked"?t.jsx(ns,{children:Ze.cardDetails.adminsCannotAccess}):null,I==="small"&&D&&v&&ie===!1?te?t.jsx(Kt,{onClick:()=>{ot({chargeCardDetailView:e,classListFetchState:p,analytics:je,isDebitCard:ie,isChargeCardAdmin:be,productInformation:b,creditAccountInformation:C,debitAccountInformation:w,cardIssuedByRoles:j,cardIssuedByDepartmentName:y,cardHolderRoles:k,cardHolderDepartmentName:L,controllerEmails:s,pageName:"Card Detail",addToWalletType:"Add to Apple Wallet",isChargeCardFeatureEnabled:h,creditAccount:m,creditAccountRepayment:x}),window.open(O,"_blank")}}):t.jsx(Jt,{onClick:()=>{ot({chargeCardDetailView:e,classListFetchState:p,analytics:je,isDebitCard:ie,isChargeCardAdmin:be,productInformation:b,creditAccountInformation:C,debitAccountInformation:w,cardIssuedByRoles:j,cardIssuedByDepartmentName:y,cardHolderRoles:k,cardHolderDepartmentName:L,controllerEmails:s,pageName:"Card Detail",addToWalletType:"Add to Google Wallet",isChargeCardFeatureEnabled:h,creditAccount:m,creditAccountRepayment:x}),window.open(H,"_blank")}}):null]})})]})},rs=({chargeCardDetailView:e,classListFetchState:i,cardOwnerName:s,addressToShow:u,isOwnerNameCopied:h,isAddressCopied:f,onOwnerNameCopyClick:c,onAddressCopyClick:g})=>{const m=Ie(),x=tt(),[b,n]=o.useState(0),[C,w]=o.useState(!0),[j,y]=o.useState(!1),[k,L]=o.useState(!1),[p,E]=o.useState(!1);o.useEffect(()=>{const O=[setTimeout(()=>{n(1)},500),setTimeout(()=>{n(0),E(!0)},1e3),setTimeout(()=>{w(!1),E(!1)},2e3),setTimeout(()=>{w(!0),n(1)},2500),setTimeout(()=>{n(0),E(!0)},3e3),setTimeout(()=>{w(!1),E(!1)},4e3)];return()=>{O.forEach(clearTimeout)}},[]);const S=`${e.connectedAccount?.accountName} ${e.connectedAccount?.maskedAccountNumber}`;return t.jsxs(cs,{children:[t.jsxs(ls,{windowSize:m,children:[t.jsxs(hs,{shouldBounce:p,isActive:b==0,isAutoSlide:C,windowSize:m,children:[e.chargeCard?.cardHolderUser!=null?t.jsxs(_a,{windowSize:m,onClick:c,"data-testid":X("owner-name-copy-click"),onMouseEnter:()=>y(!0),onMouseLeave:()=>y(!1),children:[t.jsxs(kt,{children:[Ze.cardDetails.owner,t.jsxs(er,{children:[t.jsx(Xa,{children:h===!0?t.jsx(Qa,{}):t.jsx(Ka,{isHover:j})}),h||j?t.jsx(Ja,{children:h?Ue.copyToClipBoard.copied:Ue.copyToClipBoard.copy}):null]})]}),t.jsx(Ua,{children:t.jsx(qt,{children:s})})]}):null,u!=null?t.jsxs(Za,{windowSize:m,onClick:g,"data-testid":X("address-copy-click"),onMouseEnter:()=>L(!0),onMouseLeave:()=>L(!1),children:[t.jsxs(kt,{children:[Ze.cardDetails.address,t.jsxs(er,{children:[t.jsx(Xa,{children:f===!0?t.jsx(Qa,{}):t.jsx(Ka,{isHover:k})}),f||k?t.jsx(Ja,{children:f?Ue.copyToClipBoard.copied:Ue.copyToClipBoard.copy}):null]})]}),t.jsx(ms,{windowSize:m,children:t.jsx(to,{address:u,isDisabled:"readonly",style:{padding:a.sp0,..._.smallRegular.cssObject,textTransform:"capitalize",alignItems:"flex-start",backgroundColor:x.colors.grey4,cursor:"pointer",flexDirection:m==="small"?"column":"row",gap:$e.addressValueGap.valuePx(m),textAlign:m==="small"?"left":"right"}})})]}):null]}),t.jsxs(ps,{isActive:b==1,isAutoSlide:C,children:[e.chargeCard?.type.code.includes("debit")===!0?t.jsxs(_a,{windowSize:m,children:[t.jsx(kt,{children:Ze.connectedAccount}),t.jsxs(us,{children:[t.jsx(Ts,{children:t.jsx(Es,{})}),t.jsx(qt,{children:S})]})]}):null,t.jsxs(Za,{windowSize:m,children:[t.jsx(kt,{children:Ze.department}),t.jsx(Ua,{children:t.jsx(qt,{children:i==="In-Progress"||i==="Not-Started"?t.jsx(mt,{size:"Small",start:!0}):e.chargeCard?.department?.className??Ue.strings.hyphen})})]})]})]}),t.jsx(Io,{numberOfDots:2,activeIndex:b,handleClick:n,style:{marginTop:"12px",marginBottom:$e.navigationMarginBottom.valuePx(m)},dotStyle:{width:a.sp2,height:a.sp2},spendManagementPromoCardActive:!0,promoColor:x.colors.primary,promoColorHover:x.colors.grey1})]})},is=({chargeCardDetailView:e,classListFetchState:i,isChargeCardFeatureEnabled:s,creditAccount:u,creditAccountRepayment:h,isDebitCard:f,controllerEmails:c,productInformation:g,creditAccountInformation:m,debitAccountInformation:x,cardIssuedByRoles:b,cardIssuedByDepartmentName:n,cardHolderRoles:C,cardHolderDepartmentName:w,analytics:j})=>{if(e.chargeCard!=null&&i==="Completed"&&e.transactionStatistics.fetchState==="Completed"&&(!s||u.fetchState==="Completed"&&h.fetchState==="Completed")&&(!f||e.depositAccountLimitFetchState.fetchState==="Completed")){const y=e.chargeCard.type.code.includes("physical")?e.chargeCard.cardActivationAttemptHistory[0]?.timestamp:e.chargeCard.createTime;j.trackCardsUpdateSpendLimitInitiated(c,g,{cardId:e.chargeCard.id,cardName:e.chargeCard.cardName,cardType:eo(e.chargeCard.type.code),cardCategory:e.chargeCard.type.code.includes("physical")?"physical":"virtual",cardLimit:pt(e.chargeCard.limit.amount),cardLastFourDigits:e.chargeCard.accountLast4,cardStatus:e.chargeCard.status.code,cardAssignedDate:e.chargeCard.createTime?.format(ut.analytics.MMMDashDDDashYYYYFormat),cardIssuedDate:e.chargeCard.providerCardCreateTime?.format(ut.analytics.MMMDashDDDashYYYYFormat),cardActivatedDate:y?.format(ut.analytics.MMMDashDDDashYYYYFormat),cardLimitFrequency:e.chargeCard.creditLimitFrequency.name,cardSpentAmount:pt(e.chargeCard.balance.amount),cardAvailableLimit:pt(e.chargeCard.available.amount),cardUtilizationPercent:Qi(e.chargeCard.limit.amount,e.chargeCard.available.amount),cardUtilizationAmount:pt(Ki(e.chargeCard)),totalNumberOfDeclinedTransactions:e.transactionStatistics.statistics.totalNumberOfDeclinedTransactions,numberOfDeclinedTransactionsCurrentMonth:e.transactionStatistics.statistics.numberOfDeclinedTransactionsCurrentMonth,totalNumberOfPaidTransactions:e.transactionStatistics.statistics.totalNumberOfPaidTransactions,numberOfPaidTransactionsCurrentMonth:e.transactionStatistics.statistics.numberOfPaidTransactionsCurrentMonth,totalNumberOfCanceledTransactions:e.transactionStatistics.statistics.totalNumberOfCanceledTransactions,numberOfCanceledTransactionsCurrentMonth:e.transactionStatistics.statistics.numberOfCanceledTransactionsCurrentMonth,totalNumberOfAuthorizedTransactions:e.transactionStatistics.statistics.totalNumberOfAuthorizedTransactions,numberOfAuthorizedTransactionsCurrentMonth:e.transactionStatistics.statistics.numberOfAuthorizedTransactionsCurrentMonth,totalNumberOfTransactionsWithReceipts:e.transactionStatistics.statistics.totalNumberOfTransactionsWithReceipts,numberOfTransactionsWithReceiptsCurrentMonth:e.transactionStatistics.statistics.numberOfTransactionsWithReceiptsCurrentMonth},{cardIssuedByName:Pa(e.chargeCard.cardCreatedByUser,!1),cardIssuedByEmail:e.chargeCard.cardCreatedByUser?.email,cardIssuedByUserId:e.chargeCard.cardCreatedByUser?.userId,cardIssuedByRole:b,cardIssuedByDepartment:n},{cardholderName:Pa(e.chargeCard.cardHolderUser,!1),cardholderEmail:e.chargeCard.cardHolderUser?.email,cardholderRole:C,cardholderUserId:e.chargeCard.cardHolderUser?.userId,cardholderDepartment:w},"Card Detail","Hyperlink",(e?.chargeCard?.recommendations??[]).map(k=>pt(k.creditLimit.amount)),m,x)}},os=r.div`
   display: flex;
   align-items: ${e=>e.windowSize==="medium-compact"||e.windowSize==="medium-regular"?"flex-start":"center"};
   gap: ${e=>$e.remainingAmountContainerGap.valuePx(e.windowSize)};
   flex-direction: ${e=>e.windowSize==="medium-compact"||e.windowSize==="medium-regular"?"column":"row"};
-`,is=r(ge)`
+`,ns=r(ge)`
   color: ${e=>e.theme.colors.primary};
-`,os=r(ge)`
+`,ss=r(ge)`
   color: ${e=>e.theme.colors.hero};
-`,ns=r.div`
+`,ds=r.div`
   display: flex;
   align-items: end;
-`,ss=r.div`
+`,cs=r.div`
   width: 100%;
   overflow: hidden;
-`,ds=r.div`
+`,ls=r.div`
   width: 100%;
   gap: ${a.sp3};
   background-color: ${e=>e.theme.colors.grey4};
@@ -522,7 +522,7 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   box-sizing: border-box;
   position: relative;
   height: ${e=>$e.addressSectionHeight.valuePx(e.windowSize)};
-`,cs=r.div`
+`,hs=r.div`
   display: flex;
   justify-content: unset;
   gap: ${e=>$e.addressSectionGap.valuePx(e.windowSize)};
@@ -533,7 +533,7 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   `};
   transition: transform
     ${({isAutoSlide:e,shouldBounce:i})=>`${e?"0.5s":"0.3s"} ${i?"cubic-bezier(0.175, 0.885, 0.32, 1.125)":"ease-out"}`};
-`,ls=r.div`
+`,ps=r.div`
   display: flex;
   justify-content: unset;
   ${({isActive:e,isAutoSlide:i})=>we`
@@ -543,22 +543,22 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
     ${({isAutoSlide:e,isActive:i})=>e&&i?"0.5s":"0.3s"}
     ease-out;
   gap: ${a.sp8};
-`,Ua=r.div`
+`,_a=r.div`
   min-width: ${e=>$e.ownerWebMinWidth.valuePx(e.windowSize)};
   cursor: pointer;
 `,kt=r(ge)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   align-items: center;
-`,_a=r.div``,hs=r.div`
+`,Ua=r.div``,us=r.div`
   display: flex;
   align-items: flex-start;
   gap: ${a.sp1};
-`,ps=r.div`
+`,ms=r.div`
   ${({windowSize:e})=>e==="small"?we`
           max-width: 220px;
         `:null};
-`,Yt=r(ge)`
+`,qt=r(ge)`
   color: ${e=>e.theme.colors.primary};
   text-transform: capitalize;
 `,Za=r.div`
@@ -567,14 +567,14 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   align-items: "baseline";
   justify-content: center;
   cursor: pointer;
-`,us=r.div`
+`,gs=r.div`
   display: flex;
   flex-direction: ${e=>e.windowSize==="small"||!e.isOwnCard?"column":"row"};
   justify-content: center;
   align-items: center;
   gap: ${e=>$e.rightSectionGap.valuePx(e.windowSize)};
   width: ${e=>e.windowSize==="small"?"100%":"max-content"};
-`,ms=r.div`
+`,Cs=r.div`
   min-height: ${e=>`calc(${$e.rightSectionHeight.valuePx(e.windowSize)} + ${a.sp2})`};
   min-width: ${e=>`calc(${$e.rightSectionWidth.valuePx(e.windowSize)} + ${a.sp2})`};
   display: flex;
@@ -582,13 +582,13 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   align-items: center;
   flex-direction: column;
   gap: ${e=>$e.cardContainerContentGap.valuePx(e.windowSize)};
-`,gs=r.div`
+`,fs=r.div`
   width: 100%;
   display: flex;
   align-items: flex-start;
   flex-direction: column;
   justify-content: space-between;
-`,Cs=r.div`
+`,ws=r.div`
   display: flex;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   align-items: center;
@@ -601,7 +601,7 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   border-bottom: 1px solid ${e=>e.theme.colors.grey3};
   background: ${e=>e.theme.colors.grey5};
   gap: ${e=>$e.leftRightSectionGap.valuePx(e.windowSize)};
-`,fs=r.div`
+`,xs=r.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -611,24 +611,24 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   flex-direction: row;
   justify-content: space-between;
   align-items: flex-start;
-`,ws=r(Lr)`
+`,bs=r(Ir)`
   color: ${e=>e.theme.colors.primary};
   ${e=>`${ra.spentAmount.style(e.windowSize)}`};
-`,xs=r.div`
+`,Ss=r.div`
   display: flex;
   align-items: flex-end;
   flex-direction: column;
   ${({windowSize:e})=>e==="small"?we`
           margin-bottom: ${a.sp4};
         `:null};
-`,bs=r.div`
+`,ys=r.div`
   display: flex;
   flex-direction: ${({windowSize:e})=>e==="small"?"column":"row"};
   align-items: ${({windowSize:e})=>e==="small"?"flex-start":"flex-end"};
-`,Ss=r(ea)`
+`,$s=r(ea)`
   color: ${e=>e.theme.colors.hero};
   margin-right: ${a.sp1};
-`,ys=r(Xi)`
+`,vs=r(Ji)`
   background: none;
   border: none;
   cursor: pointer;
@@ -637,33 +637,33 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   &:hover {
     text-decoration: underline;
   }
-`,$s=r.div`
+`,ks=r.div`
   display: flex;
   align-items: flex-end;
   gap: ${a.sp1};
-`,vs=r(ge)`
+`,js=r(ge)`
   color: ${e=>e.theme.colors.hero};
-`,ks=r(ge)`
+`,Is=r(ge)`
   color: ${e=>e.theme.colors.hero};
-`,js=r.div`
+`,Ls=r.div`
   width: 100%;
   height: ${a.sp1};
   display: flex;
   margin: ${a.sp2} ${a.sp0};
   border-radius: ${({windowSize:e})=>$e.barRadius.valuePx(e)};
   background: ${e=>e.theme.colors.grey2};
-`,Ls=r.div`
+`,Ds=r.div`
   display: flex;
   align-items: flex-start;
   flex-direction: column;
   color: ${e=>e.theme.colors.primary};
-`,Ya=r(Lr)`
+`,qa=r(Ir)`
   color: ${e=>e.theme.colors.primary};
   ${e=>`${ra.remainingAmount.style(e.windowSize)}`};
-`,qa=r(qi)`
+`,Ya=r(Xi)`
   ${e=>`${ra.remainingAmount.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
-`,Is=r.div`
+`,As=r.div`
   background: ${d.success};
   width: 0%;
   height: ${a.sp1};
@@ -692,10 +692,10 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   width: 12px;
   margin-left: ${a.sp1};
   color: ${d.success};
-`,Ds=r.div`
+`,Ts=r.div`
   width: 21px;
   height: 21px;
-`,As=r(no)`
+`,Es=r(so)`
   color: ${d.brandColorOpal};
   width: 100%;
   height: 100%;
@@ -704,7 +704,7 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   align-items: center;
   justify-content: center;
   position: relative;
-`,Ct=ke.getLocalizedStrings().spendManagement.chargeCard.cardDetails.header,Ts={key:"merchant",value:Ct.merchant,sortOrder:"ascending",width:new T(38,38)},Rs={key:"paymentDate",value:Ct.paymentDate,sortOrder:"ascending",width:new T(21,21)},Es={key:"receipts",value:Ct.receipts,sortOrder:"ascending",width:new T(16,16)},Fs={key:"type",value:Ct.type,sortOrder:"ascending",width:new T(14,14)},Ps={key:"amount",value:Ct.amount,sortOrder:"ascending",width:new T(11,11)},Br=()=>[Ts,Rs,Es,Fs,Ps],it={headerLastColumnTopPadding:new T(l[0],l[4]),headerLastColumnRightPadding:new T(l[3],l[11]),headerLastColumnBottomPadding:new T(l[0],l[4]),headerLastColumnLeftPadding:new T(l[3],l[11]),headerHeight:new T(fo,wo)};function zs({hideSorting:e,sortConfig:i,onColumnSortConfigChanged:s}){const u=tt(),h=Le(),f=Br(),c=(n,C)=>{let w=C;i.sortKey===n&&(w=C==="ascending"?"descending":"ascending"),s(n,w)},g=f.find(n=>n.key===i.sortKey)??f[0],m=n=>f.find(C=>C.key===n)?.value??"",x=f.map(n=>n.key),b=ke.getLocalizedStrings().spendManagement.chargeCard.cardList;return h==="small"?t.jsxs(tr,{windowSize:h,children:[t.jsxs(Hs,{children:[t.jsx(Bs,{children:t.jsx(Ns,{})}),t.jsx(po,{title:b.sortBy,placeholder:b.sortBy,pickerValues:x,valueToLabel:m,selectedValue:i.sortKey,onPickerSelectionChanged:n=>{c(n,"ascending")},optionTextStyle:U.smallRegular,titleTextStyle:U.smallRegular,titleColor:u.colors.primary,selectedOptionColor:u.colors.hero,optionBackgroundColor:u.colors.grey5,downChevronVisible:!1,backgroundColor:u.colors.grey4,isDisabled:e})]}),t.jsxs(_s,{hideSorting:e,onClick:()=>{e||c(g.key,g.sortOrder)},"data-testid":J("charge-card-trxn-small-header",i.sortKey),children:[t.jsx(ge,{children:g.value}),e?null:t.jsx(ar,{sortDataValue:i.sortKey,headerData:g,children:t.jsx(rr,{})})]})]}):t.jsx(tr,{windowSize:h,children:f.map(n=>t.jsxs(Vs,{hideSorting:e,sortDataValue:i.sortKey,actualDataValue:n.key,wrapperWidth:n.width,windowSize:h,children:[t.jsxs(Us,{hideSorting:e,onClick:()=>{e||c(n.key,n.sortOrder)},"data-testid":J("charge-card-trxn-header",i.sortKey),children:[t.jsx(ge,{children:n.value}),t.jsx(ar,{sortDataValue:i.sortKey,headerData:n,children:e?null:t.jsx(rr,{})})]}),t.jsx(Ws,{sortDataValue:i.sortKey,windowSize:h,isVisible:e?!1:i.sortKey===n.key&&n.key!=="paymentDate",children:e?null:t.jsx(Os,{onClick:()=>{e||c("paymentDate","ascending")},"data-testid":J("charge-card-trxn-close-sort",i.sortKey)})})]},n.key))})}const Ms=yo.memo(zs),tr=r(ge)`
+`,Ct=ke.getLocalizedStrings().spendManagement.chargeCard.cardDetails.header,Fs={key:"merchant",value:Ct.merchant,sortOrder:"ascending",width:new T(38,38)},Rs={key:"paymentDate",value:Ct.paymentDate,sortOrder:"ascending",width:new T(21,21)},zs={key:"receipts",value:Ct.receipts,sortOrder:"ascending",width:new T(16,16)},Ps={key:"type",value:Ct.type,sortOrder:"ascending",width:new T(14,14)},Ms={key:"amount",value:Ct.amount,sortOrder:"ascending",width:new T(11,11)},Nr=()=>[Fs,Rs,zs,Ps,Ms],it={headerLastColumnTopPadding:new T(l[0],l[4]),headerLastColumnRightPadding:new T(l[3],l[11]),headerLastColumnBottomPadding:new T(l[0],l[4]),headerLastColumnLeftPadding:new T(l[3],l[11]),headerHeight:new T(wo,xo)};function Vs({hideSorting:e,sortConfig:i,onColumnSortConfigChanged:s}){const u=tt(),h=Ie(),f=Nr(),c=(n,C)=>{let w=C;i.sortKey===n&&(w=C==="ascending"?"descending":"ascending"),s(n,w)},g=f.find(n=>n.key===i.sortKey)??f[0],m=n=>f.find(C=>C.key===n)?.value??"",x=f.map(n=>n.key),b=ke.getLocalizedStrings().spendManagement.chargeCard.cardList;return h==="small"?t.jsxs(tr,{windowSize:h,children:[t.jsxs(Bs,{children:[t.jsx(_s,{children:t.jsx(Ws,{})}),t.jsx(uo,{title:b.sortBy,placeholder:b.sortBy,pickerValues:x,valueToLabel:m,selectedValue:i.sortKey,onPickerSelectionChanged:n=>{c(n,"ascending")},optionTextStyle:_.smallRegular,titleTextStyle:_.smallRegular,titleColor:u.colors.primary,selectedOptionColor:u.colors.hero,optionBackgroundColor:u.colors.grey5,downChevronVisible:!1,backgroundColor:u.colors.grey4,isDisabled:e})]}),t.jsxs(Gs,{hideSorting:e,onClick:()=>{e||c(g.key,g.sortOrder)},"data-testid":X("charge-card-trxn-small-header",i.sortKey),children:[t.jsx(ge,{children:g.value}),e?null:t.jsx(ar,{sortDataValue:i.sortKey,headerData:g,children:t.jsx(rr,{})})]})]}):t.jsx(tr,{windowSize:h,children:f.map(n=>t.jsxs(Hs,{hideSorting:e,sortDataValue:i.sortKey,actualDataValue:n.key,wrapperWidth:n.width,windowSize:h,children:[t.jsxs(Zs,{hideSorting:e,onClick:()=>{e||c(n.key,n.sortOrder)},"data-testid":X("charge-card-trxn-header",i.sortKey),children:[t.jsx(ge,{children:n.value}),t.jsx(ar,{sortDataValue:i.sortKey,headerData:n,children:e?null:t.jsx(rr,{})})]}),t.jsx(Us,{sortDataValue:i.sortKey,windowSize:h,isVisible:e?!1:i.sortKey===n.key&&n.key!=="paymentDate",children:e?null:t.jsx(Ns,{onClick:()=>{e||c("paymentDate","ascending")},"data-testid":X("charge-card-trxn-close-sort",i.sortKey)})})]},n.key))})}const Os=$o.memo(Vs),tr=r(ge)`
   top: ${a.sp0};
   left: ${a.sp0};
   min-height: ${e=>it.headerHeight.valuePx(e.windowSize)};
@@ -718,7 +718,7 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   background-color: ${e=>e.theme.colors.grey4};
   justify-content: space-between;
   position: sticky;
-`,Vs=r.div`
+`,Hs=r.div`
   color: ${e=>e.sortDataValue===e.actualDataValue&&e.hideSorting===!1?e.theme.colors.primary:e.theme.colors.grey1};
   width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
   max-width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
@@ -735,7 +735,7 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
         `};
   box-sizing: border-box;
   overflow: hidden;
-`,Os=r(mo)`
+`,Ns=r(go)`
   width: 12px;
   height: 12px;
   cursor: pointer;
@@ -750,29 +750,29 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   height: 12px;
   cursor: pointer;
   color: inherit;
-`,Hs=r.div`
+`,Bs=r.div`
   gap: ${a.sp1};
   display: flex;
-`,Ns=r(uo)`
+`,Ws=r(mo)`
   width: 12px;
   height: 12px;
   color: ${e=>e.theme.colors.grey1};
-`,Bs=r.div`
+`,_s=r.div`
   margin-right: ${a.sp1};
   display: flex;
   align-items: center;
-`,Ws=r.div`
+`,Us=r.div`
   display: ${e=>e.isVisible?"flex":"none"};
   align-items: center;
   padding-top: 2px;
-`,Us=r.div`
+`,Zs=r.div`
   display: flex;
   cursor: ${e=>e.hideSorting?"default":"pointer"};
   gap: ${e=>e.hideSorting?a.sp0:"5px"};
   &:hover {
     color: ${e=>e.hideSorting?"inherit":e.theme.colors.primary};
   }
-`,_s=r.div`
+`,Gs=r.div`
   display: flex;
   cursor: ${e=>e.hideSorting?"default":"pointer"};
   gap: ${e=>e.hideSorting?a.sp0:"5px"};
@@ -780,27 +780,27 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   &:hover {
     color: ${e=>e.hideSorting?e.theme.colors.hero:e.theme.colors.primary};
   }
-`;function Wr(e,i,s){return Zs(e,i,s)}async function Zs(e,i,s,u){const h=`${e}?query=${encodeURIComponent(JSON.stringify(s))}`,f=ke.getLocalizedStrings().downloadReport;try{const c=await xo(h,{method:"GET",headers:{"zeni-user-id":i.userId,"zeni-tenant-id":i.tenantId,"zeni-session-id":i.sessionId}});if(c.ok){const g=u??bo(c.headers,"Charge Card Transaction Receipt.pdf"),m=await c.arrayBuffer();So(m,g)}else console.error(`${f.reportErrorMessage} ${c.statusText}`)}catch(c){console.error(`${f.reportErrorMessage} ${JSON.stringify(c)}`)}}async function Ur(e,i,s){const u=`${e}?query=${encodeURIComponent(JSON.stringify(s))}`,h=ke.getLocalizedStrings().downloadReport;try{const f=await fetch(u,{method:"GET",headers:{"zeni-user-id":i.userId,"zeni-tenant-id":i.tenantId,"zeni-session-id":i.sessionId}});if(f.ok)return await f.json();console.error(`${h.reportErrorMessage} ${f.statusText}`)}catch(f){throw console.error(`${h.reportErrorMessage} ${JSON.stringify(f)}`),f}return[]}const Gs=e=>o.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M23.3584 10.0417L23.2319 9.30243L21.7534 9.55562L21.88 10.2949L23.3584 10.0417ZM20.3835 6.50175L20.7954 7.1285L22.0489 6.30467L21.637 5.67791L20.3835 6.50175ZM18.3213 2.36228L17.6946 1.95036L16.8707 3.20388L17.4975 3.61579L18.3213 2.36228ZM13.7044 2.11928L14.4436 2.24587L14.6968 0.767397L13.9576 0.640799L13.7044 2.11928ZM10.041 0.640799L9.30172 0.767397L9.55492 2.24587L10.2942 2.11928L10.041 0.640799ZM6.50104 3.6158L7.1278 3.20388L6.30397 1.95036L5.67721 2.36228L6.50104 3.6158ZM2.36158 5.67792L1.94966 6.30467L3.20318 7.12851L3.61509 6.50175L2.36158 5.67792ZM2.11857 10.2949L2.24517 9.55562L0.766695 9.30242L0.640097 10.0417L2.11857 10.2949ZM0.640097 13.9583L0.766695 14.6975L2.24517 14.4443L2.11857 13.7051L0.640097 13.9583ZM3.61509 17.4982L3.20318 16.8714L1.94966 17.6953L2.36158 18.322L3.61509 17.4982ZM5.67721 21.6377L6.30397 22.0496L7.1278 20.7961L6.50105 20.3842L5.67721 21.6377ZM10.2942 21.8807L9.55492 21.7541L9.30172 23.2326L10.041 23.3592L10.2942 21.8807ZM13.9576 23.3592L14.6968 23.2326L14.4436 21.7541L13.7044 21.8807L13.9576 23.3592ZM17.4975 20.3842L16.8707 20.7961L17.6946 22.0496L18.3213 21.6377L17.4975 20.3842ZM21.637 18.322L22.0489 17.6953L20.7954 16.8714L20.3835 17.4982L21.637 18.322ZM21.88 13.7051L21.7534 14.4443L23.2319 14.6975L23.3584 13.9583L21.88 13.7051ZM23.5243 12C23.5243 11.333 23.4675 10.6786 23.3584 10.0417L21.88 10.2949C21.9748 10.8485 22.0243 11.4182 22.0243 12H23.5243ZM21.637 5.67791C20.7702 4.35908 19.6402 3.22904 18.3213 2.36228L17.4975 3.61579C18.6453 4.37014 19.6291 5.35396 20.3835 6.50175L21.637 5.67791ZM13.9576 0.640799C13.3206 0.531717 12.6663 0.474976 11.9993 0.474976V1.97498C12.5811 1.97498 13.1507 2.02446 13.7044 2.11928L13.9576 0.640799ZM11.9993 0.474976C11.3323 0.474976 10.6779 0.531717 10.041 0.640799L10.2942 2.11928C10.8478 2.02446 11.4175 1.97498 11.9993 1.97498V0.474976ZM5.67721 2.36228C4.35838 3.22904 3.22833 4.35909 2.36158 5.67792L3.61509 6.50175C4.36944 5.35396 5.35326 4.37014 6.50104 3.6158L5.67721 2.36228ZM0.640097 10.0417C0.531015 10.6786 0.474274 11.333 0.474274 12H1.97427C1.97427 11.4182 2.02375 10.8485 2.11857 10.2949L0.640097 10.0417ZM0.474274 12C0.474274 12.667 0.531015 13.3213 0.640097 13.9583L2.11857 13.7051C2.02375 13.1514 1.97427 12.5818 1.97427 12H0.474274ZM2.36158 18.322C3.22834 19.6409 4.35838 20.7709 5.67721 21.6377L6.50105 20.3842C5.35326 19.6298 4.36944 18.646 3.61509 17.4982L2.36158 18.322ZM10.041 23.3592C10.6779 23.4682 11.3323 23.525 11.9993 23.525V22.025C11.4175 22.025 10.8478 21.9755 10.2942 21.8807L10.041 23.3592ZM11.9993 23.525C12.6663 23.525 13.3206 23.4682 13.9576 23.3592L13.7044 21.8807C13.1507 21.9755 12.5811 22.025 11.9993 22.025V23.525ZM18.3213 21.6377C19.6402 20.7709 20.7702 19.6409 21.637 18.322L20.3835 17.4982C19.6291 18.646 18.6453 19.6298 17.4975 20.3842L18.3213 21.6377ZM23.3584 13.9583C23.4675 13.3213 23.5243 12.667 23.5243 12H22.0243C22.0243 12.5818 21.9748 13.1514 21.88 13.7051L23.3584 13.9583Z",fill:"currentColor"}),o.createElement("path",{d:"M12 6.12244V17.8775",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M17.8776 12H6.12245",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_r=e=>o.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M16.7656 6.60254H8.51562C8.10142 6.60254 7.76562 6.91434 7.76562 7.29897V20.357C7.76562 20.7416 8.10142 21.0534 8.51562 21.0534H16.7656C17.1798 21.0534 17.5156 20.7416 17.5156 20.357V7.29897C17.5156 6.91434 17.1798 6.60254 16.7656 6.60254Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M12.6875 9.5C13.1017 9.5 13.4375 9.83676 13.4375 10.251V10.416C13.7384 10.4808 13.9968 10.5753 14.2031 10.6699C14.3853 10.7536 14.5315 10.8389 14.6348 10.9053C14.6862 10.9383 14.7281 10.967 14.7588 10.9893L14.8096 11.0283C14.8112 11.0296 14.8131 11.0311 14.8145 11.0322L14.8174 11.0332L14.8184 11.0342V11.0352C15.1412 11.2946 15.1931 11.767 14.9336 12.0898C14.6742 12.4122 14.2026 12.4632 13.8799 12.2041L13.8789 12.2051L13.8779 12.2041C13.8683 12.1971 13.8493 12.1838 13.8232 12.167C13.7703 12.133 13.6869 12.0832 13.5781 12.0332C13.3579 11.9321 13.0482 11.834 12.6826 11.834C12.4165 11.8341 12.1531 11.9229 11.9727 12.0518C11.7904 12.182 11.7656 12.2912 11.7656 12.334C11.7656 12.4332 11.7869 12.4702 11.7939 12.4814C11.8035 12.4966 11.8301 12.5304 11.9082 12.5752C12.0988 12.6841 12.389 12.754 12.8398 12.8506C13.222 12.9325 13.766 13.042 14.2002 13.29C14.4338 13.4235 14.6681 13.613 14.8408 13.8877C15.0164 14.1672 15.0986 14.4883 15.0986 14.834C15.0986 15.5055 14.7062 16.0208 14.2637 16.3369C14.0193 16.5114 13.7364 16.6423 13.4375 16.7266V16.917C13.4375 17.3312 13.1017 17.667 12.6875 17.667C12.2735 17.6668 11.9375 17.3311 11.9375 16.917V16.7539C11.6322 16.689 11.3697 16.5938 11.1611 16.498C10.9789 16.4144 10.8327 16.329 10.7295 16.2627C10.678 16.2296 10.6361 16.201 10.6055 16.1787L10.5547 16.1396C10.553 16.1383 10.5512 16.1368 10.5498 16.1357L10.5479 16.1348L10.5459 16.1328C10.2233 15.8734 10.1715 15.4009 10.4307 15.0781C10.6898 14.7557 11.1615 14.7046 11.4844 14.9629L11.4814 14.96C11.4826 14.9608 11.4843 14.9624 11.4863 14.9639C11.4959 14.9708 11.5148 14.9841 11.541 15.001C11.594 15.035 11.678 15.0846 11.7871 15.1348C12.0073 15.2359 12.317 15.3339 12.6826 15.334C12.9487 15.3339 13.2121 15.245 13.3926 15.1162C13.5747 14.986 13.5986 14.8768 13.5986 14.834C13.5986 14.7337 13.5771 14.6974 13.5703 14.6865C13.5607 14.6712 13.5343 14.6375 13.4561 14.5928C13.2655 14.484 12.976 14.414 12.5254 14.3174C12.1431 14.2355 11.5983 14.1261 11.1641 13.8779C10.9306 13.7444 10.696 13.5549 10.5234 13.2803C10.3479 13.0008 10.2656 12.6796 10.2656 12.334C10.2656 11.6627 10.6582 11.1472 11.1006 10.8311C11.3477 10.6545 11.6347 10.5226 11.9375 10.4385V10.251C11.9375 9.8369 12.2735 9.50022 12.6875 9.5Z",fill:"currentColor"}),o.createElement("path",{d:"M3.27344 2.94629H20.3534C20.5381 2.94629 20.7152 3.01966 20.8459 3.15027C20.9764 3.28087 21.0498 3.45801 21.0498 3.64272V7.82129",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M3.24994 21.5894C3.6641 21.5893 3.99994 21.2535 3.99994 20.8394V8.37549L4.72748 9.10303C5.02038 9.39591 5.49514 9.39592 5.78803 9.10303C6.08091 8.81014 6.08091 8.33537 5.78803 8.04248L3.7851 6.03955C3.49221 5.74666 3.01745 5.74667 2.72455 6.03955C2.71669 6.04741 2.70953 6.05585 2.70209 6.06396C2.68584 6.07767 2.66955 6.09163 2.65424 6.10693L0.711857 8.04932C0.418964 8.34221 0.418964 8.81795 0.711857 9.11084C1.00469 9.40341 1.47957 9.40341 1.7724 9.11084L2.49994 8.3833V20.8394C2.49994 21.2536 2.83573 21.5894 3.24994 21.5894Z",fill:"currentColor"})),Zr=e=>o.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M16.7656 6.60254H8.51562C8.10142 6.60254 7.76562 6.91434 7.76562 7.29897V20.357C7.76562 20.7416 8.10142 21.0534 8.51562 21.0534H16.7656C17.1798 21.0534 17.5156 20.7416 17.5156 20.357V7.29897C17.5156 6.91434 17.1798 6.60254 16.7656 6.60254Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M12.6875 9.5C13.1017 9.5 13.4375 9.83676 13.4375 10.251V10.416C13.7384 10.4808 13.9968 10.5753 14.2031 10.6699C14.3853 10.7536 14.5315 10.8389 14.6348 10.9053C14.6862 10.9383 14.7281 10.967 14.7588 10.9893L14.8096 11.0283C14.8112 11.0296 14.8131 11.0311 14.8145 11.0322L14.8174 11.0332L14.8184 11.0342V11.0352C15.1412 11.2946 15.1931 11.767 14.9336 12.0898C14.6742 12.4122 14.2026 12.4632 13.8799 12.2041L13.8789 12.2051L13.8779 12.2041C13.8683 12.1971 13.8493 12.1838 13.8232 12.167C13.7703 12.133 13.6869 12.0832 13.5781 12.0332C13.3579 11.9321 13.0482 11.834 12.6826 11.834C12.4165 11.8341 12.1531 11.9229 11.9727 12.0518C11.7904 12.182 11.7656 12.2912 11.7656 12.334C11.7656 12.4332 11.7869 12.4702 11.7939 12.4814C11.8035 12.4966 11.8301 12.5304 11.9082 12.5752C12.0988 12.6841 12.389 12.754 12.8398 12.8506C13.222 12.9325 13.766 13.042 14.2002 13.29C14.4338 13.4235 14.6681 13.613 14.8408 13.8877C15.0164 14.1672 15.0986 14.4883 15.0986 14.834C15.0986 15.5055 14.7062 16.0208 14.2637 16.3369C14.0193 16.5114 13.7364 16.6423 13.4375 16.7266V16.917C13.4375 17.3312 13.1017 17.667 12.6875 17.667C12.2735 17.6668 11.9375 17.3311 11.9375 16.917V16.7539C11.6322 16.689 11.3697 16.5938 11.1611 16.498C10.9789 16.4144 10.8327 16.329 10.7295 16.2627C10.678 16.2296 10.6361 16.201 10.6055 16.1787L10.5547 16.1396C10.553 16.1383 10.5512 16.1368 10.5498 16.1357L10.5479 16.1348L10.5459 16.1328C10.2233 15.8734 10.1715 15.4009 10.4307 15.0781C10.6898 14.7557 11.1615 14.7046 11.4844 14.9629L11.4814 14.96C11.4826 14.9608 11.4843 14.9624 11.4863 14.9639C11.4959 14.9708 11.5148 14.9841 11.541 15.001C11.594 15.035 11.678 15.0846 11.7871 15.1348C12.0073 15.2359 12.317 15.3339 12.6826 15.334C12.9487 15.3339 13.2121 15.245 13.3926 15.1162C13.5747 14.986 13.5986 14.8768 13.5986 14.834C13.5986 14.7337 13.5771 14.6974 13.5703 14.6865C13.5607 14.6712 13.5343 14.6375 13.4561 14.5928C13.2655 14.484 12.976 14.414 12.5254 14.3174C12.1431 14.2355 11.5983 14.1261 11.1641 13.8779C10.9306 13.7444 10.696 13.5549 10.5234 13.2803C10.3479 13.0008 10.2656 12.6796 10.2656 12.334C10.2656 11.6627 10.6582 11.1472 11.1006 10.8311C11.3477 10.6545 11.6347 10.5226 11.9375 10.4385V10.251C11.9375 9.8369 12.2735 9.50022 12.6875 9.5Z",fill:"currentColor"}),o.createElement("path",{d:"M3.27344 2.94629H20.3534C20.5381 2.94629 20.7152 3.01966 20.8459 3.15027C20.9764 3.28087 21.0498 3.45801 21.0498 3.64272V7.82129",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M3.24994 5.81982C3.6641 5.81989 3.99994 6.15565 3.99994 6.56982V19.0337L4.72748 18.3062C5.02038 18.0133 5.49514 18.0133 5.78803 18.3062C6.08091 18.599 6.08091 19.0738 5.78803 19.3667L3.7851 21.3696C3.49221 21.6625 3.01745 21.6625 2.72455 21.3696C2.71669 21.3618 2.70953 21.3533 2.70209 21.3452C2.68584 21.3315 2.66955 21.3175 2.65424 21.3022L0.711857 19.3599C0.418964 19.067 0.418964 18.5912 0.711857 18.2983C1.00469 18.0058 1.47957 18.0058 1.7724 18.2983L2.49994 19.0259V6.56982C2.49994 6.15561 2.83573 5.81982 3.24994 5.81982Z",fill:"currentColor"})),{dateFormat:Ys,spendManagement:{chargeCard:{cardDetails:ir}},common:{strings:{hyphen:qs},tooltips:{addMissingReceipt:Xs,addReceipt:Js,viewReceipt:Ks}}}=ke.getLocalizedStrings(),Ue={containerPaddingLeft:new T(l[3],l[4]),containerPaddingRight:new T(l[3],l[4]),containerPaddingTop:new T(l[2],l[3]),containerPaddingBottom:new T(l[2],l[3]),containerMarginLeft:new T(l[4],l[8]),webkitLineClamp:new T(2,1,1,1,1)},Qs=(e,i)=>e.attachments!=null&&e.attachments.length>0?Ks:e.amount.amount<=i.amount?Js:Xs,Gr=(e,i,s,u)=>e.attachments!=null&&e.attachments.length>0?t.jsx(bd,{onClick:h=>{h.stopPropagation(),u()},"data-testid":J("card-transaction-row-view-receipt",e.id)}):e.amount.amount<=i.amount?t.jsx($d,{onClick:h=>{h.stopPropagation(),s()},"data-testid":J("card-transaction-row-optional-upload-receipt",e.id)}):t.jsx(yd,{onClick:h=>{h.stopPropagation(),s()},"data-testid":J("card-transaction-row-upload-receipt",e.id)}),ed=({cardsEndPoint:e,documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,isAiCategorizationEnabledForCardsTransactions:u,transactionAttachmentsEndpointToFetch:h,transactionAttachmentEndpointToDownload:f,cardId:c,uploadReceiptsFetchState:g,uploadReceiptsShowTick:m,isViewReceiptClickedImmediatelyAfterUpload:x,authParams:b,transaction:n,receiptRequiredAboveAmount:C,updateChargeCardTransactionAttachments:w,onUploadReceiptComplete:j,updateChargeCardTransactionUploadReceiptsFetchStatus:y,updateChargeCardTransactionReceiptsShowTick:k,updateChargeCardTransactionIsViewReceiptClicked:I,removeSnackbar:p,onChargeCardTransactionRowClick:E})=>{const S=Le(),[O,H]=o.useState(!1),[v,Y]=o.useState([]),[K,_]=o.useState(null);o.useEffect(()=>{!s&&x&&(Q(D[0]),ee())},[s,x]);const D=n.attachments?.filter(X=>X.contentType!=null&&Tr.includes(X.contentType))??[],[oe,Q]=o.useState(D[0]),[ne,N]=o.useState([]),[Z,W]=o.useState(void 0);o.useEffect(()=>{async function X(te){ne.includes(te.attachment_id)?console.warn(`Attachment with ID ${te.attachment_id} is already getting downloaded`):(N([te.attachment_id,...ne]),await Wr(f,b,te),N(Pr(ne,M=>M==te.attachment_id)))}Z!=null&&(X({card_id:c,transaction_id:n.id,attachment_id:Z}),W(void 0))},[Z]);const ae=()=>{I(n.id,c,!1),H(!1),_(null),Y([]),D.length>0&&Q(D[0])},ee=()=>{H(!0);const X=D.map(M=>M.id);async function te(M){return await Ur(h,b,M)}te({card_id:c,transaction_id:n.id,attachment_ids:X}).then(M=>{Y(M),M.length>0&&_(M[0])})},{merchant:re,createTime:se,transactionType:P,thirdPartyTransactionId:de}=n,G=()=>{s?(p(),I(n.id,c,!0)):(Q(D[0]),ee())},$=o.useRef(null);async function q(X,te){y(n.id,c,"In-Progress"),await Vr(`${e}/1.0/cards/transactions/${n.id}/attachments`,b,X,te).then(M=>{M!=null&&w(n.id,M),y(n.id,c,"Completed"),k(n.id,c,!0),setTimeout(()=>{k(n.id,c,!1),j(!0)},2e3)}).catch(M=>{y(n.id,c,"Error"),j(!1,M)})}const B=()=>{$.current?.click()},le=X=>{if(X.target.files!=null){const te=X.target.files,M=[],be=[];for(let Ae=0;Ae<te.length;Ae++)M.push(te[Ae].name),be.push(te[Ae]);q?.(be,M)}},A=Br(),z=Rr(n.transactionStatus),ce=u?re.brandName??re.name:re.name,ie=Ge("0,0.00",n.amount),L=P.code==="transfer",je=de!=null&&u,Ce=L&&n.direction==="debit",Fe=L&&n.direction==="credit";return t.jsxs(od,{windowSize:S,isClickable:je,"data-testid":J("card-transaction-row",n.id),onClick:X=>{X.stopPropagation(),je&&E(P.code,de)},children:[t.jsx(nd,{children:t.jsxs(sd,{children:[t.jsxs(dd,{windowSize:S,responsiveWidth:A[0].width,children:[Ce?t.jsx(ud,{}):Fe?t.jsx(md,{}):t.jsx(gd,{src:re.logo?.url?.toString()}),t.jsx(cd,{windowSize:S,hasMarginRight:z.code==="paid",children:ce}),z.code!=="paid"?t.jsxs(ad,{children:[t.jsx(id,{windowSize:S}),t.jsx(rd,{color:z.color,windowSize:S,children:z.value})]}):null]}),t.jsx(pd,{windowSize:S,responsiveWidth:A[1].width,children:t.jsx(Cd,{children:se.format(Ys.visual.MMMDCommaYYYYformat)})}),t.jsx(wd,{windowSize:S,responsiveWidth:A[2].width,children:n.transactionStatus.code==="declined"||n.transactionStatus.code==="canceled"?qs:g?.fetchState==="In-Progress"?t.jsx(mt,{size:"Small",start:!0}):m?t.jsx(Sd,{}):t.jsxs(Qt,{enterDelay:600,display:"flex",placement:"bottom",title:Qs(n,C),children:[t.jsx(td,{"data-testid":J("card-transaction-row-upload-receipt",n.id),onClick:X=>{X.stopPropagation()},children:t.jsx(Er,{name:"transactionLineAttachment",fileRef:$,sizeLimit:i,isSizeLimitForEachFile:!0,onFileChange:le,multiple:!0,onFileSizeError:(X,te)=>{X&&j(!1,{code:500,message:te===!0?ir.singleFileUploadSizeErrorMessage.replace("__maxFileSize__",jt(i,0)):ir.multipleFileUploadSizeErrorMessage.replace("__maxFileSize__",jt(i,0))})}})}),Gr(n,C,B,G)]})}),t.jsx(fd,{windowSize:S,responsiveWidth:A[3].width,children:t.jsx(xd,{title:P.name,children:P.name})}),t.jsx(ld,{windowSize:S,responsiveWidth:A[4].width,children:t.jsx(hd,{windowSize:S,title:Ge("0,0.[00]",n.amount),children:n.direction==="debit"?ie:`-${ie}`})})]})}),O&&D.length>0?Mr.createPortal(t.jsx(Fr,{allFiles:v,fileSource:K,file:oe,title:oe.fileName,attachments:D,setFileSource:_,setShowFullScreenView:H,onCrossClick:ae,setSelectedFileAttachment:Q,onDownloadClick:X=>{W(X.id)},handleTouchStart:()=>{},handleTouchMove:()=>{},handleTouchEnd:()=>{}}),document.body):null]})},td=r.div``,ad=r.div`
+`;function Br(e,i,s){return qs(e,i,s)}async function qs(e,i,s,u){const h=`${e}?query=${encodeURIComponent(JSON.stringify(s))}`,f=ke.getLocalizedStrings().downloadReport;try{const c=await bo(h,{method:"GET",headers:{"zeni-user-id":i.userId,"zeni-tenant-id":i.tenantId,"zeni-session-id":i.sessionId}});if(c.ok){const g=u??So(c.headers,"Charge Card Transaction Receipt.pdf"),m=await c.arrayBuffer();yo(m,g)}else console.error(`${f.reportErrorMessage} ${c.statusText}`)}catch(c){console.error(`${f.reportErrorMessage} ${JSON.stringify(c)}`)}}async function Wr(e,i,s){const u=`${e}?query=${encodeURIComponent(JSON.stringify(s))}`,h=ke.getLocalizedStrings().downloadReport;try{const f=await fetch(u,{method:"GET",headers:{"zeni-user-id":i.userId,"zeni-tenant-id":i.tenantId,"zeni-session-id":i.sessionId}});if(f.ok)return await f.json();console.error(`${h.reportErrorMessage} ${f.statusText}`)}catch(f){throw console.error(`${h.reportErrorMessage} ${JSON.stringify(f)}`),f}return[]}const Ys=e=>o.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M23.3584 10.0417L23.2319 9.30243L21.7534 9.55562L21.88 10.2949L23.3584 10.0417ZM20.3835 6.50175L20.7954 7.1285L22.0489 6.30467L21.637 5.67791L20.3835 6.50175ZM18.3213 2.36228L17.6946 1.95036L16.8707 3.20388L17.4975 3.61579L18.3213 2.36228ZM13.7044 2.11928L14.4436 2.24587L14.6968 0.767397L13.9576 0.640799L13.7044 2.11928ZM10.041 0.640799L9.30172 0.767397L9.55492 2.24587L10.2942 2.11928L10.041 0.640799ZM6.50104 3.6158L7.1278 3.20388L6.30397 1.95036L5.67721 2.36228L6.50104 3.6158ZM2.36158 5.67792L1.94966 6.30467L3.20318 7.12851L3.61509 6.50175L2.36158 5.67792ZM2.11857 10.2949L2.24517 9.55562L0.766695 9.30242L0.640097 10.0417L2.11857 10.2949ZM0.640097 13.9583L0.766695 14.6975L2.24517 14.4443L2.11857 13.7051L0.640097 13.9583ZM3.61509 17.4982L3.20318 16.8714L1.94966 17.6953L2.36158 18.322L3.61509 17.4982ZM5.67721 21.6377L6.30397 22.0496L7.1278 20.7961L6.50105 20.3842L5.67721 21.6377ZM10.2942 21.8807L9.55492 21.7541L9.30172 23.2326L10.041 23.3592L10.2942 21.8807ZM13.9576 23.3592L14.6968 23.2326L14.4436 21.7541L13.7044 21.8807L13.9576 23.3592ZM17.4975 20.3842L16.8707 20.7961L17.6946 22.0496L18.3213 21.6377L17.4975 20.3842ZM21.637 18.322L22.0489 17.6953L20.7954 16.8714L20.3835 17.4982L21.637 18.322ZM21.88 13.7051L21.7534 14.4443L23.2319 14.6975L23.3584 13.9583L21.88 13.7051ZM23.5243 12C23.5243 11.333 23.4675 10.6786 23.3584 10.0417L21.88 10.2949C21.9748 10.8485 22.0243 11.4182 22.0243 12H23.5243ZM21.637 5.67791C20.7702 4.35908 19.6402 3.22904 18.3213 2.36228L17.4975 3.61579C18.6453 4.37014 19.6291 5.35396 20.3835 6.50175L21.637 5.67791ZM13.9576 0.640799C13.3206 0.531717 12.6663 0.474976 11.9993 0.474976V1.97498C12.5811 1.97498 13.1507 2.02446 13.7044 2.11928L13.9576 0.640799ZM11.9993 0.474976C11.3323 0.474976 10.6779 0.531717 10.041 0.640799L10.2942 2.11928C10.8478 2.02446 11.4175 1.97498 11.9993 1.97498V0.474976ZM5.67721 2.36228C4.35838 3.22904 3.22833 4.35909 2.36158 5.67792L3.61509 6.50175C4.36944 5.35396 5.35326 4.37014 6.50104 3.6158L5.67721 2.36228ZM0.640097 10.0417C0.531015 10.6786 0.474274 11.333 0.474274 12H1.97427C1.97427 11.4182 2.02375 10.8485 2.11857 10.2949L0.640097 10.0417ZM0.474274 12C0.474274 12.667 0.531015 13.3213 0.640097 13.9583L2.11857 13.7051C2.02375 13.1514 1.97427 12.5818 1.97427 12H0.474274ZM2.36158 18.322C3.22834 19.6409 4.35838 20.7709 5.67721 21.6377L6.50105 20.3842C5.35326 19.6298 4.36944 18.646 3.61509 17.4982L2.36158 18.322ZM10.041 23.3592C10.6779 23.4682 11.3323 23.525 11.9993 23.525V22.025C11.4175 22.025 10.8478 21.9755 10.2942 21.8807L10.041 23.3592ZM11.9993 23.525C12.6663 23.525 13.3206 23.4682 13.9576 23.3592L13.7044 21.8807C13.1507 21.9755 12.5811 22.025 11.9993 22.025V23.525ZM18.3213 21.6377C19.6402 20.7709 20.7702 19.6409 21.637 18.322L20.3835 17.4982C19.6291 18.646 18.6453 19.6298 17.4975 20.3842L18.3213 21.6377ZM23.3584 13.9583C23.4675 13.3213 23.5243 12.667 23.5243 12H22.0243C22.0243 12.5818 21.9748 13.1514 21.88 13.7051L23.3584 13.9583Z",fill:"currentColor"}),o.createElement("path",{d:"M12 6.12244V17.8775",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M17.8776 12H6.12245",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_r=e=>o.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M16.7656 6.60254H8.51562C8.10142 6.60254 7.76562 6.91434 7.76562 7.29897V20.357C7.76562 20.7416 8.10142 21.0534 8.51562 21.0534H16.7656C17.1798 21.0534 17.5156 20.7416 17.5156 20.357V7.29897C17.5156 6.91434 17.1798 6.60254 16.7656 6.60254Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M12.6875 9.5C13.1017 9.5 13.4375 9.83676 13.4375 10.251V10.416C13.7384 10.4808 13.9968 10.5753 14.2031 10.6699C14.3853 10.7536 14.5315 10.8389 14.6348 10.9053C14.6862 10.9383 14.7281 10.967 14.7588 10.9893L14.8096 11.0283C14.8112 11.0296 14.8131 11.0311 14.8145 11.0322L14.8174 11.0332L14.8184 11.0342V11.0352C15.1412 11.2946 15.1931 11.767 14.9336 12.0898C14.6742 12.4122 14.2026 12.4632 13.8799 12.2041L13.8789 12.2051L13.8779 12.2041C13.8683 12.1971 13.8493 12.1838 13.8232 12.167C13.7703 12.133 13.6869 12.0832 13.5781 12.0332C13.3579 11.9321 13.0482 11.834 12.6826 11.834C12.4165 11.8341 12.1531 11.9229 11.9727 12.0518C11.7904 12.182 11.7656 12.2912 11.7656 12.334C11.7656 12.4332 11.7869 12.4702 11.7939 12.4814C11.8035 12.4966 11.8301 12.5304 11.9082 12.5752C12.0988 12.6841 12.389 12.754 12.8398 12.8506C13.222 12.9325 13.766 13.042 14.2002 13.29C14.4338 13.4235 14.6681 13.613 14.8408 13.8877C15.0164 14.1672 15.0986 14.4883 15.0986 14.834C15.0986 15.5055 14.7062 16.0208 14.2637 16.3369C14.0193 16.5114 13.7364 16.6423 13.4375 16.7266V16.917C13.4375 17.3312 13.1017 17.667 12.6875 17.667C12.2735 17.6668 11.9375 17.3311 11.9375 16.917V16.7539C11.6322 16.689 11.3697 16.5938 11.1611 16.498C10.9789 16.4144 10.8327 16.329 10.7295 16.2627C10.678 16.2296 10.6361 16.201 10.6055 16.1787L10.5547 16.1396C10.553 16.1383 10.5512 16.1368 10.5498 16.1357L10.5479 16.1348L10.5459 16.1328C10.2233 15.8734 10.1715 15.4009 10.4307 15.0781C10.6898 14.7557 11.1615 14.7046 11.4844 14.9629L11.4814 14.96C11.4826 14.9608 11.4843 14.9624 11.4863 14.9639C11.4959 14.9708 11.5148 14.9841 11.541 15.001C11.594 15.035 11.678 15.0846 11.7871 15.1348C12.0073 15.2359 12.317 15.3339 12.6826 15.334C12.9487 15.3339 13.2121 15.245 13.3926 15.1162C13.5747 14.986 13.5986 14.8768 13.5986 14.834C13.5986 14.7337 13.5771 14.6974 13.5703 14.6865C13.5607 14.6712 13.5343 14.6375 13.4561 14.5928C13.2655 14.484 12.976 14.414 12.5254 14.3174C12.1431 14.2355 11.5983 14.1261 11.1641 13.8779C10.9306 13.7444 10.696 13.5549 10.5234 13.2803C10.3479 13.0008 10.2656 12.6796 10.2656 12.334C10.2656 11.6627 10.6582 11.1472 11.1006 10.8311C11.3477 10.6545 11.6347 10.5226 11.9375 10.4385V10.251C11.9375 9.8369 12.2735 9.50022 12.6875 9.5Z",fill:"currentColor"}),o.createElement("path",{d:"M3.27344 2.94629H20.3534C20.5381 2.94629 20.7152 3.01966 20.8459 3.15027C20.9764 3.28087 21.0498 3.45801 21.0498 3.64272V7.82129",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M3.24994 21.5894C3.6641 21.5893 3.99994 21.2535 3.99994 20.8394V8.37549L4.72748 9.10303C5.02038 9.39591 5.49514 9.39592 5.78803 9.10303C6.08091 8.81014 6.08091 8.33537 5.78803 8.04248L3.7851 6.03955C3.49221 5.74666 3.01745 5.74667 2.72455 6.03955C2.71669 6.04741 2.70953 6.05585 2.70209 6.06396C2.68584 6.07767 2.66955 6.09163 2.65424 6.10693L0.711857 8.04932C0.418964 8.34221 0.418964 8.81795 0.711857 9.11084C1.00469 9.40341 1.47957 9.40341 1.7724 9.11084L2.49994 8.3833V20.8394C2.49994 21.2536 2.83573 21.5894 3.24994 21.5894Z",fill:"currentColor"})),Ur=e=>o.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M16.7656 6.60254H8.51562C8.10142 6.60254 7.76562 6.91434 7.76562 7.29897V20.357C7.76562 20.7416 8.10142 21.0534 8.51562 21.0534H16.7656C17.1798 21.0534 17.5156 20.7416 17.5156 20.357V7.29897C17.5156 6.91434 17.1798 6.60254 16.7656 6.60254Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M12.6875 9.5C13.1017 9.5 13.4375 9.83676 13.4375 10.251V10.416C13.7384 10.4808 13.9968 10.5753 14.2031 10.6699C14.3853 10.7536 14.5315 10.8389 14.6348 10.9053C14.6862 10.9383 14.7281 10.967 14.7588 10.9893L14.8096 11.0283C14.8112 11.0296 14.8131 11.0311 14.8145 11.0322L14.8174 11.0332L14.8184 11.0342V11.0352C15.1412 11.2946 15.1931 11.767 14.9336 12.0898C14.6742 12.4122 14.2026 12.4632 13.8799 12.2041L13.8789 12.2051L13.8779 12.2041C13.8683 12.1971 13.8493 12.1838 13.8232 12.167C13.7703 12.133 13.6869 12.0832 13.5781 12.0332C13.3579 11.9321 13.0482 11.834 12.6826 11.834C12.4165 11.8341 12.1531 11.9229 11.9727 12.0518C11.7904 12.182 11.7656 12.2912 11.7656 12.334C11.7656 12.4332 11.7869 12.4702 11.7939 12.4814C11.8035 12.4966 11.8301 12.5304 11.9082 12.5752C12.0988 12.6841 12.389 12.754 12.8398 12.8506C13.222 12.9325 13.766 13.042 14.2002 13.29C14.4338 13.4235 14.6681 13.613 14.8408 13.8877C15.0164 14.1672 15.0986 14.4883 15.0986 14.834C15.0986 15.5055 14.7062 16.0208 14.2637 16.3369C14.0193 16.5114 13.7364 16.6423 13.4375 16.7266V16.917C13.4375 17.3312 13.1017 17.667 12.6875 17.667C12.2735 17.6668 11.9375 17.3311 11.9375 16.917V16.7539C11.6322 16.689 11.3697 16.5938 11.1611 16.498C10.9789 16.4144 10.8327 16.329 10.7295 16.2627C10.678 16.2296 10.6361 16.201 10.6055 16.1787L10.5547 16.1396C10.553 16.1383 10.5512 16.1368 10.5498 16.1357L10.5479 16.1348L10.5459 16.1328C10.2233 15.8734 10.1715 15.4009 10.4307 15.0781C10.6898 14.7557 11.1615 14.7046 11.4844 14.9629L11.4814 14.96C11.4826 14.9608 11.4843 14.9624 11.4863 14.9639C11.4959 14.9708 11.5148 14.9841 11.541 15.001C11.594 15.035 11.678 15.0846 11.7871 15.1348C12.0073 15.2359 12.317 15.3339 12.6826 15.334C12.9487 15.3339 13.2121 15.245 13.3926 15.1162C13.5747 14.986 13.5986 14.8768 13.5986 14.834C13.5986 14.7337 13.5771 14.6974 13.5703 14.6865C13.5607 14.6712 13.5343 14.6375 13.4561 14.5928C13.2655 14.484 12.976 14.414 12.5254 14.3174C12.1431 14.2355 11.5983 14.1261 11.1641 13.8779C10.9306 13.7444 10.696 13.5549 10.5234 13.2803C10.3479 13.0008 10.2656 12.6796 10.2656 12.334C10.2656 11.6627 10.6582 11.1472 11.1006 10.8311C11.3477 10.6545 11.6347 10.5226 11.9375 10.4385V10.251C11.9375 9.8369 12.2735 9.50022 12.6875 9.5Z",fill:"currentColor"}),o.createElement("path",{d:"M3.27344 2.94629H20.3534C20.5381 2.94629 20.7152 3.01966 20.8459 3.15027C20.9764 3.28087 21.0498 3.45801 21.0498 3.64272V7.82129",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M3.24994 5.81982C3.6641 5.81989 3.99994 6.15565 3.99994 6.56982V19.0337L4.72748 18.3062C5.02038 18.0133 5.49514 18.0133 5.78803 18.3062C6.08091 18.599 6.08091 19.0738 5.78803 19.3667L3.7851 21.3696C3.49221 21.6625 3.01745 21.6625 2.72455 21.3696C2.71669 21.3618 2.70953 21.3533 2.70209 21.3452C2.68584 21.3315 2.66955 21.3175 2.65424 21.3022L0.711857 19.3599C0.418964 19.067 0.418964 18.5912 0.711857 18.2983C1.00469 18.0058 1.47957 18.0058 1.7724 18.2983L2.49994 19.0259V6.56982C2.49994 6.15561 2.83573 5.81982 3.24994 5.81982Z",fill:"currentColor"})),{dateFormat:Xs,spendManagement:{chargeCard:{cardDetails:ir}},common:{strings:{hyphen:Js},tooltips:{addMissingReceipt:Ks,addReceipt:Qs,viewReceipt:ed}}}=ke.getLocalizedStrings(),_e={containerPaddingLeft:new T(l[3],l[4]),containerPaddingRight:new T(l[3],l[4]),containerPaddingTop:new T(l[2],l[3]),containerPaddingBottom:new T(l[2],l[3]),containerMarginLeft:new T(l[4],l[8]),webkitLineClamp:new T(2,1,1,1,1)},Zr=e=>(e.attachmentFilePaths??[]).filter(i=>/\.(pdf|png|jpg|jpeg)$/i.test(i)).map(jo),td=(e,i)=>(e.attachmentFilePaths?.length??0)>0?ed:e.amount.amount<=i.amount?Qs:Ks,Gr=(e,i,s,u)=>(e.attachmentFilePaths?.length??0)>0?t.jsx(yd,{onClick:h=>{h.stopPropagation(),u()},"data-testid":X("card-transaction-row-view-receipt",e.id)}):e.amount.amount<=i.amount?t.jsx(kd,{onClick:h=>{h.stopPropagation(),s()},"data-testid":X("card-transaction-row-optional-upload-receipt",e.id)}):t.jsx(vd,{onClick:h=>{h.stopPropagation(),s()},"data-testid":X("card-transaction-row-upload-receipt",e.id)}),ad=({cardsEndPoint:e,documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,isAiCategorizationEnabledForCardsTransactions:u,transactionAttachmentsEndpointToFetch:h,transactionAttachmentEndpointToDownload:f,cardId:c,uploadReceiptsFetchState:g,uploadReceiptsShowTick:m,isViewReceiptClickedImmediatelyAfterUpload:x,authParams:b,transaction:n,receiptRequiredAboveAmount:C,updateChargeCardTransactionAttachments:w,onUploadReceiptComplete:j,updateChargeCardTransactionUploadReceiptsFetchStatus:y,updateChargeCardTransactionReceiptsShowTick:k,updateChargeCardTransactionIsViewReceiptClicked:L,removeSnackbar:p,onChargeCardTransactionRowClick:E})=>{const S=Ie(),[O,H]=o.useState(!1),[v,q]=o.useState([]),[J,U]=o.useState(null);o.useEffect(()=>{!s&&x&&(K(D[0]),Q())},[s,x]);const D=Zr(n),[oe,K]=o.useState(D[0]),[ne,N]=o.useState([]),[Z,W]=o.useState(void 0);o.useEffect(()=>{async function te(ee){ne.includes(ee.attachment_id)?console.warn(`Attachment with ID ${ee.attachment_id} is already getting downloaded`):(N([ee.attachment_id,...ne]),await Br(f,b,ee),N(Rr(ne,M=>M==ee.attachment_id)))}Z!=null&&(te({card_id:c,transaction_id:n.id,attachment_id:Z}),W(void 0))},[Z]);const ae=()=>{L(n.id,c,!1),H(!1),U(null),q([]),D.length>0&&K(D[0])},Q=()=>{H(!0);const te=D.map(M=>M.id);async function ee(M){return await Wr(h,b,M)}ee({card_id:c,transaction_id:n.id,attachment_ids:te}).then(M=>{q(M),M.length>0&&U(M[0])})},{merchant:re,createTime:se,transactionType:z,thirdPartyTransactionId:de}=n,G=()=>{s?(p(),L(n.id,c,!0)):(K(D[0]),Q())},$=o.useRef(null);async function Y(te,ee){y(n.id,c,"In-Progress"),await Mr(`${e}/1.0/cards/transactions/${n.id}/attachments`,b,te,ee).then(M=>{M!=null&&w(n.id,M),y(n.id,c,"Completed"),k(n.id,c,!0),setTimeout(()=>{k(n.id,c,!1),j(!0)},2e3)}).catch(M=>{y(n.id,c,"Error"),j(!1,M)})}const B=()=>{$.current?.click()},le=te=>{if(te.target.files!=null){const ee=te.target.files,M=[],be=[];for(let Ae=0;Ae<ee.length;Ae++)M.push(ee[Ae].name),be.push(ee[Ae]);Y?.(be,M)}},A=Nr(),P=Tr(n.transactionStatus),ce=u?re.brandName??re.name:re.name,ie=Ge("0,0.00",n.amount),I=z.code==="transfer",je=de!=null&&u,Ce=I&&n.direction==="debit",Re=I&&n.direction==="credit";return t.jsxs(sd,{windowSize:S,isClickable:je,"data-testid":X("card-transaction-row",n.id),onClick:te=>{te.stopPropagation(),je&&E(z.code,de)},children:[t.jsx(dd,{children:t.jsxs(cd,{children:[t.jsxs(ld,{windowSize:S,responsiveWidth:A[0].width,children:[Ce?t.jsx(gd,{}):Re?t.jsx(Cd,{}):t.jsx(fd,{src:re.logo?.url?.toString()}),t.jsx(hd,{windowSize:S,hasMarginRight:P.code==="paid",children:ce}),P.code!=="paid"?t.jsxs(id,{children:[t.jsx(nd,{windowSize:S}),t.jsx(od,{color:P.color,windowSize:S,children:P.value})]}):null]}),t.jsx(md,{windowSize:S,responsiveWidth:A[1].width,children:t.jsx(wd,{children:se.format(Xs.visual.MMMDCommaYYYYformat)})}),t.jsx(bd,{windowSize:S,responsiveWidth:A[2].width,children:n.transactionStatus.code==="declined"||n.transactionStatus.code==="canceled"?Js:g?.fetchState==="In-Progress"?t.jsx(mt,{size:"Small",start:!0}):m?t.jsx($d,{}):t.jsxs(Qt,{enterDelay:600,display:"flex",placement:"bottom",title:td(n,C),children:[t.jsx(rd,{"data-testid":X("card-transaction-row-upload-receipt",n.id),onClick:te=>{te.stopPropagation()},children:t.jsx(Er,{name:"transactionLineAttachment",fileRef:$,sizeLimit:i,isSizeLimitForEachFile:!0,onFileChange:le,multiple:!0,onFileSizeError:(te,ee)=>{te&&j(!1,{code:500,message:ee===!0?ir.singleFileUploadSizeErrorMessage.replace("__maxFileSize__",jt(i,0)):ir.multipleFileUploadSizeErrorMessage.replace("__maxFileSize__",jt(i,0))})}})}),Gr(n,C,B,G)]})}),t.jsx(xd,{windowSize:S,responsiveWidth:A[3].width,children:t.jsx(Sd,{title:z.name,children:z.name})}),t.jsx(pd,{windowSize:S,responsiveWidth:A[4].width,children:t.jsx(ud,{windowSize:S,title:Ge("0,0.[00]",n.amount),children:n.direction==="debit"?ie:`-${ie}`})})]})}),O&&D.length>0?Pr.createPortal(t.jsx(Fr,{allFiles:v,fileSource:J,file:oe,title:oe.fileName,attachments:D,setFileSource:U,setShowFullScreenView:H,onCrossClick:ae,setSelectedFileAttachment:K,onDownloadClick:te=>{W(te.id)},handleTouchStart:()=>{},handleTouchMove:()=>{},handleTouchEnd:()=>{}}),document.body):null]})},rd=r.div``,id=r.div`
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: ${a.sp2};
   margin-right: ${a.sp4};
-`,rd=r(st)`
+`,od=r(st)`
   color: ${e=>e.color};
-`,id=r.div`
+`,nd=r.div`
   display: ${e=>e.windowSize==="small"?"none":"block"};
   width: ${a.sp1};
   height: ${a.sp1};
   border-radius: 100%;
   background-color: ${e=>e.theme.colors.grey1};
-`,od=r.div`
+`,sd=r.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
-  padding-left: ${e=>Ue.containerPaddingLeft.valuePx(e.windowSize)};
-  padding-right: ${e=>Ue.containerPaddingRight.valuePx(e.windowSize)};
-  padding-top: ${e=>Ue.containerPaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>Ue.containerPaddingBottom.valuePx(e.windowSize)};
+  padding-left: ${e=>_e.containerPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>_e.containerPaddingRight.valuePx(e.windowSize)};
+  padding-top: ${e=>_e.containerPaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>_e.containerPaddingBottom.valuePx(e.windowSize)};
   border: ${e=>`1px solid ${e.theme.colors.grey3}`};
   box-shadow: ${e=>e.theme.mode==="dark"?`${d.dropShadowNormalDark} ${a.sp0} 2px ${a.sp1}`:`${a.sp0} 2px ${a.sp1} ${d.dropShadowNormalLight}`};
   border-radius: ${a.sp2};
@@ -809,29 +809,29 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
     border-color: ${e=>e.theme.colors.primary};
     color: ${e=>e.theme.colors.primary};
   }
-  margin-right: ${e=>Ue.containerMarginLeft.valuePx(e.windowSize)};
-  margin-left: ${e=>Ue.containerMarginLeft.valuePx(e.windowSize)};
+  margin-right: ${e=>_e.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${e=>_e.containerMarginLeft.valuePx(e.windowSize)};
   box-sizing: border-box;
   align-items: center;
   cursor: ${e=>e.isClickable?"pointer":"default"};
-`,nd=r.div`
+`,dd=r.div`
   display: block;
   width: 100%;
-`,sd=r.div`
+`,cd=r.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
   align-items: center;
-`,dd=r.div`
+`,ld=r.div`
   display: flex;
   flex-direction: row;
   column-gap: ${a.sp2};
   align-items: center;
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-`,cd=r(Oe)`
+`,hd=r(Oe)`
   margin-right: ${e=>e.hasMarginRight?a.sp3:a.sp0};
   color: inherit;
-  -webkit-line-clamp: ${e=>Ue.webkitLineClamp.value(e.windowSize)};
+  -webkit-line-clamp: ${e=>_e.webkitLineClamp.value(e.windowSize)};
   -webkit-box-orient: vertical;
   overflow: hidden;
   max-width: 100%;
@@ -839,16 +839,16 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   text-overflow: ellipsis;
   white-space: nowrap;
   text-transform: capitalize;
-`,ld=r(Oe)`
+`,pd=r(Oe)`
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   align-items: flex-end;
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-`,hd=r(Oe)`
+`,ud=r(Oe)`
   color: inherit;
   flex-grow: 1;
-  -webkit-line-clamp: ${e=>Ue.webkitLineClamp.value(e.windowSize)};
+  -webkit-line-clamp: ${e=>_e.webkitLineClamp.value(e.windowSize)};
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -856,44 +856,44 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,pd=r.div`
+`,md=r.div`
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   box-sizing: border-box;
   display: flex;
   align-items: flex-start;
   flex-direction: column;
   justify-content: center;
-`,Yr=e=>we`
+`,qr=e=>we`
   width: ${a.sp4};
   height: ${a.sp4};
   color: ${e.colors.hero};
-`,ud=r(Zr)`
-  ${({theme:e})=>Yr(e)}
-`,md=r(_r)`
-  ${({theme:e})=>Yr(e)}
-`,gd=r.img`
+`,gd=r(Ur)`
+  ${({theme:e})=>qr(e)}
+`,Cd=r(_r)`
+  ${({theme:e})=>qr(e)}
+`,fd=r.img`
   display: flex;
   width: ${a.sp4};
   height: ${a.sp4};
-`,Cd=r(Oe)`
+`,wd=r(Oe)`
   color: inherit;
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,fd=r(Oe)`
+`,xd=r(Oe)`
   color: ${e=>e.theme.colors.hero};
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   box-sizing: border-box;
   display: flex;
   align-items: center;
-`,wd=r.div`
+`,bd=r.div`
   color: ${e=>e.theme.colors.hero};
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   box-sizing: border-box;
   display: flex;
   align-items: center;
-`,xd=r(st)`
+`,Sd=r(st)`
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   overflow: hidden;
@@ -902,7 +902,7 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   padding: 1px 6px;
   border-radius: ${a.sp1};
   border: 1px solid ${e=>e.theme.colors.grey1};
-`,bd=r(go)`
+`,yd=r(Co)`
   height: ${a.sp4};
   width: ${a.sp4};
   cursor: pointer;
@@ -910,11 +910,11 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Sd=r(gt)`
+`,$d=r(gt)`
   height: ${a.sp4};
   width: ${a.sp4};
   color: ${d.success};
-`,yd=r(Co)`
+`,vd=r(fo)`
   height: ${a.sp4};
   width: ${a.sp4};
   cursor: pointer;
@@ -922,7 +922,7 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,$d=r(Gs)`
+`,kd=r(Ys)`
   height: ${a.sp4};
   width: ${a.sp4};
   cursor: pointer;
@@ -930,19 +930,19 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,{dateFormat:vd,spendManagement:{chargeCard:{cardDetails:qt}},common:{strings:{hyphen:kd}}}=ke.getLocalizedStrings(),jd={webkitLineClamp:new T(2,1,1,1,1)},Ld=({cardsEndPoint:e,documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,isAiCategorizationEnabledForCardsTransactions:u,transactionAttachmentsEndpointToFetch:h,transactionAttachmentEndpointToDownload:f,cardId:c,isViewReceiptClickedImmediatelyAfterUpload:g,uploadReceiptsShowTick:m,uploadReceiptsFetchState:x,authParams:b,transaction:n,receiptRequiredAboveAmount:C,onUploadReceiptComplete:w,updateChargeCardTransactionAttachments:j,updateChargeCardTransactionReceiptsShowTick:y,updateChargeCardTransactionIsViewReceiptClicked:k,updateChargeCardTransactionUploadReceiptsFetchStatus:I,removeSnackbar:p,onChargeCardTransactionRowClick:E})=>{const S=Le(),[O,H]=o.useState(0),[v,Y]=o.useState(0),[K,_]=o.useState(0),D=R=>{_(R),W(!0),G(P[R]),se(ae[R])};function oe(R){H(R.targetTouches[0].clientX)}function Q(R){Y(R.targetTouches[0].clientX)}function ne(R){return R<0?P.length+R:R%P.length}function N(){O-v>50&&v!==0&&K<P.length-1?(D(ne(K+1)),H(0),Y(0)):O-v<-50&&v!==0&&K>0&&(D(ne(K-1)),H(0),Y(0))}const[Z,W]=o.useState(!1),[ae,ee]=o.useState([]),[re,se]=o.useState(null);o.useEffect(()=>{!s&&g&&(G(P[0]),z())},[s,g]);const P=n.attachments?.filter(R=>R.contentType!=null&&Tr.includes(R.contentType))??[],[de,G]=o.useState(P[0]),[$,q]=o.useState([]),[B,le]=o.useState(void 0);o.useEffect(()=>{async function R(he){$.includes(he.attachment_id)?console.warn(`Attachment with ID ${he.attachment_id} is already getting downloaded`):(q([he.attachment_id,...$]),await Wr(f,b,he),q(Pr($,F=>F==he.attachment_id)))}B!=null&&(R({card_id:c,transaction_id:n.id,attachment_id:B}),le(void 0))},[B]);const A=()=>{k(n.id,c,!1),W(!1),se(null),ee([]),P.length>0&&G(P[0])},z=()=>{W(!0);const R=P.map(F=>F.id);async function he(F){return await Ur(h,b,F)}he({card_id:c,transaction_id:n.id,attachment_ids:R}).then(F=>{ee(F),F.length>0&&se(F[0])})},{merchant:ce,createTime:ie,transactionType:L,thirdPartyTransactionId:je}=n,Ce=()=>{s?(p(),k(n.id,c,!0)):(G(P[0]),z())},Fe=o.useRef(null);async function X(R,he){I(n.id,c,"In-Progress"),await Vr(`${e}/1.0/cards/transactions/${n.id}/attachments`,b,R,he).then(F=>{F!=null&&j(n.id,F),I(n.id,c,"Completed"),w(!0),y(n.id,c,!0),setTimeout(()=>y(n.id,c,!1),2e3)}).catch(F=>{I(n.id,c,"Error"),w(!1,F)})}const te=()=>{Fe.current?.click()},M=R=>{if(R.target.files!=null){const he=R.target.files,F=[],qe=[];for(let Pe=0;Pe<he.length;Pe++)F.push(he[Pe].name),qe.push(he[Pe]);X?.(qe,F)}},be=Rr(n.transactionStatus),Ae=u?ce.brandName??ce.name:ce.name,me=Ge("0,0.00",n.amount),He=L.code==="transfer",Ye=je!=null&&u,at=He&&n.direction==="debit",pe=He&&n.direction==="credit";return t.jsxs(Vd,{windowSize:S,"data-testid":J("card-transaction-row-small",n.id),onClick:R=>{R.stopPropagation(),Ye&&E(L.code,je)},children:[t.jsx(Od,{children:t.jsxs(Hd,{children:[t.jsxs(Wd,{children:[t.jsx(Pd,{children:at?t.jsx(Id,{}):pe?t.jsx(Dd,{}):t.jsx(_d,{src:ce.logo?.url?.toString()})}),t.jsxs(Zd,{children:[t.jsxs(Ad,{children:[t.jsx(Nd,{windowSize:S,children:Ae}),be.code!=="paid"?t.jsxs(Td,{children:[t.jsx(Ed,{windowSize:S}),t.jsx(Rd,{color:be.color,windowSize:S,children:be.value})]}):null]}),t.jsx(Bd,{children:`${qt.paymentDate} ${ie.format(vd.visual.MMMDCommaYYYYformat)}`})]})]}),t.jsxs(Ud,{children:[t.jsx(Gd,{children:n.direction==="debit"?me:`-${me}`}),t.jsx(Md,{title:L.name,children:L.name}),t.jsx(zd,{children:n.transactionStatus.code==="declined"||n.transactionStatus.code==="canceled"?kd:x?.fetchState==="In-Progress"?t.jsx(mt,{size:"Small",start:!0}):m?t.jsx(Fd,{}):t.jsxs(or,{children:[t.jsx(or,{"data-testid":J("card-transaction-row-small-upload-receipt",n.id),onClick:R=>{R.stopPropagation()},children:t.jsx(Er,{name:"transactionLineAttachment",fileRef:Fe,sizeLimit:i,isSizeLimitForEachFile:!0,onFileChange:M,multiple:!0,onFileSizeError:(R,he)=>{R&&w(!1,{code:500,message:he===!0?qt.singleFileUploadSizeErrorMessage.replace("__maxFileSize__",jt(i,0)):qt.multipleFileUploadSizeErrorMessage.replace("__maxFileSize__",jt(i,0))})}})}),Gr(n,C,te,Ce)]})})]})]})}),Z&&P.length>0?Mr.createPortal(t.jsx(Fr,{allFiles:ae,fileSource:re,file:de,title:de.fileName,attachments:P,setFileSource:se,setShowFullScreenView:W,onCrossClick:A,setSelectedFileAttachment:G,onDownloadClick:R=>{le(R.id)},handleTouchStart:oe,handleTouchMove:Q,handleTouchEnd:N}),document.body):null]})},qr=e=>we`
+`,{dateFormat:jd,spendManagement:{chargeCard:{cardDetails:Yt}},common:{strings:{hyphen:Id}}}=ke.getLocalizedStrings(),Ld={webkitLineClamp:new T(2,1,1,1,1)},Dd=({cardsEndPoint:e,documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,isAiCategorizationEnabledForCardsTransactions:u,transactionAttachmentsEndpointToFetch:h,transactionAttachmentEndpointToDownload:f,cardId:c,isViewReceiptClickedImmediatelyAfterUpload:g,uploadReceiptsShowTick:m,uploadReceiptsFetchState:x,authParams:b,transaction:n,receiptRequiredAboveAmount:C,onUploadReceiptComplete:w,updateChargeCardTransactionAttachments:j,updateChargeCardTransactionReceiptsShowTick:y,updateChargeCardTransactionIsViewReceiptClicked:k,updateChargeCardTransactionUploadReceiptsFetchStatus:L,removeSnackbar:p,onChargeCardTransactionRowClick:E})=>{const S=Ie(),[O,H]=o.useState(0),[v,q]=o.useState(0),[J,U]=o.useState(0),D=F=>{U(F),W(!0),G(z[F]),se(ae[F])};function oe(F){H(F.targetTouches[0].clientX)}function K(F){q(F.targetTouches[0].clientX)}function ne(F){return F<0?z.length+F:F%z.length}function N(){O-v>50&&v!==0&&J<z.length-1?(D(ne(J+1)),H(0),q(0)):O-v<-50&&v!==0&&J>0&&(D(ne(J-1)),H(0),q(0))}const[Z,W]=o.useState(!1),[ae,Q]=o.useState([]),[re,se]=o.useState(null);o.useEffect(()=>{!s&&g&&(G(z[0]),P())},[s,g]);const z=Zr(n),[de,G]=o.useState(z[0]),[$,Y]=o.useState([]),[B,le]=o.useState(void 0);o.useEffect(()=>{async function F(he){$.includes(he.attachment_id)?console.warn(`Attachment with ID ${he.attachment_id} is already getting downloaded`):(Y([he.attachment_id,...$]),await Br(f,b,he),Y(Rr($,R=>R==he.attachment_id)))}B!=null&&(F({card_id:c,transaction_id:n.id,attachment_id:B}),le(void 0))},[B]);const A=()=>{k(n.id,c,!1),W(!1),se(null),Q([]),z.length>0&&G(z[0])},P=()=>{W(!0);const F=z.map(R=>R.id);async function he(R){return await Wr(h,b,R)}he({card_id:c,transaction_id:n.id,attachment_ids:F}).then(R=>{Q(R),R.length>0&&se(R[0])})},{merchant:ce,createTime:ie,transactionType:I,thirdPartyTransactionId:je}=n,Ce=()=>{s?(p(),k(n.id,c,!0)):(G(z[0]),P())},Re=o.useRef(null);async function te(F,he){L(n.id,c,"In-Progress"),await Mr(`${e}/1.0/cards/transactions/${n.id}/attachments`,b,F,he).then(R=>{R!=null&&j(n.id,R),L(n.id,c,"Completed"),w(!0),y(n.id,c,!0),setTimeout(()=>y(n.id,c,!1),2e3)}).catch(R=>{L(n.id,c,"Error"),w(!1,R)})}const ee=()=>{Re.current?.click()},M=F=>{if(F.target.files!=null){const he=F.target.files,R=[],Ye=[];for(let ze=0;ze<he.length;ze++)R.push(he[ze].name),Ye.push(he[ze]);te?.(Ye,R)}},be=Tr(n.transactionStatus),Ae=u?ce.brandName??ce.name:ce.name,me=Ge("0,0.00",n.amount),He=I.code==="transfer",qe=je!=null&&u,at=He&&n.direction==="debit",pe=He&&n.direction==="credit";return t.jsxs(Hd,{windowSize:S,"data-testid":X("card-transaction-row-small",n.id),onClick:F=>{F.stopPropagation(),qe&&E(I.code,je)},children:[t.jsx(Nd,{children:t.jsxs(Bd,{children:[t.jsxs(Ud,{children:[t.jsx(Md,{children:at?t.jsx(Ad,{}):pe?t.jsx(Td,{}):t.jsx(Gd,{src:ce.logo?.url?.toString()})}),t.jsxs(qd,{children:[t.jsxs(Ed,{children:[t.jsx(Wd,{windowSize:S,children:Ae}),be.code!=="paid"?t.jsxs(Fd,{children:[t.jsx(zd,{windowSize:S}),t.jsx(Rd,{color:be.color,windowSize:S,children:be.value})]}):null]}),t.jsx(_d,{children:`${Yt.paymentDate} ${ie.format(jd.visual.MMMDCommaYYYYformat)}`})]})]}),t.jsxs(Zd,{children:[t.jsx(Yd,{children:n.direction==="debit"?me:`-${me}`}),t.jsx(Od,{title:I.name,children:I.name}),t.jsx(Vd,{children:n.transactionStatus.code==="declined"||n.transactionStatus.code==="canceled"?Id:x?.fetchState==="In-Progress"?t.jsx(mt,{size:"Small",start:!0}):m?t.jsx(Pd,{}):t.jsxs(or,{children:[t.jsx(or,{"data-testid":X("card-transaction-row-small-upload-receipt",n.id),onClick:F=>{F.stopPropagation()},children:t.jsx(Er,{name:"transactionLineAttachment",fileRef:Re,sizeLimit:i,isSizeLimitForEachFile:!0,onFileChange:M,multiple:!0,onFileSizeError:(F,he)=>{F&&w(!1,{code:500,message:he===!0?Yt.singleFileUploadSizeErrorMessage.replace("__maxFileSize__",jt(i,0)):Yt.multipleFileUploadSizeErrorMessage.replace("__maxFileSize__",jt(i,0))})}})}),Gr(n,C,ee,Ce)]})})]})]})}),Z&&z.length>0?Pr.createPortal(t.jsx(Fr,{allFiles:ae,fileSource:re,file:de,title:de.fileName,attachments:z,setFileSource:se,setShowFullScreenView:W,onCrossClick:A,setSelectedFileAttachment:G,onDownloadClick:F=>{le(F.id)},handleTouchStart:oe,handleTouchMove:K,handleTouchEnd:N}),document.body):null]})},Yr=e=>we`
   width: ${a.sp4};
   height: ${a.sp4};
   color: ${e.colors.hero};
-`,Id=r(Zr)`
-  ${({theme:e})=>qr(e)}
-`,Dd=r(_r)`
-  ${({theme:e})=>qr(e)}
-`,or=r.div``,Ad=r.div`
+`,Ad=r(Ur)`
+  ${({theme:e})=>Yr(e)}
+`,Td=r(_r)`
+  ${({theme:e})=>Yr(e)}
+`,or=r.div``,Ed=r.div`
   display: flex;
   gap: ${a.sp2};
   align-items: flex-start;
-`,Td=r.div`
+`,Fd=r.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -950,19 +950,19 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   min-height: ${a.sp4};
 `,Rd=r(st)`
   color: ${e=>e.color};
-`,Ed=r.div`
+`,zd=r.div`
   display: block;
   width: ${a.sp1};
   height: ${a.sp1};
   border-radius: 100%;
   background-color: ${e=>e.theme.colors.grey1};
-`,Fd=r(gt)`
+`,Pd=r(gt)`
   height: ${a.sp4};
   width: ${a.sp4};
   color: ${d.success};
-`,Pd=r.div``,zd=r.div`
+`,Md=r.div``,Vd=r.div`
   margin-top: ${a.sp2};
-`,Md=r(st)`
+`,Od=r(st)`
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   overflow: hidden;
@@ -971,7 +971,7 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   padding: 1px 6px;
   border-radius: ${a.sp1};
   border: 1px solid ${e=>e.theme.colors.grey1};
-`,Vd=r.div`
+`,Hd=r.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   border: ${e=>` 1px solid ${e.theme.colors.grey3}`};
@@ -985,18 +985,18 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   }
   margin-right: ${a.sp3};
   margin-left: ${a.sp3};
-`,Od=r.div`
+`,Nd=r.div`
   display: block;
   width: 100%;
-`,Hd=r.div`
+`,Bd=r.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
-`,Nd=r(Oe)`
+`,Wd=r(Oe)`
   color: inherit;
   flex-grow: 1;
   display: -webkit-box;
-  -webkit-line-clamp: ${e=>jd.webkitLineClamp.value(e.windowSize)};
+  -webkit-line-clamp: ${e=>Ld.webkitLineClamp.value(e.windowSize)};
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1004,49 +1004,49 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   overflow: hidden;
   text-overflow: ellipsis;
   text-transform: capitalize;
-`,Bd=r(st)`
+`,_d=r(st)`
   color: inherit;
   min-height: 18px;
   margin-top: -${a.sp1};
-`,Wd=r.div`
+`,Ud=r.div`
   display: flex;
   flex-direction: row;
   gap: ${a.sp2};
-`,Ud=r.div`
+`,Zd=r.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
-`,_d=r.img`
+`,Gd=r.img`
   display: flex;
   width: ${a.sp4};
   height: ${a.sp4};
-`,Zd=r.div`
+`,qd=r.div`
   margin-bottom: 6px;
-`,Gd=r(Oe)`
+`,Yd=r(Oe)`
   color: inherit;
-`,Yd=e=>o.createElement("svg",{width:90,height:90,viewBox:"0 0 90 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("g",{clipPath:"url(#clip0_6421_22796)"},o.createElement("mask",{id:"mask0_6421_22796",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:0,y:0,width:90,height:90},o.createElement("rect",{width:90,height:90,fill:"#D9D9D9"})),o.createElement("g",{mask:"url(#mask0_6421_22796)"},o.createElement("rect",{x:.471703,y:15.6197,width:85.2829,height:54.9872,rx:3.30192,stroke:"#97C3B9",strokeWidth:.943405}),o.createElement("rect",{opacity:.2,x:3.77344,y:18.9216,width:86.2263,height:55.9306,rx:3.77362,fill:"#97C3B9"}),o.createElement("path",{d:"M13.8672 56.8781L72.3583 56.878",stroke:"#EEBA7D",strokeWidth:.943405,strokeLinecap:"round"}),o.createElement("path",{d:"M0.945312 30.8197C34.0042 22.3291 52.539 22.3291 85.5978 30.8197",stroke:"#97C3B9",strokeWidth:.943405,strokeLinecap:"round"}),o.createElement("path",{d:"M15.688 42.7079L14.037 40.3117H15.037L16.1502 41.9154C16.1565 41.928 16.1911 41.9846 16.254 42.0853H16.2729C16.2854 42.0664 16.298 42.0444 16.3106 42.0192C16.3232 41.9878 16.3452 41.95 16.3766 41.906L17.4804 40.3117H18.4238L16.754 42.7456L18.4427 45.1796H17.4427L16.3012 43.5287C16.2886 43.5098 16.2509 43.4469 16.188 43.34H16.1691C16.1502 43.3903 16.1188 43.4501 16.0748 43.5192L14.9238 45.1796H13.9898L15.688 42.7079ZM20.3773 42.7079L18.7264 40.3117H19.7264L20.8396 41.9154C20.8459 41.928 20.8805 41.9846 20.9434 42.0853H20.9623C20.9748 42.0664 20.9874 42.0444 21 42.0192C21.0126 41.9878 21.0346 41.95 21.066 41.906L22.1698 40.3117H23.1132L21.4434 42.7456L23.1321 45.1796H22.1321L20.9906 43.5287C20.978 43.5098 20.9402 43.4469 20.8774 43.34H20.8585C20.8396 43.3903 20.8082 43.4501 20.7641 43.5192L19.6132 45.1796H18.6792L20.3773 42.7079ZM25.0667 42.7079L23.4158 40.3117H24.4158L25.529 41.9154C25.5353 41.928 25.5699 41.9846 25.6328 42.0853H25.6516C25.6642 42.0664 25.6768 42.0444 25.6894 42.0192C25.702 41.9878 25.724 41.95 25.7554 41.906L26.8592 40.3117H27.8026L26.1328 42.7456L27.8215 45.1796H26.8215L25.6799 43.5287C25.6674 43.5098 25.6296 43.4469 25.5667 43.34H25.5479C25.529 43.3903 25.4976 43.4501 25.4535 43.5192L24.3026 45.1796H23.3686L25.0667 42.7079ZM30.8057 42.2551H33.1076V42.9909H30.8057V42.2551ZM37.799 42.7079L36.1481 40.3117H37.1481L38.2613 41.9154C38.2676 41.928 38.3022 41.9846 38.3651 42.0853H38.3839C38.3965 42.0664 38.4091 42.0444 38.4217 42.0192C38.4342 41.9878 38.4563 41.95 38.4877 41.906L39.5915 40.3117H40.5349L38.8651 42.7456L40.5538 45.1796H39.5537L38.4122 43.5287C38.3996 43.5098 38.3619 43.4469 38.299 43.34H38.2802C38.2613 43.3903 38.2298 43.4501 38.1858 43.5192L37.0349 45.1796H36.1009L37.799 42.7079ZM42.4884 42.7079L40.8374 40.3117H41.8375L42.9507 41.9154C42.957 41.928 42.9916 41.9846 43.0544 42.0853H43.0733C43.0859 42.0664 43.0985 42.0444 43.111 42.0192C43.1236 41.9878 43.1456 41.95 43.1771 41.906L44.2809 40.3117H45.2243L43.5544 42.7456L45.2431 45.1796H44.2431L43.1016 43.5287C43.089 43.5098 43.0513 43.4469 42.9884 43.34H42.9695C42.9507 43.3903 42.9192 43.4501 42.8752 43.5192L41.7242 45.1796H40.7903L42.4884 42.7079ZM48.2274 42.2551H50.5293V42.9909H48.2274V42.2551ZM55.2207 42.7079L53.5697 40.3117H54.5697L55.683 41.9154C55.6892 41.928 55.7238 41.9846 55.7867 42.0853H55.8056C55.8182 42.0664 55.8308 42.0444 55.8433 42.0192C55.8559 41.9878 55.8779 41.95 55.9094 41.906L57.0132 40.3117H57.9566L56.2867 42.7456L57.9754 45.1796H56.9754L55.8339 43.5287C55.8213 43.5098 55.7836 43.4469 55.7207 43.34H55.7018C55.683 43.3903 55.6515 43.4501 55.6075 43.5192L54.4565 45.1796H53.5226L55.2207 42.7079ZM59.9101 42.7079L58.2591 40.3117H59.2591L60.3723 41.9154C60.3786 41.928 60.4132 41.9846 60.4761 42.0853H60.495C60.5076 42.0664 60.5201 42.0444 60.5327 42.0192C60.5453 41.9878 60.5673 41.95 60.5988 41.906L61.7025 40.3117H62.6459L60.9761 42.7456L62.6648 45.1796H61.6648L60.5233 43.5287C60.5107 43.5098 60.473 43.4469 60.4101 43.34H60.3912C60.3723 43.3903 60.3409 43.4501 60.2969 43.5192L59.1459 45.1796H58.2119L59.9101 42.7079ZM64.5995 42.7079L62.9485 40.3117H63.9485L65.0617 41.9154C65.068 41.928 65.1026 41.9846 65.1655 42.0853H65.1844C65.1969 42.0664 65.2095 42.0444 65.2221 42.0192C65.2347 41.9878 65.2567 41.95 65.2881 41.906L66.3919 40.3117H67.3353L65.6655 42.7456L67.3542 45.1796H66.3542L65.2127 43.5287C65.2001 43.5098 65.1624 43.4469 65.0995 43.34H65.0806C65.0617 43.3903 65.0303 43.4501 64.9863 43.5192L63.8353 45.1796H62.9013L64.5995 42.7079ZM69.2888 42.7079L67.6379 40.3117H68.6379L69.7511 41.9154C69.7574 41.928 69.792 41.9846 69.8549 42.0853H69.8738C69.8863 42.0664 69.8989 42.0444 69.9115 42.0192C69.9241 41.9878 69.9461 41.95 69.9775 41.906L71.0813 40.3117H72.0247L70.3549 42.7456L72.0436 45.1796H71.0436L69.9021 43.5287C69.8895 43.5098 69.8517 43.4469 69.7888 43.34H69.77C69.7511 43.3903 69.7197 43.4501 69.6756 43.5192L68.5247 45.1796H67.5907L69.2888 42.7079Z",fill:"#EEBA7D"}))),o.createElement("defs",null,o.createElement("clipPath",{id:"clip0_6421_22796"},o.createElement("rect",{width:90,height:90,fill:"white"})))),qd=e=>o.createElement("svg",{width:90,height:90,viewBox:"0 0 90 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("g",{clipPath:"url(#clip0_6421_22782)"},o.createElement("path",{opacity:.2,d:"M46.4732 89.7815C70.4353 89.7815 89.8605 70.3564 89.8605 46.3942C89.8605 22.4321 70.4353 3.00696 46.4732 3.00696C22.5111 3.00696 3.08594 22.4321 3.08594 46.3942C3.08594 70.3564 22.5111 89.7815 46.4732 89.7815Z",fill:"#97C3B9"}),o.createElement("path",{d:"M44.0435 87.3468C68.0057 87.3468 87.4308 67.9217 87.4308 43.9595C87.4308 19.9974 68.0057 0.572266 44.0435 0.572266C20.0814 0.572266 0.65625 19.9974 0.65625 43.9595C0.65625 67.9217 20.0814 87.3468 44.0435 87.3468Z",stroke:"#97C3B9",strokeWidth:1.04046,strokeMiterlimit:10}),o.createElement("path",{d:"M5.11719 45.0781C5.11719 65.6012 21.7594 82.3006 42.2149 82.3006",stroke:"#EEBA7D",strokeWidth:1.04046,strokeMiterlimit:10,strokeLinecap:"round"}),o.createElement("path",{d:"M9.14062 45.0781C9.14062 57.3347 15.7996 68.0619 25.6788 73.8104",stroke:"#EEBA7D",strokeWidth:1.04046,strokeMiterlimit:10,strokeLinecap:"round"}),o.createElement("path",{d:"M24.0625 56.6948C24.0625 49.1878 33.0053 43.1011 44.0446 43.1011C55.0839 43.1011 64.0267 49.1878 64.0267 56.6948C64.0267 71.3861 24.0677 71.5422 24.0677 56.6948H24.0625Z",stroke:"#97C3B9",strokeWidth:.988439,strokeMiterlimit:10}),o.createElement("path",{d:"M44.0423 37.0092C48.6997 37.0092 52.4753 33.2336 52.4753 28.5763C52.4753 23.9189 48.6997 20.1433 44.0423 20.1433C39.3849 20.1433 35.6094 23.9189 35.6094 28.5763C35.6094 33.2336 39.3849 37.0092 44.0423 37.0092Z",stroke:"#97C3B9",strokeWidth:.988439,strokeMiterlimit:10}),o.createElement("path",{d:"M81.918 44.0324C81.918 23.5093 65.2758 6.80988 44.8203 6.80988",stroke:"#EEBA7D",strokeWidth:1.04046,strokeMiterlimit:10,strokeLinecap:"round"}),o.createElement("path",{d:"M77.8975 44.0324C77.8975 31.7758 71.2386 21.0486 61.3594 15.3",stroke:"#EEBA7D",strokeWidth:1.04046,strokeMiterlimit:10,strokeLinecap:"round"})),o.createElement("defs",null,o.createElement("clipPath",{id:"clip0_6421_22782"},o.createElement("rect",{width:90,height:90,fill:"white"})))),{spendManagement:{chargeCard:{cardDetails:nt}},common:Xd}=ke.getLocalizedStrings();function Jd({transactions:e,documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,uploadReceiptsFetchStateByTransactionId:u,uploadReceiptsShowTickByTransactionId:h,isViewReceiptClickedImmediatelyAfterUploadTransactionId:f,cardId:c,receiptRequiredAboveAmount:g,isAiCategorizationEnabledForCardsTransactions:m,transactionAttachmentsEndpointToFetch:x,transactionAttachmentEndpointToDownload:b,cardsEndPoint:n,authParams:C,hideSorting:w,isOwnCard:j,uiState:y,fetchState:k,cardHolderUser:I,cardStatusCode:p="active",cardCodeType:E="business_virtual_credit_card",onReloadTransactions:S,onFetchChargeCardTransactionList:O,onColumnSortConfigChanged:H,removeSnackbar:v,onChargeCardTransactionRowClick:Y,onUploadReceiptComplete:K,onUpdateScrollYOffset:_,updateChargeCardTransactionAttachments:D,updateChargeCardTransactionUploadReceiptsFetchStatus:oe,updateChargeCardTransactionReceiptsShowTick:Q,updateChargeCardTransactionIsViewReceiptClicked:ne}){const N=Le(),Z=o.useRef(null),[W,ae]=o.useState(!1);o.useEffect(()=>{Z.current?.resetAfterIndex(0)},[N,Z]),o.useEffect(()=>{k==="Completed"&&ae(!1)},[k]);const ee=()=>N!=="small"?74:128,re=(G,$)=>{O(G,$)},se=()=>{ae(!0),re(y.pageToken,y.pageTokenType)},P=G=>G<e.length,de=()=>{y.pageToken!=null&&k==="Completed"&&se()};return t.jsxs(oc,{isOwnCard:j,windowSize:N,isEmptyTransaction:e.length===0,children:[t.jsx(nc,{windowSize:N,children:k==="Error"?t.jsxs(cc,{children:[t.jsx(lc,{onClick:S,"data-testid":J("card-transaction-list-reload"),children:t.jsx(yr,{})}),t.jsx(hc,{children:Xd.reloadPage.label})]}):k==="Not-Started"||k==="In-Progress"&&e.length===0?t.jsx(uc,{children:t.jsx(mt,{size:"ExtraLarge",start:!0})}):k==="Completed"||k==="In-Progress"&&e.length>0?p==="request_on_hold"?t.jsx(Qd,{cardType:E,cardHolderUser:I}):p==="inactive"?t.jsx(ec,{cardHolderUser:I}):e.length===0?t.jsx(Kd,{}):t.jsx(dc,{windowSize:N,children:t.jsx(Ni,{children:({height:G,width:$})=>t.jsx(Bi,{isItemLoaded:P,itemCount:e.length+1,loadMoreItems:de,children:({onItemsRendered:q})=>t.jsx(Wi,{ref:Z,height:G,itemCount:e.length,onItemsRendered:q,itemSize:ee,itemKey:B=>e[B].id,width:$,style:{willChange:"auto"},innerElementType:B=>ic(B,w,y,k,H),onScroll:({scrollOffset:B})=>{_?.(B)},initialScrollOffset:y.scrollYOffset,children:B=>t.jsx(tc,{...B,documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,cardsEndPoint:n,isAiCategorizationEnabledForCardsTransactions:m,transactionAttachmentsEndpointToFetch:x,transactionAttachmentEndpointToDownload:b,uploadReceiptsFetchStateByTransactionId:u,uploadReceiptsShowTickByTransactionId:h,isViewReceiptClickedImmediatelyAfterUploadTransactionId:f,cardId:c,authParams:C,transactions:e,receiptRequiredAboveAmount:g,updateChargeCardTransactionAttachments:D,onUploadReceiptComplete:K,updateChargeCardTransactionUploadReceiptsFetchStatus:oe,updateChargeCardTransactionReceiptsShowTick:Q,updateChargeCardTransactionIsViewReceiptClicked:ne,onChargeCardTransactionRowClick:Y,removeSnackbar:v})})})})}):null}),W===!0?t.jsx(mc,{children:t.jsx(mt,{size:"Small",start:!0})}):null]})}const Kd=()=>{const e=Le();return t.jsxs(ia,{children:[t.jsx(da,{children:t.jsx(Jr,{})}),t.jsxs(oa,{children:[t.jsx(na,{children:nt.transactionTable.emptyTransactions.title}),t.jsx(sa,{windowSize:e,children:nt.transactionTable.emptyTransactions.subTitle})]})]})},Qd=({cardType:e,cardHolderUser:i})=>{const s=i!=null?i.firstName+" "+i.lastName:"",u=Le();return t.jsxs(ia,{children:[t.jsx(da,{children:t.jsx(Cc,{})}),t.jsxs(oa,{children:[t.jsx(na,{children:nt.transactionTable.pendingProfileCompletion.title}),t.jsx(sa,{windowSize:u,children:nt.transactionTable.pendingProfileCompletion.subTitle[e].replace("__user__",s)})]})]})},ec=({cardHolderUser:e})=>{const i=Le();return t.jsxs(ia,{children:[t.jsx(da,{children:t.jsx(Jr,{})}),t.jsxs(oa,{children:[t.jsx(na,{children:nt.transactionTable.pendingActivation.title}),t.jsx(sa,{windowSize:i,children:nt.transactionTable.pendingActivation.subTitle.replace("__user__",e?.firstName??"")})]})]})},tc=({index:e,documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,style:u,transactions:h,isAiCategorizationEnabledForCardsTransactions:f,uploadReceiptsFetchStateByTransactionId:c,uploadReceiptsShowTickByTransactionId:g,isViewReceiptClickedImmediatelyAfterUploadTransactionId:m,cardId:x,cardsEndPoint:b,transactionAttachmentsEndpointToFetch:n,transactionAttachmentEndpointToDownload:C,receiptRequiredAboveAmount:w,authParams:j,updateChargeCardTransactionAttachments:y,onUploadReceiptComplete:k,updateChargeCardTransactionUploadReceiptsFetchStatus:I,updateChargeCardTransactionReceiptsShowTick:p,updateChargeCardTransactionIsViewReceiptClicked:E,onChargeCardTransactionRowClick:S,removeSnackbar:O})=>t.jsx(pc,{style:{...u,width:"100%"},className:"spend-management-list-item",children:t.jsx(rc,{documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,cardId:x,isAiCategorizationEnabledForCardsTransactions:f,cardsEndPoint:b,transactionAttachmentsEndpointToFetch:n,transactionAttachmentEndpointToDownload:C,authParams:j,receiptRequiredAboveAmount:w,transaction:h[e],uploadReceiptsFetchState:c?.[h[e].id],uploadReceiptsShowTick:g?.[h[e].id],isViewReceiptClickedImmediatelyAfterUpload:m?.[h[e].id],updateChargeCardTransactionAttachments:y,onUploadReceiptComplete:k,updateChargeCardTransactionUploadReceiptsFetchStatus:I,updateChargeCardTransactionReceiptsShowTick:p,updateChargeCardTransactionIsViewReceiptClicked:E,onChargeCardTransactionRowClick:S,removeSnackbar:O},h[e].id)}),ac=({transaction:e,documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,isAiCategorizationEnabledForCardsTransactions:u,uploadReceiptsFetchState:h,uploadReceiptsShowTick:f,isViewReceiptClickedImmediatelyAfterUpload:c,cardsEndPoint:g,transactionAttachmentsEndpointToFetch:m,transactionAttachmentEndpointToDownload:x,cardId:b,receiptRequiredAboveAmount:n,authParams:C,updateChargeCardTransactionAttachments:w,onUploadReceiptComplete:j,updateChargeCardTransactionUploadReceiptsFetchStatus:y,updateChargeCardTransactionReceiptsShowTick:k,updateChargeCardTransactionIsViewReceiptClicked:I,onChargeCardTransactionRowClick:p,removeSnackbar:E})=>{const S=Le()==="small"?Ld:ed;return t.jsx(S,{isSnackbarOpen:s,documentAiReceiptMaxSizeLimit:i,isAiCategorizationEnabledForCardsTransactions:u,transactionAttachmentsEndpointToFetch:m,transactionAttachmentEndpointToDownload:x,uploadReceiptsFetchState:h,uploadReceiptsShowTick:f,isViewReceiptClickedImmediatelyAfterUpload:c,transaction:e,cardId:b,receiptRequiredAboveAmount:n,cardsEndPoint:g,authParams:C,updateChargeCardTransactionAttachments:w,onUploadReceiptComplete:j,updateChargeCardTransactionUploadReceiptsFetchStatus:y,updateChargeCardTransactionReceiptsShowTick:k,updateChargeCardTransactionIsViewReceiptClicked:I,onChargeCardTransactionRowClick:p,removeSnackbar:E})},rc=o.memo(ac),ic=(e,i,s,u,h)=>t.jsx(Xr,{...e,onColumnSortConfigChanged:h,hideSorting:i,uiState:{sortKey:s.sortKey,sortOrder:s.sortOrder},fetchState:u}),Xr=o.forwardRef((e,i)=>{const{children:s,style:u,uiState:h,onColumnSortConfigChanged:f,hideSorting:c,...g}=e;return t.jsxs(gc,{ref:i,style:{...u,width:"auto"},...g,children:[t.jsx(Ms,{onColumnSortConfigChanged:f,sortConfig:{sortKey:h.sortKey,sortOrder:h.sortOrder},hideSorting:c}),t.jsx(sc,{children:s})]})});Xr.displayName="Charge Card Transaction list View inner element type";const oc=r.div`
+`,Xd=e=>o.createElement("svg",{width:90,height:90,viewBox:"0 0 90 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("g",{clipPath:"url(#clip0_6421_22796)"},o.createElement("mask",{id:"mask0_6421_22796",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:0,y:0,width:90,height:90},o.createElement("rect",{width:90,height:90,fill:"#D9D9D9"})),o.createElement("g",{mask:"url(#mask0_6421_22796)"},o.createElement("rect",{x:.471703,y:15.6197,width:85.2829,height:54.9872,rx:3.30192,stroke:"#97C3B9",strokeWidth:.943405}),o.createElement("rect",{opacity:.2,x:3.77344,y:18.9216,width:86.2263,height:55.9306,rx:3.77362,fill:"#97C3B9"}),o.createElement("path",{d:"M13.8672 56.8781L72.3583 56.878",stroke:"#EEBA7D",strokeWidth:.943405,strokeLinecap:"round"}),o.createElement("path",{d:"M0.945312 30.8197C34.0042 22.3291 52.539 22.3291 85.5978 30.8197",stroke:"#97C3B9",strokeWidth:.943405,strokeLinecap:"round"}),o.createElement("path",{d:"M15.688 42.7079L14.037 40.3117H15.037L16.1502 41.9154C16.1565 41.928 16.1911 41.9846 16.254 42.0853H16.2729C16.2854 42.0664 16.298 42.0444 16.3106 42.0192C16.3232 41.9878 16.3452 41.95 16.3766 41.906L17.4804 40.3117H18.4238L16.754 42.7456L18.4427 45.1796H17.4427L16.3012 43.5287C16.2886 43.5098 16.2509 43.4469 16.188 43.34H16.1691C16.1502 43.3903 16.1188 43.4501 16.0748 43.5192L14.9238 45.1796H13.9898L15.688 42.7079ZM20.3773 42.7079L18.7264 40.3117H19.7264L20.8396 41.9154C20.8459 41.928 20.8805 41.9846 20.9434 42.0853H20.9623C20.9748 42.0664 20.9874 42.0444 21 42.0192C21.0126 41.9878 21.0346 41.95 21.066 41.906L22.1698 40.3117H23.1132L21.4434 42.7456L23.1321 45.1796H22.1321L20.9906 43.5287C20.978 43.5098 20.9402 43.4469 20.8774 43.34H20.8585C20.8396 43.3903 20.8082 43.4501 20.7641 43.5192L19.6132 45.1796H18.6792L20.3773 42.7079ZM25.0667 42.7079L23.4158 40.3117H24.4158L25.529 41.9154C25.5353 41.928 25.5699 41.9846 25.6328 42.0853H25.6516C25.6642 42.0664 25.6768 42.0444 25.6894 42.0192C25.702 41.9878 25.724 41.95 25.7554 41.906L26.8592 40.3117H27.8026L26.1328 42.7456L27.8215 45.1796H26.8215L25.6799 43.5287C25.6674 43.5098 25.6296 43.4469 25.5667 43.34H25.5479C25.529 43.3903 25.4976 43.4501 25.4535 43.5192L24.3026 45.1796H23.3686L25.0667 42.7079ZM30.8057 42.2551H33.1076V42.9909H30.8057V42.2551ZM37.799 42.7079L36.1481 40.3117H37.1481L38.2613 41.9154C38.2676 41.928 38.3022 41.9846 38.3651 42.0853H38.3839C38.3965 42.0664 38.4091 42.0444 38.4217 42.0192C38.4342 41.9878 38.4563 41.95 38.4877 41.906L39.5915 40.3117H40.5349L38.8651 42.7456L40.5538 45.1796H39.5537L38.4122 43.5287C38.3996 43.5098 38.3619 43.4469 38.299 43.34H38.2802C38.2613 43.3903 38.2298 43.4501 38.1858 43.5192L37.0349 45.1796H36.1009L37.799 42.7079ZM42.4884 42.7079L40.8374 40.3117H41.8375L42.9507 41.9154C42.957 41.928 42.9916 41.9846 43.0544 42.0853H43.0733C43.0859 42.0664 43.0985 42.0444 43.111 42.0192C43.1236 41.9878 43.1456 41.95 43.1771 41.906L44.2809 40.3117H45.2243L43.5544 42.7456L45.2431 45.1796H44.2431L43.1016 43.5287C43.089 43.5098 43.0513 43.4469 42.9884 43.34H42.9695C42.9507 43.3903 42.9192 43.4501 42.8752 43.5192L41.7242 45.1796H40.7903L42.4884 42.7079ZM48.2274 42.2551H50.5293V42.9909H48.2274V42.2551ZM55.2207 42.7079L53.5697 40.3117H54.5697L55.683 41.9154C55.6892 41.928 55.7238 41.9846 55.7867 42.0853H55.8056C55.8182 42.0664 55.8308 42.0444 55.8433 42.0192C55.8559 41.9878 55.8779 41.95 55.9094 41.906L57.0132 40.3117H57.9566L56.2867 42.7456L57.9754 45.1796H56.9754L55.8339 43.5287C55.8213 43.5098 55.7836 43.4469 55.7207 43.34H55.7018C55.683 43.3903 55.6515 43.4501 55.6075 43.5192L54.4565 45.1796H53.5226L55.2207 42.7079ZM59.9101 42.7079L58.2591 40.3117H59.2591L60.3723 41.9154C60.3786 41.928 60.4132 41.9846 60.4761 42.0853H60.495C60.5076 42.0664 60.5201 42.0444 60.5327 42.0192C60.5453 41.9878 60.5673 41.95 60.5988 41.906L61.7025 40.3117H62.6459L60.9761 42.7456L62.6648 45.1796H61.6648L60.5233 43.5287C60.5107 43.5098 60.473 43.4469 60.4101 43.34H60.3912C60.3723 43.3903 60.3409 43.4501 60.2969 43.5192L59.1459 45.1796H58.2119L59.9101 42.7079ZM64.5995 42.7079L62.9485 40.3117H63.9485L65.0617 41.9154C65.068 41.928 65.1026 41.9846 65.1655 42.0853H65.1844C65.1969 42.0664 65.2095 42.0444 65.2221 42.0192C65.2347 41.9878 65.2567 41.95 65.2881 41.906L66.3919 40.3117H67.3353L65.6655 42.7456L67.3542 45.1796H66.3542L65.2127 43.5287C65.2001 43.5098 65.1624 43.4469 65.0995 43.34H65.0806C65.0617 43.3903 65.0303 43.4501 64.9863 43.5192L63.8353 45.1796H62.9013L64.5995 42.7079ZM69.2888 42.7079L67.6379 40.3117H68.6379L69.7511 41.9154C69.7574 41.928 69.792 41.9846 69.8549 42.0853H69.8738C69.8863 42.0664 69.8989 42.0444 69.9115 42.0192C69.9241 41.9878 69.9461 41.95 69.9775 41.906L71.0813 40.3117H72.0247L70.3549 42.7456L72.0436 45.1796H71.0436L69.9021 43.5287C69.8895 43.5098 69.8517 43.4469 69.7888 43.34H69.77C69.7511 43.3903 69.7197 43.4501 69.6756 43.5192L68.5247 45.1796H67.5907L69.2888 42.7079Z",fill:"#EEBA7D"}))),o.createElement("defs",null,o.createElement("clipPath",{id:"clip0_6421_22796"},o.createElement("rect",{width:90,height:90,fill:"white"})))),Jd=e=>o.createElement("svg",{width:90,height:90,viewBox:"0 0 90 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("g",{clipPath:"url(#clip0_6421_22782)"},o.createElement("path",{opacity:.2,d:"M46.4732 89.7815C70.4353 89.7815 89.8605 70.3564 89.8605 46.3942C89.8605 22.4321 70.4353 3.00696 46.4732 3.00696C22.5111 3.00696 3.08594 22.4321 3.08594 46.3942C3.08594 70.3564 22.5111 89.7815 46.4732 89.7815Z",fill:"#97C3B9"}),o.createElement("path",{d:"M44.0435 87.3468C68.0057 87.3468 87.4308 67.9217 87.4308 43.9595C87.4308 19.9974 68.0057 0.572266 44.0435 0.572266C20.0814 0.572266 0.65625 19.9974 0.65625 43.9595C0.65625 67.9217 20.0814 87.3468 44.0435 87.3468Z",stroke:"#97C3B9",strokeWidth:1.04046,strokeMiterlimit:10}),o.createElement("path",{d:"M5.11719 45.0781C5.11719 65.6012 21.7594 82.3006 42.2149 82.3006",stroke:"#EEBA7D",strokeWidth:1.04046,strokeMiterlimit:10,strokeLinecap:"round"}),o.createElement("path",{d:"M9.14062 45.0781C9.14062 57.3347 15.7996 68.0619 25.6788 73.8104",stroke:"#EEBA7D",strokeWidth:1.04046,strokeMiterlimit:10,strokeLinecap:"round"}),o.createElement("path",{d:"M24.0625 56.6948C24.0625 49.1878 33.0053 43.1011 44.0446 43.1011C55.0839 43.1011 64.0267 49.1878 64.0267 56.6948C64.0267 71.3861 24.0677 71.5422 24.0677 56.6948H24.0625Z",stroke:"#97C3B9",strokeWidth:.988439,strokeMiterlimit:10}),o.createElement("path",{d:"M44.0423 37.0092C48.6997 37.0092 52.4753 33.2336 52.4753 28.5763C52.4753 23.9189 48.6997 20.1433 44.0423 20.1433C39.3849 20.1433 35.6094 23.9189 35.6094 28.5763C35.6094 33.2336 39.3849 37.0092 44.0423 37.0092Z",stroke:"#97C3B9",strokeWidth:.988439,strokeMiterlimit:10}),o.createElement("path",{d:"M81.918 44.0324C81.918 23.5093 65.2758 6.80988 44.8203 6.80988",stroke:"#EEBA7D",strokeWidth:1.04046,strokeMiterlimit:10,strokeLinecap:"round"}),o.createElement("path",{d:"M77.8975 44.0324C77.8975 31.7758 71.2386 21.0486 61.3594 15.3",stroke:"#EEBA7D",strokeWidth:1.04046,strokeMiterlimit:10,strokeLinecap:"round"})),o.createElement("defs",null,o.createElement("clipPath",{id:"clip0_6421_22782"},o.createElement("rect",{width:90,height:90,fill:"white"})))),{spendManagement:{chargeCard:{cardDetails:nt}},common:Kd}=ke.getLocalizedStrings();function Qd({transactions:e,documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,uploadReceiptsFetchStateByTransactionId:u,uploadReceiptsShowTickByTransactionId:h,isViewReceiptClickedImmediatelyAfterUploadTransactionId:f,cardId:c,receiptRequiredAboveAmount:g,isAiCategorizationEnabledForCardsTransactions:m,transactionAttachmentsEndpointToFetch:x,transactionAttachmentEndpointToDownload:b,cardsEndPoint:n,authParams:C,hideSorting:w,isOwnCard:j,uiState:y,fetchState:k,cardHolderUser:L,cardStatusCode:p="active",cardCodeType:E="business_virtual_credit_card",onReloadTransactions:S,onFetchChargeCardTransactionList:O,onColumnSortConfigChanged:H,removeSnackbar:v,onChargeCardTransactionRowClick:q,onUploadReceiptComplete:J,onUpdateScrollYOffset:U,updateChargeCardTransactionAttachments:D,updateChargeCardTransactionUploadReceiptsFetchStatus:oe,updateChargeCardTransactionReceiptsShowTick:K,updateChargeCardTransactionIsViewReceiptClicked:ne}){const N=Ie();Ni({componentName:"cards.details",enabled:k==="Completed"});const Z=o.useRef(null),[W,ae]=o.useState(!1);o.useEffect(()=>{Z.current?.resetAfterIndex(0)},[N,Z]),o.useEffect(()=>{k==="Completed"&&ae(!1)},[k]);const Q=()=>N!=="small"?74:128,re=(G,$)=>{O(G,$)},se=()=>{ae(!0),re(y.pageToken,y.pageTokenType)},z=G=>G<e.length,de=()=>{y.pageToken!=null&&k==="Completed"&&se()};return t.jsxs(sc,{isOwnCard:j,windowSize:N,isEmptyTransaction:e.length===0,children:[t.jsx(dc,{windowSize:N,children:k==="Error"?t.jsxs(hc,{children:[t.jsx(pc,{onClick:S,"data-testid":X("card-transaction-list-reload"),children:t.jsx(yr,{})}),t.jsx(uc,{children:Kd.reloadPage.label})]}):k==="Not-Started"||k==="In-Progress"&&e.length===0?t.jsx(gc,{children:t.jsx(mt,{size:"ExtraLarge",start:!0})}):k==="Completed"||k==="In-Progress"&&e.length>0?p==="request_on_hold"?t.jsx(tc,{cardType:E,cardHolderUser:L}):p==="inactive"?t.jsx(ac,{cardHolderUser:L}):e.length===0?t.jsx(ec,{}):t.jsx(lc,{windowSize:N,children:t.jsx(Bi,{children:({height:G,width:$})=>t.jsx(Wi,{isItemLoaded:z,itemCount:e.length+1,loadMoreItems:de,children:({onItemsRendered:Y})=>t.jsx(_i,{ref:Z,height:G,itemCount:e.length,onItemsRendered:Y,itemSize:Q,itemKey:B=>e[B].id,width:$,style:{willChange:"auto"},innerElementType:B=>nc(B,w,y,k,H),onScroll:({scrollOffset:B})=>{U?.(B)},initialScrollOffset:y.scrollYOffset,children:B=>t.jsx(rc,{...B,documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,cardsEndPoint:n,isAiCategorizationEnabledForCardsTransactions:m,transactionAttachmentsEndpointToFetch:x,transactionAttachmentEndpointToDownload:b,uploadReceiptsFetchStateByTransactionId:u,uploadReceiptsShowTickByTransactionId:h,isViewReceiptClickedImmediatelyAfterUploadTransactionId:f,cardId:c,authParams:C,transactions:e,receiptRequiredAboveAmount:g,updateChargeCardTransactionAttachments:D,onUploadReceiptComplete:J,updateChargeCardTransactionUploadReceiptsFetchStatus:oe,updateChargeCardTransactionReceiptsShowTick:K,updateChargeCardTransactionIsViewReceiptClicked:ne,onChargeCardTransactionRowClick:q,removeSnackbar:v})})})})}):null}),W===!0?t.jsx(Cc,{children:t.jsx(mt,{size:"Small",start:!0})}):null]})}const ec=()=>{const e=Ie();return t.jsxs(ia,{children:[t.jsx(da,{children:t.jsx(Jr,{})}),t.jsxs(oa,{children:[t.jsx(na,{children:nt.transactionTable.emptyTransactions.title}),t.jsx(sa,{windowSize:e,children:nt.transactionTable.emptyTransactions.subTitle})]})]})},tc=({cardType:e,cardHolderUser:i})=>{const s=i!=null?i.firstName+" "+i.lastName:"",u=Ie();return t.jsxs(ia,{children:[t.jsx(da,{children:t.jsx(wc,{})}),t.jsxs(oa,{children:[t.jsx(na,{children:nt.transactionTable.pendingProfileCompletion.title}),t.jsx(sa,{windowSize:u,children:nt.transactionTable.pendingProfileCompletion.subTitle[e].replace("__user__",s)})]})]})},ac=({cardHolderUser:e})=>{const i=Ie();return t.jsxs(ia,{children:[t.jsx(da,{children:t.jsx(Jr,{})}),t.jsxs(oa,{children:[t.jsx(na,{children:nt.transactionTable.pendingActivation.title}),t.jsx(sa,{windowSize:i,children:nt.transactionTable.pendingActivation.subTitle.replace("__user__",e?.firstName??"")})]})]})},rc=({index:e,documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,style:u,transactions:h,isAiCategorizationEnabledForCardsTransactions:f,uploadReceiptsFetchStateByTransactionId:c,uploadReceiptsShowTickByTransactionId:g,isViewReceiptClickedImmediatelyAfterUploadTransactionId:m,cardId:x,cardsEndPoint:b,transactionAttachmentsEndpointToFetch:n,transactionAttachmentEndpointToDownload:C,receiptRequiredAboveAmount:w,authParams:j,updateChargeCardTransactionAttachments:y,onUploadReceiptComplete:k,updateChargeCardTransactionUploadReceiptsFetchStatus:L,updateChargeCardTransactionReceiptsShowTick:p,updateChargeCardTransactionIsViewReceiptClicked:E,onChargeCardTransactionRowClick:S,removeSnackbar:O})=>t.jsx(mc,{style:{...u,width:"100%"},className:"spend-management-list-item",children:t.jsx(oc,{documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,cardId:x,isAiCategorizationEnabledForCardsTransactions:f,cardsEndPoint:b,transactionAttachmentsEndpointToFetch:n,transactionAttachmentEndpointToDownload:C,authParams:j,receiptRequiredAboveAmount:w,transaction:h[e],uploadReceiptsFetchState:c?.[h[e].id],uploadReceiptsShowTick:g?.[h[e].id],isViewReceiptClickedImmediatelyAfterUpload:m?.[h[e].id],updateChargeCardTransactionAttachments:y,onUploadReceiptComplete:k,updateChargeCardTransactionUploadReceiptsFetchStatus:L,updateChargeCardTransactionReceiptsShowTick:p,updateChargeCardTransactionIsViewReceiptClicked:E,onChargeCardTransactionRowClick:S,removeSnackbar:O},h[e].id)}),ic=({transaction:e,documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,isAiCategorizationEnabledForCardsTransactions:u,uploadReceiptsFetchState:h,uploadReceiptsShowTick:f,isViewReceiptClickedImmediatelyAfterUpload:c,cardsEndPoint:g,transactionAttachmentsEndpointToFetch:m,transactionAttachmentEndpointToDownload:x,cardId:b,receiptRequiredAboveAmount:n,authParams:C,updateChargeCardTransactionAttachments:w,onUploadReceiptComplete:j,updateChargeCardTransactionUploadReceiptsFetchStatus:y,updateChargeCardTransactionReceiptsShowTick:k,updateChargeCardTransactionIsViewReceiptClicked:L,onChargeCardTransactionRowClick:p,removeSnackbar:E})=>{const S=Ie()==="small"?Dd:ad;return t.jsx(S,{isSnackbarOpen:s,documentAiReceiptMaxSizeLimit:i,isAiCategorizationEnabledForCardsTransactions:u,transactionAttachmentsEndpointToFetch:m,transactionAttachmentEndpointToDownload:x,uploadReceiptsFetchState:h,uploadReceiptsShowTick:f,isViewReceiptClickedImmediatelyAfterUpload:c,transaction:e,cardId:b,receiptRequiredAboveAmount:n,cardsEndPoint:g,authParams:C,updateChargeCardTransactionAttachments:w,onUploadReceiptComplete:j,updateChargeCardTransactionUploadReceiptsFetchStatus:y,updateChargeCardTransactionReceiptsShowTick:k,updateChargeCardTransactionIsViewReceiptClicked:L,onChargeCardTransactionRowClick:p,removeSnackbar:E})},oc=o.memo(ic),nc=(e,i,s,u,h)=>t.jsx(Xr,{...e,onColumnSortConfigChanged:h,hideSorting:i,uiState:{sortKey:s.sortKey,sortOrder:s.sortOrder},fetchState:u}),Xr=o.forwardRef((e,i)=>{const{children:s,style:u,uiState:h,onColumnSortConfigChanged:f,hideSorting:c,...g}=e;return t.jsxs(fc,{ref:i,style:{...u,width:"auto"},...g,children:[t.jsx(Os,{onColumnSortConfigChanged:f,sortConfig:{sortKey:h.sortKey,sortOrder:h.sortOrder},hideSorting:c}),t.jsx(cc,{children:s})]})});Xr.displayName="Charge Card Transaction list View inner element type";const sc=r.div`
   display: block;
   height: ${e=>e.isEmptyTransaction?"calc(100vh - 436px)":"calc(100vh - 224px)"};
   width: 100%;
-`,nc=r.div`
+`,dc=r.div`
   height: 100%;
-`,sc=r.div`
+`,cc=r.div`
   position: relative;
   width: auto;
   height: 100%;
-`,dc=r.div`
+`,lc=r.div`
   height: 100%;
   display: flex;
   flex-direction: column;
   max-width: 99.9%;
-`,cc=r.div`
+`,hc=r.div`
   display: flex;
   width: 100%;
   height: calc(100% - 60px);
   flex-direction: column;
   justify-content: center;
   align-items: center;
-`,lc=r.div`
+`,pc=r.div`
   height: 96px;
   width: 96px;
   background: ${e=>e.theme.colors.background};
@@ -1061,15 +1061,15 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,hc=r(ea)`
+`,uc=r(ea)`
   margin-top: ${a.sp3};
   color: ${e=>e.theme.colors.hero};
-`,pc=r.div`
+`,mc=r.div`
   top: ${a.sp0};
   left: ${a.sp0};
   padding-bottom: ${a.sp3};
   box-sizing: border-box;
-`,uc=r.div`
+`,gc=r.div`
   display: flex;
   width: 100%;
   height: 100%;
@@ -1078,7 +1078,7 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   align-items: center;
   margin-top: ${a.sp3};
   margin-bottom: ${a.sp3};
-`,mc=r.div`
+`,Cc=r.div`
   display: flex;
   width: 100%;
   height: auto;
@@ -1098,7 +1098,7 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   display: flex;
   flex-direction: column;
   align-items: center;
-`,na=r(so)`
+`,na=r(co)`
   color: ${e=>e.theme.colors.brandColorJade};
 `,sa=r(Ar)`
   color: ${e=>e.theme.colors.primary};
@@ -1106,99 +1106,99 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
           white-space: pre;
         `:null};
   text-align: center;
-`,da=r.div``,gc=r.div``,Jr=r(Yd)``,Cc=r(qd)``,{spendManagement:fc}=ke.getLocalizedStrings(),{cardDetails:Ne}=fc.chargeCard,wc=zr`
+`,da=r.div``,fc=r.div``,Jr=r(Xd)``,wc=r(Jd)``,{spendManagement:xc}=ke.getLocalizedStrings(),{cardDetails:Ne}=xc.chargeCard,bc=zr`
   from {
     transform: translateX(100%);
   }
   to {
     transform: translateX(0);
   }
-`,xc=e=>{switch(e){case"slide-in-right-to-left-add-to-wallet":return wc;default:return null}},bc=r.div`
+`,Sc=e=>{switch(e){case"slide-in-right-to-left-add-to-wallet":return bc;default:return null}},yc=r.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
   height: inherit;
-`,Sc=r(bc)`
-  animation: ${e=>xc(e.className)} 0.3s forwards;
-`,yc=({isChargeCardAdmin:e,chargeCardDetailView:i,walletType:s,secretRevealed:u,isDrawerOpen:h,vgsVaultId:f,showSecretInfo:c,changePinInProcess:g,isSandboxEnv:m,controllerEmails:x,isChargeCardFeatureEnabled:b,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:C,isChargeCardSetupEnabled:w,chargeCardCashbackDetailState:j,isCardDetailErrored:y,creditAccountRepayment:k,productInformation:I,creditAccountInformation:p,debitAccountInformation:E,cashbackInformation:S,signedInUserToken:O,selectedColor:H,showDrawerAnimation:v,cardDetailsFetchState:Y,setCardDetailsFetchState:K,setIsCardDetailErrored:_,setShowSecretInfo:D,setSecretRevealed:oe,setShowChangePinPopup:Q,setIsAddToWalletDrawerOpen:ne,isCardDetailFetching:N,handleColorCodeClick:Z,onFireOnClickAnalytics:W,onVerifyOtp:ae,onVerifyOtpSuccess:ee,onResendOtp:re,onFireVerifyPopOnClickAnalytics:se,onGetOtp:P})=>{const de=tt(),[G,$]=o.useState(!1),[q,B]=o.useState(!1),le=v.current;return o.useEffect(()=>{h?document.body.style.overflow="hidden":document.body.style.overflow="unset"},[h,v]),t.jsx(Ai,{onClose:()=>{ne(!1)},anchor:"right",open:!0,PaperProps:{style:{maxWidth:"512px",boxShadow:"none",background:"transparent"}},style:{backgroundColor:d.drawerBackground,display:h?"unset":"none"},disableScrollLock:!h,transitionDuration:250,"data-testid":J("add-card-to-wallet-drawer"),children:t.jsxs(t.Fragment,{children:[t.jsx(br,{phoneNumberPopupDescription:Ne.verifyPhoneNumberDescription,showOtpPopup:G,showPhoneNumberPopup:q,twoFactorAuthenticationView:i.twoFAView,loggedInUserPhone:i.loggedInUserPhone,onVerifyOtp:ae,onVerifyOtpSuccess:A=>{ee(A),g?Q(!0):D(!0)},onFireVerifyPopOnClickAnalytics:se,setShowOtpPopup:$,onResendOtp:re,setShowPhoneNumberPopup:B,onGetOtp:P}),t.jsxs(Sc,{className:le,children:[t.jsx(Ti,{title:s==="apple"?Ne.addCardToAppleWallet:Ne.addCardToGoogleWallet,style:{zIndex:4},backgroundColor:de.colors.grey4,onCloseClick:()=>ne(!1)}),t.jsxs(vc,{children:[t.jsxs(Ic,{children:[t.jsxs(kc,{children:[t.jsx(Pc,{children:t.jsx(Mc,{})}),t.jsx(Ac,{children:Ne.openWalletAppOnPhone})]}),t.jsx(Tc,{children:s==="apple"?Ne.openWalletDescriptionApple:Ne.openWalletDescriptionGoogle}),t.jsx(Hr,{isChargeCardAdmin:e,onUnlockChargeCard:()=>{},chargeCardDetailView:i,creditAccountRepayment:k,creditAccount:i.creditAccount,setShowSecretInfo:D,secretRevealed:u,isOwnCard:!0,controllerEmails:x,isChargeCardFeatureEnabled:b,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:C,isChargeCardSetupEnabled:w,chargeCardCashbackDetailState:j,isShowingInDrawer:!0,vgsVaultId:f,showSecretInfo:c,isSandboxEnv:m,isCardDetailErrored:y,signedInUserToken:O,productInformation:I,creditAccountInformation:p,debitAccountInformation:E,cashbackInformation:S,selectedColor:H,cardDetailsFetchState:Y,setCardDetailsFetchState:K,setIsCardDetailErrored:_,setSecretRevealed:oe,isCardDetailFetching:N,handleColorCodeClick:Z,onFireOnClickAnalytics:W,setShowPhoneNumberForOtp:B})]}),t.jsx(Lc,{}),t.jsxs(Dc,{children:[t.jsxs(jc,{children:[t.jsx(Fc,{children:t.jsx(zc,{})}),t.jsx(Rc,{children:Ne.verifyCard})]}),t.jsx($c,{children:t.jsx(Ec,{children:s==="apple"?Ne.VerifyCardDescriptionApple:Ne.VerifyCardDescriptionGoogle})})]})]})]})]})})},$c=r.div`
+`,$c=r(yc)`
+  animation: ${e=>Sc(e.className)} 0.3s forwards;
+`,vc=({isChargeCardAdmin:e,chargeCardDetailView:i,walletType:s,secretRevealed:u,isDrawerOpen:h,vgsVaultId:f,showSecretInfo:c,changePinInProcess:g,isSandboxEnv:m,controllerEmails:x,isChargeCardFeatureEnabled:b,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:C,isChargeCardSetupEnabled:w,chargeCardCashbackDetailState:j,isCardDetailErrored:y,creditAccountRepayment:k,productInformation:L,creditAccountInformation:p,debitAccountInformation:E,cashbackInformation:S,signedInUserToken:O,selectedColor:H,showDrawerAnimation:v,cardDetailsFetchState:q,setCardDetailsFetchState:J,setIsCardDetailErrored:U,setShowSecretInfo:D,setSecretRevealed:oe,setShowChangePinPopup:K,setIsAddToWalletDrawerOpen:ne,isCardDetailFetching:N,handleColorCodeClick:Z,onFireOnClickAnalytics:W,onVerifyOtp:ae,onVerifyOtpSuccess:Q,onResendOtp:re,onFireVerifyPopOnClickAnalytics:se,onGetOtp:z})=>{const de=tt(),[G,$]=o.useState(!1),[Y,B]=o.useState(!1),le=v.current;return o.useEffect(()=>{h?document.body.style.overflow="hidden":document.body.style.overflow="unset"},[h,v]),t.jsx(Ai,{onClose:()=>{ne(!1)},anchor:"right",open:!0,PaperProps:{style:{maxWidth:"512px",boxShadow:"none",background:"transparent"}},style:{backgroundColor:d.drawerBackground,display:h?"unset":"none"},disableScrollLock:!h,transitionDuration:250,"data-testid":X("add-card-to-wallet-drawer"),children:t.jsxs(t.Fragment,{children:[t.jsx(br,{phoneNumberPopupDescription:Ne.verifyPhoneNumberDescription,showOtpPopup:G,showPhoneNumberPopup:Y,twoFactorAuthenticationView:i.twoFAView,loggedInUserPhone:i.loggedInUserPhone,onVerifyOtp:ae,onVerifyOtpSuccess:A=>{Q(A),g?K(!0):D(!0)},onFireVerifyPopOnClickAnalytics:se,setShowOtpPopup:$,onResendOtp:re,setShowPhoneNumberPopup:B,onGetOtp:z}),t.jsxs($c,{className:le,children:[t.jsx(Ti,{title:s==="apple"?Ne.addCardToAppleWallet:Ne.addCardToGoogleWallet,style:{zIndex:4},backgroundColor:de.colors.grey4,onCloseClick:()=>ne(!1)}),t.jsxs(jc,{children:[t.jsxs(Ac,{children:[t.jsxs(Ic,{children:[t.jsx(Mc,{children:t.jsx(Oc,{})}),t.jsx(Ec,{children:Ne.openWalletAppOnPhone})]}),t.jsx(Fc,{children:s==="apple"?Ne.openWalletDescriptionApple:Ne.openWalletDescriptionGoogle}),t.jsx(Or,{isChargeCardAdmin:e,onUnlockChargeCard:()=>{},chargeCardDetailView:i,creditAccountRepayment:k,creditAccount:i.creditAccount,setShowSecretInfo:D,secretRevealed:u,isOwnCard:!0,controllerEmails:x,isChargeCardFeatureEnabled:b,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:C,isChargeCardSetupEnabled:w,chargeCardCashbackDetailState:j,isShowingInDrawer:!0,vgsVaultId:f,showSecretInfo:c,isSandboxEnv:m,isCardDetailErrored:y,signedInUserToken:O,productInformation:L,creditAccountInformation:p,debitAccountInformation:E,cashbackInformation:S,selectedColor:H,cardDetailsFetchState:q,setCardDetailsFetchState:J,setIsCardDetailErrored:U,setSecretRevealed:oe,isCardDetailFetching:N,handleColorCodeClick:Z,onFireOnClickAnalytics:W,setShowPhoneNumberForOtp:B})]}),t.jsx(Dc,{}),t.jsxs(Tc,{children:[t.jsxs(Lc,{children:[t.jsx(Pc,{children:t.jsx(Vc,{})}),t.jsx(Rc,{children:Ne.verifyCard})]}),t.jsx(kc,{children:t.jsx(zc,{children:s==="apple"?Ne.VerifyCardDescriptionApple:Ne.VerifyCardDescriptionGoogle})})]})]})]})]})})},kc=r.div`
   display: flex;
   justify-content: end;
-`,vc=r.div`
+`,jc=r.div`
   margin: ${a.sp3} ${a.sp8};
-`,kc=r.div`
+`,Ic=r.div`
   display: flex;
   align-items: center;
   gap: ${a.sp3};
-`,jc=r.div`
+`,Lc=r.div`
   display: flex;
   align-items: center;
   gap: ${a.sp3};
-`,Lc=r.div`
+`,Dc=r.div`
   height: ${a.sp4};
   border: 1px solid ${e=>e.theme.colors.grey2};
   width: ${a.sp0};
   margin-left: ${a.sp8};
-`,Ic=r.div`
+`,Ac=r.div`
   background-color: ${e=>e.theme.colors.grey5};
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${a.sp2};
   padding: ${a.sp4} ${a.sp5};
   box-shadow: ${a.sp0} 1px 2px
     ${e=>e.theme.colors.dropShadowNormal};
-`,Dc=r.div`
+`,Tc=r.div`
   background-color: ${e=>e.theme.colors.grey5};
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${a.sp2};
   padding: ${a.sp4} ${a.sp5};
   box-shadow: ${a.sp0} 1px 2px
     ${e=>e.theme.colors.dropShadowNormal};
-`,Ac=r(aa)`
+`,Ec=r(aa)`
   color: ${e=>e.theme.colors.primary};
-`,Tc=r(Oe)`
+`,Fc=r(Oe)`
   color: ${e=>e.theme.colors.hero};
   margin-left: ${a.sp9};
   padding-bottom: ${a.sp4};
 `,Rc=r(aa)`
   color: ${e=>e.theme.colors.primary};
-`,Ec=r(Oe)`
+`,zc=r(Oe)`
   color: ${e=>e.theme.colors.hero};
   max-width: 274px;
-`,Fc=r.div`
+`,Pc=r.div`
   padding: 12px;
   border-radius: ${a.sp4};
   background: ${d.successLight};
   display: flex;
-`,Pc=r.div`
+`,Mc=r.div`
   padding: 12px;
   border-radius: ${a.sp4};
   background: ${e=>e.theme.colors.graphColor16Light};
   display: flex;
-`,zc=r(Yi)`
+`,Vc=r(Yi)`
   width: ${a.sp4};
   height: ${a.sp4};
-`,Mc=r(jo)`
+`,Oc=r(Lo)`
   width: ${a.sp4};
   height: ${a.sp4};
   color: ${e=>e.theme.colors.graphColor16Dark};
-`,{spendManagement:{chargeCard:{cardDetails:Je}},common:{strings:Vc}}=ke.getLocalizedStrings(),ca={iFrameWidth:new T(188,188)};function Oc({isSandboxEnv:e,cardProviderID:i,vgsVaultId:s,signedInUserToken:u,onCancelClick:h,onUpdateDebitCardPinAttempt:f,onChangePinSuccess:c}){const g=Le(),m=tt(),[x,b]=o.useState({}),[n,C]=o.useState(!1),[w,j]=o.useState(!1),[y,k]=o.useState(!0),[I,p]=o.useState(!0),[E,S]=o.useState(!1),[O,H]=o.useState(!1),[v,Y]=o.useState(!1),[K,_]=o.useState(!1),[D,oe]=o.useState(!1),[Q,ne]=o.useState(!1),[N,Z]=o.useState(!1),[W,ae]=o.useState(null),[ee,re]=o.useState(null),[se]=Sr("https://js.verygoodvault.com/vgs-collect/2.27.0/vgs-collect.js"),P=e?"SANDBOX":"live";o.useEffect(()=>{if(se){const $=window.VGSCollect.create(s,P,le=>{const A=le["data.attributes.oldPin"],z=le["data.attributes.newPin"];A?.isTouched===!0&&A?.isValid===!1&&A?.isFocused===!1?_(!0):(A?.isTouched===!0&&A?.isValid===!0&&A?.isFocused===!1||A?.isTouched===!0&&A?.isValid===!0&&A?.isFocused===!0)&&(_(!1),Z(!1)),z?.isTouched===!0&&z?.isValid===!1&&z?.isFocused===!1?oe(!0):(z?.isTouched===!0&&z?.isValid===!0&&z?.isFocused===!1||z?.isTouched===!0&&z?.isValid===!0&&z?.isFocused===!0)&&oe(!1)}),q=$.field("#oldPin",{type:"text",name:"data.attributes.oldPin",placeholder:"0000",autoComplete:"off",maxLength:4,hideValue:!0,validations:["required","/^([0-9]{4})$/"],css:{...U.standardRegular.cssObject,border:"none",boxSizing:"border-box",color:m.colors.primary,height:a.sp6,padding:`${a.sp0} ${a.sp3}`,textAlign:"right","&::placeholder":{color:m.colors.grey1,...U.standardRegular.cssObject},"&.invalid.touched:not(.focused)":{color:d.important,background:d.importantLight},"&:focus":{background:`${m.colors.background} !important`,textAlign:"left",color:`${m.colors.primary} !important`}}}),B=$.field("#newPin",{type:"text",name:"data.attributes.newPin",placeholder:"0000",autoComplete:"off",maxLength:4,hideValue:!0,validations:["required","/^([0-9]{4})$/"],css:{...U.standardRegular.cssObject,border:"none",boxSizing:"border-box",color:m.colors.primary,height:a.sp6,padding:`${a.sp0} ${a.sp3}`,textAlign:"right","&::placeholder":{color:m.colors.grey1,...U.standardRegular.cssObject},"&.invalid.touched:not(.focused)":{color:d.important,background:d.importantLight},"&:focus":{background:`${m.colors.background} !important`,textAlign:"left",color:`${m.colors.primary} !important`}}});ae(q),re(B),b($),Promise.all([q.promise,B.promise]).then(function(){j(!0)})}},[se]),o.useEffect(()=>{W?.update({hideValue:y})},[W,y]),o.useEffect(()=>{ee?.update({hideValue:I})},[ee,I]);const de=$=>{C(!0),Z(!1),x.submit?.("/cards/"+i+"/secure-data/pin",{method:"PUT",mapDotToObject:"true",headers:{"Content-Type":"application/vnd.api+json",Authorization:"Bearer "+$?.token}},function(q,B){q===200?(S(!1),H(!1),c(),f("success")):(_(!0),f("failed"),B.errors?.[0].title.toLowerCase().includes("max")?ne(!0):B.errors?.[0].title.toLowerCase().includes("invalid")&&Z(!0),C(!1))},q=>{console.log("error",q),C(!1)})},G={onOkClick:()=>{if(!x.state)return;const $=x.state["data.attributes.newPin"]?.isValid,q=x.state["data.attributes.oldPin"]?.isValid;Y(!0),$===!0&&q===!0&&de(u)},onCancelClick:h};return t.jsx(Ii,{titleComponent:t.jsx(Hc,{children:Je.moreOptions.changePin}),descriptionComponent:t.jsxs(Nc,{children:[t.jsxs(Zc,{children:[t.jsxs(pr,{showFieldError:K,windowSize:g,isFirstField:!0,validation:v,onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),oldPinInputHighlighted:E,children:[t.jsx(cr,{children:Je.existingPin}),t.jsxs(lr,{windowSize:g,children:[t.jsx(_c,{id:"oldPin",className:"cc-old-pin-form-field",windowSize:g}),t.jsx(nr,{onClick:()=>k(!y),"data-testid":J("cc-old-pin-show-text"),children:y?t.jsx(sr,{}):t.jsx(dr,{})})]})]}),t.jsx(Wc,{}),t.jsxs(pr,{showFieldError:D,windowSize:g,isFirstField:!1,validation:v,onMouseEnter:()=>H(!0),onMouseLeave:()=>H(!1),newPinInputHighlighted:O,children:[t.jsx(cr,{children:Je.newPin}),t.jsxs(lr,{windowSize:g,children:[t.jsx(Uc,{id:"newPin",className:"cc-new-pin-form-field",windowSize:g}),t.jsx(nr,{onClick:()=>p(!I),"data-testid":J("cc-new-pin-show-text"),children:I?t.jsx(sr,{}):t.jsx(dr,{})})]})]})]}),N?t.jsx(hr,{children:Je.incorrectCurrentPIN}):null,Q?t.jsx(hr,{children:Je.pinAttemptsReached}):null]}),primaryButtonText:"Change",primaryButtonWidth:87,isLoading:n,isDisabled:w===!1||Q,secondaryButtonWidth:87,buttonContainerStyle:{paddingTop:a.sp3,paddingBottom:a.sp2},secondaryButtonText:"Cancel",action:G,containerStyle:{maxWidth:"544px"},footerHelperComponent:t.jsxs(Di,{children:[t.jsx(Bc,{children:Je.forgotYourPin}),Vc.space,Je.callTollFree]})})}const Hc=r(Gi)`
+`,{spendManagement:{chargeCard:{cardDetails:Je}},common:{strings:Hc}}=ke.getLocalizedStrings(),ca={iFrameWidth:new T(188,188)};function Nc({isSandboxEnv:e,cardProviderID:i,vgsVaultId:s,signedInUserToken:u,onCancelClick:h,onUpdateDebitCardPinAttempt:f,onChangePinSuccess:c}){const g=Ie(),m=tt(),[x,b]=o.useState({}),[n,C]=o.useState(!1),[w,j]=o.useState(!1),[y,k]=o.useState(!0),[L,p]=o.useState(!0),[E,S]=o.useState(!1),[O,H]=o.useState(!1),[v,q]=o.useState(!1),[J,U]=o.useState(!1),[D,oe]=o.useState(!1),[K,ne]=o.useState(!1),[N,Z]=o.useState(!1),[W,ae]=o.useState(null),[Q,re]=o.useState(null),[se]=Sr("https://js.verygoodvault.com/vgs-collect/2.27.0/vgs-collect.js"),z=e?"SANDBOX":"live";o.useEffect(()=>{if(se){const $=window.VGSCollect.create(s,z,le=>{const A=le["data.attributes.oldPin"],P=le["data.attributes.newPin"];A?.isTouched===!0&&A?.isValid===!1&&A?.isFocused===!1?U(!0):(A?.isTouched===!0&&A?.isValid===!0&&A?.isFocused===!1||A?.isTouched===!0&&A?.isValid===!0&&A?.isFocused===!0)&&(U(!1),Z(!1)),P?.isTouched===!0&&P?.isValid===!1&&P?.isFocused===!1?oe(!0):(P?.isTouched===!0&&P?.isValid===!0&&P?.isFocused===!1||P?.isTouched===!0&&P?.isValid===!0&&P?.isFocused===!0)&&oe(!1)}),Y=$.field("#oldPin",{type:"text",name:"data.attributes.oldPin",placeholder:"0000",autoComplete:"off",maxLength:4,hideValue:!0,validations:["required","/^([0-9]{4})$/"],css:{..._.standardRegular.cssObject,border:"none",boxSizing:"border-box",color:m.colors.primary,height:a.sp6,padding:`${a.sp0} ${a.sp3}`,textAlign:"right","&::placeholder":{color:m.colors.grey1,..._.standardRegular.cssObject},"&.invalid.touched:not(.focused)":{color:d.important,background:d.importantLight},"&:focus":{background:`${m.colors.background} !important`,textAlign:"left",color:`${m.colors.primary} !important`}}}),B=$.field("#newPin",{type:"text",name:"data.attributes.newPin",placeholder:"0000",autoComplete:"off",maxLength:4,hideValue:!0,validations:["required","/^([0-9]{4})$/"],css:{..._.standardRegular.cssObject,border:"none",boxSizing:"border-box",color:m.colors.primary,height:a.sp6,padding:`${a.sp0} ${a.sp3}`,textAlign:"right","&::placeholder":{color:m.colors.grey1,..._.standardRegular.cssObject},"&.invalid.touched:not(.focused)":{color:d.important,background:d.importantLight},"&:focus":{background:`${m.colors.background} !important`,textAlign:"left",color:`${m.colors.primary} !important`}}});ae(Y),re(B),b($),Promise.all([Y.promise,B.promise]).then(function(){j(!0)})}},[se]),o.useEffect(()=>{W?.update({hideValue:y})},[W,y]),o.useEffect(()=>{Q?.update({hideValue:L})},[Q,L]);const de=$=>{C(!0),Z(!1),x.submit?.("/cards/"+i+"/secure-data/pin",{method:"PUT",mapDotToObject:"true",headers:{"Content-Type":"application/vnd.api+json",Authorization:"Bearer "+$?.token}},function(Y,B){Y===200?(S(!1),H(!1),c(),f("success")):(U(!0),f("failed"),B.errors?.[0].title.toLowerCase().includes("max")?ne(!0):B.errors?.[0].title.toLowerCase().includes("invalid")&&Z(!0),C(!1))},Y=>{console.log("error",Y),C(!1)})},G={onOkClick:()=>{if(!x.state)return;const $=x.state["data.attributes.newPin"]?.isValid,Y=x.state["data.attributes.oldPin"]?.isValid;q(!0),$===!0&&Y===!0&&de(u)},onCancelClick:h};return t.jsx(Li,{titleComponent:t.jsx(Bc,{children:Je.moreOptions.changePin}),descriptionComponent:t.jsxs(Wc,{children:[t.jsxs(qc,{children:[t.jsxs(pr,{showFieldError:J,windowSize:g,isFirstField:!0,validation:v,onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),oldPinInputHighlighted:E,children:[t.jsx(cr,{children:Je.existingPin}),t.jsxs(lr,{windowSize:g,children:[t.jsx(Gc,{id:"oldPin",className:"cc-old-pin-form-field",windowSize:g}),t.jsx(nr,{onClick:()=>k(!y),"data-testid":X("cc-old-pin-show-text"),children:y?t.jsx(sr,{}):t.jsx(dr,{})})]})]}),t.jsx(Uc,{}),t.jsxs(pr,{showFieldError:D,windowSize:g,isFirstField:!1,validation:v,onMouseEnter:()=>H(!0),onMouseLeave:()=>H(!1),newPinInputHighlighted:O,children:[t.jsx(cr,{children:Je.newPin}),t.jsxs(lr,{windowSize:g,children:[t.jsx(Zc,{id:"newPin",className:"cc-new-pin-form-field",windowSize:g}),t.jsx(nr,{onClick:()=>p(!L),"data-testid":X("cc-new-pin-show-text"),children:L?t.jsx(sr,{}):t.jsx(dr,{})})]})]})]}),N?t.jsx(hr,{children:Je.incorrectCurrentPIN}):null,K?t.jsx(hr,{children:Je.pinAttemptsReached}):null]}),primaryButtonText:"Change",primaryButtonWidth:87,isLoading:n,isDisabled:w===!1||K,secondaryButtonWidth:87,buttonContainerStyle:{paddingTop:a.sp3,paddingBottom:a.sp2},secondaryButtonText:"Cancel",action:G,containerStyle:{maxWidth:"544px"},footerHelperComponent:t.jsxs(Di,{children:[t.jsx(_c,{children:Je.forgotYourPin}),Hc.space,Je.callTollFree]})})}const Bc=r(qi)`
   margin-top: ${a.sp7};
   padding-left: ${a.sp8};
   padding-right: ${a.sp8};
   color: ${e=>e.theme.colors.primary};
   word-break: break-word;
-`,Nc=r(Ui)`
+`,Wc=r(Ui)`
   margin-top: ${a.sp5};
   margin-bottom: ${a.sp5};
-`,Bc=r.span`
+`,_c=r.span`
   color: ${e=>e.theme.colors.primary};
 `,nr=r.div`
   cursor: pointer;
   margin-left: ${a.sp2};
-`,sr=r(_i)`
+`,sr=r(Zi)`
   height: ${a.sp4};
   width: ${a.sp4};
   color: ${e=>e.theme.colors.hero};
-`,dr=r(Zi)`
+`,dr=r(Gi)`
   height: ${a.sp4};
   width: ${a.sp4};
   color: ${e=>e.theme.colors.hero};
@@ -1216,21 +1216,21 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   align-items: center;
   text-align: right;
   margin-top: ${a.sp3};
-`,Wc=r.div`
+`,Uc=r.div`
   display: flex;
   flex: 1;
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,Uc=r.div`
+`,Zc=r.div`
   border-radius: ${a.sp1};
   height: ${a.sp6};
   width: ${e=>ca.iFrameWidth.valuePx(e.windowSize)};
-`,_c=r.div`
+`,Gc=r.div`
   border-radius: ${a.sp1};
   height: ${a.sp6};
   width: ${e=>ca.iFrameWidth.valuePx(e.windowSize)};
-`,Zc=r.div`
+`,qc=r.div`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${a.sp2};
 `,pr=r.div`
@@ -1272,15 +1272,15 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
             background: ${e.theme.colors.background};
           }
         `:null}
-`,Ee={bottomContentContainerPadding:new T(l[3],l[8]),styledAIIconContainerSize:new T(l[3],l[3]),bannerWrapperMarginLeftRight:new T(l[3],l[8]),payNowSectionPaddingLeftRight:new T(l[3],l[0]),styledHighImportanceIconMarginRight:new T(l[0],l[1])},{common:Ie,spendManagement:Gc,dateFormat:Yc}=ke.getLocalizedStrings(),ue=Gc.chargeCard,Nl=({chargeCardDetailView:e,onUnlockChargeCard:i,onCloseChargeCard:s,cardsEndPoint:u,classListFetchState:h,transactionAttachmentsEndpointToFetch:f,transactionAttachmentEndpointToDownload:c,authParams:g,hideSorting:m,cardId:x,vgsVaultId:b,controllerEmails:n,isCardControlsEnabled:C,isChargeCardFeatureEnabled:w,isDebitCardFeatureEnabled:j,isDebitCardSetupEnabled:y,isChargeCardSetupEnabled:k,chargeCardCashbackDetailState:I,onFetchChargeCardsRecurringExpenses:p,productInformation:E,cashbackInformation:S,creditAccountInformation:O,debitAccountInformation:H,creditAccount:v,cardIssuedByRoles:Y,cardIssuedByDepartmentName:K,cardHolderRoles:_,cardHolderDepartmentName:D,loggedInUserRole:oe,appleWalletLink:Q,googleWalletLink:ne,signedInUser:N,signedInUserToken:Z,chargeCardsRecurringExpensesState:W,isSandboxEnv:ae,isEarlyPayEnabled:ee,documentAiReceiptMaxSizeLimit:re,isSnackbarOpen:se,onFireOnClickAnalytics:P,onUpdateDebitCardPinAttempt:de,onFireVerifyPopOnClickAnalytics:G,onBackClick:$,onReloadTransactions:q,onFetchChargeCardTransactionList:B,onGetOtp:le,onLockChargeCard:A,onResendOtp:z,onVerifyOtp:ce,updateChargeCardName:ie,onVerifyOtpSuccess:L,onColorCodeChange:je,onColumnSortConfigChanged:Ce,updateChargeCardTransactionAttachments:Fe,updateChargeCardTransactionUploadReceiptsFetchStatus:X,updateChargeCardTransactionReceiptsShowTick:te,updateChargeCardTransactionIsViewReceiptClicked:M,onUploadReceiptComplete:be,removeSnackbar:Ae,onChargeCardTransactionRowClick:me,onChargeCardRevokeInviteClick:He,onUpdateScrollYOffset:Ye,updateSpendLimit:at,shouldOpenCreditCardPaymentDrawer:pe})=>{const R=o.useRef(!0),he=tt(),F=Le(),qe=Lt(),Pe=It().analytics,[,dt]=wr(),[ze,ft]=o.useState(!1),[ct,wt]=o.useState(!1),[xt,Me]=o.useState(!1),[lt,Te]=o.useState(!1),[fe,ht]=o.useState(!1),[Tt,la]=o.useState(!1),[Qr,ei]=o.useState(!1),[ti,ha]=o.useState(!1),[ai,bt]=o.useState(!1),[ri,Rt]=o.useState(!1),[ii,St]=o.useState(!1),[oi,yt]=o.useState(!1),[rt,Et]=o.useState(!1),[pa,Ft]=o.useState(!1),[ua,ma]=o.useState(!1),[ni,ga]=o.useState(!1),[si,di]=o.useState("apple"),[Ca,fa]=o.useState({number:!1,cvv:!1});o.useEffect(()=>{rt===!1&&Ft(!1)},[rt]);const wa=o.useRef("noAnimation"),Be=e.chargeCard?.cardHolderUserId===N.userId,Pt=`${e.chargeCard?.cardHolderUser?.firstName??""} ${e.chargeCard?.cardHolderUser?.lastName??""}`,xa=e.chargeCard?.billingAddress,Se=At(qe.loggedInUserRoleMap),{text1:ci,text2:li}=ki(xa),ba=`${ci} ${li}`,zt=e.chargeCard?.isDeclinedTransaction===!0,hi=()=>{Xt({chargeCardDetailView:e,chargeCardCashbackDetailState:I,isChargeCardFeatureEnabled:w,productInformation:E,cashbackInformation:S,creditAccountInformation:O,debitAccountInformation:H,creditAccount:v,creditAccountRepayment:e.creditAccountRepayment,isDebitCard:De,isChargeCardAdmin:Se,analytics:Pe,controllerEmails:n,actionField:"Receipt Email",actionDetails:e.chargeCardConfig.receiptBotEmail}),dt(e.chargeCardConfig.receiptBotEmail),ft(!0)},pi=()=>{P("card owner copied"),Xt({chargeCardDetailView:e,chargeCardCashbackDetailState:I,isChargeCardFeatureEnabled:w,productInformation:E,cashbackInformation:S,creditAccountInformation:O,debitAccountInformation:H,creditAccount:v,creditAccountRepayment:e.creditAccountRepayment,isDebitCard:De,isChargeCardAdmin:Se,analytics:Pe,controllerEmails:n,actionField:"Card Owner",actionDetails:Pt}),dt(Pt),ht(!0)},ui=()=>{P("billing address copied"),Xt({chargeCardDetailView:e,chargeCardCashbackDetailState:I,isChargeCardFeatureEnabled:w,productInformation:E,cashbackInformation:S,creditAccountInformation:O,debitAccountInformation:H,creditAccount:v,creditAccountRepayment:e.creditAccountRepayment,isDebitCard:De,isChargeCardAdmin:Se,analytics:Pe,controllerEmails:n,actionField:"Billing Address",actionDetails:ba}),dt(ba),la(!0)};o.useEffect(()=>{ze===!0&&setTimeout(()=>{ft(!1)},800),fe===!0&&setTimeout(()=>{ht(!1)},800),Tt===!0&&setTimeout(()=>{la(!1)},800)},[fe,Tt,ze]);const[$l,mi]=o.useState(!1),[Sa,ya]=o.useState(e.chargeCard?.cardColorCode!=null?new Qe(e.chargeCard.cardColorCode):void 0);o.useEffect(()=>{e.chargeCard?.cardColorCode!=null&&ya(new Qe(e.chargeCard.cardColorCode))},[e.chargeCard?.cardColorCode]);const $a={amount:e.chargeCard!=null?e.chargeCard.balance.amount:0,currencyCode:e.chargeCard!=null?e.chargeCard.balance.currencyCode:Ie.currency.countryCode,currencySymbol:e.chargeCard!=null?e.chargeCard.balance.currencySymbol:Ie.currency.currencySymbol};o.useEffect(()=>{R.current===!0?R.current=!1:P(rt===!1?"card details hidden":"card detail revealed")},[rt]);const va=(V,ye)=>{if(ye===!0){const We=Ri(V.toString())??Ie.strings.empty;P("color selected",We),je(We),mi(!1)}ya(V)},ka=V=>{const{cvv:ye,number:We}=V;return ye===!0||We===!0},{isMobileOrTabletScreen:ja}=xr(),Mt=e.chargeCard?.status.code!=="request_on_hold"&&e.chargeCard?.status.code!=="inactive",Vt=e.updateChargeCardLimitFetchState.fetchState,Ot=e.updateChargeCardNameFetchState.fetchState,Ht=e.lockChargeCardsFetchState.fetchState,Nt=e.closeChargeCardsFetchState.fetchState,La=et(Vt),Ia=et(Ot),Da=et(Ht),Aa=et(Nt);o.useEffect(()=>{La==="In-Progress"&&Vt==="Completed"?bt(!1):Ia==="In-Progress"&&Ot==="Completed"?Rt(!1):Da==="In-Progress"&&Ht==="Completed"?St(!1):Aa==="In-Progress"&&Nt==="Completed"&&yt(!1)},[Vt,Ot,Ht,Nt,La,Ia,Da,Aa]);const De=e.chargeCard?.type.code==="business_physical_debit_card"||e.chargeCard?.type.code==="business_virtual_debit_card",gi=Se&&(e.chargeCard?.status.code==="active"||e.chargeCard?.status.code==="locked")&&$a.amount<(De?e.depositAccountLimit?.cardLimits.dailyCardTransactionLimit.amount??0:e.creditAccount.limit.amount),Ci=e.creditAccountRepayment.initiatedRepayments.amount>0&&Se&&zt,fi=()=>{if(!C)return[{value:"changePin",label:ue.cardDetails.moreOptions.changePin}];const V=[{value:"changePin",label:ue.cardDetails.moreOptions.changePin},{value:"unlock",label:ue.cardDetails.moreOptions.unlock},{value:"updateSpendLimit",label:ue.cardDetails.moreOptions.updateSpendLimit},{value:"rename",label:ue.cardDetails.moreOptions.rename},{value:"lock",label:ue.cardDetails.moreOptions.lock},{value:"close",label:ue.cardDetails.moreOptions.close},{value:"revokeInvite",label:ue.cardDetails.moreOptions.revokeInvite}],ye=e.chargeCard?.status.code,We=ye==="locked",Si=ye==="inactive",yi=ye==="request_on_hold",$i=e.chargeCard?.isLockedByAdmin===!0,Ea=De&&Be,$t=Se;if(yi){const Ve=[];return $t&&Ve.push("revokeInvite"),Ve.push("rename"),V.filter(Bt=>Ve.includes(Bt.value))}if(Si){const Ve=[];return Ve.push("rename"),Ea&&Ve.push("changePin"),$t&&Ve.push("close"),V.filter(Bt=>Ve.includes(Bt.value))}const vi={changePin:Ea&&!We,lock:!We,unlock:We&&(Se||!$i),rename:!0,updateSpendLimit:$t,close:$t};return V.filter(Ve=>vi[Ve.value])},Ta=t.jsx("div",{children:t.jsx(ji,{entity:"debit_cards",isDisabled:e.unlockChargeCardsFetchState.fetchState==="In-Progress"?"disabled":void 0,onOptionSelection:V=>{V==="changePin"?(Z==null||Z.expiry.isBefore(new Date)?le(e.loggedInUserPhone):Te(!0),Me(!0)):V==="updateSpendLimit"?bt(!0):V==="rename"?Rt(!0):V==="lock"?(St(!0),p()):V==="close"?(yt(!0),p()):V==="unlock"?i(Se):V==="revokeInvite"&&He()},isMoreOption:!0,options:fi(),customStyleConfig:{control:()=>({backgroundColor:"inherit",cursor:"pointer",border:"none",":hover":{backgroundColor:"inherit"}}),valueContainer:V=>({...V,display:"flex",alignItems:"center"})}})}),Ra=V=>V.reasonType==="other"?V.reason:V.reasonType,wi=V=>{const ye=Ra(V);A(Se,ye)},xi=V=>{const ye=Ra(V);s(ye)},bi=()=>{const V=e.chargeCard?.status.code;if(V==="closed"||V==="closed_by_customer")return null;if(!C)return Be&&De?Ta:null;if(!Be&&!Se)return null;const ye=e.chargeCard?.isLockedByAdmin===!0;return Be&&!Se&&ye&&V==="locked"?null:Ta};return t.jsxs(dl,{children:[ii&&e.chargeCard!=null&&t.jsx(Fo,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>St(!1),isChargeCardAdmin:Se,chargeCardsByCardId:{[e.chargeCard.id]:e.chargeCard},cardRecurringExpensesByCardId:{[e.chargeCard.id]:W.recurringExpenses},cardRecurringExpenseFetchState:W.fetchState,lockCardFetchState:e.lockChargeCardsFetchState.fetchState,onConfirmClick:wi,onDismissClick:()=>St(!1),onRemoveCardClick:()=>{}}),oi&&e.chargeCard!=null&&t.jsx(Po,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>yt(!1),isChargeCardAdmin:Se,chargeCardsByCardId:{[e.chargeCard.id]:e.chargeCard},cardRecurringExpensesByCardId:{[e.chargeCard.id]:W.recurringExpenses},cardRecurringExpenseFetchState:W.fetchState,closeCardFetchState:e.closeChargeCardsFetchState.fetchState,onConfirmClick:xi,onDismissClick:()=>yt(!1),onRemoveCardClick:()=>{}}),lt&&e.chargeCard?.cardProviderID!=null?t.jsx(Oc,{signedInUserToken:Z,vgsVaultId:b,onCancelClick:()=>{Te(!1),Me(!0)},isSandboxEnv:!0,cardProviderID:e.chargeCard?.cardProviderID,onChangePinSuccess:()=>{Te(!1),Me(!0)},onUpdateDebitCardPinAttempt:de}):null,ja?null:t.jsx(yc,{isChargeCardAdmin:Se,controllerEmails:n,isChargeCardFeatureEnabled:w,isDebitCardFeatureEnabled:j,isDebitCardSetupEnabled:y,isChargeCardSetupEnabled:k,chargeCardCashbackDetailState:I,creditAccountRepayment:e.creditAccountRepayment,productInformation:E,cashbackInformation:S,creditAccountInformation:O,debitAccountInformation:H,creditAccount:e.creditAccount,selectedColor:Sa,walletType:si,onFireOnClickAnalytics:P,isSandboxEnv:ae,chargeCardDetailView:e,vgsVaultId:b,signedInUserToken:Z,showSecretInfo:rt,changePinInProcess:xt,setShowChangePinPopup:Te,isCardDetailErrored:ua,cardDetailsFetchState:Ca,setCardDetailsFetchState:fa,setIsCardDetailErrored:ma,isCardDetailFetching:ka,handleColorCodeClick:va,isDrawerOpen:ni,setIsAddToWalletDrawerOpen:ga,onVerifyOtp:ce,onVerifyOtpSuccess:L,onFireVerifyPopOnClickAnalytics:G,onResendOtp:z,setShowSecretInfo:Et,secretRevealed:pa,setSecretRevealed:Ft,onGetOtp:le,showDrawerAnimation:wa}),t.jsx(Li,{rightSideComponent:bi(),navBarContainerStyles:{paddingTop:l[2],alignItems:"center",paddingBottom:l[2]},source:"ChargeCardDetailPage",title:e.chargeCard?.cardName??Ie.strings.empty,subTitle:e.fetchState==="Completed"&&e.chargeCard!=null?t.jsx(Eo,{cardDetail:e.chargeCard,forDetailPage:!0}):void 0,showBackButton:!0,showMenuIcon:!1,backgroundColor:he.colors.grey5,style:{zIndex:3},onBackClick:$,titleStyle:{marginTop:l[0],...F==="small"&&{textAlign:"left"}},leftComponentStyle:F==="small"?{width:"10%"}:void 0,middleComponentStyle:F==="small"?{width:"80%"}:void 0,rightComponentStyle:F==="small"?{width:"10%"}:void 0}),t.jsx(br,{phoneNumberPopupDescription:ue.cardDetails.verifyPhoneNumberDescription,showOtpPopup:Qr,showPhoneNumberPopup:ti,twoFactorAuthenticationView:e.twoFAView,loggedInUserPhone:e.loggedInUserPhone,onVerifyOtp:ce,onVerifyOtpSuccess:V=>{L(V),xt?Te(!0):Et(!0)},onFireVerifyPopOnClickAnalytics:G,setShowOtpPopup:ei,onResendOtp:z,setShowPhoneNumberPopup:ha,onGetOtp:le}),ri&&t.jsx(zo,{currentCardName:e.chargeCard?.cardName??"",renameFetchState:e.updateChargeCardNameFetchState.fetchState,onCancelClick:()=>Rt(!1),onSubmitClick:V=>{e.chargeCard&&ie(Se,V)}}),ai&&e.chargeCard!=null?t.jsx(Mo,{controllerEmails:n,isChargeCardFeatureEnabled:w,isDebitCardFeatureEnabled:j,isDebitCardSetupEnabled:y,isChargeCardSetupEnabled:k,productInformation:E,cashbackInformation:S,creditAccountInformation:O,debitAccountInformation:H,cardDetail:e.chargeCard,transactionStatistics:e.transactionStatistics,depositAccountLimitFetchState:e.depositAccountLimitFetchState.fetchState,creditAccount:v,creditAccountRepayment:e.creditAccountRepayment,signedInUser:N,isDebitCard:De,cardIssuedByRoles:Y,cardHolderRoles:_,loggedInUserRole:oe,cardIssuedByDepartmentName:K,cardHolderDepartmentName:D,classListFetchState:h,currentLimitAmount:e.chargeCard?.limit??{amount:0,currencyCode:Ie.currency.countryCode,currencySymbol:Ie.currency.currencySymbol},currentSpentAmount:e.chargeCard?.balance??{amount:0,currencyCode:Ie.currency.countryCode,currencySymbol:Ie.currency.currencySymbol},maxLimitAmount:De?e.depositAccountLimit?.cardLimits.dailyCardTransactionLimit:e.creditAccount.limit,isDisabled:De&&e.depositAccountLimitFetchState.fetchState!=="Completed",updateLimitFetchState:e.updateChargeCardLimitFetchState.fetchState,onCancelClick:()=>bt(!1),onSubmitClick:V=>{if(e.chargeCard){const ye={amount:V,currencyCode:e.chargeCard.limit.currencyCode,currencySymbol:e.chargeCard.limit.currencySymbol};at(e.chargeCard.id,ye,e.chargeCard.creditLimitFrequency,Ge("0,0.[00]",ye))}},recommendations:e?.chargeCard?.recommendations}):null,e.fetchState==="Error"?t.jsxs(al,{windowSize:F,children:[t.jsx(ol,{onClick:q,"data-testid":J("reload-card-detail"),children:t.jsx(sl,{})}),t.jsx(nl,{children:Ie.reloadPage.label})]}):t.jsxs(qc,{children:[t.jsx(es,{controllerEmails:n,isChargeCardFeatureEnabled:w,isDebitCardFeatureEnabled:j,isDebitCardSetupEnabled:y,isChargeCardSetupEnabled:k,creditAccount:v,creditAccountRepayment:e.creditAccountRepayment,productInformation:E,cashbackInformation:S,creditAccountInformation:O,debitAccountInformation:H,isDebitCard:De,chargeCardCashbackDetailState:I,cardIssuedByRoles:Y,cardIssuedByDepartmentName:K,cardHolderRoles:_,cardHolderDepartmentName:D,classListFetchState:h,chargeCardDetailView:e,spent:$a,isCardNotPending:Mt,cardOwnerName:Pt,appleWalletLink:Q,googleWalletLink:ne,addressToShow:xa,secretRevealed:pa,isOwnCard:Be,vgsVaultId:b,showSecretInfo:rt,isSandboxEnv:ae,isCardDetailErrored:ua,signedInUserToken:Z,selectedColor:Sa,cardDetailsFetchState:Ca,setCardDetailsFetchState:fa,setIsCardDetailErrored:ma,setSecretRevealed:Ft,isCardDetailFetching:ka,handleColorCodeClick:va,onFireOnClickAnalytics:P,setShowPhoneNumberPopup:ha,setShowChangeSpendLimitPopup:bt,setShowSecretInfo:Et,isOwnerNameCopied:fe,isAddressCopied:Tt,onOwnerNameCopyClick:pi,onAddressCopyClick:ui,showUpdateSpendLimitAction:gi,onUnlockChargeCard:i}),ee?Ci?t.jsxs(Jc,{windowSize:F,children:[t.jsx(pl,{}),t.jsx(Qc,{children:` ${ue.payEarly.paymentOf} ${Ge("0,0.[00]",e.creditAccountRepayment.initiatedRepayments)} ${ue.payEarly.madeOn} ${e.creditAccountRepayment.initiatedRepaymentDate?.format(Yc.visual.MMMDFormat)} ${ue.payEarly.isProcessing} ${ue.payEarly.theCompanyCreditLimitWillUpdateIn23BusinessDays}`})]}):zt?Se?t.jsxs(Kr,{onClick:()=>{pe(!0)},windowSize:F,children:[t.jsx(ur,{windowSize:F}),t.jsxs(rl,{children:[t.jsx(mr,{children:ue.payEarly.transactionsMayBeDeclinedBecauseTheCompanyCreditLimitIsRunningLow}),t.jsxs(el,{className:"pay-now-button",children:[ue.payEarly.payNow,t.jsx(Kc,{})]})]})]}):t.jsxs(Xc,{windowSize:F,children:[t.jsx(ur,{windowSize:F}),t.jsx(il,{children:t.jsx(mr,{children:ue.payEarly.yourTransactionsMayBeDeclinedBecauseTheCompanyCreditLimitIsRunningLowWeHaveNotifiedYourAdmin})})]}):null:null,Be&&F!=="small"&&Mt&&De===!1?t.jsx(Vo,{style:{marginTop:zt?a.sp5:a.sp4},classListFetchState:h,controllerEmails:n,isChargeCardFeatureEnabled:w,isDebitCardFeatureEnabled:j,isDebitCardSetupEnabled:y,isChargeCardSetupEnabled:k,chargeCardDetailView:e,creditAccount:v,creditAccountRepayment:e.creditAccountRepayment,productInformation:E,cashbackInformation:S,creditAccountInformation:O,debitAccountInformation:H,cardIssuedByRoles:Y,cardHolderRoles:_,cardIssuedByDepartmentName:K,cardHolderDepartmentName:D,isDebitCard:De,appleWalletLink:Q,googleWalletLink:ne,setWalletType:di,setIsAddToWalletDrawerOpen:ga,showDrawerAnimation:wa}):null,t.jsxs(yl,{windowSize:F,isOwnCard:Be,isMobileOrTabletScreen:ja,children:[Mt&&e.transactions.length>0?t.jsxs(t.Fragment,{children:[t.jsxs(ll,{windowSize:F,children:[ue.cardDetails.transactionListTitle,t.jsx(Qt,{display:"flex",placement:"right",title:t.jsx(ul,{children:ue.cardDetails.transactionListTooltip.replace("__receiptRequiredAboveAmount__",e.chargeCardConfig.receiptRequiredAboveAmount.amount.toString())}),children:t.jsx(hl,{})})]}),t.jsxs(ml,{windowSize:F,children:[t.jsx(wl,{windowSize:F,children:t.jsx(xl,{})}),t.jsxs(cl,{windowSize:F,children:[t.jsxs(gl,{children:[t.jsx(tl,{children:ue.aiCardAgentText}),Ie.strings.space,ue.receiptBotMessage,Ie.strings.space]}),t.jsxs(fl,{"data-testid":J("charge-card-detail-copy-email"),onClick:hi,onMouseEnter:()=>wt(!0),onMouseLeave:()=>wt(!1),children:[t.jsx(Cl,{children:e.chargeCardConfig.receiptBotEmail}),ze===!0?t.jsxs(Cr,{children:[t.jsx(Sl,{}),t.jsx(gr,{children:t.jsx(fr,{shouldDisplay:ct||ze,color:d.primaryDark,children:Ie.copyToClipBoard.copied})})]}):t.jsxs(Cr,{children:[t.jsx(bl,{color:ct?he.colors.primary:void 0}),t.jsx(gr,{children:t.jsx(fr,{shouldDisplay:ct&&F!=="small",children:Ie.copyToClipBoard.copy})})]})]})]})]})]}):null,t.jsx(Jd,{cardStatusCode:e.chargeCard?.status.code,cardCodeType:e.chargeCard?.type.code,cardId:x,documentAiReceiptMaxSizeLimit:re,uploadReceiptsFetchStateByTransactionId:e.uploadReceiptsFetchStateByTransactionId,isSnackbarOpen:se,uploadReceiptsShowTickByTransactionId:e.uploadReceiptsShowTickByTransactionId,isViewReceiptClickedImmediatelyAfterUploadTransactionId:e.isViewReceiptClickedImmediatelyAfterUploadTransactionId,receiptRequiredAboveAmount:e.chargeCardConfig.receiptRequiredAboveAmount,cardsEndPoint:u,transactionAttachmentsEndpointToFetch:f,transactionAttachmentEndpointToDownload:c,authParams:g,hideSorting:m,transactions:e.transactions,cardHolderUser:e.chargeCard?.cardHolderUser,uiState:e.uiState,fetchState:e.transactionListFetchState.fetchState,isAiCategorizationEnabledForCardsTransactions:e.chargeCardConfig.isAiCategorizationEnabledForCardsTransactions,onReloadTransactions:q,onFetchChargeCardTransactionList:B,isOwnCard:Be,onColumnSortConfigChanged:Ce,removeSnackbar:Ae,onChargeCardTransactionRowClick:me,onUpdateScrollYOffset:Ye,onUploadReceiptComplete:be,updateChargeCardTransactionAttachments:Fe,updateChargeCardTransactionUploadReceiptsFetchStatus:X,updateChargeCardTransactionReceiptsShowTick:te,updateChargeCardTransactionIsViewReceiptClicked:M})]})]})]})},Xt=({chargeCardDetailView:e,chargeCardCashbackDetailState:i,isChargeCardFeatureEnabled:s,productInformation:u,cashbackInformation:h,creditAccountInformation:f,debitAccountInformation:c,creditAccount:g,creditAccountRepayment:m,isDebitCard:x,isChargeCardAdmin:b,analytics:n,controllerEmails:C,actionDetails:w,actionField:j})=>{e.chargeCard!=null&&i.fetchState==="Completed"&&(!s||g.fetchState==="Completed"&&m.fetchState==="Completed")&&(!(x&&b)||e.depositAccountLimitFetchState.fetchState==="Completed")&&n.trackCardsCopyIconClick(C,u,"Cards Detail","Copy","copied",j,w,h,f,c)},qc=r.div``,Kr=r.div`
+`,Fe={bottomContentContainerPadding:new T(l[3],l[8]),styledAIIconContainerSize:new T(l[3],l[3]),bannerWrapperMarginLeftRight:new T(l[3],l[8]),payNowSectionPaddingLeftRight:new T(l[3],l[0]),styledHighImportanceIconMarginRight:new T(l[0],l[1])},{common:Le,spendManagement:Yc,dateFormat:Xc}=ke.getLocalizedStrings(),ue=Yc.chargeCard,Wl=({chargeCardDetailView:e,onUnlockChargeCard:i,onCloseChargeCard:s,cardsEndPoint:u,classListFetchState:h,transactionAttachmentsEndpointToFetch:f,transactionAttachmentEndpointToDownload:c,authParams:g,hideSorting:m,cardId:x,vgsVaultId:b,controllerEmails:n,isCardControlsEnabled:C,isChargeCardFeatureEnabled:w,isDebitCardFeatureEnabled:j,isDebitCardSetupEnabled:y,isChargeCardSetupEnabled:k,chargeCardCashbackDetailState:L,onFetchChargeCardsRecurringExpenses:p,productInformation:E,cashbackInformation:S,creditAccountInformation:O,debitAccountInformation:H,creditAccount:v,cardIssuedByRoles:q,cardIssuedByDepartmentName:J,cardHolderRoles:U,cardHolderDepartmentName:D,loggedInUserRole:oe,appleWalletLink:K,googleWalletLink:ne,signedInUser:N,signedInUserToken:Z,chargeCardsRecurringExpensesState:W,isSandboxEnv:ae,isEarlyPayEnabled:Q,documentAiReceiptMaxSizeLimit:re,isSnackbarOpen:se,onFireOnClickAnalytics:z,onUpdateDebitCardPinAttempt:de,onFireVerifyPopOnClickAnalytics:G,onBackClick:$,onReloadTransactions:Y,onFetchChargeCardTransactionList:B,onGetOtp:le,onLockChargeCard:A,onResendOtp:P,onVerifyOtp:ce,updateChargeCardName:ie,onVerifyOtpSuccess:I,onColorCodeChange:je,onColumnSortConfigChanged:Ce,updateChargeCardTransactionAttachments:Re,updateChargeCardTransactionUploadReceiptsFetchStatus:te,updateChargeCardTransactionReceiptsShowTick:ee,updateChargeCardTransactionIsViewReceiptClicked:M,onUploadReceiptComplete:be,removeSnackbar:Ae,onChargeCardTransactionRowClick:me,onChargeCardRevokeInviteClick:He,onUpdateScrollYOffset:qe,updateSpendLimit:at,shouldOpenCreditCardPaymentDrawer:pe})=>{const F=o.useRef(!0),he=tt(),R=Ie(),Ye=It(),ze=Lt().analytics,[,dt]=wr(),[Pe,ft]=o.useState(!1),[ct,wt]=o.useState(!1),[xt,Me]=o.useState(!1),[lt,Te]=o.useState(!1),[fe,ht]=o.useState(!1),[Tt,la]=o.useState(!1),[Qr,ei]=o.useState(!1),[ti,ha]=o.useState(!1),[ai,bt]=o.useState(!1),[ri,Et]=o.useState(!1),[ii,St]=o.useState(!1),[oi,yt]=o.useState(!1),[rt,Ft]=o.useState(!1),[pa,Rt]=o.useState(!1),[ua,ma]=o.useState(!1),[ni,ga]=o.useState(!1),[si,di]=o.useState("apple"),[Ca,fa]=o.useState({number:!1,cvv:!1});o.useEffect(()=>{rt===!1&&Rt(!1)},[rt]);const wa=o.useRef("noAnimation"),Be=e.chargeCard?.cardHolderUserId===N.userId,zt=`${e.chargeCard?.cardHolderUser?.firstName??""} ${e.chargeCard?.cardHolderUser?.lastName??""}`,xa=e.chargeCard?.billingAddress,Se=At(Ye.loggedInUserRoleMap),{text1:ci,text2:li}=ki(xa),ba=`${ci} ${li}`,Pt=e.chargeCard?.isDeclinedTransaction===!0,hi=()=>{Xt({chargeCardDetailView:e,chargeCardCashbackDetailState:L,isChargeCardFeatureEnabled:w,productInformation:E,cashbackInformation:S,creditAccountInformation:O,debitAccountInformation:H,creditAccount:v,creditAccountRepayment:e.creditAccountRepayment,isDebitCard:De,isChargeCardAdmin:Se,analytics:ze,controllerEmails:n,actionField:"Receipt Email",actionDetails:e.chargeCardConfig.receiptBotEmail}),dt(e.chargeCardConfig.receiptBotEmail),ft(!0)},pi=()=>{z("card owner copied"),Xt({chargeCardDetailView:e,chargeCardCashbackDetailState:L,isChargeCardFeatureEnabled:w,productInformation:E,cashbackInformation:S,creditAccountInformation:O,debitAccountInformation:H,creditAccount:v,creditAccountRepayment:e.creditAccountRepayment,isDebitCard:De,isChargeCardAdmin:Se,analytics:ze,controllerEmails:n,actionField:"Card Owner",actionDetails:zt}),dt(zt),ht(!0)},ui=()=>{z("billing address copied"),Xt({chargeCardDetailView:e,chargeCardCashbackDetailState:L,isChargeCardFeatureEnabled:w,productInformation:E,cashbackInformation:S,creditAccountInformation:O,debitAccountInformation:H,creditAccount:v,creditAccountRepayment:e.creditAccountRepayment,isDebitCard:De,isChargeCardAdmin:Se,analytics:ze,controllerEmails:n,actionField:"Billing Address",actionDetails:ba}),dt(ba),la(!0)};o.useEffect(()=>{Pe===!0&&setTimeout(()=>{ft(!1)},800),fe===!0&&setTimeout(()=>{ht(!1)},800),Tt===!0&&setTimeout(()=>{la(!1)},800)},[fe,Tt,Pe]);const[kl,mi]=o.useState(!1),[Sa,ya]=o.useState(e.chargeCard?.cardColorCode!=null?new Qe(e.chargeCard.cardColorCode):void 0);o.useEffect(()=>{e.chargeCard?.cardColorCode!=null&&ya(new Qe(e.chargeCard.cardColorCode))},[e.chargeCard?.cardColorCode]);const $a={amount:e.chargeCard!=null?e.chargeCard.balance.amount:0,currencyCode:e.chargeCard!=null?e.chargeCard.balance.currencyCode:Le.currency.countryCode,currencySymbol:e.chargeCard!=null?e.chargeCard.balance.currencySymbol:Le.currency.currencySymbol};o.useEffect(()=>{F.current===!0?F.current=!1:z(rt===!1?"card details hidden":"card detail revealed")},[rt]);const va=(V,ye)=>{if(ye===!0){const We=Ei(V.toString())??Le.strings.empty;z("color selected",We),je(We),mi(!1)}ya(V)},ka=V=>{const{cvv:ye,number:We}=V;return ye===!0||We===!0},{isMobileOrTabletScreen:ja}=xr(),Mt=e.chargeCard?.status.code!=="request_on_hold"&&e.chargeCard?.status.code!=="inactive",Vt=e.updateChargeCardLimitFetchState.fetchState,Ot=e.updateChargeCardNameFetchState.fetchState,Ht=e.lockChargeCardsFetchState.fetchState,Nt=e.closeChargeCardsFetchState.fetchState,Ia=et(Vt),La=et(Ot),Da=et(Ht),Aa=et(Nt);o.useEffect(()=>{Ia==="In-Progress"&&Vt==="Completed"?bt(!1):La==="In-Progress"&&Ot==="Completed"?Et(!1):Da==="In-Progress"&&Ht==="Completed"?St(!1):Aa==="In-Progress"&&Nt==="Completed"&&yt(!1)},[Vt,Ot,Ht,Nt,Ia,La,Da,Aa]);const De=e.chargeCard?.type.code==="business_physical_debit_card"||e.chargeCard?.type.code==="business_virtual_debit_card",gi=Se&&(e.chargeCard?.status.code==="active"||e.chargeCard?.status.code==="locked")&&$a.amount<(De?e.depositAccountLimit?.cardLimits.dailyCardTransactionLimit.amount??0:e.creditAccount.limit.amount),Ci=e.creditAccountRepayment.initiatedRepayments.amount>0&&Se&&Pt,fi=()=>{if(!C)return[{value:"changePin",label:ue.cardDetails.moreOptions.changePin}];const V=[{value:"changePin",label:ue.cardDetails.moreOptions.changePin},{value:"unlock",label:ue.cardDetails.moreOptions.unlock},{value:"updateSpendLimit",label:ue.cardDetails.moreOptions.updateSpendLimit},{value:"rename",label:ue.cardDetails.moreOptions.rename},{value:"lock",label:ue.cardDetails.moreOptions.lock},{value:"close",label:ue.cardDetails.moreOptions.close},{value:"revokeInvite",label:ue.cardDetails.moreOptions.revokeInvite}],ye=e.chargeCard?.status.code,We=ye==="locked",Si=ye==="inactive",yi=ye==="request_on_hold",$i=e.chargeCard?.isLockedByAdmin===!0,Fa=De&&Be,$t=Se;if(yi){const Ve=[];return $t&&Ve.push("revokeInvite"),Ve.push("rename"),V.filter(Bt=>Ve.includes(Bt.value))}if(Si){const Ve=[];return Ve.push("rename"),Fa&&Ve.push("changePin"),$t&&Ve.push("close"),V.filter(Bt=>Ve.includes(Bt.value))}const vi={changePin:Fa&&!We,lock:!We,unlock:We&&(Se||!$i),rename:!0,updateSpendLimit:$t,close:$t};return V.filter(Ve=>vi[Ve.value])},Ta=t.jsx("div",{children:t.jsx(ji,{entity:"debit_cards",isDisabled:e.unlockChargeCardsFetchState.fetchState==="In-Progress"?"disabled":void 0,onOptionSelection:V=>{V==="changePin"?(Z==null||Z.expiry.isBefore(new Date)?le(e.loggedInUserPhone):Te(!0),Me(!0)):V==="updateSpendLimit"?bt(!0):V==="rename"?Et(!0):V==="lock"?(St(!0),p()):V==="close"?(yt(!0),p()):V==="unlock"?i(Se):V==="revokeInvite"&&He()},isMoreOption:!0,options:fi(),customStyleConfig:{control:()=>({backgroundColor:"inherit",cursor:"pointer",border:"none",":hover":{backgroundColor:"inherit"}}),valueContainer:V=>({...V,display:"flex",alignItems:"center"})}})}),Ea=V=>V.reasonType==="other"?V.reason:V.reasonType,wi=V=>{const ye=Ea(V);A(Se,ye)},xi=V=>{const ye=Ea(V);s(ye)},bi=()=>{const V=e.chargeCard?.status.code;if(V==="closed"||V==="closed_by_customer")return null;if(!C)return Be&&De?Ta:null;if(!Be&&!Se)return null;const ye=e.chargeCard?.isLockedByAdmin===!0;return Be&&!Se&&ye&&V==="locked"?null:Ta};return t.jsxs(ll,{children:[ii&&e.chargeCard!=null&&t.jsx(Po,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>St(!1),isChargeCardAdmin:Se,chargeCardsByCardId:{[e.chargeCard.id]:e.chargeCard},cardRecurringExpensesByCardId:{[e.chargeCard.id]:W.recurringExpenses},cardRecurringExpenseFetchState:W.fetchState,lockCardFetchState:e.lockChargeCardsFetchState.fetchState,onConfirmClick:wi,onDismissClick:()=>St(!1),onRemoveCardClick:()=>{}}),oi&&e.chargeCard!=null&&t.jsx(Mo,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>yt(!1),isChargeCardAdmin:Se,chargeCardsByCardId:{[e.chargeCard.id]:e.chargeCard},cardRecurringExpensesByCardId:{[e.chargeCard.id]:W.recurringExpenses},cardRecurringExpenseFetchState:W.fetchState,closeCardFetchState:e.closeChargeCardsFetchState.fetchState,onConfirmClick:xi,onDismissClick:()=>yt(!1),onRemoveCardClick:()=>{}}),lt&&e.chargeCard?.cardProviderID!=null?t.jsx(Nc,{signedInUserToken:Z,vgsVaultId:b,onCancelClick:()=>{Te(!1),Me(!0)},isSandboxEnv:!0,cardProviderID:e.chargeCard?.cardProviderID,onChangePinSuccess:()=>{Te(!1),Me(!0)},onUpdateDebitCardPinAttempt:de}):null,ja?null:t.jsx(vc,{isChargeCardAdmin:Se,controllerEmails:n,isChargeCardFeatureEnabled:w,isDebitCardFeatureEnabled:j,isDebitCardSetupEnabled:y,isChargeCardSetupEnabled:k,chargeCardCashbackDetailState:L,creditAccountRepayment:e.creditAccountRepayment,productInformation:E,cashbackInformation:S,creditAccountInformation:O,debitAccountInformation:H,creditAccount:e.creditAccount,selectedColor:Sa,walletType:si,onFireOnClickAnalytics:z,isSandboxEnv:ae,chargeCardDetailView:e,vgsVaultId:b,signedInUserToken:Z,showSecretInfo:rt,changePinInProcess:xt,setShowChangePinPopup:Te,isCardDetailErrored:ua,cardDetailsFetchState:Ca,setCardDetailsFetchState:fa,setIsCardDetailErrored:ma,isCardDetailFetching:ka,handleColorCodeClick:va,isDrawerOpen:ni,setIsAddToWalletDrawerOpen:ga,onVerifyOtp:ce,onVerifyOtpSuccess:I,onFireVerifyPopOnClickAnalytics:G,onResendOtp:P,setShowSecretInfo:Ft,secretRevealed:pa,setSecretRevealed:Rt,onGetOtp:le,showDrawerAnimation:wa}),t.jsx(Ii,{rightSideComponent:bi(),navBarContainerStyles:{paddingTop:l[2],alignItems:"center",paddingBottom:l[2]},source:"ChargeCardDetailPage",title:e.chargeCard?.cardName??Le.strings.empty,subTitle:e.fetchState==="Completed"&&e.chargeCard!=null?t.jsx(zo,{cardDetail:e.chargeCard,forDetailPage:!0}):void 0,showBackButton:!0,showMenuIcon:!1,backgroundColor:he.colors.grey5,style:{zIndex:3},onBackClick:$,titleStyle:{marginTop:l[0],...R==="small"&&{textAlign:"left"}},leftComponentStyle:R==="small"?{width:"10%"}:void 0,middleComponentStyle:R==="small"?{width:"80%"}:void 0,rightComponentStyle:R==="small"?{width:"10%"}:void 0}),t.jsx(br,{phoneNumberPopupDescription:ue.cardDetails.verifyPhoneNumberDescription,showOtpPopup:Qr,showPhoneNumberPopup:ti,twoFactorAuthenticationView:e.twoFAView,loggedInUserPhone:e.loggedInUserPhone,onVerifyOtp:ce,onVerifyOtpSuccess:V=>{I(V),xt?Te(!0):Ft(!0)},onFireVerifyPopOnClickAnalytics:G,setShowOtpPopup:ei,onResendOtp:P,setShowPhoneNumberPopup:ha,onGetOtp:le}),ri&&t.jsx(Vo,{currentCardName:e.chargeCard?.cardName??"",renameFetchState:e.updateChargeCardNameFetchState.fetchState,onCancelClick:()=>Et(!1),onSubmitClick:V=>{e.chargeCard&&ie(Se,V)}}),ai&&e.chargeCard!=null?t.jsx(Oo,{controllerEmails:n,isChargeCardFeatureEnabled:w,isDebitCardFeatureEnabled:j,isDebitCardSetupEnabled:y,isChargeCardSetupEnabled:k,productInformation:E,cashbackInformation:S,creditAccountInformation:O,debitAccountInformation:H,cardDetail:e.chargeCard,transactionStatistics:e.transactionStatistics,depositAccountLimitFetchState:e.depositAccountLimitFetchState.fetchState,creditAccount:v,creditAccountRepayment:e.creditAccountRepayment,signedInUser:N,isDebitCard:De,cardIssuedByRoles:q,cardHolderRoles:U,loggedInUserRole:oe,cardIssuedByDepartmentName:J,cardHolderDepartmentName:D,classListFetchState:h,currentLimitAmount:e.chargeCard?.limit??{amount:0,currencyCode:Le.currency.countryCode,currencySymbol:Le.currency.currencySymbol},currentSpentAmount:e.chargeCard?.balance??{amount:0,currencyCode:Le.currency.countryCode,currencySymbol:Le.currency.currencySymbol},maxLimitAmount:De?e.depositAccountLimit?.cardLimits.dailyCardTransactionLimit:e.creditAccount.limit,isDisabled:De&&e.depositAccountLimitFetchState.fetchState!=="Completed",updateLimitFetchState:e.updateChargeCardLimitFetchState.fetchState,onCancelClick:()=>bt(!1),onSubmitClick:V=>{if(e.chargeCard){const ye={amount:V,currencyCode:e.chargeCard.limit.currencyCode,currencySymbol:e.chargeCard.limit.currencySymbol};at(e.chargeCard.id,ye,e.chargeCard.creditLimitFrequency,Ge("0,0.[00]",ye))}},recommendations:e?.chargeCard?.recommendations}):null,e.fetchState==="Error"?t.jsxs(il,{windowSize:R,children:[t.jsx(sl,{onClick:Y,"data-testid":X("reload-card-detail"),children:t.jsx(cl,{})}),t.jsx(dl,{children:Le.reloadPage.label})]}):t.jsxs(Jc,{children:[t.jsx(as,{controllerEmails:n,isChargeCardFeatureEnabled:w,isDebitCardFeatureEnabled:j,isDebitCardSetupEnabled:y,isChargeCardSetupEnabled:k,creditAccount:v,creditAccountRepayment:e.creditAccountRepayment,productInformation:E,cashbackInformation:S,creditAccountInformation:O,debitAccountInformation:H,isDebitCard:De,chargeCardCashbackDetailState:L,cardIssuedByRoles:q,cardIssuedByDepartmentName:J,cardHolderRoles:U,cardHolderDepartmentName:D,classListFetchState:h,chargeCardDetailView:e,spent:$a,isCardNotPending:Mt,cardOwnerName:zt,appleWalletLink:K,googleWalletLink:ne,addressToShow:xa,secretRevealed:pa,isOwnCard:Be,vgsVaultId:b,showSecretInfo:rt,isSandboxEnv:ae,isCardDetailErrored:ua,signedInUserToken:Z,selectedColor:Sa,cardDetailsFetchState:Ca,setCardDetailsFetchState:fa,setIsCardDetailErrored:ma,setSecretRevealed:Rt,isCardDetailFetching:ka,handleColorCodeClick:va,onFireOnClickAnalytics:z,setShowPhoneNumberPopup:ha,setShowChangeSpendLimitPopup:bt,setShowSecretInfo:Ft,isOwnerNameCopied:fe,isAddressCopied:Tt,onOwnerNameCopyClick:pi,onAddressCopyClick:ui,showUpdateSpendLimitAction:gi,onUnlockChargeCard:i}),Q?Ci?t.jsxs(Qc,{windowSize:R,children:[t.jsx(ml,{}),t.jsx(tl,{children:` ${ue.payEarly.paymentOf} ${Ge("0,0.[00]",e.creditAccountRepayment.initiatedRepayments)} ${ue.payEarly.madeOn} ${e.creditAccountRepayment.initiatedRepaymentDate?.format(Xc.visual.MMMDFormat)} ${ue.payEarly.isProcessing} ${ue.payEarly.theCompanyCreditLimitWillUpdateIn23BusinessDays}`})]}):Pt?Se?t.jsxs(Kr,{onClick:()=>{pe(!0)},windowSize:R,children:[t.jsx(ur,{windowSize:R}),t.jsxs(ol,{children:[t.jsx(mr,{children:ue.payEarly.transactionsMayBeDeclinedBecauseTheCompanyCreditLimitIsRunningLow}),t.jsxs(al,{className:"pay-now-button",children:[ue.payEarly.payNow,t.jsx(el,{})]})]})]}):t.jsxs(Kc,{windowSize:R,children:[t.jsx(ur,{windowSize:R}),t.jsx(nl,{children:t.jsx(mr,{children:ue.payEarly.yourTransactionsMayBeDeclinedBecauseTheCompanyCreditLimitIsRunningLowWeHaveNotifiedYourAdmin})})]}):null:null,Be&&R!=="small"&&Mt&&De===!1?t.jsx(Ho,{style:{marginTop:Pt?a.sp5:a.sp4},classListFetchState:h,controllerEmails:n,isChargeCardFeatureEnabled:w,isDebitCardFeatureEnabled:j,isDebitCardSetupEnabled:y,isChargeCardSetupEnabled:k,chargeCardDetailView:e,creditAccount:v,creditAccountRepayment:e.creditAccountRepayment,productInformation:E,cashbackInformation:S,creditAccountInformation:O,debitAccountInformation:H,cardIssuedByRoles:q,cardHolderRoles:U,cardIssuedByDepartmentName:J,cardHolderDepartmentName:D,isDebitCard:De,appleWalletLink:K,googleWalletLink:ne,setWalletType:di,setIsAddToWalletDrawerOpen:ga,showDrawerAnimation:wa}):null,t.jsxs(vl,{windowSize:R,isOwnCard:Be,isMobileOrTabletScreen:ja,children:[Mt&&e.transactions.length>0?t.jsxs(t.Fragment,{children:[t.jsxs(pl,{windowSize:R,children:[ue.cardDetails.transactionListTitle,t.jsx(Qt,{display:"flex",placement:"right",title:t.jsx(gl,{children:ue.cardDetails.transactionListTooltip.replace("__receiptRequiredAboveAmount__",e.chargeCardConfig.receiptRequiredAboveAmount.amount.toString())}),children:t.jsx(ul,{})})]}),t.jsxs(Cl,{windowSize:R,children:[t.jsx(bl,{windowSize:R,children:t.jsx(Sl,{})}),t.jsxs(hl,{windowSize:R,children:[t.jsxs(fl,{children:[t.jsx(rl,{children:ue.aiCardAgentText}),Le.strings.space,ue.receiptBotMessage,Le.strings.space]}),t.jsxs(xl,{"data-testid":X("charge-card-detail-copy-email"),onClick:hi,onMouseEnter:()=>wt(!0),onMouseLeave:()=>wt(!1),children:[t.jsx(wl,{children:e.chargeCardConfig.receiptBotEmail}),Pe===!0?t.jsxs(Cr,{children:[t.jsx($l,{}),t.jsx(gr,{children:t.jsx(fr,{shouldDisplay:ct||Pe,color:d.primaryDark,children:Le.copyToClipBoard.copied})})]}):t.jsxs(Cr,{children:[t.jsx(yl,{color:ct?he.colors.primary:void 0}),t.jsx(gr,{children:t.jsx(fr,{shouldDisplay:ct&&R!=="small",children:Le.copyToClipBoard.copy})})]})]})]})]})]}):null,t.jsx(Qd,{cardStatusCode:e.chargeCard?.status.code,cardCodeType:e.chargeCard?.type.code,cardId:x,documentAiReceiptMaxSizeLimit:re,uploadReceiptsFetchStateByTransactionId:e.uploadReceiptsFetchStateByTransactionId,isSnackbarOpen:se,uploadReceiptsShowTickByTransactionId:e.uploadReceiptsShowTickByTransactionId,isViewReceiptClickedImmediatelyAfterUploadTransactionId:e.isViewReceiptClickedImmediatelyAfterUploadTransactionId,receiptRequiredAboveAmount:e.chargeCardConfig.receiptRequiredAboveAmount,cardsEndPoint:u,transactionAttachmentsEndpointToFetch:f,transactionAttachmentEndpointToDownload:c,authParams:g,hideSorting:m,transactions:e.transactions,cardHolderUser:e.chargeCard?.cardHolderUser,uiState:e.uiState,fetchState:e.transactionListFetchState.fetchState,isAiCategorizationEnabledForCardsTransactions:e.chargeCardConfig.isAiCategorizationEnabledForCardsTransactions,onReloadTransactions:Y,onFetchChargeCardTransactionList:B,isOwnCard:Be,onColumnSortConfigChanged:Ce,removeSnackbar:Ae,onChargeCardTransactionRowClick:me,onUpdateScrollYOffset:qe,onUploadReceiptComplete:be,updateChargeCardTransactionAttachments:Re,updateChargeCardTransactionUploadReceiptsFetchStatus:te,updateChargeCardTransactionReceiptsShowTick:ee,updateChargeCardTransactionIsViewReceiptClicked:M})]})]})]})},Xt=({chargeCardDetailView:e,chargeCardCashbackDetailState:i,isChargeCardFeatureEnabled:s,productInformation:u,cashbackInformation:h,creditAccountInformation:f,debitAccountInformation:c,creditAccount:g,creditAccountRepayment:m,isDebitCard:x,isChargeCardAdmin:b,analytics:n,controllerEmails:C,actionDetails:w,actionField:j})=>{e.chargeCard!=null&&i.fetchState==="Completed"&&(!s||g.fetchState==="Completed"&&m.fetchState==="Completed")&&(!(x&&b)||e.depositAccountLimitFetchState.fetchState==="Completed")&&n.trackCardsCopyIconClick(C,u,"Cards Detail","Copy","copied",j,w,h,f,c)},Jc=r.div``,Kr=r.div`
   background: ${d.important};
   display: flex;
   align-items: center;
   justify-content: center;
   padding-top: ${a.sp3};
   padding-bottom: ${a.sp3};
-  padding-left: ${({windowSize:e})=>Ee.payNowSectionPaddingLeftRight.valuePx(e)};
-  padding-right: ${({windowSize:e})=>Ee.payNowSectionPaddingLeftRight.valuePx(e)};
+  padding-left: ${({windowSize:e})=>Fe.payNowSectionPaddingLeftRight.valuePx(e)};
+  padding-right: ${({windowSize:e})=>Fe.payNowSectionPaddingLeftRight.valuePx(e)};
   gap: ${a.sp1};
   align-items: start;
   cursor: pointer;
@@ -1289,19 +1289,19 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
       text-decoration: underline;
     }
   }
-`,Xc=r(Kr)``,Jc=r.div`
+`,Kc=r(Kr)``,Qc=r.div`
   background: ${d.alertLight};
   display: flex;
   align-items: start;
   justify-content: center;
   padding-top: ${a.sp3};
   padding-bottom: ${a.sp3};
-  padding-left: ${({windowSize:e})=>Ee.payNowSectionPaddingLeftRight.valuePx(e)};
-  padding-right: ${({windowSize:e})=>Ee.payNowSectionPaddingLeftRight.valuePx(e)};
+  padding-left: ${({windowSize:e})=>Fe.payNowSectionPaddingLeftRight.valuePx(e)};
+  padding-right: ${({windowSize:e})=>Fe.payNowSectionPaddingLeftRight.valuePx(e)};
   gap: ${a.sp2};
-`,ur=r(Pi)`
+`,ur=r(zi)`
   color: ${e=>e.theme.colors.grey5};
-  margin-right: ${({windowSize:e})=>Ee.styledHighImportanceIconMarginRight.valuePx(e)};
+  margin-right: ${({windowSize:e})=>Fe.styledHighImportanceIconMarginRight.valuePx(e)};
   min-width: ${a.sp4};
   width: ${a.sp4};
   height: ${a.sp4};
@@ -1309,34 +1309,34 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   path:nth-child(3) {
     stroke: ${d.important};
   }
-`,Kc=r(zi)`
+`,el=r(Pi)`
   color: ${e=>e.theme.colors.grey5};
   min-width: 12px;
   width: 12px;
   height: 12px;
 `,mr=r(ta)`
   color: ${e=>e.theme.colors.grey5};
-`,Qc=r(ta)`
+`,tl=r(ta)`
   color: ${d.brandColorGoldDark};
-`,el=r(kr)`
+`,al=r(kr)`
   color: ${e=>e.theme.colors.grey5};
   gap: ${a.sp1};
   cursor: pointer;
   display: inline-flex;
   align-items: center;
   white-space: nowrap;
-`,tl=r(Hi)`
+`,rl=r(Hi)`
   color: ${e=>e.theme.colors.brandColorSapphire};
   ${({theme:e})=>e.mode==="dark"&&`color: ${d.brandColorPearl};`}
-`,al=r.div`
+`,il=r.div`
   display: flex;
   width: 100%;
-  height: calc(100vh - ${e=>Ei.valuePx(e.windowSize)});
+  height: calc(100vh - ${e=>Fi.valuePx(e.windowSize)});
   flex-direction: column;
   justify-content: center;
   align-items: center;
   background: ${e=>e.theme.colors.grey5};
-`,rl=r.div``,il=r.div``,ol=r.div`
+`,ol=r.div``,nl=r.div``,sl=r.div`
   height: ${a.sp12};
   width: ${a.sp12};
   background: ${e=>e.theme.colors.background};
@@ -1354,10 +1354,10 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,nl=r(ea)`
+`,dl=r(ea)`
   margin-top: ${a.sp3};
   color: ${e=>e.theme.colors.hero};
-`,sl=r(yr)`
+`,cl=r(yr)`
   height: ${a.sp5};
   width: ${a.sp5};
   margin: ${a.sp5};
@@ -1365,19 +1365,19 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,dl=r.div`
+`,ll=r.div`
   background: ${e=>e.theme.colors.grey4};
-`,cl=r.div`
+`,hl=r.div`
   width: 100%;
   max-width: ${e=>e.windowSize==="small"?"calc(100% - 20px)":"unset"};
-`,ll=r(aa)`
+`,pl=r(aa)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${a.sp3};
   display: flex;
   align-items: center;
-  margin-right: ${e=>Ee.bottomContentContainerPadding.valuePx(e.windowSize)};
-  margin-left: ${e=>Ee.bottomContentContainerPadding.valuePx(e.windowSize)};
-`,hl=r(vr)`
+  margin-right: ${e=>Fe.bottomContentContainerPadding.valuePx(e.windowSize)};
+  margin-left: ${e=>Fe.bottomContentContainerPadding.valuePx(e.windowSize)};
+`,ul=r(vr)`
   color: ${e=>e.theme.colors.hero};
   width: ${a.sp3};
   height: ${a.sp3};
@@ -1385,12 +1385,12 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,pl=r(vr)`
+`,ml=r(vr)`
   color: ${d.brandColorGoldDark};
   min-width: ${a.sp4};
   width: ${a.sp4};
   height: ${a.sp4};
-`,ul=r(ge)`
+`,gl=r(ge)`
   padding: 2px ${a.sp2};
   box-sizing: content-box;
   color: ${e=>e.theme.colors.hero};
@@ -1398,7 +1398,7 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   border-radius: ${a.sp1};
   max-width: 178px;
   text-align: left;
-`,ml=r.div`
+`,Cl=r.div`
   display: flex;
   border: 1.25px solid transparent;
   background: ${e=>`linear-gradient(${e.theme.colors.grey4}, ${e.theme.colors.grey4}) padding-box,
@@ -1409,12 +1409,12 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
   gap: ${a.sp1};
   margin: 0
-    ${e=>Ee.bannerWrapperMarginLeftRight.valuePx(e.windowSize)};
-`,gl=r(ta)`
+    ${e=>Fe.bannerWrapperMarginLeftRight.valuePx(e.windowSize)};
+`,fl=r(ta)`
   color: ${e=>e.theme.colors.primary};
-`,Cl=r(kr)`
+`,wl=r(kr)`
   color: ${e=>e.theme.colors.primary};
-`,fl=r.span`
+`,xl=r.span`
   cursor: pointer;
 `,gr=r.span`
   position: absolute;
@@ -1434,17 +1434,17 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   border-radius: ${a.sp1};
   left: -50%;
   display: ${e=>e.shouldDisplay?"block":"none"};
-`,wl=r.div`
-  width: ${e=>Ee.styledAIIconContainerSize.valuePx(e.windowSize)};
-  min-width: ${e=>Ee.styledAIIconContainerSize.valuePx(e.windowSize)};
-  height: ${e=>Ee.styledAIIconContainerSize.valuePx(e.windowSize)};
+`,bl=r.div`
+  width: ${e=>Fe.styledAIIconContainerSize.valuePx(e.windowSize)};
+  min-width: ${e=>Fe.styledAIIconContainerSize.valuePx(e.windowSize)};
+  height: ${e=>Fe.styledAIIconContainerSize.valuePx(e.windowSize)};
   top: ${a.sp1};
   position: ${e=>e.windowSize==="small"?"relative":"static"};
-`,xl=r(Oi)`
+`,Sl=r(Oi)`
   color: ${e=>e.theme.colors.brandColorJade};
   width: 100%;
   height: 100%;
-`,bl=r(jr)`
+`,yl=r(jr)`
   height: ${a.sp3};
   width: ${a.sp3};
   color: ${e=>e.color!=null?e.color:e.theme.colors.hero};
@@ -1452,11 +1452,11 @@ import{d as tt,q as Le,av as Lt,a7 as It,gR as wr,hw as ki,aS as Qe,gS as xr,aN
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Sl=r(gt)`
+`,$l=r(gt)`
   height: ${a.sp3};
   width: ${a.sp3};
   color: ${d.success};
-`,yl=r.div`
+`,vl=r.div`
   padding-top: ${e=>e.isOwnCard?e.isMobileOrTabletScreen?a.sp3:a.sp4:a.sp5};
   padding-bottom: ${a.sp4};
-`;export{Nl as default};
+`;export{Wl as default};