@zeniai/web-app-ui 4.14.32-qa → 4.14.33-dev

package/dist/assets/{ChargeCardDetailPage-B0Aq7zO5-BVHXTaUL.js → ChargeCardDetailPage-DFUAF2OM-DP6SPQkf.js}

@@ -1,4 +1,4 @@
-import{y as Qe,e as ve,_ as Dt,h as It,gm as fr,h1 as $i,ad as Xe,gn as $r,a7 as Je,V as t,a_ as vi,m as l,fn as vr,a5 as _e,b as ee,aZ as ki,bo as ta,f as d,o as a,O as $e,ie as kr,w as H,bR as ji,ig as Li,eI as Di,gd as Ii,ih as Ai,b1 as Ti,bd as jr,ab as aa,x as T,ar as ra,b6 as Lr,C as ue,e6 as Ri,au as ia,i6 as Ei,ac as Dr,aA as mt,gq as Ir,bF as Fi,L as ut,an as Pi,cO as zi,bV as Mi,ii as Vi,ij as Ar,ik as it,er as Oi,aj as Hi,il as Ni,im as Bi,bS as Wi,cw as _i,g_ as Ui,l as Fe,bq as Zi,z as Ut,io as Ma,ip as Gi,cJ as qi,d as Va,M as Tr,at as Yi,P as Ki,i5 as ht,ia as Xi,ic as Ji,id as Qi,cR as Oa,en as eo,a as Rr,b_ as Er,bt as to,n as Fr,iq as ao,v as kt,bu as Ha,aV as ro,cF as io,D as oo,H as nt,gl as no,a8 as so,b2 as co,ir as At,eT as lo,is as Pr,fX as zr,it as Lt,hC as Mr,df as Vr,bm as ho,dL as Or,ib as po,c1 as uo,de as mo,cq as go,dR as Co,bK as wo,bL as xo}from"./index-Mhz2NAiD.js";import{a as o,b as bo}from"./sentry-D-LCra2M.js";import{n as r,c as ge,k as Hr}from"./mui-Ckdcx_YE.js";import{F4 as Tt,bs as yo,c0 as So,Gt as fo}from"./zeni-epic-state-B1zsDZZ4.js";import{y as $o}from"./MoreMenuButton-B1OKwXLg-BGjwJb3U.js";import{x as vo}from"./NavigationDots-WiVjbUsC-C7Q4WAGV.js";import{A as ko,i as jo,a as Lo,l as Do,r as Io,t as Ao,n as To}from"./add-to-wallet-DgdBD8_G-BqBidt5n.js";import{L as Zt}from"./lottie-DdLBMmzp.js";import{t as Ro}from"./spend-limit-D6SyboD4-D85B38gI.js";import{j as Eo}from"./CardNumberSubText-FNfrozX6-Cgi1n69q.js";import{t as Fo}from"./panelSelectedMixin-Cddsb26L-CROMd__p.js";import{M as Po,S as zo}from"./common-Cws59IN1-tgtgUQp7.js";import{r as Nr}from"./core-AYNw6kyJ.js";import{l as Br}from"./uploadReceipts-CIgkuVpu-3Ex--Idc.js";import{L as Mo,z as Vo,k as Oo,P as Ho}from"./LockCardPage-XHbTmzq8-D2FlG_hq.js";import"./pdf-CwWlK-Dr.js";import"./liveblocks-DJcRPJQh.js";import"./recharts-Dr1JzI4y.js";import"./dnd-Dw-riVE4.js";import"./analytics-CVqRc8fh.js";import"./plaid-BhP6n1uc.js";import"./utils-CI1RvLss.js";import"./bank-letter-BOcVjN6J-KdddOmyc.js";import"./dollar-round-D18u7nlm-CvsBoEut.js";import"./money-2cg1MuG4-B7YE6t0I.js";import"./page-summary-D7_VQHwN-BvkWkaoT.js";import"./transaction-placeholder-CpOwZAMG-Ca0HZ2W6.js";import"./unlock-BPWn2I5L-DDdPB9QU.js";import"./calculateSize-i9QGr8q0-BEKLyEYY.js";import"./RoleWithToolTip-C0G1Hgp_-CRG2xCvX.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]="c460aaa6-f50e-46e9-9083-bb6bbe70515c",e._sentryDebugIdIdentifier="sentry-dbid-c460aaa6-f50e-46e9-9083-bb6bbe70515c")}catch{}})();const Wr=$e.getLocalizedStrings().spendManagement.chargeCard,No=({controllerEmails:e,classListFetchState:i,isChargeCardFeatureEnabled:s,isDebitCardFeatureEnabled:m,isDebitCardSetupEnabled:c,isChargeCardSetupEnabled:$,chargeCardDetailView:h,productInformation:g,creditAccountInformation:u,debitAccountInformation:C,creditAccount:x,creditAccountRepayment:n,cardIssuedByRoles:w,cardIssuedByDepartmentName:b,cardHolderRoles:I,cardHolderDepartmentName:j,appleWalletLink:L,googleWalletLink:A,style:p,showDrawerAnimation:R,setWalletType:v,setIsAddToWalletDrawerOpen:V,isDebitCard:O})=>{const f=It().analytics,{isIPadScreen:Z}=Ni(),{isAndroidScreen:K}=Bi(),X=Dt(),E=Tt(X.loggedInUserRoleMap);return t.jsx(Bo,{style:p,children:Z===!0?t.jsx(ea,{onClick:()=>{it({chargeCardDetailView:h,classListFetchState:i,analytics:f,isDebitCard:O,isChargeCardAdmin:E,cardIssuedByRoles:w,cardIssuedByDepartmentName:b,cardHolderRoles:I,cardHolderDepartmentName:j,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Apple Wallet",productInformation:g,creditAccountInformation:u,debitAccountInformation:C,isChargeCardFeatureEnabled:s,creditAccount:x,creditAccountRepayment:n}),window.open(L,"_blank")}}):K===!0?t.jsx(Qt,{onClick:()=>{it({chargeCardDetailView:h,classListFetchState:i,analytics:f,isDebitCard:O,isChargeCardAdmin:E,cardIssuedByRoles:w,cardIssuedByDepartmentName:b,cardHolderRoles:I,cardHolderDepartmentName:j,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Google Wallet",productInformation:g,creditAccountInformation:u,debitAccountInformation:C,isChargeCardFeatureEnabled:s,creditAccount:x,creditAccountRepayment:n}),window.open(A,"_blank")}}):t.jsxs(t.Fragment,{children:[t.jsx(ea,{onClick:()=>{v("apple"),R.current="slide-in-right-to-left-add-to-wallet",it({chargeCardDetailView:h,classListFetchState:i,analytics:f,isDebitCard:O,isChargeCardAdmin:E,cardIssuedByRoles:w,cardIssuedByDepartmentName:b,cardHolderRoles:I,cardHolderDepartmentName:j,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Apple Wallet",isChargeCardFeatureEnabled:s,productInformation:g,creditAccountInformation:u,debitAccountInformation:C,creditAccount:x,creditAccountRepayment:n}),V(!0)}}),t.jsx(Qt,{onClick:()=>{v("google"),R.current="slide-in-right-to-left-add-to-wallet",it({chargeCardDetailView:h,classListFetchState:i,analytics:f,isDebitCard:O,isChargeCardAdmin:E,cardIssuedByRoles:w,cardIssuedByDepartmentName:b,cardHolderRoles:I,cardHolderDepartmentName:j,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Google Wallet",isChargeCardFeatureEnabled:s,productInformation:g,creditAccountInformation:u,debitAccountInformation:C,creditAccount:x,creditAccountRepayment:n}),V(!0)}})]})})},Qt=({onClick:e})=>{const i=Qe();return t.jsx(Rr,{prefixIcon:t.jsx(Wo,{}),label:Wr.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":ee("add-to-google-wallet-button")})},ea=({onClick:e})=>{const i=Qe();return t.jsx(Rr,{prefixIcon:t.jsx(_o,{}),label:Wr.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":ee("add-to-apple-wallet-button")})},Bo=r.div`
+import{y as Qe,e as ve,_ as Dt,h as It,gm as fr,h1 as $i,ad as Xe,gn as $r,a7 as Je,V as t,a_ as vi,m as l,fn as vr,a5 as _e,b as ee,aZ as ki,bo as ta,f as d,o as a,O as $e,ie as kr,w as H,bR as ji,ig as Li,eI as Di,gd as Ii,ih as Ai,b1 as Ti,bd as jr,ab as aa,x as T,ar as ra,b6 as Lr,C as ue,e6 as Ri,au as ia,i6 as Ei,ac as Dr,aA as mt,gq as Ir,bF as Fi,L as ut,an as Pi,cO as zi,bV as Mi,ii as Vi,ij as Ar,ik as it,er as Oi,aj as Hi,il as Ni,im as Bi,bS as Wi,cw as _i,g_ as Ui,l as Fe,bq as Zi,z as Ut,io as Ma,ip as Gi,cJ as Yi,d as Va,M as Tr,at as qi,P as Ki,i5 as ht,ia as Xi,ic as Ji,id as Qi,cR as Oa,en as eo,a as Rr,b_ as Er,bt as to,n as Fr,iq as ao,v as kt,bu as Ha,aV as ro,cF as io,D as oo,H as nt,gl as no,a8 as so,b2 as co,ir as At,eT as lo,is as Pr,fX as zr,it as Lt,hC as Mr,df as Vr,bm as ho,dL as Or,ib as po,c1 as uo,de as mo,cq as go,dR as Co,bK as wo,bL as xo}from"./index-CVe1fo1a.js";import{a as o,b as bo}from"./sentry-CFYfTv_F.js";import{n as r,c as ge,k as Hr}from"./mui-DcvwYC51.js";import{F4 as Tt,bs as yo,c0 as So,Gt as fo}from"./zeni-epic-state-BZiG8B71.js";import{y as $o}from"./MoreMenuButton--MxUyTqX-BRissmUy.js";import{x as vo}from"./NavigationDots-Kh5ODrCQ-DwZ3hrog.js";import{A as ko,i as jo,a as Lo,l as Do,r as Io,t as Ao,n as To}from"./add-to-wallet-DgdBD8_G-CzXhL1Ym.js";import{L as Zt}from"./lottie-DR43ghJ6.js";import{t as Ro}from"./spend-limit-D6SyboD4-DTJkvAlS.js";import{j as Eo}from"./CardNumberSubText-CN1RN7Tf-Crkz5sd9.js";import{t as Fo}from"./panelSelectedMixin-Cddsb26L-oybQQD8A.js";import{M as Po,S as zo}from"./common-BxjzMhDO-M6F2cReY.js";import{r as Nr}from"./core-BAxGDYbL.js";import{l as Br}from"./uploadReceipts-CIgkuVpu-BTLELte6.js";import{L as Mo,z as Vo,k as Oo,P as Ho}from"./LockCardPage-D2dUPnNL-tuQUusRC.js";import"./pdf-DA3UteIy.js";import"./liveblocks-DIb7UiB5.js";import"./recharts-LOG_L3Q0.js";import"./dnd-BEk5qqV2.js";import"./analytics-DIWVqtXV.js";import"./plaid-Dma9BWZs.js";import"./utils-B0HnpOzO.js";import"./bank-letter-BOcVjN6J-BhxkRonC.js";import"./dollar-round-D18u7nlm-DgPiQ4X2.js";import"./money-2cg1MuG4-BKLw88Z7.js";import"./page-summary-D7_VQHwN-Ccsx0X5Z.js";import"./transaction-placeholder-CpOwZAMG-9RLgCBK-.js";import"./unlock-BPWn2I5L-CncAfPJ6.js";import"./calculateSize-CzpGCfNE-CNrV3_Iu.js";import"./RoleWithToolTip-BYO1YG6N-CpH6tY8x.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]="c7f2ef99-1ea6-4cd9-ac0f-701e74e72bf8",e._sentryDebugIdIdentifier="sentry-dbid-c7f2ef99-1ea6-4cd9-ac0f-701e74e72bf8")}catch{}})();const Wr=$e.getLocalizedStrings().spendManagement.chargeCard,No=({controllerEmails:e,classListFetchState:i,isChargeCardFeatureEnabled:s,isDebitCardFeatureEnabled:m,isDebitCardSetupEnabled:c,isChargeCardSetupEnabled:$,chargeCardDetailView:h,productInformation:g,creditAccountInformation:u,debitAccountInformation:C,creditAccount:x,creditAccountRepayment:n,cardIssuedByRoles:w,cardIssuedByDepartmentName:b,cardHolderRoles:I,cardHolderDepartmentName:j,appleWalletLink:L,googleWalletLink:A,style:p,showDrawerAnimation:R,setWalletType:v,setIsAddToWalletDrawerOpen:V,isDebitCard:O})=>{const f=It().analytics,{isIPadScreen:Z}=Ni(),{isAndroidScreen:K}=Bi(),X=Dt(),E=Tt(X.loggedInUserRoleMap);return t.jsx(Bo,{style:p,children:Z===!0?t.jsx(ea,{onClick:()=>{it({chargeCardDetailView:h,classListFetchState:i,analytics:f,isDebitCard:O,isChargeCardAdmin:E,cardIssuedByRoles:w,cardIssuedByDepartmentName:b,cardHolderRoles:I,cardHolderDepartmentName:j,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Apple Wallet",productInformation:g,creditAccountInformation:u,debitAccountInformation:C,isChargeCardFeatureEnabled:s,creditAccount:x,creditAccountRepayment:n}),window.open(L,"_blank")}}):K===!0?t.jsx(Qt,{onClick:()=>{it({chargeCardDetailView:h,classListFetchState:i,analytics:f,isDebitCard:O,isChargeCardAdmin:E,cardIssuedByRoles:w,cardIssuedByDepartmentName:b,cardHolderRoles:I,cardHolderDepartmentName:j,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Google Wallet",productInformation:g,creditAccountInformation:u,debitAccountInformation:C,isChargeCardFeatureEnabled:s,creditAccount:x,creditAccountRepayment:n}),window.open(A,"_blank")}}):t.jsxs(t.Fragment,{children:[t.jsx(ea,{onClick:()=>{v("apple"),R.current="slide-in-right-to-left-add-to-wallet",it({chargeCardDetailView:h,classListFetchState:i,analytics:f,isDebitCard:O,isChargeCardAdmin:E,cardIssuedByRoles:w,cardIssuedByDepartmentName:b,cardHolderRoles:I,cardHolderDepartmentName:j,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Apple Wallet",isChargeCardFeatureEnabled:s,productInformation:g,creditAccountInformation:u,debitAccountInformation:C,creditAccount:x,creditAccountRepayment:n}),V(!0)}}),t.jsx(Qt,{onClick:()=>{v("google"),R.current="slide-in-right-to-left-add-to-wallet",it({chargeCardDetailView:h,classListFetchState:i,analytics:f,isDebitCard:O,isChargeCardAdmin:E,cardIssuedByRoles:w,cardIssuedByDepartmentName:b,cardHolderRoles:I,cardHolderDepartmentName:j,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Google Wallet",isChargeCardFeatureEnabled:s,productInformation:g,creditAccountInformation:u,debitAccountInformation:C,creditAccount:x,creditAccountRepayment:n}),V(!0)}})]})})},Qt=({onClick:e})=>{const i=Qe();return t.jsx(Rr,{prefixIcon:t.jsx(Wo,{}),label:Wr.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":ee("add-to-google-wallet-button")})},ea=({onClick:e})=>{const i=Qe();return t.jsx(Rr,{prefixIcon:t.jsx(_o,{}),label:Wr.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":ee("add-to-apple-wallet-button")})},Bo=r.div`
   margin-top: ${a.sp4};
   display: flex;
   justify-content: center;
@@ -9,7 +9,7 @@ import{y as Qe,e as ve,_ as Dt,h as It,gm as fr,h1 as $i,ad as Xe,gn as $r,a7 as
 `,_o=r(Ao)`
   height: ${a.sp4};
   width: ${a.sp5};
-`,Uo=[d.brandColorSapphire,d.brandColorJade,d.graphColor01,d.graphColor08,d.graphColor12,d.graphColor15,d.graphColor16Dark,d.graphColor23Dark,d.graphColor32Dark,d.graphColor34Dark,d.brandColorOpalDark,d.brandColorRuby],Zo=$e.getLocalizedStrings().spendManagement.chargeCard,Go=({isColorPaletteVisible:e,hasBorderShadow:i,leftTransitionValue:s,colorInState:m,styles:c,colorPaletteTitleStyles:$,ColorListStyles:h,coloredCircleStyles:g,closeStyles:u,tickStyles:C,toggleColorPaletteVisibility:x,handleColorClick:n})=>t.jsxs(qo,{showColorPalette:e,style:c,hasBorderShadow:i,leftTransitionValue:s,children:[t.jsxs(Ko,{style:$,children:[t.jsx(Xo,{children:Zo.cardDetails.cardTheme}),t.jsx(Jo,{style:u,"data-testid":ee("close-color-palette"),onClick:w=>{w.stopPropagation(),x(!e)}})]}),t.jsx(Yo,{style:h,children:Uo.map((w,b)=>t.jsx(en,{style:g,coreColor:w,onMouseEnter:()=>n(new Xe(w),!1),onMouseLeave:()=>m!=null?n(new Xe(m),!1):null,"data-testid":ee("color-palette-item-cards",b.toString()),onClick:()=>n(new Xe(w),!0),children:new Xe(w).toString()===m?.toString()?t.jsx(Qo,{style:C}):null},w))})]}),qo=r.div`
+`,Uo=[d.brandColorSapphire,d.brandColorJade,d.graphColor01,d.graphColor08,d.graphColor12,d.graphColor15,d.graphColor16Dark,d.graphColor23Dark,d.graphColor32Dark,d.graphColor34Dark,d.brandColorOpalDark,d.brandColorRuby],Zo=$e.getLocalizedStrings().spendManagement.chargeCard,Go=({isColorPaletteVisible:e,hasBorderShadow:i,leftTransitionValue:s,colorInState:m,styles:c,colorPaletteTitleStyles:$,ColorListStyles:h,coloredCircleStyles:g,closeStyles:u,tickStyles:C,toggleColorPaletteVisibility:x,handleColorClick:n})=>t.jsxs(Yo,{showColorPalette:e,style:c,hasBorderShadow:i,leftTransitionValue:s,children:[t.jsxs(Ko,{style:$,children:[t.jsx(Xo,{children:Zo.cardDetails.cardTheme}),t.jsx(Jo,{style:u,"data-testid":ee("close-color-palette"),onClick:w=>{w.stopPropagation(),x(!e)}})]}),t.jsx(qo,{style:h,children:Uo.map((w,b)=>t.jsx(en,{style:g,coreColor:w,onMouseEnter:()=>n(new Xe(w),!1),onMouseLeave:()=>m!=null?n(new Xe(m),!1):null,"data-testid":ee("color-palette-item-cards",b.toString()),onClick:()=>n(new Xe(w),!0),children:new Xe(w).toString()===m?.toString()?t.jsx(Qo,{style:C}):null},w))})]}),Yo=r.div`
   display: flex;
   top: ${a.sp1};
   max-width: 78%;
@@ -22,7 +22,7 @@ import{y as Qe,e as ve,_ as Dt,h as It,gm as fr,h1 as $i,ad as Xe,gn as $r,a7 as
   position: absolute;
   height: ${`calc(100% - ${a.sp2})`};
   z-index: 1;
-`,Yo=r.div`
+`,qo=r.div`
   display: flex;
   flex-wrap: wrap;
   padding: ${a.sp0} 38px ${a.sp0} 31px;
@@ -50,8 +50,8 @@ import{y as Qe,e as ve,_ as Dt,h as It,gm as fr,h1 as $i,ad as Xe,gn as $r,a7 as
   margin: ${a.sp2};
   justify-content: center;
   align-items: center;
-`,{spendManagement:tn,common:Ke,dateFormat:an}=$e.getLocalizedStrings(),qe=tn.chargeCard,Ie={secretCardNumberWrapperWidth:280,secretCVVWrapperHeight:30,secretCVVWrapperWidth:l[7],cardNumberCopiedSectionTop:54,cvvCopiedSectionTop:34,maskedCardNumberMarginTop:new T(-2,-2,-2,l[0]),expiryCopySectionTop:34,cardNumberCopyBtnTop:21},Na={CardInfoTitleSize:new T(H.extraSmallRegular.fontSizeValue,H.smallRegular.fontSizeValue),CardInfoTitleLineHeight:new T(18,18,18,21)},Gt=e=>t.jsxs(Sn,{style:{...e},children:[t.jsx(yn,{}),t.jsx(fn,{style:{background:d.blackColor,color:d.primaryDark,padding:`2px ${a.sp2}`,borderRadius:a.sp1},children:Ke.copyToClipBoard.copied})]}),Ba=({isSandboxEnv:e,sourceId:i,showSecretInfo:s,secretRevealed:m,vgsVaultId:c,controllerEmails:$,isChargeCardFeatureEnabled:h,productInformation:g,cashbackInformation:u,creditAccountInformation:C,debitAccountInformation:x,chargeCardCashbackDetailState:n,creditAccount:w,creditAccountRepayment:b,isDebitCard:I,depositAccountLimitFetchState:j,isCardDetailErrored:L,isCardColorUpdating:A,cardDetailsFetchState:p,isCardColorUndefined:R,cardInfoTitleStyles:v,styles:V,cvvSecStyles:O,chargeCard:f,token:Z,setSecretRevealed:K,setIsCardDetailErrored:X,setCardDetailsFetchState:E,onFireOnClickAnalytics:B})=>{const oe=It().analytics,[,ae]=fr(),F=ve(),[W,_]=o.useState(!1),[J,P]=o.useState(!1),[re,ne]=o.useState(!1),G=Dt(),se=Tt(G.loggedInUserRoleMap),[q]=kr("https://js.verygoodvault.com/vgs-show/2.0.0/show.js"),y=i==="addToWalletDrawer"?.75:F==="small"?.85:1,N=e?"sandbox":"live";o.useEffect(()=>{if(q&&f!=null&&s&&Z!=null&&!m){const k=window.VGSShow.create(c).setEnvironment(N),z=f.cardProviderID,te=k.request({name:"data-text",method:"GET",path:"/cards/"+z+"/secure-data/cvv2",headers:{Authorization:"Bearer "+Z},htmlWrapper:"text",jsonPathSelector:"data.attributes.cvv2"});E({cvv:!0,number:!0}),te.render(`#SecretCvv-${i}`,{"@font-face":{"font-family":kt["PT Mono"],"font-style":"normal","font-weight":Ha.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":kt["PT Mono"],opacity:.7,color:d.brandColorOnyx,fontSize:y*H.h6Regular.fontSizeValue+"px",fontWeight:H.h6Regular.fontWeight,borderRadius:a.sp1,cursor:"pointer",padding:`${a.sp0} ${a.sp1}`,lineHeight:y*H.h6Regular.lineHeightValue+"px"}),te.on("requestSuccess",()=>{K(!0),X(!1),E({...p,cvv:!1})}),te.on("requestFail",()=>{X(!0),E({...p,cvv:!1});const Y=document.getElementById(`SecretCvv-${i}`);for(;Y?.hasChildNodes()===!0;)Y.removeChild(Y.children[0])}),k.copyFrom(te,{text:Ke.strings.empty},Y=>{Y==="success"?(P(!0),B("CVV copied"),n.fetchState==="Completed"&&(!h||w.fetchState==="Completed"&&b.fetchState==="Completed")&&(!I||!se||j==="Completed")&&oe.trackCardsCopyIconClick($,g,"Cards Detail","Copy","copied","CVV","",u,C,x)):P(!1)}).render(`#CvvCopyBtn-${i}`,{cursor:"pointer",height:y*Ie.secretCVVWrapperHeight+"px",width:y*Ie.secretCVVWrapperWidth+"px"});const de=k.request({name:"data-text",method:"GET",path:"/cards/"+z+"/secure-data/pan",headers:{Authorization:"Bearer "+Z},htmlWrapper:"text",jsonPathSelector:"data.attributes.pan",serializers:[k.SERIALIZERS.replace("(\\d{4})(\\d{4})(\\d{4})(\\d{4})","$1 $2 $3 $4")]});de.render(`#SecretCardNumber-${i}`,{"@font-face":{"font-family":kt["PT Mono"],"font-style":"normal","font-weight":Ha.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":kt["PT Mono"],opacity:.7,color:d.brandColorOnyx,fontSize:y*H.h6Regular.fontSizeValue+"px",fontWeight:H.h6Regular.fontWeight,borderRadius:a.sp1,cursor:"pointer",padding:`${a.sp0} ${a.sp1}`,lineHeight:y*H.h6Regular.lineHeightValue+"px"}),de.on("requestSuccess",()=>{K(!0),X(!1),E({...p,number:!1})}),de.on("requestFail",()=>{X(!0),E({...p,number:!1});const Y=document.getElementById(`SecretCardNumber-${i}`);for(;Y?.hasChildNodes()===!0;)Y.removeChild(Y.children[0])}),k.copyFrom(de,{text:Ke.strings.empty,serializers:[k.SERIALIZERS.replace(Ke.strings.space,Ke.strings.empty)]},Y=>{Y==="success"?(_(!0),B("card number copied"),n.fetchState==="Completed"&&(!h||w.fetchState==="Completed"&&b.fetchState==="Completed")&&(!I||!se||j==="Completed")&&oe.trackCardsCopyIconClick($,g,"Cards Detail","Copy","copied","Card Number","",u,C,x)):_(!1)}).render(`#CardNumberCopyBtn-${i}`,{cursor:"pointer",height:y*H.h6Regular.lineHeightValue+"px",width:y*Ie.secretCardNumberWrapperWidth+"px"})}},[q,f,s,Z,m]),o.useEffect(()=>{if(s===!1){const k=document.getElementById(`SecretCvv-${i}`);for(;k?.hasChildNodes()===!0;)k.removeChild(k.children[0]);const z=document.getElementById(`CvvCopyBtn-${i}`);for(;z?.hasChildNodes()===!0;)z.removeChild(z.children[0]);const te=document.getElementById(`SecretCardNumber-${i}`);for(;te?.hasChildNodes()===!0;)te.removeChild(te.children[0]);const de=document.getElementById(`CardNumberCopyBtn-${i}`);for(;de?.hasChildNodes()===!0;)de.removeChild(de.children[0])}},[i,s]),o.useEffect(()=>{W===!0&&setTimeout(()=>{_(!1)},800),J===!0&&setTimeout(()=>{P(!1)},800),re===!0&&setTimeout(()=>{ne(!1)},800)},[W,J,re]);const U=f!=null?So(f.validThru.year,f.validThru.month-1).format(an.visual.MMSlashYYFormat):Ke.strings.empty;return t.jsxs(hn,{style:V,children:[t.jsxs(pn,{children:[t.jsx(qt,{style:v,windowSize:F,children:qe.cardDetails.cardNumber}),t.jsx(un,{sourceId:i,scaleFactor:y,showSecretInfo:s&&(p.number===!1||p.cvv===!1),isCardDetailFetching:p.number===!0||p.cvv===!0||R||A,windowSize:F,children:`${qe.cardDetails.cardNumberHideout}
-          ${f?.accountLast4??Ke.strings.empty}`}),t.jsxs(rn,{secretRevealed:m,scaleFactor:y,showSecretInfo:s&&p.cvv===!1&&p.number===!1,sourceId:i,isCardDetailErrored:L,children:[t.jsx(on,{sourceId:i,scaleFactor:y,secretRevealed:m,id:`SecretCardNumber-${i}`}),t.jsx(ln,{secretRevealed:m,scaleFactor:y,id:`CardNumberCopyBtn-${i}`,sourceId:i}),W===!0?t.jsx(Gt,{top:y*Ie.cardNumberCopiedSectionTop}):null]})]}),t.jsxs(mn,{children:[t.jsxs(wn,{children:[t.jsx(qt,{style:v,windowSize:F,children:qe.cardDetails.expiry}),t.jsxs(dn,{secretRevealed:s&&(p.cvv===!1||p.number===!1),children:[m&&s&&p.cvv===!1&&p.number===!1?t.jsx(bn,{sourceId:i,scaleFactor:y,windowSize:F,secretRevealed:m&&s,"data-testid":ee("expiry-date-copy"),onClick:k=>{k.stopPropagation(),(z=>{s===!0&&(p.cvv!==!0||p.number!==!0)&&(B("validity copied"),z!=null&&n.fetchState==="Completed"&&(!h||w.fetchState==="Completed"&&b.fetchState==="Completed")&&(!(I&&se)||j==="Completed")&&oe.trackCardsCopyIconClick($,g,"Cards Detail","Copy","copied","Valid Thru",U,u,C,x),ae(U),ne(!0))})(f)},children:m&&s&&p.cvv===!1&&p.number===!1?U:qe.cardDetails.expiryHideOut}):t.jsx(xn,{sourceId:i,windowSize:F,scaleFactor:y,isCardDetailFetching:p.cvv===!0||p.number===!0||R||A,children:qe.cardDetails.expiryHideOut}),re===!0?t.jsx(Gt,{top:y*Ie.expiryCopySectionTop,width:"auto"}):null]})]}),t.jsxs(gn,{style:O,children:[t.jsx(qt,{style:v,windowSize:F,children:qe.cardDetails.cvv}),t.jsx(Cn,{sourceId:i,scaleFactor:y,showSecretInfo:s&&p.cvv===!1&&p.number===!1,isCardDetailFetching:p.number===!0||p.cvv===!0||R||A,windowSize:F,children:qe.cardDetails.cvvHideOut}),t.jsxs(nn,{secretRevealed:m,sourceId:i,showSecretInfo:s&&p.cvv===!1&&p.number===!1,isCardDetailErrored:L,children:[t.jsx(sn,{scaleFactor:y,secretRevealed:m,sourceId:i,id:`SecretCvv-${i}`}),t.jsx(cn,{windowSize:F,scaleFactor:y,secretRevealed:m,id:`CvvCopyBtn-${i}`,sourceId:i}),J===!0?t.jsx(Gt,{top:y*Ie.cvvCopiedSectionTop,width:"auto"}):null]})]})]})]})},rn=r.div`
+`,{spendManagement:tn,common:Ke,dateFormat:an}=$e.getLocalizedStrings(),Ye=tn.chargeCard,Ie={secretCardNumberWrapperWidth:280,secretCVVWrapperHeight:30,secretCVVWrapperWidth:l[7],cardNumberCopiedSectionTop:54,cvvCopiedSectionTop:34,maskedCardNumberMarginTop:new T(-2,-2,-2,l[0]),expiryCopySectionTop:34,cardNumberCopyBtnTop:21},Na={CardInfoTitleSize:new T(H.extraSmallRegular.fontSizeValue,H.smallRegular.fontSizeValue),CardInfoTitleLineHeight:new T(18,18,18,21)},Gt=e=>t.jsxs(Sn,{style:{...e},children:[t.jsx(yn,{}),t.jsx(fn,{style:{background:d.blackColor,color:d.primaryDark,padding:`2px ${a.sp2}`,borderRadius:a.sp1},children:Ke.copyToClipBoard.copied})]}),Ba=({isSandboxEnv:e,sourceId:i,showSecretInfo:s,secretRevealed:m,vgsVaultId:c,controllerEmails:$,isChargeCardFeatureEnabled:h,productInformation:g,cashbackInformation:u,creditAccountInformation:C,debitAccountInformation:x,chargeCardCashbackDetailState:n,creditAccount:w,creditAccountRepayment:b,isDebitCard:I,depositAccountLimitFetchState:j,isCardDetailErrored:L,isCardColorUpdating:A,cardDetailsFetchState:p,isCardColorUndefined:R,cardInfoTitleStyles:v,styles:V,cvvSecStyles:O,chargeCard:f,token:Z,setSecretRevealed:K,setIsCardDetailErrored:X,setCardDetailsFetchState:E,onFireOnClickAnalytics:B})=>{const oe=It().analytics,[,ae]=fr(),F=ve(),[W,_]=o.useState(!1),[J,P]=o.useState(!1),[re,ne]=o.useState(!1),G=Dt(),se=Tt(G.loggedInUserRoleMap),[Y]=kr("https://js.verygoodvault.com/vgs-show/2.0.0/show.js"),y=i==="addToWalletDrawer"?.75:F==="small"?.85:1,N=e?"sandbox":"live";o.useEffect(()=>{if(Y&&f!=null&&s&&Z!=null&&!m){const k=window.VGSShow.create(c).setEnvironment(N),z=f.cardProviderID,te=k.request({name:"data-text",method:"GET",path:"/cards/"+z+"/secure-data/cvv2",headers:{Authorization:"Bearer "+Z},htmlWrapper:"text",jsonPathSelector:"data.attributes.cvv2"});E({cvv:!0,number:!0}),te.render(`#SecretCvv-${i}`,{"@font-face":{"font-family":kt["PT Mono"],"font-style":"normal","font-weight":Ha.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":kt["PT Mono"],opacity:.7,color:d.brandColorOnyx,fontSize:y*H.h6Regular.fontSizeValue+"px",fontWeight:H.h6Regular.fontWeight,borderRadius:a.sp1,cursor:"pointer",padding:`${a.sp0} ${a.sp1}`,lineHeight:y*H.h6Regular.lineHeightValue+"px"}),te.on("requestSuccess",()=>{K(!0),X(!1),E({...p,cvv:!1})}),te.on("requestFail",()=>{X(!0),E({...p,cvv:!1});const q=document.getElementById(`SecretCvv-${i}`);for(;q?.hasChildNodes()===!0;)q.removeChild(q.children[0])}),k.copyFrom(te,{text:Ke.strings.empty},q=>{q==="success"?(P(!0),B("CVV copied"),n.fetchState==="Completed"&&(!h||w.fetchState==="Completed"&&b.fetchState==="Completed")&&(!I||!se||j==="Completed")&&oe.trackCardsCopyIconClick($,g,"Cards Detail","Copy","copied","CVV","",u,C,x)):P(!1)}).render(`#CvvCopyBtn-${i}`,{cursor:"pointer",height:y*Ie.secretCVVWrapperHeight+"px",width:y*Ie.secretCVVWrapperWidth+"px"});const de=k.request({name:"data-text",method:"GET",path:"/cards/"+z+"/secure-data/pan",headers:{Authorization:"Bearer "+Z},htmlWrapper:"text",jsonPathSelector:"data.attributes.pan",serializers:[k.SERIALIZERS.replace("(\\d{4})(\\d{4})(\\d{4})(\\d{4})","$1 $2 $3 $4")]});de.render(`#SecretCardNumber-${i}`,{"@font-face":{"font-family":kt["PT Mono"],"font-style":"normal","font-weight":Ha.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":kt["PT Mono"],opacity:.7,color:d.brandColorOnyx,fontSize:y*H.h6Regular.fontSizeValue+"px",fontWeight:H.h6Regular.fontWeight,borderRadius:a.sp1,cursor:"pointer",padding:`${a.sp0} ${a.sp1}`,lineHeight:y*H.h6Regular.lineHeightValue+"px"}),de.on("requestSuccess",()=>{K(!0),X(!1),E({...p,number:!1})}),de.on("requestFail",()=>{X(!0),E({...p,number:!1});const q=document.getElementById(`SecretCardNumber-${i}`);for(;q?.hasChildNodes()===!0;)q.removeChild(q.children[0])}),k.copyFrom(de,{text:Ke.strings.empty,serializers:[k.SERIALIZERS.replace(Ke.strings.space,Ke.strings.empty)]},q=>{q==="success"?(_(!0),B("card number copied"),n.fetchState==="Completed"&&(!h||w.fetchState==="Completed"&&b.fetchState==="Completed")&&(!I||!se||j==="Completed")&&oe.trackCardsCopyIconClick($,g,"Cards Detail","Copy","copied","Card Number","",u,C,x)):_(!1)}).render(`#CardNumberCopyBtn-${i}`,{cursor:"pointer",height:y*H.h6Regular.lineHeightValue+"px",width:y*Ie.secretCardNumberWrapperWidth+"px"})}},[Y,f,s,Z,m]),o.useEffect(()=>{if(s===!1){const k=document.getElementById(`SecretCvv-${i}`);for(;k?.hasChildNodes()===!0;)k.removeChild(k.children[0]);const z=document.getElementById(`CvvCopyBtn-${i}`);for(;z?.hasChildNodes()===!0;)z.removeChild(z.children[0]);const te=document.getElementById(`SecretCardNumber-${i}`);for(;te?.hasChildNodes()===!0;)te.removeChild(te.children[0]);const de=document.getElementById(`CardNumberCopyBtn-${i}`);for(;de?.hasChildNodes()===!0;)de.removeChild(de.children[0])}},[i,s]),o.useEffect(()=>{W===!0&&setTimeout(()=>{_(!1)},800),J===!0&&setTimeout(()=>{P(!1)},800),re===!0&&setTimeout(()=>{ne(!1)},800)},[W,J,re]);const U=f!=null?So(f.validThru.year,f.validThru.month-1).format(an.visual.MMSlashYYFormat):Ke.strings.empty;return t.jsxs(hn,{style:V,children:[t.jsxs(pn,{children:[t.jsx(Yt,{style:v,windowSize:F,children:Ye.cardDetails.cardNumber}),t.jsx(un,{sourceId:i,scaleFactor:y,showSecretInfo:s&&(p.number===!1||p.cvv===!1),isCardDetailFetching:p.number===!0||p.cvv===!0||R||A,windowSize:F,children:`${Ye.cardDetails.cardNumberHideout}
+          ${f?.accountLast4??Ke.strings.empty}`}),t.jsxs(rn,{secretRevealed:m,scaleFactor:y,showSecretInfo:s&&p.cvv===!1&&p.number===!1,sourceId:i,isCardDetailErrored:L,children:[t.jsx(on,{sourceId:i,scaleFactor:y,secretRevealed:m,id:`SecretCardNumber-${i}`}),t.jsx(ln,{secretRevealed:m,scaleFactor:y,id:`CardNumberCopyBtn-${i}`,sourceId:i}),W===!0?t.jsx(Gt,{top:y*Ie.cardNumberCopiedSectionTop}):null]})]}),t.jsxs(mn,{children:[t.jsxs(wn,{children:[t.jsx(Yt,{style:v,windowSize:F,children:Ye.cardDetails.expiry}),t.jsxs(dn,{secretRevealed:s&&(p.cvv===!1||p.number===!1),children:[m&&s&&p.cvv===!1&&p.number===!1?t.jsx(bn,{sourceId:i,scaleFactor:y,windowSize:F,secretRevealed:m&&s,"data-testid":ee("expiry-date-copy"),onClick:k=>{k.stopPropagation(),(z=>{s===!0&&(p.cvv!==!0||p.number!==!0)&&(B("validity copied"),z!=null&&n.fetchState==="Completed"&&(!h||w.fetchState==="Completed"&&b.fetchState==="Completed")&&(!(I&&se)||j==="Completed")&&oe.trackCardsCopyIconClick($,g,"Cards Detail","Copy","copied","Valid Thru",U,u,C,x),ae(U),ne(!0))})(f)},children:m&&s&&p.cvv===!1&&p.number===!1?U:Ye.cardDetails.expiryHideOut}):t.jsx(xn,{sourceId:i,windowSize:F,scaleFactor:y,isCardDetailFetching:p.cvv===!0||p.number===!0||R||A,children:Ye.cardDetails.expiryHideOut}),re===!0?t.jsx(Gt,{top:y*Ie.expiryCopySectionTop,width:"auto"}):null]})]}),t.jsxs(gn,{style:O,children:[t.jsx(Yt,{style:v,windowSize:F,children:Ye.cardDetails.cvv}),t.jsx(Cn,{sourceId:i,scaleFactor:y,showSecretInfo:s&&p.cvv===!1&&p.number===!1,isCardDetailFetching:p.number===!0||p.cvv===!0||R||A,windowSize:F,children:Ye.cardDetails.cvvHideOut}),t.jsxs(nn,{secretRevealed:m,sourceId:i,showSecretInfo:s&&p.cvv===!1&&p.number===!1,isCardDetailErrored:L,children:[t.jsx(sn,{scaleFactor:y,secretRevealed:m,sourceId:i,id:`SecretCvv-${i}`}),t.jsx(cn,{windowSize:F,scaleFactor:y,secretRevealed:m,id:`CvvCopyBtn-${i}`,sourceId:i}),J===!0?t.jsx(Gt,{top:y*Ie.cvvCopiedSectionTop,width:"auto"}):null]})]})]})]})},rn=r.div`
   display: ${e=>e.showSecretInfo?"block":"none"};
   height: ${e=>e.secretRevealed?"unset":a.sp0};
   width: ${e=>e.secretRevealed?e.scaleFactor*Ie.secretCardNumberWrapperWidth:l[0]}px;
@@ -112,7 +112,7 @@ import{y as Qe,e as ve,_ as Dt,h as It,gm as fr,h1 as $i,ad as Xe,gn as $r,a7 as
 `,pn=r.div`
   position: relative;
   width: max-content;
-`,qt=r(ue)`
+`,Yt=r(ue)`
   padding-left: ${a.sp1};
   color: ${d.brandColorPearl};
   position: relative;
@@ -188,7 +188,7 @@ import{y as Qe,e as ve,_ as Dt,h as It,gm as fr,h1 as $i,ad as Xe,gn as $r,a7 as
   color: ${d.primaryDark};
   padding: 2px ${a.sp2};
   background-color: ${d.blackColor};
-`,{common:$n,spendManagement:{chargeCard:{cardDetails:fe}}}=$e.getLocalizedStrings(),we={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])},_r=({isChargeCardAdmin:e,chargeCardDetailView:i,productInformation:s,cashbackInformation:m,creditAccountInformation:c,debitAccountInformation:$,secretRevealed:h,isOwnCard:g,vgsVaultId:u,showSecretInfo:C,controllerEmails:x,isChargeCardFeatureEnabled:n,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:b,isChargeCardSetupEnabled:I,chargeCardCashbackDetailState:j,creditAccount:L,creditAccountRepayment:A,isShowingInDrawer:p,isSandboxEnv:R,isCardDetailErrored:v,signedInUserToken:V,selectedColor:O,cardDetailsFetchState:f,setCardDetailsFetchState:Z,setIsCardDetailErrored:K,setShowSecretInfo:X,setSecretRevealed:E,setShowPhoneNumberForOtp:B,isCardDetailFetching:oe,handleColorCodeClick:ae,onFireOnClickAnalytics:F,onUnlockChargeCard:W})=>{const[_,J]=o.useState(!1),[P,re]=o.useState(!1),[ne,G]=o.useState(!1),[se,q]=o.useState(!1),[y,N]=o.useState(!1),[U,k]=o.useState(!1),[z,te]=o.useState(()=>{const Ce=i.chargeCard?.status.code;return Ce==="locked"||Ce==="closed"||Ce==="closed_by_customer"}),[de,Y]=o.useState(!1),[D,Q]=o.useState(!1),le=o.useRef(void 0),Te=i.chargeCard?.type.code??"business_virtual_credit_card",{isMobileOrTabletScreen:Se}=$r(),Le=ve(),S=p?.75:Le==="small"?.85:1,ie=i.lockChargeCardsFetchState.fetchState,Ue=Je(ie),he=i.unlockChargeCardsFetchState.fetchState,ke=Je(he),Ze=i.closeChargeCardsFetchState.fetchState,Pe=Je(Ze),me=i.chargeCard?.status.code==="locked",Me=i.chargeCard?.status.code==="closed"||i.chargeCard?.status.code==="closed_by_customer",[Ct]=Ut("UnlockCard"),[wt]=Ut("LockCard"),[st]=Ut("CloseCard");o.useEffect(()=>{if(!P||!me)return void G(!1);const Ce=setTimeout(()=>{G(!0)},400);return()=>clearTimeout(Ce)},[P,me]),o.useEffect(()=>{(me||Me)&&!z&&(te(!0),Y(!1))},[me,Me]),o.useEffect(()=>{Ue==="In-Progress"&&ie==="Completed"&&(le.current&&clearTimeout(le.current),q(!1),te(!1),Y(!0),setTimeout(()=>{q(!0)},0),le.current=setTimeout(()=>{q(!1),te(!0),re(!1)},1e3))},[ie,Ue]),o.useEffect(()=>{ke==="In-Progress"&&he==="Completed"&&(le.current&&clearTimeout(le.current),Q(!0),N(!1),setTimeout(()=>{N(!0)},0),le.current=setTimeout(()=>{N(!1),te(!1),Q(!1)},1e3))},[he,ke]),o.useEffect(()=>{Pe==="In-Progress"&&Ze==="Completed"&&(le.current&&clearTimeout(le.current),k(!1),te(!1),Y(!0),setTimeout(()=>{k(!0)},0),le.current=setTimeout(()=>{k(!1),te(!0)},1e3))},[Ze,Pe]);const xt=Se?fe.tapCardCopyText:fe.scanNowAndAddToWallet,pe=Se?fe.tapCardCopyText:t.jsxs(Ln,{children:[t.jsx(Xn,{}),fe.clickTheCardToFetchDetailsText]}),Ge=i.chargeCard?.isLockedByAdmin??!1,dt=Le==="small"?fe.tapCardCopyText:fe.clickTheCardToCopyDetailsText,ct=Le==="small"?fe.tapCardCopyText:fe.clickTheCardToFetchDetailsText,et=p?xt:dt,bt=p?pe:ct,Re=oe(f)||i.updateFetchState.fetchState==="In-Progress"||i.unlockChargeCardsFetchState.fetchState==="In-Progress",tt=(f.cvv!==!0||f.number!==!0)&&g,Ve=!!i.chargeCard?.type.code.includes("debit");return t.jsxs(En,{windowSize:Le,scaleFactor:S,children:[t.jsxs(Pn,{isCardLocked:me,isChargeCardAdmin:e,isLockedByAdmin:Ge,unlockFetchState:i.unlockChargeCardsFetchState.fetchState,onClick:Ce=>{Ce.stopPropagation(),me&&he!=="In-Progress"&&(e||!Ge)&&W(e)},onMouseEnter:()=>{(e||!Ge)&&he!=="In-Progress"&&re(!0)},onMouseLeave:()=>{(e||!Ge)&&he!=="In-Progress"&&re(!1)},children:[h&&p?t.jsxs(t.Fragment,{children:[t.jsx(Gn,{}),t.jsx(qn,{}),t.jsx(Yn,{}),t.jsx(Kn,{})]}):null,t.jsx(zn,{play:z,animate:de,fadeOut:D,unlockInProgress:he==="In-Progress"||D||ke==="In-Progress"&&he==="Completed"}),y&&Ct!=null?t.jsx(Zt,{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:Ct,loop:!1,play:y,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):U&&st!=null?t.jsx(Zt,{style:{width:56,height:56,position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:2},animationData:st,loop:!1,play:U,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):z?Me?t.jsx(Wn,{}):he==="In-Progress"?t.jsx(On,{}):D||ke==="In-Progress"&&he==="Completed"?null:t.jsx(Bn,{isHovered:P&&me,children:t.jsxs(Nn,{isHovered:P&&me,children:[t.jsx(Ur,{}),t.jsx(Hn,{isVisible:P&&me,shouldEnterLayout:ne,children:fe.moreOptions.unlock})]})}):se&&wt!=null?t.jsx(Zt,{style:{width:72,height:72,position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:2},animationData:wt,loop:!1,play:se,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):null,Te.includes("virtual")?t.jsxs(Mn,{isShowingInDrawer:p,isOwnCard:g,scaleFactor:S,bgColor:O?.toString(),showColorPalette:_,isDebitCard:Ve,"data-testid":ee("virtual-charge-card-detail"),onClick:()=>{_===!1&&g===!0&&oe(f)===!1&&he!=="In-Progress"&&me===!1&&Ma({signedInUserToken:V,showSecretInfo:C,setShowPhoneNumberPopup:B,onFireOnClickAnalytics:F,setShowSecretInfo:X})},enableClick:tt&&!me&&!Me||me&&he!=="In-Progress",cardDetailsFetchState:Re||i.chargeCard?.cardColorCode===void 0,children:[t.jsx(_a,{scaleFactor:S,shouldAppear:Re||i.chargeCard?.cardColorCode===void 0}),t.jsx(Go,{leftTransitionValue:S*we.colorPaletteLeftTransitionValue,hasBorderShadow:!1,tickStyles:{width:"12px",height:"12px"},colorInState:i.chargeCard?.cardColorCode!=null?new Xe(i.chargeCard.cardColorCode):void 0,styles:{height:"100%",maxWidth:"78%",top:p?"unset":a.sp0,left:_?a.sp0:S*we.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:_,toggleColorPaletteVisibility:Ce=>{J(Ce)},handleColorClick:(Ce,yt)=>{ae(Ce,yt),yt&&J(!1)}}),t.jsx(Zn,{scaleFactor:S}),t.jsx(Ba,{productInformation:s,cashbackInformation:m,creditAccountInformation:c,debitAccountInformation:$,secretRevealed:h,setSecretRevealed:E,onFireOnClickAnalytics:F,isCardColorUndefined:i.chargeCard?.cardColorCode==null,isCardColorUpdating:i.updateFetchState.fetchState==="In-Progress",isSandboxEnv:R,cardDetailsFetchState:f,setCardDetailsFetchState:Z,isCardDetailErrored:v,setIsCardDetailErrored:K,chargeCard:i.chargeCard,vgsVaultId:u,showSecretInfo:C,creditAccountRepayment:A,token:V?.token,isDebitCard:Ve,depositAccountLimitFetchState:i.depositAccountLimitFetchState.fetchState,controllerEmails:x,isChargeCardFeatureEnabled:n,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:b,isChargeCardSetupEnabled:I,creditAccount:L,chargeCardCashbackDetailState:j,cardInfoTitleStyles:{...H.extraSmallRegular.cssObject},styles:{gap:`${a.sp3}`,paddingLeft:`${a.sp4}`},cvvSecStyles:{minWidth:"39px",marginRight:`${a.sp3}`},sourceId:p?"addToWalletDrawer":"cardDetail"}),t.jsxs(Ua,{children:[t.jsxs(_n,{children:[t.jsx(Za,{scaleFactor:S}),t.jsx(Rn,{onClick:Ce=>{Ce.stopPropagation(),g&&J(!_)},"data-testid":ee("card-color-selector"),children:g?t.jsx(ta,{enterDelay:600,title:fe.cardColours,placement:"left",children:t.jsx(Wa,{isShowingInDrawer:p})}):t.jsx(Wa,{isShowingInDrawer:p})})]}),t.jsx(Dn,{scaleFactor:S})]})]}):t.jsxs(Jn,{scaleFactor:S,enableClick:tt&&!me&&!Me||me&&he!=="In-Progress",isOwnCard:g,isShowingInDrawer:p,onClick:()=>{g===!0&&me===!1&&he!=="In-Progress"&&oe(f)===!1&&Ma({signedInUserToken:V,showSecretInfo:C,setShowPhoneNumberPopup:B,onFireOnClickAnalytics:F,setShowSecretInfo:X})},"data-testid":ee("physical-charge-card-detail"),children:[t.jsx(_a,{scaleFactor:S,shouldAppear:Re}),t.jsxs(Qn,{flipCard:h,children:[t.jsx(es,{children:t.jsx(Ar,{scaleFactor:S,isClickable:tt,isLoading:Re,isDebitCard:Ve})}),C?t.jsxs(ts,{isDebitCard:Ve,children:[t.jsx(Ba,{productInformation:s,cashbackInformation:m,creditAccountInformation:c,debitAccountInformation:$,secretRevealed:h,setSecretRevealed:E,onFireOnClickAnalytics:F,isCardColorUndefined:i.chargeCard?.cardColorCode==null,isCardColorUpdating:i.updateFetchState.fetchState==="In-Progress",isSandboxEnv:R,cardDetailsFetchState:f,setCardDetailsFetchState:Z,isCardDetailErrored:v,setIsCardDetailErrored:K,chargeCard:i.chargeCard,vgsVaultId:u,showSecretInfo:C,token:V?.token,isDebitCard:Ve,depositAccountLimitFetchState:i.depositAccountLimitFetchState.fetchState,controllerEmails:x,isChargeCardFeatureEnabled:n,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:b,isChargeCardSetupEnabled:I,creditAccount:i.creditAccount,creditAccountRepayment:A,chargeCardCashbackDetailState:j,cardInfoTitleStyles:{...H.extraSmallRegular.cssObject},styles:{gap:`${a.sp3}`,paddingLeft:`${a.sp4}`},cvvSecStyles:{minWidth:"39px",marginRight:`${a.sp3}`},sourceId:p?"addToWalletDrawer":"cardDetail"}),t.jsx(Ua,{children:t.jsx(Un,{children:t.jsx(Za,{scaleFactor:S})})})]}):null]})]})]}),Me?t.jsx(vn,{children:fe.cardClosedMessage}):Ge&&!e?t.jsx(kn,{children:fe.cardLockedByAdminMessage}):me?t.jsx(Yt,{children:fe.cardLockedMessage}):g!==!0||Re?Re?t.jsx(Yt,{children:fe.loading}):null:f.cvv===!0&&f.number===!0?t.jsx(Vn,{children:$n.loading}):v?t.jsx(jn,{}):t.jsx(Yt,{children:h?et:bt})]})},vn=r(ue)`
+`,{common:$n,spendManagement:{chargeCard:{cardDetails:fe}}}=$e.getLocalizedStrings(),we={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])},_r=({isChargeCardAdmin:e,chargeCardDetailView:i,productInformation:s,cashbackInformation:m,creditAccountInformation:c,debitAccountInformation:$,secretRevealed:h,isOwnCard:g,vgsVaultId:u,showSecretInfo:C,controllerEmails:x,isChargeCardFeatureEnabled:n,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:b,isChargeCardSetupEnabled:I,chargeCardCashbackDetailState:j,creditAccount:L,creditAccountRepayment:A,isShowingInDrawer:p,isSandboxEnv:R,isCardDetailErrored:v,signedInUserToken:V,selectedColor:O,cardDetailsFetchState:f,setCardDetailsFetchState:Z,setIsCardDetailErrored:K,setShowSecretInfo:X,setSecretRevealed:E,setShowPhoneNumberForOtp:B,isCardDetailFetching:oe,handleColorCodeClick:ae,onFireOnClickAnalytics:F,onUnlockChargeCard:W})=>{const[_,J]=o.useState(!1),[P,re]=o.useState(!1),[ne,G]=o.useState(!1),[se,Y]=o.useState(!1),[y,N]=o.useState(!1),[U,k]=o.useState(!1),[z,te]=o.useState(()=>{const Ce=i.chargeCard?.status.code;return Ce==="locked"||Ce==="closed"||Ce==="closed_by_customer"}),[de,q]=o.useState(!1),[D,Q]=o.useState(!1),le=o.useRef(void 0),Te=i.chargeCard?.type.code??"business_virtual_credit_card",{isMobileOrTabletScreen:Se}=$r(),Le=ve(),S=p?.75:Le==="small"?.85:1,ie=i.lockChargeCardsFetchState.fetchState,Ue=Je(ie),he=i.unlockChargeCardsFetchState.fetchState,ke=Je(he),Ze=i.closeChargeCardsFetchState.fetchState,Pe=Je(Ze),me=i.chargeCard?.status.code==="locked",Me=i.chargeCard?.status.code==="closed"||i.chargeCard?.status.code==="closed_by_customer",[Ct]=Ut("UnlockCard"),[wt]=Ut("LockCard"),[st]=Ut("CloseCard");o.useEffect(()=>{if(!P||!me)return void G(!1);const Ce=setTimeout(()=>{G(!0)},400);return()=>clearTimeout(Ce)},[P,me]),o.useEffect(()=>{(me||Me)&&!z&&(te(!0),q(!1))},[me,Me]),o.useEffect(()=>{Ue==="In-Progress"&&ie==="Completed"&&(le.current&&clearTimeout(le.current),Y(!1),te(!1),q(!0),setTimeout(()=>{Y(!0)},0),le.current=setTimeout(()=>{Y(!1),te(!0),re(!1)},1e3))},[ie,Ue]),o.useEffect(()=>{ke==="In-Progress"&&he==="Completed"&&(le.current&&clearTimeout(le.current),Q(!0),N(!1),setTimeout(()=>{N(!0)},0),le.current=setTimeout(()=>{N(!1),te(!1),Q(!1)},1e3))},[he,ke]),o.useEffect(()=>{Pe==="In-Progress"&&Ze==="Completed"&&(le.current&&clearTimeout(le.current),k(!1),te(!1),q(!0),setTimeout(()=>{k(!0)},0),le.current=setTimeout(()=>{k(!1),te(!0)},1e3))},[Ze,Pe]);const xt=Se?fe.tapCardCopyText:fe.scanNowAndAddToWallet,pe=Se?fe.tapCardCopyText:t.jsxs(Ln,{children:[t.jsx(Xn,{}),fe.clickTheCardToFetchDetailsText]}),Ge=i.chargeCard?.isLockedByAdmin??!1,dt=Le==="small"?fe.tapCardCopyText:fe.clickTheCardToCopyDetailsText,ct=Le==="small"?fe.tapCardCopyText:fe.clickTheCardToFetchDetailsText,et=p?xt:dt,bt=p?pe:ct,Re=oe(f)||i.updateFetchState.fetchState==="In-Progress"||i.unlockChargeCardsFetchState.fetchState==="In-Progress",tt=(f.cvv!==!0||f.number!==!0)&&g,Ve=!!i.chargeCard?.type.code.includes("debit");return t.jsxs(En,{windowSize:Le,scaleFactor:S,children:[t.jsxs(Pn,{isCardLocked:me,isChargeCardAdmin:e,isLockedByAdmin:Ge,unlockFetchState:i.unlockChargeCardsFetchState.fetchState,onClick:Ce=>{Ce.stopPropagation(),me&&he!=="In-Progress"&&(e||!Ge)&&W(e)},onMouseEnter:()=>{(e||!Ge)&&he!=="In-Progress"&&re(!0)},onMouseLeave:()=>{(e||!Ge)&&he!=="In-Progress"&&re(!1)},children:[h&&p?t.jsxs(t.Fragment,{children:[t.jsx(Gn,{}),t.jsx(Yn,{}),t.jsx(qn,{}),t.jsx(Kn,{})]}):null,t.jsx(zn,{play:z,animate:de,fadeOut:D,unlockInProgress:he==="In-Progress"||D||ke==="In-Progress"&&he==="Completed"}),y&&Ct!=null?t.jsx(Zt,{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:Ct,loop:!1,play:y,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):U&&st!=null?t.jsx(Zt,{style:{width:56,height:56,position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:2},animationData:st,loop:!1,play:U,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):z?Me?t.jsx(Wn,{}):he==="In-Progress"?t.jsx(On,{}):D||ke==="In-Progress"&&he==="Completed"?null:t.jsx(Bn,{isHovered:P&&me,children:t.jsxs(Nn,{isHovered:P&&me,children:[t.jsx(Ur,{}),t.jsx(Hn,{isVisible:P&&me,shouldEnterLayout:ne,children:fe.moreOptions.unlock})]})}):se&&wt!=null?t.jsx(Zt,{style:{width:72,height:72,position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:2},animationData:wt,loop:!1,play:se,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):null,Te.includes("virtual")?t.jsxs(Mn,{isShowingInDrawer:p,isOwnCard:g,scaleFactor:S,bgColor:O?.toString(),showColorPalette:_,isDebitCard:Ve,"data-testid":ee("virtual-charge-card-detail"),onClick:()=>{_===!1&&g===!0&&oe(f)===!1&&he!=="In-Progress"&&me===!1&&Ma({signedInUserToken:V,showSecretInfo:C,setShowPhoneNumberPopup:B,onFireOnClickAnalytics:F,setShowSecretInfo:X})},enableClick:tt&&!me&&!Me||me&&he!=="In-Progress",cardDetailsFetchState:Re||i.chargeCard?.cardColorCode===void 0,children:[t.jsx(_a,{scaleFactor:S,shouldAppear:Re||i.chargeCard?.cardColorCode===void 0}),t.jsx(Go,{leftTransitionValue:S*we.colorPaletteLeftTransitionValue,hasBorderShadow:!1,tickStyles:{width:"12px",height:"12px"},colorInState:i.chargeCard?.cardColorCode!=null?new Xe(i.chargeCard.cardColorCode):void 0,styles:{height:"100%",maxWidth:"78%",top:p?"unset":a.sp0,left:_?a.sp0:S*we.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:_,toggleColorPaletteVisibility:Ce=>{J(Ce)},handleColorClick:(Ce,yt)=>{ae(Ce,yt),yt&&J(!1)}}),t.jsx(Zn,{scaleFactor:S}),t.jsx(Ba,{productInformation:s,cashbackInformation:m,creditAccountInformation:c,debitAccountInformation:$,secretRevealed:h,setSecretRevealed:E,onFireOnClickAnalytics:F,isCardColorUndefined:i.chargeCard?.cardColorCode==null,isCardColorUpdating:i.updateFetchState.fetchState==="In-Progress",isSandboxEnv:R,cardDetailsFetchState:f,setCardDetailsFetchState:Z,isCardDetailErrored:v,setIsCardDetailErrored:K,chargeCard:i.chargeCard,vgsVaultId:u,showSecretInfo:C,creditAccountRepayment:A,token:V?.token,isDebitCard:Ve,depositAccountLimitFetchState:i.depositAccountLimitFetchState.fetchState,controllerEmails:x,isChargeCardFeatureEnabled:n,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:b,isChargeCardSetupEnabled:I,creditAccount:L,chargeCardCashbackDetailState:j,cardInfoTitleStyles:{...H.extraSmallRegular.cssObject},styles:{gap:`${a.sp3}`,paddingLeft:`${a.sp4}`},cvvSecStyles:{minWidth:"39px",marginRight:`${a.sp3}`},sourceId:p?"addToWalletDrawer":"cardDetail"}),t.jsxs(Ua,{children:[t.jsxs(_n,{children:[t.jsx(Za,{scaleFactor:S}),t.jsx(Rn,{onClick:Ce=>{Ce.stopPropagation(),g&&J(!_)},"data-testid":ee("card-color-selector"),children:g?t.jsx(ta,{enterDelay:600,title:fe.cardColours,placement:"left",children:t.jsx(Wa,{isShowingInDrawer:p})}):t.jsx(Wa,{isShowingInDrawer:p})})]}),t.jsx(Dn,{scaleFactor:S})]})]}):t.jsxs(Jn,{scaleFactor:S,enableClick:tt&&!me&&!Me||me&&he!=="In-Progress",isOwnCard:g,isShowingInDrawer:p,onClick:()=>{g===!0&&me===!1&&he!=="In-Progress"&&oe(f)===!1&&Ma({signedInUserToken:V,showSecretInfo:C,setShowPhoneNumberPopup:B,onFireOnClickAnalytics:F,setShowSecretInfo:X})},"data-testid":ee("physical-charge-card-detail"),children:[t.jsx(_a,{scaleFactor:S,shouldAppear:Re}),t.jsxs(Qn,{flipCard:h,children:[t.jsx(es,{children:t.jsx(Ar,{scaleFactor:S,isClickable:tt,isLoading:Re,isDebitCard:Ve})}),C?t.jsxs(ts,{isDebitCard:Ve,children:[t.jsx(Ba,{productInformation:s,cashbackInformation:m,creditAccountInformation:c,debitAccountInformation:$,secretRevealed:h,setSecretRevealed:E,onFireOnClickAnalytics:F,isCardColorUndefined:i.chargeCard?.cardColorCode==null,isCardColorUpdating:i.updateFetchState.fetchState==="In-Progress",isSandboxEnv:R,cardDetailsFetchState:f,setCardDetailsFetchState:Z,isCardDetailErrored:v,setIsCardDetailErrored:K,chargeCard:i.chargeCard,vgsVaultId:u,showSecretInfo:C,token:V?.token,isDebitCard:Ve,depositAccountLimitFetchState:i.depositAccountLimitFetchState.fetchState,controllerEmails:x,isChargeCardFeatureEnabled:n,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:b,isChargeCardSetupEnabled:I,creditAccount:i.creditAccount,creditAccountRepayment:A,chargeCardCashbackDetailState:j,cardInfoTitleStyles:{...H.extraSmallRegular.cssObject},styles:{gap:`${a.sp3}`,paddingLeft:`${a.sp4}`},cvvSecStyles:{minWidth:"39px",marginRight:`${a.sp3}`},sourceId:p?"addToWalletDrawer":"cardDetail"}),t.jsx(Ua,{children:t.jsx(Un,{children:t.jsx(Za,{scaleFactor:S})})})]}):null]})]})]}),Me?t.jsx(vn,{children:fe.cardClosedMessage}):Ge&&!e?t.jsx(kn,{children:fe.cardLockedByAdminMessage}):me?t.jsx(qt,{children:fe.cardLockedMessage}):g!==!0||Re?Re?t.jsx(qt,{children:fe.loading}):null:f.cvv===!0&&f.number===!0?t.jsx(Vn,{children:$n.loading}):v?t.jsx(jn,{}):t.jsx(qt,{children:h?et:bt})]})},vn=r(ue)`
   color: ${d.important};
 `,kn=r(ue)`
   color: ${e=>e.theme.colors.primary};
@@ -228,7 +228,7 @@ import{y as Qe,e as ve,_ as Dt,h as It,gm as fr,h1 as $i,ad as Xe,gn as $r,a7 as
   align-items: center;
   flex-direction: column;
   gap: ${e=>we.cardContainerContentGap.valuePx(e.windowSize)};
-`,Yt=r(ue)`
+`,qt=r(ue)`
   color: ${e=>e.theme.colors.primary};
 `,Fn=Hr`
 	0% {
@@ -412,13 +412,13 @@ import{y as Qe,e as ve,_ as Dt,h as It,gm as fr,h1 as $i,ad as Xe,gn as $r,a7 as
   position: absolute;
   right: -${a.sp3};
   top: -${a.sp3};
-`,qn=r(Lo)`
+`,Yn=r(Lo)`
   height: 36px;
   width: 36px;
   position: absolute;
   left: -${a.sp3};
   top: -${a.sp3};
-`,Yn=r(Do)`
+`,qn=r(Do)`
   height: 36px;
   width: 36px;
   position: absolute;
@@ -497,7 +497,7 @@ import{y as Qe,e as ve,_ as Dt,h as It,gm as fr,h1 as $i,ad as Xe,gn as $r,a7 as
   background-position-x: right;
   background-position-y: bottom;
   transform: rotateY(180deg);
-`,ye={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)},oa={remainingAmount:new Va("largeRegular","largeMedium"),spentAmount:new Va("h5Regular","h5Regular")},{common:Be,dateFormat:pt,spendManagement:as}=$e.getLocalizedStrings(),We=as.chargeCard,rs=({chargeCardDetailView:e,spent:i,controllerEmails:s,chargeCardCashbackDetailState:m,isChargeCardFeatureEnabled:c,isDebitCardFeatureEnabled:$,isDebitCardSetupEnabled:h,isChargeCardSetupEnabled:g,creditAccount:u,creditAccountRepayment:C,productInformation:x,cashbackInformation:n,creditAccountInformation:w,debitAccountInformation:b,cardIssuedByRoles:I,cardIssuedByDepartmentName:j,cardHolderRoles:L,cardHolderDepartmentName:A,classListFetchState:p,cardOwnerName:R,secretRevealed:v,appleWalletLink:V,googleWalletLink:O,isCardNotPending:f,isOwnerNameCopied:Z,isAddressCopied:K,addressToShow:X,isOwnCard:E,vgsVaultId:B,showSecretInfo:oe,isSandboxEnv:ae,isCardDetailErrored:F,signedInUserToken:W,selectedColor:_,showUpdateSpendLimitAction:J,setShowPhoneNumberPopup:P,setShowChangeSpendLimitPopup:re,cardDetailsFetchState:ne,setCardDetailsFetchState:G,setIsCardDetailErrored:se,setShowSecretInfo:q,setSecretRevealed:y,isCardDetailFetching:N,handleColorCodeClick:U,onFireOnClickAnalytics:k,onOwnerNameCopyClick:z,onAddressCopyClick:te,onUnlockChargeCard:de,isDebitCard:Y})=>{const D=ve(),Q=It().analytics,le=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate!=null?e.chargeCardConfig.rePaymentInfo.cardLimitResetDate.format(pt.visual.MMMDFormat):yo().startOf("month").add(1,"month").format(pt.visual.MMMDFormat),Te=e.chargeCard!=null?Math.round(100*i.amount/e.chargeCard.limit.amount):0,{isIPhoneScreen:Se}=Vi(),Le=e.chargeCard?.type.code==="business_physical_credit_card"&&(e.chargeCard?.status.code==="inactive"||e.chargeCard?.status.code==="request_on_hold"),S=Dt(),ie=Tt(S?.loggedInUserRoleMap);return t.jsxs(bs,{windowSize:D,children:[t.jsxs(xs,{windowSize:D,children:[t.jsxs(ys,{windowSize:D,children:[t.jsx(ds,{children:Be.texts.spent}),t.jsx(Ka,{children:t.jsx(Ss,{windowSize:D,children:_e("0,0.[00]",i)})}),t.jsx(Is,{windowSize:D,children:t.jsx(Ts,{style:{width:`${Te}%`,borderRadius:a.sp1}})}),e.chargeCard!=null?t.jsxs(Ka,{children:[t.jsxs(As,{children:[t.jsxs(ns,{windowSize:D,children:[t.jsx(Xa,{windowSize:D,children:_e("0,0.[00]",e.chargeCard.available)}),t.jsx(Ja,{windowSize:D,children:Be.texts.remaining})]}),J?t.jsxs($s,{windowSize:D,children:[t.jsx(vs,{children:We.updateSpendLimitPopup.unlockSpending}),t.jsx(ks,{onClick:()=>{os({chargeCardDetailView:e,classListFetchState:p,isChargeCardFeatureEnabled:c,creditAccount:u,creditAccountRepayment:C,isDebitCard:Y,productInformation:x,creditAccountInformation:w,debitAccountInformation:b,controllerEmails:s,cardIssuedByRoles:I,cardIssuedByDepartmentName:j,cardHolderRoles:L,cardHolderDepartmentName:A,analytics:Q}),re(!0)},"data-testid":ee("update-spend-limit-button"),children:We.updateSpendLimitPopup.updateSpendLimit})]}):null]}),t.jsxs(fs,{windowSize:D,children:[t.jsxs(cs,{children:[t.jsx(Xa,{windowSize:D,children:_e("0,0.[00]",e.chargeCard.limit)}),t.jsx(Ja,{windowSize:D,children:We.cardList.slashMonth})]}),e.chargeCard.status.code!=="request_on_hold"?t.jsxs(js,{children:[t.jsx(Ls,{children:Be.texts.limitReset}),t.jsx(Ds,{children:le})]}):null]})]}):null]}),t.jsx(is,{chargeCardDetailView:e,classListFetchState:p,cardOwnerName:R,addressToShow:X,isAddressCopied:K,isOwnerNameCopied:Z,onOwnerNameCopyClick:z,onAddressCopyClick:te})]}),t.jsx(Cs,{windowSize:D,isOwnCard:E,children:D!=="small"||E?t.jsxs(t.Fragment,{children:[t.jsx(ws,{windowSize:D,children:Le?t.jsx(Ar,{}):t.jsx(_r,{isChargeCardAdmin:ie,chargeCardDetailView:e,productInformation:x,cashbackInformation:n,creditAccountInformation:w,debitAccountInformation:b,creditAccount:e.creditAccount,setShowSecretInfo:q,secretRevealed:v,isOwnCard:E,isShowingInDrawer:!1,vgsVaultId:B,showSecretInfo:oe,isSandboxEnv:ae,controllerEmails:s,isChargeCardFeatureEnabled:c,isDebitCardFeatureEnabled:$,isDebitCardSetupEnabled:h,isChargeCardSetupEnabled:g,chargeCardCashbackDetailState:m,isCardDetailErrored:F,signedInUserToken:W,selectedColor:_,cardDetailsFetchState:ne,setCardDetailsFetchState:G,setIsCardDetailErrored:se,setSecretRevealed:y,isCardDetailFetching:N,handleColorCodeClick:U,onFireOnClickAnalytics:k,setShowPhoneNumberForOtp:P,onUnlockChargeCard:de,creditAccountRepayment:C})}),E||e.chargeCard?.status.code==="closed"||e.chargeCard?.status.code==="closed_by_customer"||e.chargeCard?.status.code==="locked"?null:t.jsx(ss,{children:We.cardDetails.adminsCannotAccess}),D==="small"&&E&&f&&Y===!1?Se?t.jsx(ea,{onClick:()=>{it({chargeCardDetailView:e,classListFetchState:p,analytics:Q,isDebitCard:Y,isChargeCardAdmin:ie,productInformation:x,creditAccountInformation:w,debitAccountInformation:b,cardIssuedByRoles:I,cardIssuedByDepartmentName:j,cardHolderRoles:L,cardHolderDepartmentName:A,controllerEmails:s,pageName:"Card Detail",addToWalletType:"Add to Apple Wallet",isChargeCardFeatureEnabled:c,creditAccount:u,creditAccountRepayment:C}),window.open(V,"_blank")}}):t.jsx(Qt,{onClick:()=>{it({chargeCardDetailView:e,classListFetchState:p,analytics:Q,isDebitCard:Y,isChargeCardAdmin:ie,productInformation:x,creditAccountInformation:w,debitAccountInformation:b,cardIssuedByRoles:I,cardIssuedByDepartmentName:j,cardHolderRoles:L,cardHolderDepartmentName:A,controllerEmails:s,pageName:"Card Detail",addToWalletType:"Add to Google Wallet",isChargeCardFeatureEnabled:c,creditAccount:u,creditAccountRepayment:C}),window.open(O,"_blank")}}):null]}):null})]})},is=({chargeCardDetailView:e,classListFetchState:i,cardOwnerName:s,addressToShow:m,isOwnerNameCopied:c,isAddressCopied:$,onOwnerNameCopyClick:h,onAddressCopyClick:g})=>{const u=ve(),C=Qe(),[x,n]=o.useState(0),[w,b]=o.useState(!0),[I,j]=o.useState(!1),[L,A]=o.useState(!1),[p,R]=o.useState(!1);o.useEffect(()=>{const V=[setTimeout(()=>{n(1)},500),setTimeout(()=>{n(0),R(!0)},1e3),setTimeout(()=>{b(!1),R(!1)},2e3),setTimeout(()=>{b(!0),n(1)},2500),setTimeout(()=>{n(0),R(!0)},3e3),setTimeout(()=>{b(!1),R(!1)},4e3)];return()=>{V.forEach(clearTimeout)}},[]);const v=`${e.connectedAccount?.accountName} ${e.connectedAccount?.maskedAccountNumber}`;return t.jsxs(ls,{children:[t.jsxs(hs,{windowSize:u,children:[t.jsxs(ps,{shouldBounce:p,isActive:x==0,isAutoSlide:w,windowSize:u,children:[e.chargeCard?.cardHolderUser!=null?t.jsxs(Ga,{windowSize:u,onClick:h,"data-testid":ee("owner-name-copy-click"),onMouseEnter:()=>j(!0),onMouseLeave:()=>j(!1),children:[t.jsxs(jt,{children:[We.cardDetails.owner,t.jsxs(rr,{children:[t.jsx(Qa,{children:c===!0?t.jsx(ar,{}):t.jsx(tr,{isHover:I})}),c||I?t.jsx(er,{children:c?Be.copyToClipBoard.copied:Be.copyToClipBoard.copy}):null]})]}),t.jsx(qa,{children:t.jsx(Kt,{children:s})})]}):null,m!=null?t.jsxs(Ya,{windowSize:u,onClick:g,"data-testid":ee("address-copy-click"),onMouseEnter:()=>A(!0),onMouseLeave:()=>A(!1),children:[t.jsxs(jt,{children:[We.cardDetails.address,t.jsxs(rr,{children:[t.jsx(Qa,{children:$===!0?t.jsx(ar,{}):t.jsx(tr,{isHover:L})}),$||L?t.jsx(er,{children:$?Be.copyToClipBoard.copied:Be.copyToClipBoard.copy}):null]})]}),t.jsx(gs,{windowSize:u,children:t.jsx(eo,{address:m,isDisabled:"readonly",style:{padding:a.sp0,...H.smallRegular.cssObject,textTransform:"capitalize",alignItems:"flex-start",backgroundColor:C.colors.grey4,cursor:"pointer",flexDirection:u==="small"?"column":"row",gap:ye.addressValueGap.valuePx(u),textAlign:u==="small"?"left":"right"}})})]}):null]}),t.jsxs(us,{isActive:x==1,isAutoSlide:w,children:[e.chargeCard?.type.code.includes("debit")===!0?t.jsxs(Ga,{windowSize:u,children:[t.jsx(jt,{children:We.connectedAccount}),t.jsxs(ms,{children:[t.jsx(Rs,{children:t.jsx(Es,{})}),t.jsx(Kt,{children:v})]})]}):null,t.jsxs(Ya,{windowSize:u,children:[t.jsx(jt,{children:We.department}),t.jsx(qa,{children:t.jsx(Kt,{children:i==="In-Progress"||i==="Not-Started"?t.jsx(ut,{size:"Small",start:!0}):e.chargeCard?.department?.className??Be.strings.hyphen})})]})]})]}),t.jsx(vo,{numberOfDots:2,activeIndex:x,handleClick:n,style:{marginTop:"12px",marginBottom:ye.navigationMarginBottom.valuePx(u)},dotStyle:{width:a.sp2,height:a.sp2},spendManagementPromoCardActive:!0,promoColor:C.colors.primary,promoColorHover:C.colors.grey1})]})},os=({chargeCardDetailView:e,classListFetchState:i,isChargeCardFeatureEnabled:s,creditAccount:m,creditAccountRepayment:c,isDebitCard:$,controllerEmails:h,productInformation:g,creditAccountInformation:u,debitAccountInformation:C,cardIssuedByRoles:x,cardIssuedByDepartmentName:n,cardHolderRoles:w,cardHolderDepartmentName:b,analytics:I})=>{if(!(e.chargeCard==null||i!=="Completed"||e.transactionStatistics.fetchState!=="Completed"||s&&(m.fetchState!=="Completed"||c.fetchState!=="Completed")||$&&e.depositAccountLimitFetchState.fetchState!=="Completed")){const j=e.chargeCard.type.code.includes("physical")?e.chargeCard.cardActivationAttemptHistory[0]?.timestamp:e.chargeCard.createTime;I.trackCardsUpdateSpendLimitInitiated(h,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:ht(e.chargeCard.limit.amount),cardLastFourDigits:e.chargeCard.accountLast4,cardStatus:e.chargeCard.status.code,cardAssignedDate:e.chargeCard.createTime?.format(pt.analytics.MMMDashDDDashYYYYFormat),cardIssuedDate:e.chargeCard.providerCardCreateTime?.format(pt.analytics.MMMDashDDDashYYYYFormat),cardActivatedDate:j?.format(pt.analytics.MMMDashDDDashYYYYFormat),cardLimitFrequency:e.chargeCard.creditLimitFrequency.name,cardSpentAmount:ht(e.chargeCard.balance.amount),cardAvailableLimit:ht(e.chargeCard.available.amount),cardUtilizationPercent:Ji(e.chargeCard.limit.amount,e.chargeCard.available.amount),cardUtilizationAmount:ht(Xi(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:Oa(e.chargeCard.cardCreatedByUser,!1),cardIssuedByEmail:e.chargeCard.cardCreatedByUser?.email,cardIssuedByUserId:e.chargeCard.cardCreatedByUser?.userId,cardIssuedByRole:x,cardIssuedByDepartment:n},{cardholderName:Oa(e.chargeCard.cardHolderUser,!1),cardholderEmail:e.chargeCard.cardHolderUser?.email,cardholderRole:w,cardholderUserId:e.chargeCard.cardHolderUser?.userId,cardholderDepartment:b},"Card Detail","Hyperlink",(e?.chargeCard?.recommendations??[]).map(L=>ht(L.creditLimit.amount)),u,C)}},ns=r.div`
+`,ye={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)},oa={remainingAmount:new Va("largeRegular","largeMedium"),spentAmount:new Va("h5Regular","h5Regular")},{common:Be,dateFormat:pt,spendManagement:as}=$e.getLocalizedStrings(),We=as.chargeCard,rs=({chargeCardDetailView:e,spent:i,controllerEmails:s,chargeCardCashbackDetailState:m,isChargeCardFeatureEnabled:c,isDebitCardFeatureEnabled:$,isDebitCardSetupEnabled:h,isChargeCardSetupEnabled:g,creditAccount:u,creditAccountRepayment:C,productInformation:x,cashbackInformation:n,creditAccountInformation:w,debitAccountInformation:b,cardIssuedByRoles:I,cardIssuedByDepartmentName:j,cardHolderRoles:L,cardHolderDepartmentName:A,classListFetchState:p,cardOwnerName:R,secretRevealed:v,appleWalletLink:V,googleWalletLink:O,isCardNotPending:f,isOwnerNameCopied:Z,isAddressCopied:K,addressToShow:X,isOwnCard:E,vgsVaultId:B,showSecretInfo:oe,isSandboxEnv:ae,isCardDetailErrored:F,signedInUserToken:W,selectedColor:_,showUpdateSpendLimitAction:J,setShowPhoneNumberPopup:P,setShowChangeSpendLimitPopup:re,cardDetailsFetchState:ne,setCardDetailsFetchState:G,setIsCardDetailErrored:se,setShowSecretInfo:Y,setSecretRevealed:y,isCardDetailFetching:N,handleColorCodeClick:U,onFireOnClickAnalytics:k,onOwnerNameCopyClick:z,onAddressCopyClick:te,onUnlockChargeCard:de,isDebitCard:q})=>{const D=ve(),Q=It().analytics,le=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate!=null?e.chargeCardConfig.rePaymentInfo.cardLimitResetDate.format(pt.visual.MMMDFormat):yo().startOf("month").add(1,"month").format(pt.visual.MMMDFormat),Te=e.chargeCard!=null?Math.round(100*i.amount/e.chargeCard.limit.amount):0,{isIPhoneScreen:Se}=Vi(),Le=e.chargeCard?.type.code==="business_physical_credit_card"&&(e.chargeCard?.status.code==="inactive"||e.chargeCard?.status.code==="request_on_hold"),S=Dt(),ie=Tt(S?.loggedInUserRoleMap);return t.jsxs(bs,{windowSize:D,children:[t.jsxs(xs,{windowSize:D,children:[t.jsxs(ys,{windowSize:D,children:[t.jsx(ds,{children:Be.texts.spent}),t.jsx(Ka,{children:t.jsx(Ss,{windowSize:D,children:_e("0,0.[00]",i)})}),t.jsx(Is,{windowSize:D,children:t.jsx(Ts,{style:{width:`${Te}%`,borderRadius:a.sp1}})}),e.chargeCard!=null?t.jsxs(Ka,{children:[t.jsxs(As,{children:[t.jsxs(ns,{windowSize:D,children:[t.jsx(Xa,{windowSize:D,children:_e("0,0.[00]",e.chargeCard.available)}),t.jsx(Ja,{windowSize:D,children:Be.texts.remaining})]}),J?t.jsxs($s,{windowSize:D,children:[t.jsx(vs,{children:We.updateSpendLimitPopup.unlockSpending}),t.jsx(ks,{onClick:()=>{os({chargeCardDetailView:e,classListFetchState:p,isChargeCardFeatureEnabled:c,creditAccount:u,creditAccountRepayment:C,isDebitCard:q,productInformation:x,creditAccountInformation:w,debitAccountInformation:b,controllerEmails:s,cardIssuedByRoles:I,cardIssuedByDepartmentName:j,cardHolderRoles:L,cardHolderDepartmentName:A,analytics:Q}),re(!0)},"data-testid":ee("update-spend-limit-button"),children:We.updateSpendLimitPopup.updateSpendLimit})]}):null]}),t.jsxs(fs,{windowSize:D,children:[t.jsxs(cs,{children:[t.jsx(Xa,{windowSize:D,children:_e("0,0.[00]",e.chargeCard.limit)}),t.jsx(Ja,{windowSize:D,children:We.cardList.slashMonth})]}),e.chargeCard.status.code!=="request_on_hold"?t.jsxs(js,{children:[t.jsx(Ls,{children:Be.texts.limitReset}),t.jsx(Ds,{children:le})]}):null]})]}):null]}),t.jsx(is,{chargeCardDetailView:e,classListFetchState:p,cardOwnerName:R,addressToShow:X,isAddressCopied:K,isOwnerNameCopied:Z,onOwnerNameCopyClick:z,onAddressCopyClick:te})]}),t.jsx(Cs,{windowSize:D,isOwnCard:E,children:D!=="small"||E?t.jsxs(t.Fragment,{children:[t.jsx(ws,{windowSize:D,children:Le?t.jsx(Ar,{}):t.jsx(_r,{isChargeCardAdmin:ie,chargeCardDetailView:e,productInformation:x,cashbackInformation:n,creditAccountInformation:w,debitAccountInformation:b,creditAccount:e.creditAccount,setShowSecretInfo:Y,secretRevealed:v,isOwnCard:E,isShowingInDrawer:!1,vgsVaultId:B,showSecretInfo:oe,isSandboxEnv:ae,controllerEmails:s,isChargeCardFeatureEnabled:c,isDebitCardFeatureEnabled:$,isDebitCardSetupEnabled:h,isChargeCardSetupEnabled:g,chargeCardCashbackDetailState:m,isCardDetailErrored:F,signedInUserToken:W,selectedColor:_,cardDetailsFetchState:ne,setCardDetailsFetchState:G,setIsCardDetailErrored:se,setSecretRevealed:y,isCardDetailFetching:N,handleColorCodeClick:U,onFireOnClickAnalytics:k,setShowPhoneNumberForOtp:P,onUnlockChargeCard:de,creditAccountRepayment:C})}),E||e.chargeCard?.status.code==="closed"||e.chargeCard?.status.code==="closed_by_customer"||e.chargeCard?.status.code==="locked"?null:t.jsx(ss,{children:We.cardDetails.adminsCannotAccess}),D==="small"&&E&&f&&q===!1?Se?t.jsx(ea,{onClick:()=>{it({chargeCardDetailView:e,classListFetchState:p,analytics:Q,isDebitCard:q,isChargeCardAdmin:ie,productInformation:x,creditAccountInformation:w,debitAccountInformation:b,cardIssuedByRoles:I,cardIssuedByDepartmentName:j,cardHolderRoles:L,cardHolderDepartmentName:A,controllerEmails:s,pageName:"Card Detail",addToWalletType:"Add to Apple Wallet",isChargeCardFeatureEnabled:c,creditAccount:u,creditAccountRepayment:C}),window.open(V,"_blank")}}):t.jsx(Qt,{onClick:()=>{it({chargeCardDetailView:e,classListFetchState:p,analytics:Q,isDebitCard:q,isChargeCardAdmin:ie,productInformation:x,creditAccountInformation:w,debitAccountInformation:b,cardIssuedByRoles:I,cardIssuedByDepartmentName:j,cardHolderRoles:L,cardHolderDepartmentName:A,controllerEmails:s,pageName:"Card Detail",addToWalletType:"Add to Google Wallet",isChargeCardFeatureEnabled:c,creditAccount:u,creditAccountRepayment:C}),window.open(O,"_blank")}}):null]}):null})]})},is=({chargeCardDetailView:e,classListFetchState:i,cardOwnerName:s,addressToShow:m,isOwnerNameCopied:c,isAddressCopied:$,onOwnerNameCopyClick:h,onAddressCopyClick:g})=>{const u=ve(),C=Qe(),[x,n]=o.useState(0),[w,b]=o.useState(!0),[I,j]=o.useState(!1),[L,A]=o.useState(!1),[p,R]=o.useState(!1);o.useEffect(()=>{const V=[setTimeout(()=>{n(1)},500),setTimeout(()=>{n(0),R(!0)},1e3),setTimeout(()=>{b(!1),R(!1)},2e3),setTimeout(()=>{b(!0),n(1)},2500),setTimeout(()=>{n(0),R(!0)},3e3),setTimeout(()=>{b(!1),R(!1)},4e3)];return()=>{V.forEach(clearTimeout)}},[]);const v=`${e.connectedAccount?.accountName} ${e.connectedAccount?.maskedAccountNumber}`;return t.jsxs(ls,{children:[t.jsxs(hs,{windowSize:u,children:[t.jsxs(ps,{shouldBounce:p,isActive:x==0,isAutoSlide:w,windowSize:u,children:[e.chargeCard?.cardHolderUser!=null?t.jsxs(Ga,{windowSize:u,onClick:h,"data-testid":ee("owner-name-copy-click"),onMouseEnter:()=>j(!0),onMouseLeave:()=>j(!1),children:[t.jsxs(jt,{children:[We.cardDetails.owner,t.jsxs(rr,{children:[t.jsx(Qa,{children:c===!0?t.jsx(ar,{}):t.jsx(tr,{isHover:I})}),c||I?t.jsx(er,{children:c?Be.copyToClipBoard.copied:Be.copyToClipBoard.copy}):null]})]}),t.jsx(Ya,{children:t.jsx(Kt,{children:s})})]}):null,m!=null?t.jsxs(qa,{windowSize:u,onClick:g,"data-testid":ee("address-copy-click"),onMouseEnter:()=>A(!0),onMouseLeave:()=>A(!1),children:[t.jsxs(jt,{children:[We.cardDetails.address,t.jsxs(rr,{children:[t.jsx(Qa,{children:$===!0?t.jsx(ar,{}):t.jsx(tr,{isHover:L})}),$||L?t.jsx(er,{children:$?Be.copyToClipBoard.copied:Be.copyToClipBoard.copy}):null]})]}),t.jsx(gs,{windowSize:u,children:t.jsx(eo,{address:m,isDisabled:"readonly",style:{padding:a.sp0,...H.smallRegular.cssObject,textTransform:"capitalize",alignItems:"flex-start",backgroundColor:C.colors.grey4,cursor:"pointer",flexDirection:u==="small"?"column":"row",gap:ye.addressValueGap.valuePx(u),textAlign:u==="small"?"left":"right"}})})]}):null]}),t.jsxs(us,{isActive:x==1,isAutoSlide:w,children:[e.chargeCard?.type.code.includes("debit")===!0?t.jsxs(Ga,{windowSize:u,children:[t.jsx(jt,{children:We.connectedAccount}),t.jsxs(ms,{children:[t.jsx(Rs,{children:t.jsx(Es,{})}),t.jsx(Kt,{children:v})]})]}):null,t.jsxs(qa,{windowSize:u,children:[t.jsx(jt,{children:We.department}),t.jsx(Ya,{children:t.jsx(Kt,{children:i==="In-Progress"||i==="Not-Started"?t.jsx(ut,{size:"Small",start:!0}):e.chargeCard?.department?.className??Be.strings.hyphen})})]})]})]}),t.jsx(vo,{numberOfDots:2,activeIndex:x,handleClick:n,style:{marginTop:"12px",marginBottom:ye.navigationMarginBottom.valuePx(u)},dotStyle:{width:a.sp2,height:a.sp2},spendManagementPromoCardActive:!0,promoColor:C.colors.primary,promoColorHover:C.colors.grey1})]})},os=({chargeCardDetailView:e,classListFetchState:i,isChargeCardFeatureEnabled:s,creditAccount:m,creditAccountRepayment:c,isDebitCard:$,controllerEmails:h,productInformation:g,creditAccountInformation:u,debitAccountInformation:C,cardIssuedByRoles:x,cardIssuedByDepartmentName:n,cardHolderRoles:w,cardHolderDepartmentName:b,analytics:I})=>{if(!(e.chargeCard==null||i!=="Completed"||e.transactionStatistics.fetchState!=="Completed"||s&&(m.fetchState!=="Completed"||c.fetchState!=="Completed")||$&&e.depositAccountLimitFetchState.fetchState!=="Completed")){const j=e.chargeCard.type.code.includes("physical")?e.chargeCard.cardActivationAttemptHistory[0]?.timestamp:e.chargeCard.createTime;I.trackCardsUpdateSpendLimitInitiated(h,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:ht(e.chargeCard.limit.amount),cardLastFourDigits:e.chargeCard.accountLast4,cardStatus:e.chargeCard.status.code,cardAssignedDate:e.chargeCard.createTime?.format(pt.analytics.MMMDashDDDashYYYYFormat),cardIssuedDate:e.chargeCard.providerCardCreateTime?.format(pt.analytics.MMMDashDDDashYYYYFormat),cardActivatedDate:j?.format(pt.analytics.MMMDashDDDashYYYYFormat),cardLimitFrequency:e.chargeCard.creditLimitFrequency.name,cardSpentAmount:ht(e.chargeCard.balance.amount),cardAvailableLimit:ht(e.chargeCard.available.amount),cardUtilizationPercent:Ji(e.chargeCard.limit.amount,e.chargeCard.available.amount),cardUtilizationAmount:ht(Xi(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:Oa(e.chargeCard.cardCreatedByUser,!1),cardIssuedByEmail:e.chargeCard.cardCreatedByUser?.email,cardIssuedByUserId:e.chargeCard.cardCreatedByUser?.userId,cardIssuedByRole:x,cardIssuedByDepartment:n},{cardholderName:Oa(e.chargeCard.cardHolderUser,!1),cardholderEmail:e.chargeCard.cardHolderUser?.email,cardholderRole:w,cardholderUserId:e.chargeCard.cardHolderUser?.userId,cardholderDepartment:b},"Card Detail","Hyperlink",(e?.chargeCard?.recommendations??[]).map(L=>ht(L.creditLimit.amount)),u,C)}},ns=r.div`
   display: flex;
   align-items: ${e=>e.windowSize==="medium-compact"||e.windowSize==="medium-regular"?"flex-start":"center"};
   gap: ${e=>ye.remainingAmountContainerGap.valuePx(e.windowSize)};
@@ -550,7 +550,7 @@ import{y as Qe,e as ve,_ as Dt,h as It,gm as fr,h1 as $i,ad as Xe,gn as $r,a7 as
   color: ${e=>e.theme.colors.hero};
   display: flex;
   align-items: center;
-`,qa=r.div``,ms=r.div`
+`,Ya=r.div``,ms=r.div`
   display: flex;
   align-items: flex-start;
   gap: ${a.sp1};
@@ -561,7 +561,7 @@ import{y as Qe,e as ve,_ as Dt,h as It,gm as fr,h1 as $i,ad as Xe,gn as $r,a7 as
 `,Kt=r(ue)`
   color: ${e=>e.theme.colors.primary};
   text-transform: capitalize;
-`,Ya=r.div`
+`,qa=r.div`
   display: flex;
   flex-direction: column;
   align-items: "baseline";
@@ -660,7 +660,7 @@ import{y as Qe,e as ve,_ as Dt,h as It,gm as fr,h1 as $i,ad as Xe,gn as $r,a7 as
 `,Xa=r(Tr)`
   color: ${e=>e.theme.colors.primary};
   ${e=>`${oa.remainingAmount.style(e.windowSize)}`};
-`,Ja=r(Yi)`
+`,Ja=r(qi)`
   ${e=>`${oa.remainingAmount.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
 `,Ts=r.div`
@@ -704,7 +704,7 @@ import{y as Qe,e as ve,_ as Dt,h as It,gm as fr,h1 as $i,ad as Xe,gn as $r,a7 as
   align-items: center;
   justify-content: center;
   position: relative;
-`,gt=$e.getLocalizedStrings().spendManagement.chargeCard.cardDetails.header,Fs={key:"merchant",value:gt.merchant,sortOrder:"ascending",width:new T(38,38)},Ps={key:"paymentDate",value:gt.paymentDate,sortOrder:"ascending",width:new T(21,21)},zs={key:"receipts",value:gt.receipts,sortOrder:"ascending",width:new T(16,16)},Ms={key:"type",value:gt.type,sortOrder:"ascending",width:new T(14,14)},Vs={key:"amount",value:gt.amount,sortOrder:"ascending",width:new T(11,11)},Zr=()=>[Fs,Ps,zs,Ms,Vs],rt={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(Po,zo)},Os=new Set(["receipts","type"]),Hs=bo.memo(function({hideSorting:e,sortConfig:i,onColumnSortConfigChanged:s}){const m=Qe(),c=ve(),$=Vr(),h=o.useMemo(()=>{const n=Zr();return $?n.filter(w=>!Os.has(w.key)):n},[$]),g=(n,w)=>{let b=w;i.sortKey===n&&(b=w==="ascending"?"descending":"ascending"),s(n,b)},u=h.find(n=>n.key===i.sortKey)??h[0],C=h.map(n=>n.key),x=$e.getLocalizedStrings().spendManagement.chargeCard.cardList;return c==="small"?t.jsxs(ir,{windowSize:c,children:[t.jsxs(Ws,{children:[t.jsx(Us,{children:t.jsx(_s,{})}),t.jsx(ho,{title:x.sortBy,placeholder:x.sortBy,pickerValues:C,valueToLabel:n=>h.find(w=>w.key===n)?.value??"",selectedValue:i.sortKey,onPickerSelectionChanged:n=>{g(n,"ascending")},optionTextStyle:H.smallRegular,titleTextStyle:H.smallRegular,titleColor:m.colors.primary,selectedOptionColor:m.colors.hero,optionBackgroundColor:m.colors.grey5,downChevronVisible:!1,backgroundColor:m.colors.grey4,isDisabled:e})]}),t.jsxs(qs,{hideSorting:e,onClick:()=>{e||g(u.key,u.sortOrder)},"data-testid":ee("charge-card-trxn-small-header",i.sortKey),children:[t.jsx(ue,{children:u.value}),e?null:t.jsx(or,{sortDataValue:i.sortKey,headerData:u,children:t.jsx(nr,{})})]})]}):t.jsx(ir,{windowSize:c,children:h.map(n=>t.jsxs(Ns,{hideSorting:e,sortDataValue:i.sortKey,actualDataValue:n.key,wrapperWidth:n.width,windowSize:c,children:[t.jsxs(Gs,{hideSorting:e,onClick:()=>{e||g(n.key,n.sortOrder)},"data-testid":ee("charge-card-trxn-header",i.sortKey),children:[t.jsx(ue,{children:n.value}),t.jsx(or,{sortDataValue:i.sortKey,headerData:n,children:e?null:t.jsx(nr,{})})]}),t.jsx(Zs,{sortDataValue:i.sortKey,windowSize:c,isVisible:!e&&i.sortKey===n.key&&n.key!=="paymentDate",children:e?null:t.jsx(Bs,{onClick:()=>{e||g("paymentDate","ascending")},"data-testid":ee("charge-card-trxn-close-sort",i.sortKey)})})]},n.key))})}),ir=r(ue)`
+`,gt=$e.getLocalizedStrings().spendManagement.chargeCard.cardDetails.header,Fs={key:"merchant",value:gt.merchant,sortOrder:"ascending",width:new T(38,38)},Ps={key:"paymentDate",value:gt.paymentDate,sortOrder:"ascending",width:new T(21,21)},zs={key:"receipts",value:gt.receipts,sortOrder:"ascending",width:new T(16,16)},Ms={key:"type",value:gt.type,sortOrder:"ascending",width:new T(14,14)},Vs={key:"amount",value:gt.amount,sortOrder:"ascending",width:new T(11,11)},Zr=()=>[Fs,Ps,zs,Ms,Vs],rt={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(Po,zo)},Os=new Set(["receipts","type"]),Hs=bo.memo(function({hideSorting:e,sortConfig:i,onColumnSortConfigChanged:s}){const m=Qe(),c=ve(),$=Vr(),h=o.useMemo(()=>{const n=Zr();return $?n.filter(w=>!Os.has(w.key)):n},[$]),g=(n,w)=>{let b=w;i.sortKey===n&&(b=w==="ascending"?"descending":"ascending"),s(n,b)},u=h.find(n=>n.key===i.sortKey)??h[0],C=h.map(n=>n.key),x=$e.getLocalizedStrings().spendManagement.chargeCard.cardList;return c==="small"?t.jsxs(ir,{windowSize:c,children:[t.jsxs(Ws,{children:[t.jsx(Us,{children:t.jsx(_s,{})}),t.jsx(ho,{title:x.sortBy,placeholder:x.sortBy,pickerValues:C,valueToLabel:n=>h.find(w=>w.key===n)?.value??"",selectedValue:i.sortKey,onPickerSelectionChanged:n=>{g(n,"ascending")},optionTextStyle:H.smallRegular,titleTextStyle:H.smallRegular,titleColor:m.colors.primary,selectedOptionColor:m.colors.hero,optionBackgroundColor:m.colors.grey5,downChevronVisible:!1,backgroundColor:m.colors.grey4,isDisabled:e})]}),t.jsxs(Ys,{hideSorting:e,onClick:()=>{e||g(u.key,u.sortOrder)},"data-testid":ee("charge-card-trxn-small-header",i.sortKey),children:[t.jsx(ue,{children:u.value}),e?null:t.jsx(or,{sortDataValue:i.sortKey,headerData:u,children:t.jsx(nr,{})})]})]}):t.jsx(ir,{windowSize:c,children:h.map(n=>t.jsxs(Ns,{hideSorting:e,sortDataValue:i.sortKey,actualDataValue:n.key,wrapperWidth:n.width,windowSize:c,children:[t.jsxs(Gs,{hideSorting:e,onClick:()=>{e||g(n.key,n.sortOrder)},"data-testid":ee("charge-card-trxn-header",i.sortKey),children:[t.jsx(ue,{children:n.value}),t.jsx(or,{sortDataValue:i.sortKey,headerData:n,children:e?null:t.jsx(nr,{})})]}),t.jsx(Zs,{sortDataValue:i.sortKey,windowSize:c,isVisible:!e&&i.sortKey===n.key&&n.key!=="paymentDate",children:e?null:t.jsx(Bs,{onClick:()=>{e||g("paymentDate","ascending")},"data-testid":ee("charge-card-trxn-close-sort",i.sortKey)})})]},n.key))})}),ir=r(ue)`
   top: ${a.sp0};
   left: ${a.sp0};
   min-height: ${e=>rt.headerHeight.valuePx(e.windowSize)};
@@ -772,7 +772,7 @@ import{y as Qe,e as ve,_ as Dt,h as It,gm as fr,h1 as $i,ad as Xe,gn as $r,a7 as
   &:hover {
     color: ${e=>e.hideSorting?"inherit":e.theme.colors.primary};
   }
-`,qs=r.div`
+`,Ys=r.div`
   display: flex;
   cursor: ${e=>e.hideSorting?"default":"pointer"};
   gap: ${e=>e.hideSorting?a.sp0:"5px"};
@@ -780,7 +780,7 @@ import{y as Qe,e as ve,_ as Dt,h as It,gm as fr,h1 as $i,ad as Xe,gn as $r,a7 as
   &:hover {
     color: ${e=>e.hideSorting?e.theme.colors.hero:e.theme.colors.primary};
   }
-`;function Gr(e,i,s){return async function(m,c,$,h){const g=`${m}?query=${encodeURIComponent(JSON.stringify($))}`,u=$e.getLocalizedStrings().downloadReport;try{const C=await Co(g,{method:"GET",headers:{"zeni-user-id":c.userId,"zeni-tenant-id":c.tenantId,"zeni-session-id":c.sessionId}});if(C.ok){const x=h??wo(C.headers,"Charge Card Transaction Receipt.pdf"),n=await C.arrayBuffer();xo(n,x)}else console.error(`${u.reportErrorMessage} ${C.statusText}`)}catch(C){console.error(`${u.reportErrorMessage} ${JSON.stringify(C)}`)}}(e,i,s)}async function qr(e,i,s){const m=`${e}?query=${encodeURIComponent(JSON.stringify(s))}`,c=$e.getLocalizedStrings().downloadReport;try{const $=await fetch(m,{method:"GET",headers:{"zeni-user-id":i.userId,"zeni-tenant-id":i.tenantId,"zeni-session-id":i.sessionId}});if($.ok)return await $.json();console.error(`${c.reportErrorMessage} ${$.statusText}`)}catch($){throw console.error(`${c.reportErrorMessage} ${JSON.stringify($)}`),$}return[]}const Yr=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"})),Kr=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:sr}},common:{strings:{hyphen:Ks},tooltips:{addMissingReceipt:Xs,addReceipt:Js,viewReceipt:Qs}}}=$e.getLocalizedStrings(),Ne={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)},Xr=e=>(e.attachmentFilePaths??[]).filter(i=>/\.(pdf|png|jpg|jpeg)$/i.test(i)).map(fo),ed=(e,i)=>(e.attachmentFilePaths?.length??0)>0?Qs:e.amount.amount<=i.amount?Js:Xs,Jr=(e,i,s,m)=>(e.attachmentFilePaths?.length??0)>0?t.jsx(Sd,{onClick:c=>{c.stopPropagation(),m()},"data-testid":ee("card-transaction-row-view-receipt",e.id)}):e.amount.amount<=i.amount?t.jsx(vd,{onClick:c=>{c.stopPropagation(),s()},"data-testid":ee("card-transaction-row-optional-upload-receipt",e.id)}):t.jsx($d,{onClick:c=>{c.stopPropagation(),s()},"data-testid":ee("card-transaction-row-upload-receipt",e.id)}),td=({cardsEndPoint:e,documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,isAiCategorizationEnabledForCardsTransactions:m,transactionAttachmentsEndpointToFetch:c,transactionAttachmentEndpointToDownload:$,cardId:h,uploadReceiptsFetchState:g,uploadReceiptsShowTick:u,isViewReceiptClickedImmediatelyAfterUpload:C,authParams:x,transaction:n,receiptRequiredAboveAmount:w,updateChargeCardTransactionAttachments:b,onUploadReceiptComplete:I,updateChargeCardTransactionUploadReceiptsFetchStatus:j,updateChargeCardTransactionReceiptsShowTick:L,updateChargeCardTransactionIsViewReceiptClicked:A,removeSnackbar:p,onChargeCardTransactionRowClick:R})=>{const v=ve(),V=Vr(),[O,f]=o.useState(!1),[Z,K]=o.useState([]),[X,E]=o.useState(null);o.useEffect(()=>{!s&&C&&(ae(B[0]),P())},[s,C]);const B=Xr(n),[oe,ae]=o.useState(B[0]),[F,W]=o.useState([]),[_,J]=o.useState(void 0);o.useEffect(()=>{_!=null&&(async function(D){F.includes(D.attachment_id)?console.warn(`Attachment with ID ${D.attachment_id} is already getting downloaded`):(W([D.attachment_id,...F]),await Gr($,x,D),W(Or(F,Q=>Q==D.attachment_id)))}({card_id:h,transaction_id:n.id,attachment_id:_}),J(void 0))},[_]);const P=()=>{f(!0);const D=B.map(Q=>Q.id);(async function(Q){return await qr(c,x,Q)})({card_id:h,transaction_id:n.id,attachment_ids:D}).then(Q=>{K(Q),Q.length>0&&E(Q[0])})},{merchant:re,createTime:ne,transactionType:G,thirdPartyTransactionId:se}=n,q=o.useRef(null),y=Zr(),N=Pr(n.transactionStatus),U=m?re.brandName??re.name:re.name,k=_e("0,0.00",n.amount),z=G.code==="transfer",te=se!=null&&m,de=z&&n.direction==="debit",Y=z&&n.direction==="credit";return t.jsxs(nd,{windowSize:v,isClickable:te,"data-testid":ee("card-transaction-row",n.id),onClick:D=>{D.stopPropagation(),te&&R(G.code,se)},children:[t.jsx(sd,{children:t.jsxs(dd,{children:[t.jsxs(cd,{windowSize:v,responsiveWidth:y[0].width,children:[de?t.jsx(md,{}):Y?t.jsx(gd,{}):t.jsx(Cd,{src:re.logo?.url?.toString()}),t.jsx(ld,{windowSize:v,hasMarginRight:N.code==="paid",children:U}),N.code!=="paid"?t.jsxs(rd,{children:[t.jsx(od,{windowSize:v}),t.jsx(id,{color:N.color,windowSize:v,children:N.value})]}):null]}),t.jsx(ud,{windowSize:v,responsiveWidth:y[1].width,children:t.jsx(wd,{children:ne.format(Ys.visual.MMMDCommaYYYYformat)})}),V!==!0&&t.jsx(bd,{windowSize:v,responsiveWidth:y[2].width,children:n.transactionStatus.code==="declined"||n.transactionStatus.code==="canceled"?Ks:g?.fetchState==="In-Progress"?t.jsx(ut,{size:"Small",start:!0}):u?t.jsx(fd,{}):t.jsxs(ta,{enterDelay:600,display:"flex",placement:"bottom",title:ed(n,w),children:[t.jsx(ad,{"data-testid":ee("card-transaction-row-upload-receipt",n.id),onClick:D=>{D.stopPropagation()},children:t.jsx(zr,{name:"transactionLineAttachment",fileRef:q,sizeLimit:i,isSizeLimitForEachFile:!0,onFileChange:D=>{if(D.target.files!=null){const Q=D.target.files,le=[],Te=[];for(let Se=0;Se<Q.length;Se++)le.push(Q[Se].name),Te.push(Q[Se]);(async function(Se,Le){j(n.id,h,"In-Progress"),await Br(`${e}/1.0/cards/transactions/${n.id}/attachments`,x,Se,Le).then(S=>{S!=null&&b(n.id,S),j(n.id,h,"Completed"),L(n.id,h,!0),setTimeout(()=>{L(n.id,h,!1),I(!0)},2e3)}).catch(S=>{j(n.id,h,"Error"),I(!1,S)})})(Te,le)}},multiple:!0,onFileSizeError:(D,Q)=>{D&&I(!1,{code:500,message:Q===!0?sr.singleFileUploadSizeErrorMessage.replace("__maxFileSize__",Lt(i,0)):sr.multipleFileUploadSizeErrorMessage.replace("__maxFileSize__",Lt(i,0))})}})}),Jr(n,w,()=>{q.current?.click()},()=>{s?(p(),A(n.id,h,!0)):(ae(B[0]),P())})]})}),V!==!0&&t.jsx(xd,{windowSize:v,responsiveWidth:y[3].width,children:t.jsx(yd,{title:G.name,children:G.name})}),t.jsx(hd,{windowSize:v,responsiveWidth:y[4].width,children:t.jsx(pd,{windowSize:v,title:_e("0,0.[00]",n.amount),children:n.direction==="debit"?k:`-${k}`})})]})}),O&&B.length>0?Nr.createPortal(t.jsx(Mr,{allFiles:Z,fileSource:X,file:oe,title:oe.fileName,attachments:B,setFileSource:E,setShowFullScreenView:f,onCrossClick:()=>{A(n.id,h,!1),f(!1),E(null),K([]),B.length>0&&ae(B[0])},setSelectedFileAttachment:ae,onDownloadClick:D=>{J(D.id)},handleTouchStart:()=>{},handleTouchMove:()=>{},handleTouchEnd:()=>{}}),document.body):null]})},ad=r.div``,rd=r.div`
+`;function Gr(e,i,s){return async function(m,c,$,h){const g=`${m}?query=${encodeURIComponent(JSON.stringify($))}`,u=$e.getLocalizedStrings().downloadReport;try{const C=await Co(g,{method:"GET",headers:{"zeni-user-id":c.userId,"zeni-tenant-id":c.tenantId,"zeni-session-id":c.sessionId}});if(C.ok){const x=h??wo(C.headers,"Charge Card Transaction Receipt.pdf"),n=await C.arrayBuffer();xo(n,x)}else console.error(`${u.reportErrorMessage} ${C.statusText}`)}catch(C){console.error(`${u.reportErrorMessage} ${JSON.stringify(C)}`)}}(e,i,s)}async function Yr(e,i,s){const m=`${e}?query=${encodeURIComponent(JSON.stringify(s))}`,c=$e.getLocalizedStrings().downloadReport;try{const $=await fetch(m,{method:"GET",headers:{"zeni-user-id":i.userId,"zeni-tenant-id":i.tenantId,"zeni-session-id":i.sessionId}});if($.ok)return await $.json();console.error(`${c.reportErrorMessage} ${$.statusText}`)}catch($){throw console.error(`${c.reportErrorMessage} ${JSON.stringify($)}`),$}return[]}const qr=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"})),Kr=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:qs,spendManagement:{chargeCard:{cardDetails:sr}},common:{strings:{hyphen:Ks},tooltips:{addMissingReceipt:Xs,addReceipt:Js,viewReceipt:Qs}}}=$e.getLocalizedStrings(),Ne={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)},Xr=e=>(e.attachmentFilePaths??[]).filter(i=>/\.(pdf|png|jpg|jpeg)$/i.test(i)).map(fo),ed=(e,i)=>(e.attachmentFilePaths?.length??0)>0?Qs:e.amount.amount<=i.amount?Js:Xs,Jr=(e,i,s,m)=>(e.attachmentFilePaths?.length??0)>0?t.jsx(Sd,{onClick:c=>{c.stopPropagation(),m()},"data-testid":ee("card-transaction-row-view-receipt",e.id)}):e.amount.amount<=i.amount?t.jsx(vd,{onClick:c=>{c.stopPropagation(),s()},"data-testid":ee("card-transaction-row-optional-upload-receipt",e.id)}):t.jsx($d,{onClick:c=>{c.stopPropagation(),s()},"data-testid":ee("card-transaction-row-upload-receipt",e.id)}),td=({cardsEndPoint:e,documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,isAiCategorizationEnabledForCardsTransactions:m,transactionAttachmentsEndpointToFetch:c,transactionAttachmentEndpointToDownload:$,cardId:h,uploadReceiptsFetchState:g,uploadReceiptsShowTick:u,isViewReceiptClickedImmediatelyAfterUpload:C,authParams:x,transaction:n,receiptRequiredAboveAmount:w,updateChargeCardTransactionAttachments:b,onUploadReceiptComplete:I,updateChargeCardTransactionUploadReceiptsFetchStatus:j,updateChargeCardTransactionReceiptsShowTick:L,updateChargeCardTransactionIsViewReceiptClicked:A,removeSnackbar:p,onChargeCardTransactionRowClick:R})=>{const v=ve(),V=Vr(),[O,f]=o.useState(!1),[Z,K]=o.useState([]),[X,E]=o.useState(null);o.useEffect(()=>{!s&&C&&(ae(B[0]),P())},[s,C]);const B=Xr(n),[oe,ae]=o.useState(B[0]),[F,W]=o.useState([]),[_,J]=o.useState(void 0);o.useEffect(()=>{_!=null&&(async function(D){F.includes(D.attachment_id)?console.warn(`Attachment with ID ${D.attachment_id} is already getting downloaded`):(W([D.attachment_id,...F]),await Gr($,x,D),W(Or(F,Q=>Q==D.attachment_id)))}({card_id:h,transaction_id:n.id,attachment_id:_}),J(void 0))},[_]);const P=()=>{f(!0);const D=B.map(Q=>Q.id);(async function(Q){return await Yr(c,x,Q)})({card_id:h,transaction_id:n.id,attachment_ids:D}).then(Q=>{K(Q),Q.length>0&&E(Q[0])})},{merchant:re,createTime:ne,transactionType:G,thirdPartyTransactionId:se}=n,Y=o.useRef(null),y=Zr(),N=Pr(n.transactionStatus),U=m?re.brandName??re.name:re.name,k=_e("0,0.00",n.amount),z=G.code==="transfer",te=se!=null&&m,de=z&&n.direction==="debit",q=z&&n.direction==="credit";return t.jsxs(nd,{windowSize:v,isClickable:te,"data-testid":ee("card-transaction-row",n.id),onClick:D=>{D.stopPropagation(),te&&R(G.code,se)},children:[t.jsx(sd,{children:t.jsxs(dd,{children:[t.jsxs(cd,{windowSize:v,responsiveWidth:y[0].width,children:[de?t.jsx(md,{}):q?t.jsx(gd,{}):t.jsx(Cd,{src:re.logo?.url?.toString()}),t.jsx(ld,{windowSize:v,hasMarginRight:N.code==="paid",children:U}),N.code!=="paid"?t.jsxs(rd,{children:[t.jsx(od,{windowSize:v}),t.jsx(id,{color:N.color,windowSize:v,children:N.value})]}):null]}),t.jsx(ud,{windowSize:v,responsiveWidth:y[1].width,children:t.jsx(wd,{children:ne.format(qs.visual.MMMDCommaYYYYformat)})}),V!==!0&&t.jsx(bd,{windowSize:v,responsiveWidth:y[2].width,children:n.transactionStatus.code==="declined"||n.transactionStatus.code==="canceled"?Ks:g?.fetchState==="In-Progress"?t.jsx(ut,{size:"Small",start:!0}):u?t.jsx(fd,{}):t.jsxs(ta,{enterDelay:600,display:"flex",placement:"bottom",title:ed(n,w),children:[t.jsx(ad,{"data-testid":ee("card-transaction-row-upload-receipt",n.id),onClick:D=>{D.stopPropagation()},children:t.jsx(zr,{name:"transactionLineAttachment",fileRef:Y,sizeLimit:i,isSizeLimitForEachFile:!0,onFileChange:D=>{if(D.target.files!=null){const Q=D.target.files,le=[],Te=[];for(let Se=0;Se<Q.length;Se++)le.push(Q[Se].name),Te.push(Q[Se]);(async function(Se,Le){j(n.id,h,"In-Progress"),await Br(`${e}/1.0/cards/transactions/${n.id}/attachments`,x,Se,Le).then(S=>{S!=null&&b(n.id,S),j(n.id,h,"Completed"),L(n.id,h,!0),setTimeout(()=>{L(n.id,h,!1),I(!0)},2e3)}).catch(S=>{j(n.id,h,"Error"),I(!1,S)})})(Te,le)}},multiple:!0,onFileSizeError:(D,Q)=>{D&&I(!1,{code:500,message:Q===!0?sr.singleFileUploadSizeErrorMessage.replace("__maxFileSize__",Lt(i,0)):sr.multipleFileUploadSizeErrorMessage.replace("__maxFileSize__",Lt(i,0))})}})}),Jr(n,w,()=>{Y.current?.click()},()=>{s?(p(),A(n.id,h,!0)):(ae(B[0]),P())})]})}),V!==!0&&t.jsx(xd,{windowSize:v,responsiveWidth:y[3].width,children:t.jsx(yd,{title:G.name,children:G.name})}),t.jsx(hd,{windowSize:v,responsiveWidth:y[4].width,children:t.jsx(pd,{windowSize:v,title:_e("0,0.[00]",n.amount),children:n.direction==="debit"?k:`-${k}`})})]})}),O&&B.length>0?Nr.createPortal(t.jsx(Mr,{allFiles:Z,fileSource:X,file:oe,title:oe.fileName,attachments:B,setFileSource:E,setShowFullScreenView:f,onCrossClick:()=>{A(n.id,h,!1),f(!1),E(null),K([]),B.length>0&&ae(B[0])},setSelectedFileAttachment:ae,onDownloadClick:D=>{J(D.id)},handleTouchStart:()=>{},handleTouchMove:()=>{},handleTouchEnd:()=>{}}),document.body):null]})},ad=r.div``,rd=r.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -869,7 +869,7 @@ import{y as Qe,e as ve,_ as Dt,h as It,gm as fr,h1 as $i,ad as Xe,gn as $r,a7 as
   color: ${e.colors.hero};
 `,md=r(Kr)`
   ${({theme:e})=>Qr(e)}
-`,gd=r(Yr)`
+`,gd=r(qr)`
   ${({theme:e})=>Qr(e)}
 `,Cd=r.img`
   display: flex;
@@ -930,13 +930,13 @@ import{y as Qe,e as ve,_ as Dt,h as It,gm as fr,h1 as $i,ad as Xe,gn as $r,a7 as
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,{dateFormat:kd,spendManagement:{chargeCard:{cardDetails:Xt}},common:{strings:{hyphen:jd}}}=$e.getLocalizedStrings(),Ld={webkitLineClamp:new T(2,1,1,1,1)},Dd=({cardsEndPoint:e,documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,isAiCategorizationEnabledForCardsTransactions:m,transactionAttachmentsEndpointToFetch:c,transactionAttachmentEndpointToDownload:$,cardId:h,isViewReceiptClickedImmediatelyAfterUpload:g,uploadReceiptsShowTick:u,uploadReceiptsFetchState:C,authParams:x,transaction:n,receiptRequiredAboveAmount:w,onUploadReceiptComplete:b,updateChargeCardTransactionAttachments:I,updateChargeCardTransactionReceiptsShowTick:j,updateChargeCardTransactionIsViewReceiptClicked:L,updateChargeCardTransactionUploadReceiptsFetchStatus:A,removeSnackbar:p,onChargeCardTransactionRowClick:R})=>{const v=ve(),[V,O]=o.useState(0),[f,Z]=o.useState(0),[K,X]=o.useState(0),E=S=>{X(S),ae(!0),ne(P[S]),J(F[S])};function B(S){return S<0?P.length+S:S%P.length}const[oe,ae]=o.useState(!1),[F,W]=o.useState([]),[_,J]=o.useState(null);o.useEffect(()=>{!s&&g&&(ne(P[0]),N())},[s,g]);const P=Xr(n),[re,ne]=o.useState(P[0]),[G,se]=o.useState([]),[q,y]=o.useState(void 0);o.useEffect(()=>{q!=null&&(async function(S){G.includes(S.attachment_id)?console.warn(`Attachment with ID ${S.attachment_id} is already getting downloaded`):(se([S.attachment_id,...G]),await Gr($,x,S),se(Or(G,ie=>ie==S.attachment_id)))}({card_id:h,transaction_id:n.id,attachment_id:q}),y(void 0))},[q]);const N=()=>{ae(!0);const S=P.map(ie=>ie.id);(async function(ie){return await qr(c,x,ie)})({card_id:h,transaction_id:n.id,attachment_ids:S}).then(ie=>{W(ie),ie.length>0&&J(ie[0])})},{merchant:U,createTime:k,transactionType:z,thirdPartyTransactionId:te}=n,de=o.useRef(null),Y=Pr(n.transactionStatus),D=m?U.brandName??U.name:U.name,Q=_e("0,0.00",n.amount),le=z.code==="transfer",Te=te!=null&&m,Se=le&&n.direction==="debit",Le=le&&n.direction==="credit";return t.jsxs(Od,{windowSize:v,"data-testid":ee("card-transaction-row-small",n.id),onClick:S=>{S.stopPropagation(),Te&&R(z.code,te)},children:[t.jsx(Hd,{children:t.jsxs(Nd,{children:[t.jsxs(_d,{children:[t.jsx(zd,{children:Se?t.jsx(Id,{}):Le?t.jsx(Ad,{}):t.jsx(Zd,{src:U.logo?.url?.toString()})}),t.jsxs(Gd,{children:[t.jsxs(Td,{children:[t.jsx(Bd,{windowSize:v,children:D}),Y.code!=="paid"?t.jsxs(Rd,{children:[t.jsx(Fd,{windowSize:v}),t.jsx(Ed,{color:Y.color,windowSize:v,children:Y.value})]}):null]}),t.jsx(Wd,{children:`${Xt.paymentDate} ${k.format(kd.visual.MMMDCommaYYYYformat)}`})]})]}),t.jsxs(Ud,{children:[t.jsx(qd,{children:n.direction==="debit"?Q:`-${Q}`}),t.jsx(Vd,{title:z.name,children:z.name}),t.jsx(Md,{children:n.transactionStatus.code==="declined"||n.transactionStatus.code==="canceled"?jd:C?.fetchState==="In-Progress"?t.jsx(ut,{size:"Small",start:!0}):u?t.jsx(Pd,{}):t.jsxs(dr,{children:[t.jsx(dr,{"data-testid":ee("card-transaction-row-small-upload-receipt",n.id),onClick:S=>{S.stopPropagation()},children:t.jsx(zr,{name:"transactionLineAttachment",fileRef:de,sizeLimit:i,isSizeLimitForEachFile:!0,onFileChange:S=>{if(S.target.files!=null){const ie=S.target.files,Ue=[],he=[];for(let ke=0;ke<ie.length;ke++)Ue.push(ie[ke].name),he.push(ie[ke]);(async function(ke,Ze){A(n.id,h,"In-Progress"),await Br(`${e}/1.0/cards/transactions/${n.id}/attachments`,x,ke,Ze).then(Pe=>{Pe!=null&&I(n.id,Pe),A(n.id,h,"Completed"),b(!0),j(n.id,h,!0),setTimeout(()=>j(n.id,h,!1),2e3)}).catch(Pe=>{A(n.id,h,"Error"),b(!1,Pe)})})(he,Ue)}},multiple:!0,onFileSizeError:(S,ie)=>{S&&b(!1,{code:500,message:ie===!0?Xt.singleFileUploadSizeErrorMessage.replace("__maxFileSize__",Lt(i,0)):Xt.multipleFileUploadSizeErrorMessage.replace("__maxFileSize__",Lt(i,0))})}})}),Jr(n,w,()=>{de.current?.click()},()=>{s?(p(),L(n.id,h,!0)):(ne(P[0]),N())})]})})]})]})}),oe&&P.length>0?Nr.createPortal(t.jsx(Mr,{allFiles:F,fileSource:_,file:re,title:re.fileName,attachments:P,setFileSource:J,setShowFullScreenView:ae,onCrossClick:()=>{L(n.id,h,!1),ae(!1),J(null),W([]),P.length>0&&ne(P[0])},setSelectedFileAttachment:ne,onDownloadClick:S=>{y(S.id)},handleTouchStart:function(S){O(S.targetTouches[0].clientX)},handleTouchMove:function(S){Z(S.targetTouches[0].clientX)},handleTouchEnd:function(){V-f>50&&f!==0&&K<P.length-1?(E(B(K+1)),O(0),Z(0)):V-f<-50&&f!==0&&K>0&&(E(B(K-1)),O(0),Z(0))}}),document.body):null]})},ei=e=>ge`
+`,{dateFormat:kd,spendManagement:{chargeCard:{cardDetails:Xt}},common:{strings:{hyphen:jd}}}=$e.getLocalizedStrings(),Ld={webkitLineClamp:new T(2,1,1,1,1)},Dd=({cardsEndPoint:e,documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,isAiCategorizationEnabledForCardsTransactions:m,transactionAttachmentsEndpointToFetch:c,transactionAttachmentEndpointToDownload:$,cardId:h,isViewReceiptClickedImmediatelyAfterUpload:g,uploadReceiptsShowTick:u,uploadReceiptsFetchState:C,authParams:x,transaction:n,receiptRequiredAboveAmount:w,onUploadReceiptComplete:b,updateChargeCardTransactionAttachments:I,updateChargeCardTransactionReceiptsShowTick:j,updateChargeCardTransactionIsViewReceiptClicked:L,updateChargeCardTransactionUploadReceiptsFetchStatus:A,removeSnackbar:p,onChargeCardTransactionRowClick:R})=>{const v=ve(),[V,O]=o.useState(0),[f,Z]=o.useState(0),[K,X]=o.useState(0),E=S=>{X(S),ae(!0),ne(P[S]),J(F[S])};function B(S){return S<0?P.length+S:S%P.length}const[oe,ae]=o.useState(!1),[F,W]=o.useState([]),[_,J]=o.useState(null);o.useEffect(()=>{!s&&g&&(ne(P[0]),N())},[s,g]);const P=Xr(n),[re,ne]=o.useState(P[0]),[G,se]=o.useState([]),[Y,y]=o.useState(void 0);o.useEffect(()=>{Y!=null&&(async function(S){G.includes(S.attachment_id)?console.warn(`Attachment with ID ${S.attachment_id} is already getting downloaded`):(se([S.attachment_id,...G]),await Gr($,x,S),se(Or(G,ie=>ie==S.attachment_id)))}({card_id:h,transaction_id:n.id,attachment_id:Y}),y(void 0))},[Y]);const N=()=>{ae(!0);const S=P.map(ie=>ie.id);(async function(ie){return await Yr(c,x,ie)})({card_id:h,transaction_id:n.id,attachment_ids:S}).then(ie=>{W(ie),ie.length>0&&J(ie[0])})},{merchant:U,createTime:k,transactionType:z,thirdPartyTransactionId:te}=n,de=o.useRef(null),q=Pr(n.transactionStatus),D=m?U.brandName??U.name:U.name,Q=_e("0,0.00",n.amount),le=z.code==="transfer",Te=te!=null&&m,Se=le&&n.direction==="debit",Le=le&&n.direction==="credit";return t.jsxs(Od,{windowSize:v,"data-testid":ee("card-transaction-row-small",n.id),onClick:S=>{S.stopPropagation(),Te&&R(z.code,te)},children:[t.jsx(Hd,{children:t.jsxs(Nd,{children:[t.jsxs(_d,{children:[t.jsx(zd,{children:Se?t.jsx(Id,{}):Le?t.jsx(Ad,{}):t.jsx(Zd,{src:U.logo?.url?.toString()})}),t.jsxs(Gd,{children:[t.jsxs(Td,{children:[t.jsx(Bd,{windowSize:v,children:D}),q.code!=="paid"?t.jsxs(Rd,{children:[t.jsx(Fd,{windowSize:v}),t.jsx(Ed,{color:q.color,windowSize:v,children:q.value})]}):null]}),t.jsx(Wd,{children:`${Xt.paymentDate} ${k.format(kd.visual.MMMDCommaYYYYformat)}`})]})]}),t.jsxs(Ud,{children:[t.jsx(Yd,{children:n.direction==="debit"?Q:`-${Q}`}),t.jsx(Vd,{title:z.name,children:z.name}),t.jsx(Md,{children:n.transactionStatus.code==="declined"||n.transactionStatus.code==="canceled"?jd:C?.fetchState==="In-Progress"?t.jsx(ut,{size:"Small",start:!0}):u?t.jsx(Pd,{}):t.jsxs(dr,{children:[t.jsx(dr,{"data-testid":ee("card-transaction-row-small-upload-receipt",n.id),onClick:S=>{S.stopPropagation()},children:t.jsx(zr,{name:"transactionLineAttachment",fileRef:de,sizeLimit:i,isSizeLimitForEachFile:!0,onFileChange:S=>{if(S.target.files!=null){const ie=S.target.files,Ue=[],he=[];for(let ke=0;ke<ie.length;ke++)Ue.push(ie[ke].name),he.push(ie[ke]);(async function(ke,Ze){A(n.id,h,"In-Progress"),await Br(`${e}/1.0/cards/transactions/${n.id}/attachments`,x,ke,Ze).then(Pe=>{Pe!=null&&I(n.id,Pe),A(n.id,h,"Completed"),b(!0),j(n.id,h,!0),setTimeout(()=>j(n.id,h,!1),2e3)}).catch(Pe=>{A(n.id,h,"Error"),b(!1,Pe)})})(he,Ue)}},multiple:!0,onFileSizeError:(S,ie)=>{S&&b(!1,{code:500,message:ie===!0?Xt.singleFileUploadSizeErrorMessage.replace("__maxFileSize__",Lt(i,0)):Xt.multipleFileUploadSizeErrorMessage.replace("__maxFileSize__",Lt(i,0))})}})}),Jr(n,w,()=>{de.current?.click()},()=>{s?(p(),L(n.id,h,!0)):(ne(P[0]),N())})]})})]})]})}),oe&&P.length>0?Nr.createPortal(t.jsx(Mr,{allFiles:F,fileSource:_,file:re,title:re.fileName,attachments:P,setFileSource:J,setShowFullScreenView:ae,onCrossClick:()=>{L(n.id,h,!1),ae(!1),J(null),W([]),P.length>0&&ne(P[0])},setSelectedFileAttachment:ne,onDownloadClick:S=>{y(S.id)},handleTouchStart:function(S){O(S.targetTouches[0].clientX)},handleTouchMove:function(S){Z(S.targetTouches[0].clientX)},handleTouchEnd:function(){V-f>50&&f!==0&&K<P.length-1?(E(B(K+1)),O(0),Z(0)):V-f<-50&&f!==0&&K>0&&(E(B(K-1)),O(0),Z(0))}}),document.body):null]})},ei=e=>ge`
   width: ${a.sp4};
   height: ${a.sp4};
   color: ${e.colors.hero};
 `,Id=r(Kr)`
   ${({theme:e})=>ei(e)}
-`,Ad=r(Yr)`
+`,Ad=r(qr)`
   ${({theme:e})=>ei(e)}
 `,dr=r.div``,Td=r.div`
   display: flex;
@@ -1022,9 +1022,9 @@ import{y as Qe,e as ve,_ as Dt,h as It,gm as fr,h1 as $i,ad as Xe,gn as $r,a7 as
   height: ${a.sp4};
 `,Gd=r.div`
   margin-bottom: 6px;
-`,qd=r(Fe)`
+`,Yd=r(Fe)`
   color: inherit;
-`,{spendManagement:{chargeCard:{cardDetails:ot}},common:Yd}=$e.getLocalizedStrings();function Kd({transactions:e,documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,uploadReceiptsFetchStateByTransactionId:m,uploadReceiptsShowTickByTransactionId:c,isViewReceiptClickedImmediatelyAfterUploadTransactionId:$,cardId:h,receiptRequiredAboveAmount:g,isAiCategorizationEnabledForCardsTransactions:u,transactionAttachmentsEndpointToFetch:C,transactionAttachmentEndpointToDownload:x,cardsEndPoint:n,authParams:w,hideSorting:b,isOwnCard:I,uiState:j,fetchState:L,cardHolderUser:A,cardStatusCode:p="active",cardCodeType:R="business_virtual_credit_card",onReloadTransactions:v,onFetchChargeCardTransactionList:V,onColumnSortConfigChanged:O,removeSnackbar:f,onChargeCardTransactionRowClick:Z,onUploadReceiptComplete:K,onUpdateScrollYOffset:X,updateChargeCardTransactionAttachments:E,updateChargeCardTransactionUploadReceiptsFetchStatus:B,updateChargeCardTransactionReceiptsShowTick:oe,updateChargeCardTransactionIsViewReceiptClicked:ae}){const F=ve();Fi({componentName:"cards.details",enabled:L==="Completed"});const W=o.useRef(null),[_,J]=o.useState(!1);o.useEffect(()=>{W.current?.resetAfterIndex(0)},[F,W]),o.useEffect(()=>{L==="Completed"&&J(!1)},[L]);const P=()=>F!=="small"?74:128,re=()=>{var y,N;J(!0),y=j.pageToken,N=j.pageTokenType,V(y,N)},ne=y=>y<e.length,G=()=>{j.pageToken!=null&&L==="Completed"&&re()},se=o.useRef(Z);se.current=Z;const q=o.useCallback((...y)=>{se.current(...y)},[]);return t.jsxs(rc,{isOwnCard:I,windowSize:F,isEmptyTransaction:e.length===0,children:[t.jsx(ic,{windowSize:F,children:L==="Error"?t.jsxs(sc,{children:[t.jsx(dc,{onClick:v,"data-testid":ee("card-transaction-list-reload"),children:t.jsx(jr,{})}),t.jsx(cc,{children:Yd.reloadPage.label})]}):L==="Not-Started"||L==="In-Progress"&&e.length===0?t.jsx(hc,{children:t.jsx(ut,{size:"ExtraLarge",start:!0})}):L==="Completed"||L==="In-Progress"&&e.length>0?p==="request_on_hold"?t.jsx(Jd,{cardType:R,cardHolderUser:A}):p==="inactive"?t.jsx(Qd,{cardHolderUser:A}):e.length===0?t.jsx(Xd,{}):t.jsx(nc,{windowSize:F,children:t.jsx(Pi,{children:({height:y,width:N})=>t.jsx(zi,{isItemLoaded:ne,itemCount:e.length+1,loadMoreItems:G,children:({onItemsRendered:U})=>t.jsx(Mi,{ref:W,height:y,itemCount:e.length,onItemsRendered:U,itemSize:P,itemKey:k=>e[k].id,width:N,style:{willChange:"auto"},innerElementType:k=>ac(k,b,j,L,O),onScroll:({scrollOffset:k})=>{X?.(k)},initialScrollOffset:j.scrollYOffset,children:k=>t.jsx(ec,{...k,documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,cardsEndPoint:n,isAiCategorizationEnabledForCardsTransactions:u,transactionAttachmentsEndpointToFetch:C,transactionAttachmentEndpointToDownload:x,uploadReceiptsFetchStateByTransactionId:m,uploadReceiptsShowTickByTransactionId:c,isViewReceiptClickedImmediatelyAfterUploadTransactionId:$,cardId:h,authParams:w,transactions:e,receiptRequiredAboveAmount:g,updateChargeCardTransactionAttachments:E,onUploadReceiptComplete:K,updateChargeCardTransactionUploadReceiptsFetchStatus:B,updateChargeCardTransactionReceiptsShowTick:oe,updateChargeCardTransactionIsViewReceiptClicked:ae,onChargeCardTransactionRowClick:q,removeSnackbar:f})})})})}):null}),_===!0?t.jsx(pc,{children:t.jsx(ut,{size:"Small",start:!0})}):null]})}const Xd=()=>{const e=ve();return t.jsxs(na,{children:[t.jsx(la,{children:t.jsx(ai,{})}),t.jsxs(sa,{children:[t.jsx(da,{children:ot.transactionTable.emptyTransactions.title}),t.jsx(ca,{windowSize:e,children:ot.transactionTable.emptyTransactions.subTitle})]})]})},Jd=({cardType:e,cardHolderUser:i})=>{const s=i!=null?i.firstName+" "+i.lastName:"",m=ve();return t.jsxs(na,{children:[t.jsx(la,{children:t.jsx(mc,{})}),t.jsxs(sa,{children:[t.jsx(da,{children:ot.transactionTable.pendingProfileCompletion.title}),t.jsx(ca,{windowSize:m,children:ot.transactionTable.pendingProfileCompletion.subTitle[e].replace("__user__",s)})]})]})},Qd=({cardHolderUser:e})=>{const i=ve();return t.jsxs(na,{children:[t.jsx(la,{children:t.jsx(ai,{})}),t.jsxs(sa,{children:[t.jsx(da,{children:ot.transactionTable.pendingActivation.title}),t.jsx(ca,{windowSize:i,children:ot.transactionTable.pendingActivation.subTitle.replace("__user__",e?.firstName??"")})]})]})},ec=({index:e,documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,style:m,transactions:c,isAiCategorizationEnabledForCardsTransactions:$,uploadReceiptsFetchStateByTransactionId:h,uploadReceiptsShowTickByTransactionId:g,isViewReceiptClickedImmediatelyAfterUploadTransactionId:u,cardId:C,cardsEndPoint:x,transactionAttachmentsEndpointToFetch:n,transactionAttachmentEndpointToDownload:w,receiptRequiredAboveAmount:b,authParams:I,updateChargeCardTransactionAttachments:j,onUploadReceiptComplete:L,updateChargeCardTransactionUploadReceiptsFetchStatus:A,updateChargeCardTransactionReceiptsShowTick:p,updateChargeCardTransactionIsViewReceiptClicked:R,onChargeCardTransactionRowClick:v,removeSnackbar:V})=>{const{selectedTransactionId:O}=qi(),f=O!=null&&c[e].thirdPartyTransactionId===O;return t.jsx(lc,{style:{...m,width:"100%"},isPanelSelected:f,className:"spend-management-list-item",children:t.jsx("div",{"data-transaction-row":!0,children:t.jsx(tc,{documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,cardId:C,isAiCategorizationEnabledForCardsTransactions:$,cardsEndPoint:x,transactionAttachmentsEndpointToFetch:n,transactionAttachmentEndpointToDownload:w,authParams:I,receiptRequiredAboveAmount:b,transaction:c[e],uploadReceiptsFetchState:h?.[c[e].id],uploadReceiptsShowTick:g?.[c[e].id],isViewReceiptClickedImmediatelyAfterUpload:u?.[c[e].id],updateChargeCardTransactionAttachments:j,onUploadReceiptComplete:L,updateChargeCardTransactionUploadReceiptsFetchStatus:A,updateChargeCardTransactionReceiptsShowTick:p,updateChargeCardTransactionIsViewReceiptClicked:R,onChargeCardTransactionRowClick:v,removeSnackbar:V},c[e].id)})})},tc=o.memo(({transaction:e,documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,isAiCategorizationEnabledForCardsTransactions:m,uploadReceiptsFetchState:c,uploadReceiptsShowTick:$,isViewReceiptClickedImmediatelyAfterUpload:h,cardsEndPoint:g,transactionAttachmentsEndpointToFetch:u,transactionAttachmentEndpointToDownload:C,cardId:x,receiptRequiredAboveAmount:n,authParams:w,updateChargeCardTransactionAttachments:b,onUploadReceiptComplete:I,updateChargeCardTransactionUploadReceiptsFetchStatus:j,updateChargeCardTransactionReceiptsShowTick:L,updateChargeCardTransactionIsViewReceiptClicked:A,onChargeCardTransactionRowClick:p,removeSnackbar:R})=>{const v=ve()==="small"?Dd:td;return t.jsx(v,{isSnackbarOpen:s,documentAiReceiptMaxSizeLimit:i,isAiCategorizationEnabledForCardsTransactions:m,transactionAttachmentsEndpointToFetch:u,transactionAttachmentEndpointToDownload:C,uploadReceiptsFetchState:c,uploadReceiptsShowTick:$,isViewReceiptClickedImmediatelyAfterUpload:h,transaction:e,cardId:x,receiptRequiredAboveAmount:n,cardsEndPoint:g,authParams:w,updateChargeCardTransactionAttachments:b,onUploadReceiptComplete:I,updateChargeCardTransactionUploadReceiptsFetchStatus:j,updateChargeCardTransactionReceiptsShowTick:L,updateChargeCardTransactionIsViewReceiptClicked:A,onChargeCardTransactionRowClick:p,removeSnackbar:R})}),ac=(e,i,s,m,c)=>t.jsx(ti,{...e,onColumnSortConfigChanged:c,hideSorting:i,uiState:{sortKey:s.sortKey,sortOrder:s.sortOrder},fetchState:m}),ti=o.forwardRef((e,i)=>{const{children:s,style:m,uiState:c,onColumnSortConfigChanged:$,hideSorting:h,...g}=e;return t.jsxs(uc,{ref:i,style:{...m,width:"auto",maxWidth:"var(--side-panel-list-width, 100%)"},...g,children:[t.jsx(Hs,{onColumnSortConfigChanged:$,sortConfig:{sortKey:c.sortKey,sortOrder:c.sortOrder},hideSorting:h}),t.jsx(oc,{children:s})]})});ti.displayName="Charge Card Transaction list View inner element type";const rc=r.div`
+`,{spendManagement:{chargeCard:{cardDetails:ot}},common:qd}=$e.getLocalizedStrings();function Kd({transactions:e,documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,uploadReceiptsFetchStateByTransactionId:m,uploadReceiptsShowTickByTransactionId:c,isViewReceiptClickedImmediatelyAfterUploadTransactionId:$,cardId:h,receiptRequiredAboveAmount:g,isAiCategorizationEnabledForCardsTransactions:u,transactionAttachmentsEndpointToFetch:C,transactionAttachmentEndpointToDownload:x,cardsEndPoint:n,authParams:w,hideSorting:b,isOwnCard:I,uiState:j,fetchState:L,cardHolderUser:A,cardStatusCode:p="active",cardCodeType:R="business_virtual_credit_card",onReloadTransactions:v,onFetchChargeCardTransactionList:V,onColumnSortConfigChanged:O,removeSnackbar:f,onChargeCardTransactionRowClick:Z,onUploadReceiptComplete:K,onUpdateScrollYOffset:X,updateChargeCardTransactionAttachments:E,updateChargeCardTransactionUploadReceiptsFetchStatus:B,updateChargeCardTransactionReceiptsShowTick:oe,updateChargeCardTransactionIsViewReceiptClicked:ae}){const F=ve();Fi({componentName:"cards.details",enabled:L==="Completed"});const W=o.useRef(null),[_,J]=o.useState(!1);o.useEffect(()=>{W.current?.resetAfterIndex(0)},[F,W]),o.useEffect(()=>{L==="Completed"&&J(!1)},[L]);const P=()=>F!=="small"?74:128,re=()=>{var y,N;J(!0),y=j.pageToken,N=j.pageTokenType,V(y,N)},ne=y=>y<e.length,G=()=>{j.pageToken!=null&&L==="Completed"&&re()},se=o.useRef(Z);se.current=Z;const Y=o.useCallback((...y)=>{se.current(...y)},[]);return t.jsxs(rc,{isOwnCard:I,windowSize:F,isEmptyTransaction:e.length===0,children:[t.jsx(ic,{windowSize:F,children:L==="Error"?t.jsxs(sc,{children:[t.jsx(dc,{onClick:v,"data-testid":ee("card-transaction-list-reload"),children:t.jsx(jr,{})}),t.jsx(cc,{children:qd.reloadPage.label})]}):L==="Not-Started"||L==="In-Progress"&&e.length===0?t.jsx(hc,{children:t.jsx(ut,{size:"ExtraLarge",start:!0})}):L==="Completed"||L==="In-Progress"&&e.length>0?p==="request_on_hold"?t.jsx(Jd,{cardType:R,cardHolderUser:A}):p==="inactive"?t.jsx(Qd,{cardHolderUser:A}):e.length===0?t.jsx(Xd,{}):t.jsx(nc,{windowSize:F,children:t.jsx(Pi,{children:({height:y,width:N})=>t.jsx(zi,{isItemLoaded:ne,itemCount:e.length+1,loadMoreItems:G,children:({onItemsRendered:U})=>t.jsx(Mi,{ref:W,height:y,itemCount:e.length,onItemsRendered:U,itemSize:P,itemKey:k=>e[k].id,width:N,style:{willChange:"auto"},innerElementType:k=>ac(k,b,j,L,O),onScroll:({scrollOffset:k})=>{X?.(k)},initialScrollOffset:j.scrollYOffset,children:k=>t.jsx(ec,{...k,documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,cardsEndPoint:n,isAiCategorizationEnabledForCardsTransactions:u,transactionAttachmentsEndpointToFetch:C,transactionAttachmentEndpointToDownload:x,uploadReceiptsFetchStateByTransactionId:m,uploadReceiptsShowTickByTransactionId:c,isViewReceiptClickedImmediatelyAfterUploadTransactionId:$,cardId:h,authParams:w,transactions:e,receiptRequiredAboveAmount:g,updateChargeCardTransactionAttachments:E,onUploadReceiptComplete:K,updateChargeCardTransactionUploadReceiptsFetchStatus:B,updateChargeCardTransactionReceiptsShowTick:oe,updateChargeCardTransactionIsViewReceiptClicked:ae,onChargeCardTransactionRowClick:Y,removeSnackbar:f})})})})}):null}),_===!0?t.jsx(pc,{children:t.jsx(ut,{size:"Small",start:!0})}):null]})}const Xd=()=>{const e=ve();return t.jsxs(na,{children:[t.jsx(la,{children:t.jsx(ai,{})}),t.jsxs(sa,{children:[t.jsx(da,{children:ot.transactionTable.emptyTransactions.title}),t.jsx(ca,{windowSize:e,children:ot.transactionTable.emptyTransactions.subTitle})]})]})},Jd=({cardType:e,cardHolderUser:i})=>{const s=i!=null?i.firstName+" "+i.lastName:"",m=ve();return t.jsxs(na,{children:[t.jsx(la,{children:t.jsx(mc,{})}),t.jsxs(sa,{children:[t.jsx(da,{children:ot.transactionTable.pendingProfileCompletion.title}),t.jsx(ca,{windowSize:m,children:ot.transactionTable.pendingProfileCompletion.subTitle[e].replace("__user__",s)})]})]})},Qd=({cardHolderUser:e})=>{const i=ve();return t.jsxs(na,{children:[t.jsx(la,{children:t.jsx(ai,{})}),t.jsxs(sa,{children:[t.jsx(da,{children:ot.transactionTable.pendingActivation.title}),t.jsx(ca,{windowSize:i,children:ot.transactionTable.pendingActivation.subTitle.replace("__user__",e?.firstName??"")})]})]})},ec=({index:e,documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,style:m,transactions:c,isAiCategorizationEnabledForCardsTransactions:$,uploadReceiptsFetchStateByTransactionId:h,uploadReceiptsShowTickByTransactionId:g,isViewReceiptClickedImmediatelyAfterUploadTransactionId:u,cardId:C,cardsEndPoint:x,transactionAttachmentsEndpointToFetch:n,transactionAttachmentEndpointToDownload:w,receiptRequiredAboveAmount:b,authParams:I,updateChargeCardTransactionAttachments:j,onUploadReceiptComplete:L,updateChargeCardTransactionUploadReceiptsFetchStatus:A,updateChargeCardTransactionReceiptsShowTick:p,updateChargeCardTransactionIsViewReceiptClicked:R,onChargeCardTransactionRowClick:v,removeSnackbar:V})=>{const{selectedTransactionId:O}=Yi(),f=O!=null&&c[e].thirdPartyTransactionId===O;return t.jsx(lc,{style:{...m,width:"100%"},isPanelSelected:f,className:"spend-management-list-item",children:t.jsx("div",{"data-transaction-row":!0,children:t.jsx(tc,{documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,cardId:C,isAiCategorizationEnabledForCardsTransactions:$,cardsEndPoint:x,transactionAttachmentsEndpointToFetch:n,transactionAttachmentEndpointToDownload:w,authParams:I,receiptRequiredAboveAmount:b,transaction:c[e],uploadReceiptsFetchState:h?.[c[e].id],uploadReceiptsShowTick:g?.[c[e].id],isViewReceiptClickedImmediatelyAfterUpload:u?.[c[e].id],updateChargeCardTransactionAttachments:j,onUploadReceiptComplete:L,updateChargeCardTransactionUploadReceiptsFetchStatus:A,updateChargeCardTransactionReceiptsShowTick:p,updateChargeCardTransactionIsViewReceiptClicked:R,onChargeCardTransactionRowClick:v,removeSnackbar:V},c[e].id)})})},tc=o.memo(({transaction:e,documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,isAiCategorizationEnabledForCardsTransactions:m,uploadReceiptsFetchState:c,uploadReceiptsShowTick:$,isViewReceiptClickedImmediatelyAfterUpload:h,cardsEndPoint:g,transactionAttachmentsEndpointToFetch:u,transactionAttachmentEndpointToDownload:C,cardId:x,receiptRequiredAboveAmount:n,authParams:w,updateChargeCardTransactionAttachments:b,onUploadReceiptComplete:I,updateChargeCardTransactionUploadReceiptsFetchStatus:j,updateChargeCardTransactionReceiptsShowTick:L,updateChargeCardTransactionIsViewReceiptClicked:A,onChargeCardTransactionRowClick:p,removeSnackbar:R})=>{const v=ve()==="small"?Dd:td;return t.jsx(v,{isSnackbarOpen:s,documentAiReceiptMaxSizeLimit:i,isAiCategorizationEnabledForCardsTransactions:m,transactionAttachmentsEndpointToFetch:u,transactionAttachmentEndpointToDownload:C,uploadReceiptsFetchState:c,uploadReceiptsShowTick:$,isViewReceiptClickedImmediatelyAfterUpload:h,transaction:e,cardId:x,receiptRequiredAboveAmount:n,cardsEndPoint:g,authParams:w,updateChargeCardTransactionAttachments:b,onUploadReceiptComplete:I,updateChargeCardTransactionUploadReceiptsFetchStatus:j,updateChargeCardTransactionReceiptsShowTick:L,updateChargeCardTransactionIsViewReceiptClicked:A,onChargeCardTransactionRowClick:p,removeSnackbar:R})}),ac=(e,i,s,m,c)=>t.jsx(ti,{...e,onColumnSortConfigChanged:c,hideSorting:i,uiState:{sortKey:s.sortKey,sortOrder:s.sortOrder},fetchState:m}),ti=o.forwardRef((e,i)=>{const{children:s,style:m,uiState:c,onColumnSortConfigChanged:$,hideSorting:h,...g}=e;return t.jsxs(uc,{ref:i,style:{...m,width:"auto",maxWidth:"var(--side-panel-list-width, 100%)"},...g,children:[t.jsx(Hs,{onColumnSortConfigChanged:$,sortConfig:{sortKey:c.sortKey,sortOrder:c.sortOrder},hideSorting:h}),t.jsx(oc,{children:s})]})});ti.displayName="Charge Card Transaction list View inner element type";const rc=r.div`
   display: block;
   height: ${e=>e.isEmptyTransaction?"calc(100vh - 436px)":"calc(100vh - 224px)"};
   width: 100%;
@@ -1125,7 +1125,7 @@ import{y as Qe,e as ve,_ as Dt,h as It,gm as fr,h1 as $i,ad as Xe,gn as $r,a7 as
   height: inherit;
 `)`
   animation: ${e=>(i=>i==="slide-in-right-to-left-add-to-wallet"?Cc:null)(e.className)} 0.3s forwards;
-`,xc=({isChargeCardAdmin:e,chargeCardDetailView:i,walletType:s,secretRevealed:m,isDrawerOpen:c,vgsVaultId:$,showSecretInfo:h,changePinInProcess:g,isSandboxEnv:u,controllerEmails:C,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:w,isChargeCardSetupEnabled:b,chargeCardCashbackDetailState:I,isCardDetailErrored:j,creditAccountRepayment:L,productInformation:A,creditAccountInformation:p,debitAccountInformation:R,cashbackInformation:v,signedInUserToken:V,selectedColor:O,showDrawerAnimation:f,cardDetailsFetchState:Z,setCardDetailsFetchState:K,setIsCardDetailErrored:X,setShowSecretInfo:E,setSecretRevealed:B,setShowChangePinPopup:oe,setIsAddToWalletDrawerOpen:ae,isCardDetailFetching:F,handleColorCodeClick:W,onFireOnClickAnalytics:_,onVerifyOtp:J,onVerifyOtpSuccess:P,onResendOtp:re,onFireVerifyPopOnClickAnalytics:ne,onGetOtp:G})=>{const se=Qe(),[q,y]=o.useState(!1),[N,U]=o.useState(!1),k=f.current;return o.useEffect(()=>{document.body.style.overflow=c?"hidden":"unset"},[c,f]),t.jsx(Di,{onClose:()=>{ae(!1)},anchor:"right",open:!0,PaperProps:{style:{maxWidth:"512px",boxShadow:"none",background:"transparent"}},style:{backgroundColor:d.drawerBackground,display:c?"unset":"none"},disableScrollLock:!c,transitionDuration:250,"data-testid":ee("add-card-to-wallet-drawer"),children:t.jsxs(t.Fragment,{children:[t.jsx(vr,{phoneNumberPopupDescription:ze.verifyPhoneNumberDescription,showOtpPopup:q,showPhoneNumberPopup:N,twoFactorAuthenticationView:i.twoFAView,loggedInUserPhone:i.loggedInUserPhone,onVerifyOtp:J,onVerifyOtpSuccess:z=>{P(z),g?oe(!0):E(!0)},onFireVerifyPopOnClickAnalytics:ne,setShowOtpPopup:y,onResendOtp:re,setShowPhoneNumberPopup:U,onGetOtp:G}),t.jsxs(wc,{className:k,children:[t.jsx(Ii,{title:s==="apple"?ze.addCardToAppleWallet:ze.addCardToGoogleWallet,style:{zIndex:4},backgroundColor:se.colors.grey4,onCloseClick:()=>ae(!1)}),t.jsxs(yc,{children:[t.jsxs(vc,{children:[t.jsxs(Sc,{children:[t.jsx(Tc,{children:t.jsx(Ec,{})}),t.jsx(jc,{children:ze.openWalletAppOnPhone})]}),t.jsx(Lc,{children:s==="apple"?ze.openWalletDescriptionApple:ze.openWalletDescriptionGoogle}),t.jsx(_r,{isChargeCardAdmin:e,onUnlockChargeCard:()=>{},chargeCardDetailView:i,creditAccountRepayment:L,creditAccount:i.creditAccount,setShowSecretInfo:E,secretRevealed:m,isOwnCard:!0,controllerEmails:C,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:w,isChargeCardSetupEnabled:b,chargeCardCashbackDetailState:I,isShowingInDrawer:!0,vgsVaultId:$,showSecretInfo:h,isSandboxEnv:u,isCardDetailErrored:j,signedInUserToken:V,productInformation:A,creditAccountInformation:p,debitAccountInformation:R,cashbackInformation:v,selectedColor:O,cardDetailsFetchState:Z,setCardDetailsFetchState:K,setIsCardDetailErrored:X,setSecretRevealed:B,isCardDetailFetching:F,handleColorCodeClick:W,onFireOnClickAnalytics:_,setShowPhoneNumberForOtp:U})]}),t.jsx($c,{}),t.jsxs(kc,{children:[t.jsxs(fc,{children:[t.jsx(Ac,{children:t.jsx(Rc,{})}),t.jsx(Dc,{children:ze.verifyCard})]}),t.jsx(bc,{children:t.jsx(Ic,{children:s==="apple"?ze.VerifyCardDescriptionApple:ze.VerifyCardDescriptionGoogle})})]})]})]})]})})},bc=r.div`
+`,xc=({isChargeCardAdmin:e,chargeCardDetailView:i,walletType:s,secretRevealed:m,isDrawerOpen:c,vgsVaultId:$,showSecretInfo:h,changePinInProcess:g,isSandboxEnv:u,controllerEmails:C,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:w,isChargeCardSetupEnabled:b,chargeCardCashbackDetailState:I,isCardDetailErrored:j,creditAccountRepayment:L,productInformation:A,creditAccountInformation:p,debitAccountInformation:R,cashbackInformation:v,signedInUserToken:V,selectedColor:O,showDrawerAnimation:f,cardDetailsFetchState:Z,setCardDetailsFetchState:K,setIsCardDetailErrored:X,setShowSecretInfo:E,setSecretRevealed:B,setShowChangePinPopup:oe,setIsAddToWalletDrawerOpen:ae,isCardDetailFetching:F,handleColorCodeClick:W,onFireOnClickAnalytics:_,onVerifyOtp:J,onVerifyOtpSuccess:P,onResendOtp:re,onFireVerifyPopOnClickAnalytics:ne,onGetOtp:G})=>{const se=Qe(),[Y,y]=o.useState(!1),[N,U]=o.useState(!1),k=f.current;return o.useEffect(()=>{document.body.style.overflow=c?"hidden":"unset"},[c,f]),t.jsx(Di,{onClose:()=>{ae(!1)},anchor:"right",open:!0,PaperProps:{style:{maxWidth:"512px",boxShadow:"none",background:"transparent"}},style:{backgroundColor:d.drawerBackground,display:c?"unset":"none"},disableScrollLock:!c,transitionDuration:250,"data-testid":ee("add-card-to-wallet-drawer"),children:t.jsxs(t.Fragment,{children:[t.jsx(vr,{phoneNumberPopupDescription:ze.verifyPhoneNumberDescription,showOtpPopup:Y,showPhoneNumberPopup:N,twoFactorAuthenticationView:i.twoFAView,loggedInUserPhone:i.loggedInUserPhone,onVerifyOtp:J,onVerifyOtpSuccess:z=>{P(z),g?oe(!0):E(!0)},onFireVerifyPopOnClickAnalytics:ne,setShowOtpPopup:y,onResendOtp:re,setShowPhoneNumberPopup:U,onGetOtp:G}),t.jsxs(wc,{className:k,children:[t.jsx(Ii,{title:s==="apple"?ze.addCardToAppleWallet:ze.addCardToGoogleWallet,style:{zIndex:4},backgroundColor:se.colors.grey4,onCloseClick:()=>ae(!1)}),t.jsxs(yc,{children:[t.jsxs(vc,{children:[t.jsxs(Sc,{children:[t.jsx(Tc,{children:t.jsx(Ec,{})}),t.jsx(jc,{children:ze.openWalletAppOnPhone})]}),t.jsx(Lc,{children:s==="apple"?ze.openWalletDescriptionApple:ze.openWalletDescriptionGoogle}),t.jsx(_r,{isChargeCardAdmin:e,onUnlockChargeCard:()=>{},chargeCardDetailView:i,creditAccountRepayment:L,creditAccount:i.creditAccount,setShowSecretInfo:E,secretRevealed:m,isOwnCard:!0,controllerEmails:C,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:w,isChargeCardSetupEnabled:b,chargeCardCashbackDetailState:I,isShowingInDrawer:!0,vgsVaultId:$,showSecretInfo:h,isSandboxEnv:u,isCardDetailErrored:j,signedInUserToken:V,productInformation:A,creditAccountInformation:p,debitAccountInformation:R,cashbackInformation:v,selectedColor:O,cardDetailsFetchState:Z,setCardDetailsFetchState:K,setIsCardDetailErrored:X,setSecretRevealed:B,isCardDetailFetching:F,handleColorCodeClick:W,onFireOnClickAnalytics:_,setShowPhoneNumberForOtp:U})]}),t.jsx($c,{}),t.jsxs(kc,{children:[t.jsxs(fc,{children:[t.jsx(Ac,{children:t.jsx(Rc,{})}),t.jsx(Dc,{children:ze.verifyCard})]}),t.jsx(bc,{children:t.jsx(Ic,{children:s==="apple"?ze.VerifyCardDescriptionApple:ze.VerifyCardDescriptionGoogle})})]})]})]})]})})},bc=r.div`
   display: flex;
   justify-content: end;
 `,yc=r.div`
@@ -1185,7 +1185,7 @@ import{y as Qe,e as ve,_ as Dt,h as It,gm as fr,h1 as $i,ad as Xe,gn as $r,a7 as
   width: ${a.sp4};
   height: ${a.sp4};
   color: ${e=>e.theme.colors.graphColor16Dark};
-`,{spendManagement:{chargeCard:{cardDetails:Ye}},common:{strings:Fc}}=$e.getLocalizedStrings(),ha={iFrameWidth:new T(188,188)};function Pc({isSandboxEnv:e,cardProviderID:i,vgsVaultId:s,signedInUserToken:m,onCancelClick:c,onUpdateDebitCardPinAttempt:$,onChangePinSuccess:h}){const g=ve(),u=Qe(),[C,x]=o.useState({}),[n,w]=o.useState(!1),[b,I]=o.useState(!1),[j,L]=o.useState(!0),[A,p]=o.useState(!0),[R,v]=o.useState(!1),[V,O]=o.useState(!1),[f,Z]=o.useState(!1),[K,X]=o.useState(!1),[E,B]=o.useState(!1),[oe,ae]=o.useState(!1),[F,W]=o.useState(!1),[_,J]=o.useState(null),[P,re]=o.useState(null),[ne]=kr("https://js.verygoodvault.com/vgs-collect/2.27.0/vgs-collect.js"),G=e?"SANDBOX":"live";o.useEffect(()=>{if(ne){const q=window.VGSCollect.create(s,G,U=>{const k=U["data.attributes.oldPin"],z=U["data.attributes.newPin"];k?.isTouched===!0&&k?.isValid===!1&&k?.isFocused===!1?X(!0):(k?.isTouched===!0&&k?.isValid===!0&&k?.isFocused===!1||k?.isTouched===!0&&k?.isValid===!0&&k?.isFocused===!0)&&(X(!1),W(!1)),z?.isTouched===!0&&z?.isValid===!1&&z?.isFocused===!1?B(!0):(z?.isTouched===!0&&z?.isValid===!0&&z?.isFocused===!1||z?.isTouched===!0&&z?.isValid===!0&&z?.isFocused===!0)&&B(!1)}),y=q.field("#oldPin",{type:"text",name:"data.attributes.oldPin",placeholder:"0000",autoComplete:"off",maxLength:4,hideValue:!0,validations:["required","/^([0-9]{4})$/"],css:{...H.standardRegular.cssObject,border:"none",boxSizing:"border-box",color:u.colors.primary,height:a.sp6,padding:`${a.sp0} ${a.sp3}`,textAlign:"right","&::placeholder":{color:u.colors.grey1,...H.standardRegular.cssObject},"&.invalid.touched:not(.focused)":{color:d.important,background:d.importantLight},"&:focus":{background:`${u.colors.background} !important`,textAlign:"left",color:`${u.colors.primary} !important`}}}),N=q.field("#newPin",{type:"text",name:"data.attributes.newPin",placeholder:"0000",autoComplete:"off",maxLength:4,hideValue:!0,validations:["required","/^([0-9]{4})$/"],css:{...H.standardRegular.cssObject,border:"none",boxSizing:"border-box",color:u.colors.primary,height:a.sp6,padding:`${a.sp0} ${a.sp3}`,textAlign:"right","&::placeholder":{color:u.colors.grey1,...H.standardRegular.cssObject},"&.invalid.touched:not(.focused)":{color:d.important,background:d.importantLight},"&:focus":{background:`${u.colors.background} !important`,textAlign:"left",color:`${u.colors.primary} !important`}}});J(y),re(N),x(q),Promise.all([y.promise,N.promise]).then(function(){I(!0)})}},[ne]),o.useEffect(()=>{_?.update({hideValue:j})},[_,j]),o.useEffect(()=>{P?.update({hideValue:A})},[P,A]);const se={onOkClick:()=>{if(!C.state)return;const q=C.state["data.attributes.newPin"]?.isValid,y=C.state["data.attributes.oldPin"]?.isValid;Z(!0),q===!0&&y===!0&&(N=>{w(!0),W(!1),C.submit?.("/cards/"+i+"/secure-data/pin",{method:"PUT",mapDotToObject:"true",headers:{"Content-Type":"application/vnd.api+json",Authorization:"Bearer "+N?.token}},function(U,k){U===200?(v(!1),O(!1),h(),$("success")):(X(!0),$("failed"),k.errors?.[0].title.toLowerCase().includes("max")?ae(!0):k.errors?.[0].title.toLowerCase().includes("invalid")&&W(!0),w(!1))},U=>{console.log("error",U),w(!1)})})(m)},onCancelClick:c};return t.jsx(ji,{titleComponent:t.jsx(zc,{children:Ye.moreOptions.changePin}),descriptionComponent:t.jsxs(Mc,{children:[t.jsxs(Bc,{children:[t.jsxs(gr,{showFieldError:K,windowSize:g,isFirstField:!0,validation:f,onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1),oldPinInputHighlighted:R,children:[t.jsx(pr,{children:Ye.existingPin}),t.jsxs(ur,{windowSize:g,children:[t.jsx(Nc,{id:"oldPin",className:"cc-old-pin-form-field",windowSize:g}),t.jsx(cr,{onClick:()=>L(!j),"data-testid":ee("cc-old-pin-show-text"),children:j?t.jsx(lr,{}):t.jsx(hr,{})})]})]}),t.jsx(Oc,{}),t.jsxs(gr,{showFieldError:E,windowSize:g,isFirstField:!1,validation:f,onMouseEnter:()=>O(!0),onMouseLeave:()=>O(!1),newPinInputHighlighted:V,children:[t.jsx(pr,{children:Ye.newPin}),t.jsxs(ur,{windowSize:g,children:[t.jsx(Hc,{id:"newPin",className:"cc-new-pin-form-field",windowSize:g}),t.jsx(cr,{onClick:()=>p(!A),"data-testid":ee("cc-new-pin-show-text"),children:A?t.jsx(lr,{}):t.jsx(hr,{})})]})]})]}),F?t.jsx(mr,{children:Ye.incorrectCurrentPIN}):null,oe?t.jsx(mr,{children:Ye.pinAttemptsReached}):null]}),primaryButtonText:"Change",primaryButtonWidth:87,isLoading:n,isDisabled:b===!1||oe,secondaryButtonWidth:87,buttonContainerStyle:{paddingTop:a.sp3,paddingBottom:a.sp2},secondaryButtonText:"Cancel",action:se,containerStyle:{maxWidth:"544px"},footerHelperComponent:t.jsxs(Li,{children:[t.jsx(Vc,{children:Ye.forgotYourPin}),Fc.space,Ye.callTollFree]})})}const zc=r(Zi)`
+`,{spendManagement:{chargeCard:{cardDetails:qe}},common:{strings:Fc}}=$e.getLocalizedStrings(),ha={iFrameWidth:new T(188,188)};function Pc({isSandboxEnv:e,cardProviderID:i,vgsVaultId:s,signedInUserToken:m,onCancelClick:c,onUpdateDebitCardPinAttempt:$,onChangePinSuccess:h}){const g=ve(),u=Qe(),[C,x]=o.useState({}),[n,w]=o.useState(!1),[b,I]=o.useState(!1),[j,L]=o.useState(!0),[A,p]=o.useState(!0),[R,v]=o.useState(!1),[V,O]=o.useState(!1),[f,Z]=o.useState(!1),[K,X]=o.useState(!1),[E,B]=o.useState(!1),[oe,ae]=o.useState(!1),[F,W]=o.useState(!1),[_,J]=o.useState(null),[P,re]=o.useState(null),[ne]=kr("https://js.verygoodvault.com/vgs-collect/2.27.0/vgs-collect.js"),G=e?"SANDBOX":"live";o.useEffect(()=>{if(ne){const Y=window.VGSCollect.create(s,G,U=>{const k=U["data.attributes.oldPin"],z=U["data.attributes.newPin"];k?.isTouched===!0&&k?.isValid===!1&&k?.isFocused===!1?X(!0):(k?.isTouched===!0&&k?.isValid===!0&&k?.isFocused===!1||k?.isTouched===!0&&k?.isValid===!0&&k?.isFocused===!0)&&(X(!1),W(!1)),z?.isTouched===!0&&z?.isValid===!1&&z?.isFocused===!1?B(!0):(z?.isTouched===!0&&z?.isValid===!0&&z?.isFocused===!1||z?.isTouched===!0&&z?.isValid===!0&&z?.isFocused===!0)&&B(!1)}),y=Y.field("#oldPin",{type:"text",name:"data.attributes.oldPin",placeholder:"0000",autoComplete:"off",maxLength:4,hideValue:!0,validations:["required","/^([0-9]{4})$/"],css:{...H.standardRegular.cssObject,border:"none",boxSizing:"border-box",color:u.colors.primary,height:a.sp6,padding:`${a.sp0} ${a.sp3}`,textAlign:"right","&::placeholder":{color:u.colors.grey1,...H.standardRegular.cssObject},"&.invalid.touched:not(.focused)":{color:d.important,background:d.importantLight},"&:focus":{background:`${u.colors.background} !important`,textAlign:"left",color:`${u.colors.primary} !important`}}}),N=Y.field("#newPin",{type:"text",name:"data.attributes.newPin",placeholder:"0000",autoComplete:"off",maxLength:4,hideValue:!0,validations:["required","/^([0-9]{4})$/"],css:{...H.standardRegular.cssObject,border:"none",boxSizing:"border-box",color:u.colors.primary,height:a.sp6,padding:`${a.sp0} ${a.sp3}`,textAlign:"right","&::placeholder":{color:u.colors.grey1,...H.standardRegular.cssObject},"&.invalid.touched:not(.focused)":{color:d.important,background:d.importantLight},"&:focus":{background:`${u.colors.background} !important`,textAlign:"left",color:`${u.colors.primary} !important`}}});J(y),re(N),x(Y),Promise.all([y.promise,N.promise]).then(function(){I(!0)})}},[ne]),o.useEffect(()=>{_?.update({hideValue:j})},[_,j]),o.useEffect(()=>{P?.update({hideValue:A})},[P,A]);const se={onOkClick:()=>{if(!C.state)return;const Y=C.state["data.attributes.newPin"]?.isValid,y=C.state["data.attributes.oldPin"]?.isValid;Z(!0),Y===!0&&y===!0&&(N=>{w(!0),W(!1),C.submit?.("/cards/"+i+"/secure-data/pin",{method:"PUT",mapDotToObject:"true",headers:{"Content-Type":"application/vnd.api+json",Authorization:"Bearer "+N?.token}},function(U,k){U===200?(v(!1),O(!1),h(),$("success")):(X(!0),$("failed"),k.errors?.[0].title.toLowerCase().includes("max")?ae(!0):k.errors?.[0].title.toLowerCase().includes("invalid")&&W(!0),w(!1))},U=>{console.log("error",U),w(!1)})})(m)},onCancelClick:c};return t.jsx(ji,{titleComponent:t.jsx(zc,{children:qe.moreOptions.changePin}),descriptionComponent:t.jsxs(Mc,{children:[t.jsxs(Bc,{children:[t.jsxs(gr,{showFieldError:K,windowSize:g,isFirstField:!0,validation:f,onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1),oldPinInputHighlighted:R,children:[t.jsx(pr,{children:qe.existingPin}),t.jsxs(ur,{windowSize:g,children:[t.jsx(Nc,{id:"oldPin",className:"cc-old-pin-form-field",windowSize:g}),t.jsx(cr,{onClick:()=>L(!j),"data-testid":ee("cc-old-pin-show-text"),children:j?t.jsx(lr,{}):t.jsx(hr,{})})]})]}),t.jsx(Oc,{}),t.jsxs(gr,{showFieldError:E,windowSize:g,isFirstField:!1,validation:f,onMouseEnter:()=>O(!0),onMouseLeave:()=>O(!1),newPinInputHighlighted:V,children:[t.jsx(pr,{children:qe.newPin}),t.jsxs(ur,{windowSize:g,children:[t.jsx(Hc,{id:"newPin",className:"cc-new-pin-form-field",windowSize:g}),t.jsx(cr,{onClick:()=>p(!A),"data-testid":ee("cc-new-pin-show-text"),children:A?t.jsx(lr,{}):t.jsx(hr,{})})]})]})]}),F?t.jsx(mr,{children:qe.incorrectCurrentPIN}):null,oe?t.jsx(mr,{children:qe.pinAttemptsReached}):null]}),primaryButtonText:"Change",primaryButtonWidth:87,isLoading:n,isDisabled:b===!1||oe,secondaryButtonWidth:87,buttonContainerStyle:{paddingTop:a.sp3,paddingBottom:a.sp2},secondaryButtonText:"Cancel",action:se,containerStyle:{maxWidth:"544px"},footerHelperComponent:t.jsxs(Li,{children:[t.jsx(Vc,{children:qe.forgotYourPin}),Fc.space,qe.callTollFree]})})}const zc=r(Zi)`
   margin-top: ${a.sp7};
   padding-left: ${a.sp8};
   padding-right: ${a.sp8};
@@ -1277,7 +1277,7 @@ import{y as Qe,e as ve,_ as Dt,h as It,gm as fr,h1 as $i,ad as Xe,gn as $r,a7 as
             background: ${e.theme.colors.background};
           }
         `:null}
-`,Ae={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:je,spendManagement:Wc,dateFormat:_c}=$e.getLocalizedStrings(),ce=Wc.chargeCard,Yl=({chargeCardDetailView:e,onUnlockChargeCard:i,onCloseChargeCard:s,cardsEndPoint:m,classListFetchState:c,transactionAttachmentsEndpointToFetch:$,transactionAttachmentEndpointToDownload:h,authParams:g,hideSorting:u,cardId:C,vgsVaultId:x,controllerEmails:n,isCardControlsEnabled:w,isChargeCardFeatureEnabled:b,isDebitCardFeatureEnabled:I,isDebitCardSetupEnabled:j,isChargeCardSetupEnabled:L,chargeCardCashbackDetailState:A,onFetchChargeCardsRecurringExpenses:p,productInformation:R,cashbackInformation:v,creditAccountInformation:V,debitAccountInformation:O,creditAccount:f,cardIssuedByRoles:Z,cardIssuedByDepartmentName:K,cardHolderRoles:X,cardHolderDepartmentName:E,loggedInUserRole:B,appleWalletLink:oe,googleWalletLink:ae,signedInUser:F,signedInUserToken:W,chargeCardsRecurringExpensesState:_,isSandboxEnv:J,isEarlyPayEnabled:P,documentAiReceiptMaxSizeLimit:re,isSnackbarOpen:ne,onFireOnClickAnalytics:G,onUpdateDebitCardPinAttempt:se,onFireVerifyPopOnClickAnalytics:q,onBackClick:y,onReloadTransactions:N,onFetchChargeCardTransactionList:U,onGetOtp:k,onLockChargeCard:z,onResendOtp:te,onVerifyOtp:de,updateChargeCardName:Y,onVerifyOtpSuccess:D,onColorCodeChange:Q,onColumnSortConfigChanged:le,updateChargeCardTransactionAttachments:Te,updateChargeCardTransactionUploadReceiptsFetchStatus:Se,updateChargeCardTransactionReceiptsShowTick:Le,updateChargeCardTransactionIsViewReceiptClicked:S,onUploadReceiptComplete:ie,removeSnackbar:Ue,onChargeCardTransactionRowClick:he,onChargeCardRevokeInviteClick:ke,onUpdateScrollYOffset:Ze,updateSpendLimit:Pe,shouldOpenCreditCardPaymentDrawer:me,sidePanelIsOpen:Me,sidePanelIsFullView:Ct,panelContent:wt})=>{const st=o.useRef(!0),xt=Qe(),pe=ve(),Ge=Dt(),dt=It().analytics,[,ct]=fr(),[et,bt]=o.useState(!1),[Re,tt]=o.useState(!1),[Ve,Ce]=o.useState(!1),[yt,lt]=o.useState(!1),[Rt,pa]=o.useState(!1),[Et,ua]=o.useState(!1),[ii,oi]=o.useState(!1),[ni,ma]=o.useState(!1),[si,St]=o.useState(!1),[di,Ft]=o.useState(!1),[ci,ft]=o.useState(!1),[li,$t]=o.useState(!1),[at,Pt]=o.useState(!1),[ga,zt]=o.useState(!1),[Ca,wa]=o.useState(!1),[hi,xa]=o.useState(!1),[pi,ui]=o.useState("apple"),[ba,ya]=o.useState({number:!1,cvv:!1});o.useEffect(()=>{at===!1&&zt(!1)},[at]);const Sa=o.useRef("noAnimation"),Oe=e.chargeCard?.cardHolderUserId===F.userId,Mt=`${e.chargeCard?.cardHolderUser?.firstName??""} ${e.chargeCard?.cardHolderUser?.lastName??""}`,fa=e.chargeCard?.billingAddress,xe=Tt(Ge.loggedInUserRoleMap),{text1:mi,text2:gi}=$i(fa),$a=`${mi} ${gi}`,Vt=e.chargeCard?.isDeclinedTransaction===!0;o.useEffect(()=>{et===!0&&setTimeout(()=>{bt(!1)},800),Rt===!0&&setTimeout(()=>{pa(!1)},800),Et===!0&&setTimeout(()=>{ua(!1)},800)},[Rt,Et,et]);const[xl,Ci]=o.useState(!1),[va,ka]=o.useState(e.chargeCard?.cardColorCode!=null?new Xe(e.chargeCard.cardColorCode):void 0);o.useEffect(()=>{e.chargeCard?.cardColorCode!=null&&ka(new Xe(e.chargeCard.cardColorCode))},[e.chargeCard?.cardColorCode]);const ja={amount:e.chargeCard!=null?e.chargeCard.balance.amount:0,currencyCode:e.chargeCard!=null?e.chargeCard.balance.currencyCode:je.currency.countryCode,currencySymbol:e.chargeCard!=null?e.chargeCard.balance.currencySymbol:je.currency.currencySymbol};o.useEffect(()=>{st.current===!0?st.current=!1:G(at===!1?"card details hidden":"card detail revealed")},[at]);const La=(M,be)=>{if(be===!0){const He=Ai(M.toString())??je.strings.empty;G("color selected",He),Q(He),Ci(!1)}ka(M)},Da=M=>{const{cvv:be,number:He}=M;return be===!0||He===!0},{isMobileOrTabletScreen:Ia}=$r(),Ot=e.chargeCard?.status.code!=="request_on_hold"&&e.chargeCard?.status.code!=="inactive",Ht=e.updateChargeCardLimitFetchState.fetchState,Nt=e.updateChargeCardNameFetchState.fetchState,Bt=e.lockChargeCardsFetchState.fetchState,Wt=e.closeChargeCardsFetchState.fetchState,Aa=Je(Ht),Ta=Je(Nt),Ra=Je(Bt),Ea=Je(Wt);o.useEffect(()=>{Aa==="In-Progress"&&Ht==="Completed"?St(!1):Ta==="In-Progress"&&Nt==="Completed"?Ft(!1):Ra==="In-Progress"&&Bt==="Completed"?ft(!1):Ea==="In-Progress"&&Wt==="Completed"&&$t(!1)},[Ht,Nt,Bt,Wt,Aa,Ta,Ra,Ea]);const De=e.chargeCard?.type.code==="business_physical_debit_card"||e.chargeCard?.type.code==="business_virtual_debit_card",wi=xe&&(e.chargeCard?.status.code==="active"||e.chargeCard?.status.code==="locked")&&ja.amount<(De?e.depositAccountLimit?.cardLimits.dailyCardTransactionLimit.amount??0:e.creditAccount.limit.amount),xi=e.creditAccountRepayment.initiatedRepayments.amount>0&&xe&&Vt,Fa=t.jsx("div",{children:t.jsx($o,{entity:"debit_cards",isDisabled:e.unlockChargeCardsFetchState.fetchState==="In-Progress"?"disabled":void 0,onOptionSelection:M=>{M==="changePin"?(W==null||W.expiry.isBefore(new Date)?k(e.loggedInUserPhone):lt(!0),Ce(!0)):M==="updateSpendLimit"?St(!0):M==="rename"?Ft(!0):M==="lock"?(ft(!0),p()):M==="close"?($t(!0),p()):M==="unlock"?i(xe):M==="revokeInvite"&&ke()},isMoreOption:!0,options:(()=>{if(!w)return[{value:"changePin",label:ce.cardDetails.moreOptions.changePin}];const M=[{value:"changePin",label:ce.cardDetails.moreOptions.changePin},{value:"unlock",label:ce.cardDetails.moreOptions.unlock},{value:"updateSpendLimit",label:ce.cardDetails.moreOptions.updateSpendLimit},{value:"rename",label:ce.cardDetails.moreOptions.rename},{value:"lock",label:ce.cardDetails.moreOptions.lock},{value:"close",label:ce.cardDetails.moreOptions.close},{value:"revokeInvite",label:ce.cardDetails.moreOptions.revokeInvite}],be=e.chargeCard?.status.code,He=be==="locked",bi=be==="inactive",yi=be==="request_on_hold",Si=e.chargeCard?.isLockedByAdmin===!0,za=De&&Oe,vt=xe;if(yi){const Ee=[];return vt&&Ee.push("revokeInvite"),Ee.push("rename"),M.filter(_t=>Ee.includes(_t.value))}if(bi){const Ee=[];return Ee.push("rename"),za&&Ee.push("changePin"),vt&&Ee.push("close"),M.filter(_t=>Ee.includes(_t.value))}const fi={changePin:za&&!He,lock:!He,unlock:He&&(xe||!Si),rename:!0,updateSpendLimit:vt,close:vt};return M.filter(Ee=>fi[Ee.value])})(),customStyleConfig:{control:()=>({backgroundColor:"inherit",cursor:"pointer",border:"none",":hover":{backgroundColor:"inherit"}}),valueContainer:M=>({...M,display:"flex",alignItems:"center"})}})}),Pa=M=>M.reasonType==="other"?M.reason:M.reasonType;return t.jsxs(rl,{children:[ci&&e.chargeCard!=null&&t.jsx(Mo,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>ft(!1),isChargeCardAdmin:xe,chargeCardsByCardId:{[e.chargeCard.id]:e.chargeCard},cardRecurringExpensesByCardId:{[e.chargeCard.id]:_.recurringExpenses},cardRecurringExpenseFetchState:_.fetchState,lockCardFetchState:e.lockChargeCardsFetchState.fetchState,onConfirmClick:M=>{const be=Pa(M);z(xe,be)},onDismissClick:()=>ft(!1),onRemoveCardClick:()=>{}}),li&&e.chargeCard!=null&&t.jsx(Vo,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>$t(!1),isChargeCardAdmin:xe,chargeCardsByCardId:{[e.chargeCard.id]:e.chargeCard},cardRecurringExpensesByCardId:{[e.chargeCard.id]:_.recurringExpenses},cardRecurringExpenseFetchState:_.fetchState,closeCardFetchState:e.closeChargeCardsFetchState.fetchState,onConfirmClick:M=>{const be=Pa(M);s(be)},onDismissClick:()=>$t(!1),onRemoveCardClick:()=>{}}),yt&&e.chargeCard?.cardProviderID!=null?t.jsx(Pc,{signedInUserToken:W,vgsVaultId:x,onCancelClick:()=>{lt(!1),Ce(!0)},isSandboxEnv:!0,cardProviderID:e.chargeCard?.cardProviderID,onChangePinSuccess:()=>{lt(!1),Ce(!0)},onUpdateDebitCardPinAttempt:se}):null,Ia?null:t.jsx(xc,{isChargeCardAdmin:xe,controllerEmails:n,isChargeCardFeatureEnabled:b,isDebitCardFeatureEnabled:I,isDebitCardSetupEnabled:j,isChargeCardSetupEnabled:L,chargeCardCashbackDetailState:A,creditAccountRepayment:e.creditAccountRepayment,productInformation:R,cashbackInformation:v,creditAccountInformation:V,debitAccountInformation:O,creditAccount:e.creditAccount,selectedColor:va,walletType:pi,onFireOnClickAnalytics:G,isSandboxEnv:J,chargeCardDetailView:e,vgsVaultId:x,signedInUserToken:W,showSecretInfo:at,changePinInProcess:Ve,setShowChangePinPopup:lt,isCardDetailErrored:Ca,cardDetailsFetchState:ba,setCardDetailsFetchState:ya,setIsCardDetailErrored:wa,isCardDetailFetching:Da,handleColorCodeClick:La,isDrawerOpen:hi,setIsAddToWalletDrawerOpen:xa,onVerifyOtp:de,onVerifyOtpSuccess:D,onFireVerifyPopOnClickAnalytics:q,onResendOtp:te,setShowSecretInfo:Pt,secretRevealed:ga,setSecretRevealed:zt,onGetOtp:k,showDrawerAnimation:Sa}),t.jsx(vi,{rightSideComponent:(()=>{const M=e.chargeCard?.status.code;if(M==="closed"||M==="closed_by_customer")return null;if(!w)return Oe&&De?Fa:null;if(!Oe&&!xe)return null;const be=e.chargeCard?.isLockedByAdmin===!0;return Oe&&!xe&&be&&M==="locked"?null:Fa})(),navBarContainerStyles:{paddingTop:l[2],alignItems:"center",paddingBottom:l[2]},source:"ChargeCardDetailPage",title:e.chargeCard?.cardName??je.strings.empty,subTitle:e.fetchState==="Completed"&&e.chargeCard!=null?t.jsx(Eo,{cardDetail:e.chargeCard,forDetailPage:!0}):void 0,showBackButton:!0,showMenuIcon:!1,backgroundColor:xt.colors.grey5,style:{zIndex:3},onBackClick:y,titleStyle:{marginTop:l[0],...pe==="small"&&{textAlign:"left"}},leftComponentStyle:pe==="small"?{width:"10%"}:void 0,middleComponentStyle:pe==="small"?{width:"80%"}:void 0,rightComponentStyle:pe==="small"?{width:"10%"}:void 0}),t.jsx(vr,{phoneNumberPopupDescription:ce.cardDetails.verifyPhoneNumberDescription,showOtpPopup:ii,showPhoneNumberPopup:ni,twoFactorAuthenticationView:e.twoFAView,loggedInUserPhone:e.loggedInUserPhone,onVerifyOtp:de,onVerifyOtpSuccess:M=>{D(M),Ve?lt(!0):Pt(!0)},onFireVerifyPopOnClickAnalytics:q,setShowOtpPopup:oi,onResendOtp:te,setShowPhoneNumberPopup:ma,onGetOtp:k}),di&&t.jsx(Oo,{currentCardName:e.chargeCard?.cardName??"",renameFetchState:e.updateChargeCardNameFetchState.fetchState,onCancelClick:()=>Ft(!1),onSubmitClick:M=>{e.chargeCard&&Y(xe,M)}}),si&&e.chargeCard!=null?t.jsx(Ho,{controllerEmails:n,isChargeCardFeatureEnabled:b,isDebitCardFeatureEnabled:I,isDebitCardSetupEnabled:j,isChargeCardSetupEnabled:L,productInformation:R,cashbackInformation:v,creditAccountInformation:V,debitAccountInformation:O,cardDetail:e.chargeCard,transactionStatistics:e.transactionStatistics,depositAccountLimitFetchState:e.depositAccountLimitFetchState.fetchState,creditAccount:f,creditAccountRepayment:e.creditAccountRepayment,signedInUser:F,isDebitCard:De,cardIssuedByRoles:Z,cardHolderRoles:X,loggedInUserRole:B,cardIssuedByDepartmentName:K,cardHolderDepartmentName:E,classListFetchState:c,currentLimitAmount:e.chargeCard?.limit??{amount:0,currencyCode:je.currency.countryCode,currencySymbol:je.currency.currencySymbol},currentSpentAmount:e.chargeCard?.balance??{amount:0,currencyCode:je.currency.countryCode,currencySymbol:je.currency.currencySymbol},maxLimitAmount:De?e.depositAccountLimit?.cardLimits.dailyCardTransactionLimit:e.creditAccount.limit,isDisabled:De&&e.depositAccountLimitFetchState.fetchState!=="Completed",updateLimitFetchState:e.updateChargeCardLimitFetchState.fetchState,onCancelClick:()=>St(!1),onSubmitClick:M=>{if(e.chargeCard){const be={amount:M,currencyCode:e.chargeCard.limit.currencyCode,currencySymbol:e.chargeCard.limit.currencySymbol};Pe(e.chargeCard.id,be,e.chargeCard.creditLimitFrequency,_e("0,0.[00]",be))}},recommendations:e?.chargeCard?.recommendations}):null,e.fetchState==="Error"?t.jsxs(Xc,{windowSize:pe,children:[t.jsx(el,{onClick:N,"data-testid":ee("reload-card-detail"),children:t.jsx(al,{})}),t.jsx(tl,{children:je.reloadPage.label})]}):t.jsx(ki,{isOpen:Me??!1,isFullView:Ct??!1,panelContent:wt,headerContent:t.jsxs(Cr,{children:[t.jsx(rs,{controllerEmails:n,isChargeCardFeatureEnabled:b,isDebitCardFeatureEnabled:I,isDebitCardSetupEnabled:j,isChargeCardSetupEnabled:L,creditAccount:f,creditAccountRepayment:e.creditAccountRepayment,productInformation:R,cashbackInformation:v,creditAccountInformation:V,debitAccountInformation:O,isDebitCard:De,chargeCardCashbackDetailState:A,cardIssuedByRoles:Z,cardIssuedByDepartmentName:K,cardHolderRoles:X,cardHolderDepartmentName:E,classListFetchState:c,chargeCardDetailView:e,spent:ja,isCardNotPending:Ot,cardOwnerName:Mt,appleWalletLink:oe,googleWalletLink:ae,addressToShow:fa,secretRevealed:ga,isOwnCard:Oe,vgsVaultId:x,showSecretInfo:at,isSandboxEnv:J,isCardDetailErrored:Ca,signedInUserToken:W,selectedColor:va,cardDetailsFetchState:ba,setCardDetailsFetchState:ya,setIsCardDetailErrored:wa,setSecretRevealed:zt,isCardDetailFetching:Da,handleColorCodeClick:La,onFireOnClickAnalytics:G,setShowPhoneNumberPopup:ma,setShowChangeSpendLimitPopup:St,setShowSecretInfo:Pt,isOwnerNameCopied:Rt,isAddressCopied:Et,onOwnerNameCopyClick:()=>{G("card owner copied"),Jt({chargeCardDetailView:e,chargeCardCashbackDetailState:A,isChargeCardFeatureEnabled:b,productInformation:R,cashbackInformation:v,creditAccountInformation:V,debitAccountInformation:O,creditAccount:f,creditAccountRepayment:e.creditAccountRepayment,isDebitCard:De,isChargeCardAdmin:xe,analytics:dt,controllerEmails:n,actionField:"Card Owner",actionDetails:Mt}),ct(Mt),pa(!0)},onAddressCopyClick:()=>{G("billing address copied"),Jt({chargeCardDetailView:e,chargeCardCashbackDetailState:A,isChargeCardFeatureEnabled:b,productInformation:R,cashbackInformation:v,creditAccountInformation:V,debitAccountInformation:O,creditAccount:f,creditAccountRepayment:e.creditAccountRepayment,isDebitCard:De,isChargeCardAdmin:xe,analytics:dt,controllerEmails:n,actionField:"Billing Address",actionDetails:$a}),ct($a),ua(!0)},showUpdateSpendLimitAction:wi,onUnlockChargeCard:i}),P?xi?t.jsxs(Zc,{windowSize:pe,children:[t.jsx(sl,{}),t.jsx(qc,{children:` ${ce.payEarly.paymentOf} ${_e("0,0.[00]",e.creditAccountRepayment.initiatedRepayments)} ${ce.payEarly.madeOn} ${e.creditAccountRepayment.initiatedRepaymentDate?.format(_c.visual.MMMDFormat)} ${ce.payEarly.isProcessing} ${ce.payEarly.theCompanyCreditLimitWillUpdateIn23BusinessDays}`})]}):Vt?xe?t.jsxs(ri,{onClick:()=>{me(!0)},windowSize:pe,children:[t.jsx(wr,{windowSize:pe}),t.jsxs(Jc,{children:[t.jsx(xr,{children:ce.payEarly.transactionsMayBeDeclinedBecauseTheCompanyCreditLimitIsRunningLow}),t.jsxs(Yc,{className:"pay-now-button",children:[ce.payEarly.payNow,t.jsx(Gc,{})]})]})]}):t.jsxs(Uc,{windowSize:pe,children:[t.jsx(wr,{windowSize:pe}),t.jsx(Qc,{children:t.jsx(xr,{children:ce.payEarly.yourTransactionsMayBeDeclinedBecauseTheCompanyCreditLimitIsRunningLowWeHaveNotifiedYourAdmin})})]}):null:null,Oe&&pe!=="small"&&Ot&&De===!1?t.jsx(No,{style:{marginTop:Vt?a.sp5:a.sp4},classListFetchState:c,controllerEmails:n,isChargeCardFeatureEnabled:b,isDebitCardFeatureEnabled:I,isDebitCardSetupEnabled:j,isChargeCardSetupEnabled:L,chargeCardDetailView:e,creditAccount:f,creditAccountRepayment:e.creditAccountRepayment,productInformation:R,cashbackInformation:v,creditAccountInformation:V,debitAccountInformation:O,cardIssuedByRoles:Z,cardHolderRoles:X,cardIssuedByDepartmentName:K,cardHolderDepartmentName:E,isDebitCard:De,appleWalletLink:oe,googleWalletLink:ae,setWalletType:ui,setIsAddToWalletDrawerOpen:xa,showDrawerAnimation:Sa}):null]}),listContent:t.jsx(Cr,{children:t.jsxs(wl,{windowSize:pe,isOwnCard:Oe,isMobileOrTabletScreen:Ia,children:[Ot&&e.transactions.length>0?t.jsxs(t.Fragment,{children:[t.jsxs(ol,{windowSize:pe,children:[ce.cardDetails.transactionListTitle,t.jsx(ta,{display:"flex",placement:"right",title:t.jsx(dl,{children:ce.cardDetails.transactionListTooltip.replace("__receiptRequiredAboveAmount__",e.chargeCardConfig.receiptRequiredAboveAmount.amount.toString())}),children:t.jsx(nl,{})})]}),t.jsxs(cl,{windowSize:pe,children:[t.jsx(ul,{windowSize:pe,children:t.jsx(ml,{})}),t.jsxs(il,{windowSize:pe,children:[t.jsxs(ll,{children:[t.jsx(Kc,{children:ce.aiCardAgentText}),je.strings.space,ce.receiptBotMessage,je.strings.space]}),t.jsxs(pl,{"data-testid":ee("charge-card-detail-copy-email"),onClick:()=>{Jt({chargeCardDetailView:e,chargeCardCashbackDetailState:A,isChargeCardFeatureEnabled:b,productInformation:R,cashbackInformation:v,creditAccountInformation:V,debitAccountInformation:O,creditAccount:f,creditAccountRepayment:e.creditAccountRepayment,isDebitCard:De,isChargeCardAdmin:xe,analytics:dt,controllerEmails:n,actionField:"Receipt Email",actionDetails:e.chargeCardConfig.receiptBotEmail}),ct(e.chargeCardConfig.receiptBotEmail),bt(!0)},onMouseEnter:()=>tt(!0),onMouseLeave:()=>tt(!1),children:[t.jsx(hl,{children:e.chargeCardConfig.receiptBotEmail}),et===!0?t.jsxs(yr,{children:[t.jsx(Cl,{}),t.jsx(br,{children:t.jsx(Sr,{shouldDisplay:Re||et,color:d.primaryDark,children:je.copyToClipBoard.copied})})]}):t.jsxs(yr,{children:[t.jsx(gl,{color:Re?xt.colors.primary:void 0}),t.jsx(br,{children:t.jsx(Sr,{shouldDisplay:Re&&pe!=="small",children:je.copyToClipBoard.copy})})]})]})]})]})]}):null,t.jsx(Kd,{cardStatusCode:e.chargeCard?.status.code,cardCodeType:e.chargeCard?.type.code,cardId:C,documentAiReceiptMaxSizeLimit:re,uploadReceiptsFetchStateByTransactionId:e.uploadReceiptsFetchStateByTransactionId,isSnackbarOpen:ne,uploadReceiptsShowTickByTransactionId:e.uploadReceiptsShowTickByTransactionId,isViewReceiptClickedImmediatelyAfterUploadTransactionId:e.isViewReceiptClickedImmediatelyAfterUploadTransactionId,receiptRequiredAboveAmount:e.chargeCardConfig.receiptRequiredAboveAmount,cardsEndPoint:m,transactionAttachmentsEndpointToFetch:$,transactionAttachmentEndpointToDownload:h,authParams:g,hideSorting:u,transactions:e.transactions,cardHolderUser:e.chargeCard?.cardHolderUser,uiState:e.uiState,fetchState:e.transactionListFetchState.fetchState,isAiCategorizationEnabledForCardsTransactions:e.chargeCardConfig.isAiCategorizationEnabledForCardsTransactions,onReloadTransactions:N,onFetchChargeCardTransactionList:U,isOwnCard:Oe,onColumnSortConfigChanged:le,removeSnackbar:Ue,onChargeCardTransactionRowClick:he,onUpdateScrollYOffset:Ze,onUploadReceiptComplete:ie,updateChargeCardTransactionAttachments:Te,updateChargeCardTransactionUploadReceiptsFetchStatus:Se,updateChargeCardTransactionReceiptsShowTick:Le,updateChargeCardTransactionIsViewReceiptClicked:S})]})})})]})},Jt=({chargeCardDetailView:e,chargeCardCashbackDetailState:i,isChargeCardFeatureEnabled:s,productInformation:m,cashbackInformation:c,creditAccountInformation:$,debitAccountInformation:h,creditAccount:g,creditAccountRepayment:u,isDebitCard:C,isChargeCardAdmin:x,analytics:n,controllerEmails:w,actionDetails:b,actionField:I})=>{e.chargeCard!=null&&i.fetchState==="Completed"&&(!s||g.fetchState==="Completed"&&u.fetchState==="Completed")&&(!C||!x||e.depositAccountLimitFetchState.fetchState==="Completed")&&n.trackCardsCopyIconClick(w,m,"Cards Detail","Copy","copied",I,b,c,$,h)},Cr=r.div``,ri=r.div`
+`,Ae={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:je,spendManagement:Wc,dateFormat:_c}=$e.getLocalizedStrings(),ce=Wc.chargeCard,ql=({chargeCardDetailView:e,onUnlockChargeCard:i,onCloseChargeCard:s,cardsEndPoint:m,classListFetchState:c,transactionAttachmentsEndpointToFetch:$,transactionAttachmentEndpointToDownload:h,authParams:g,hideSorting:u,cardId:C,vgsVaultId:x,controllerEmails:n,isCardControlsEnabled:w,isChargeCardFeatureEnabled:b,isDebitCardFeatureEnabled:I,isDebitCardSetupEnabled:j,isChargeCardSetupEnabled:L,chargeCardCashbackDetailState:A,onFetchChargeCardsRecurringExpenses:p,productInformation:R,cashbackInformation:v,creditAccountInformation:V,debitAccountInformation:O,creditAccount:f,cardIssuedByRoles:Z,cardIssuedByDepartmentName:K,cardHolderRoles:X,cardHolderDepartmentName:E,loggedInUserRole:B,appleWalletLink:oe,googleWalletLink:ae,signedInUser:F,signedInUserToken:W,chargeCardsRecurringExpensesState:_,isSandboxEnv:J,isEarlyPayEnabled:P,documentAiReceiptMaxSizeLimit:re,isSnackbarOpen:ne,onFireOnClickAnalytics:G,onUpdateDebitCardPinAttempt:se,onFireVerifyPopOnClickAnalytics:Y,onBackClick:y,onReloadTransactions:N,onFetchChargeCardTransactionList:U,onGetOtp:k,onLockChargeCard:z,onResendOtp:te,onVerifyOtp:de,updateChargeCardName:q,onVerifyOtpSuccess:D,onColorCodeChange:Q,onColumnSortConfigChanged:le,updateChargeCardTransactionAttachments:Te,updateChargeCardTransactionUploadReceiptsFetchStatus:Se,updateChargeCardTransactionReceiptsShowTick:Le,updateChargeCardTransactionIsViewReceiptClicked:S,onUploadReceiptComplete:ie,removeSnackbar:Ue,onChargeCardTransactionRowClick:he,onChargeCardRevokeInviteClick:ke,onUpdateScrollYOffset:Ze,updateSpendLimit:Pe,shouldOpenCreditCardPaymentDrawer:me,sidePanelIsOpen:Me,sidePanelIsFullView:Ct,panelContent:wt})=>{const st=o.useRef(!0),xt=Qe(),pe=ve(),Ge=Dt(),dt=It().analytics,[,ct]=fr(),[et,bt]=o.useState(!1),[Re,tt]=o.useState(!1),[Ve,Ce]=o.useState(!1),[yt,lt]=o.useState(!1),[Rt,pa]=o.useState(!1),[Et,ua]=o.useState(!1),[ii,oi]=o.useState(!1),[ni,ma]=o.useState(!1),[si,St]=o.useState(!1),[di,Ft]=o.useState(!1),[ci,ft]=o.useState(!1),[li,$t]=o.useState(!1),[at,Pt]=o.useState(!1),[ga,zt]=o.useState(!1),[Ca,wa]=o.useState(!1),[hi,xa]=o.useState(!1),[pi,ui]=o.useState("apple"),[ba,ya]=o.useState({number:!1,cvv:!1});o.useEffect(()=>{at===!1&&zt(!1)},[at]);const Sa=o.useRef("noAnimation"),Oe=e.chargeCard?.cardHolderUserId===F.userId,Mt=`${e.chargeCard?.cardHolderUser?.firstName??""} ${e.chargeCard?.cardHolderUser?.lastName??""}`,fa=e.chargeCard?.billingAddress,xe=Tt(Ge.loggedInUserRoleMap),{text1:mi,text2:gi}=$i(fa),$a=`${mi} ${gi}`,Vt=e.chargeCard?.isDeclinedTransaction===!0;o.useEffect(()=>{et===!0&&setTimeout(()=>{bt(!1)},800),Rt===!0&&setTimeout(()=>{pa(!1)},800),Et===!0&&setTimeout(()=>{ua(!1)},800)},[Rt,Et,et]);const[xl,Ci]=o.useState(!1),[va,ka]=o.useState(e.chargeCard?.cardColorCode!=null?new Xe(e.chargeCard.cardColorCode):void 0);o.useEffect(()=>{e.chargeCard?.cardColorCode!=null&&ka(new Xe(e.chargeCard.cardColorCode))},[e.chargeCard?.cardColorCode]);const ja={amount:e.chargeCard!=null?e.chargeCard.balance.amount:0,currencyCode:e.chargeCard!=null?e.chargeCard.balance.currencyCode:je.currency.countryCode,currencySymbol:e.chargeCard!=null?e.chargeCard.balance.currencySymbol:je.currency.currencySymbol};o.useEffect(()=>{st.current===!0?st.current=!1:G(at===!1?"card details hidden":"card detail revealed")},[at]);const La=(M,be)=>{if(be===!0){const He=Ai(M.toString())??je.strings.empty;G("color selected",He),Q(He),Ci(!1)}ka(M)},Da=M=>{const{cvv:be,number:He}=M;return be===!0||He===!0},{isMobileOrTabletScreen:Ia}=$r(),Ot=e.chargeCard?.status.code!=="request_on_hold"&&e.chargeCard?.status.code!=="inactive",Ht=e.updateChargeCardLimitFetchState.fetchState,Nt=e.updateChargeCardNameFetchState.fetchState,Bt=e.lockChargeCardsFetchState.fetchState,Wt=e.closeChargeCardsFetchState.fetchState,Aa=Je(Ht),Ta=Je(Nt),Ra=Je(Bt),Ea=Je(Wt);o.useEffect(()=>{Aa==="In-Progress"&&Ht==="Completed"?St(!1):Ta==="In-Progress"&&Nt==="Completed"?Ft(!1):Ra==="In-Progress"&&Bt==="Completed"?ft(!1):Ea==="In-Progress"&&Wt==="Completed"&&$t(!1)},[Ht,Nt,Bt,Wt,Aa,Ta,Ra,Ea]);const De=e.chargeCard?.type.code==="business_physical_debit_card"||e.chargeCard?.type.code==="business_virtual_debit_card",wi=xe&&(e.chargeCard?.status.code==="active"||e.chargeCard?.status.code==="locked")&&ja.amount<(De?e.depositAccountLimit?.cardLimits.dailyCardTransactionLimit.amount??0:e.creditAccount.limit.amount),xi=e.creditAccountRepayment.initiatedRepayments.amount>0&&xe&&Vt,Fa=t.jsx("div",{children:t.jsx($o,{entity:"debit_cards",isDisabled:e.unlockChargeCardsFetchState.fetchState==="In-Progress"?"disabled":void 0,onOptionSelection:M=>{M==="changePin"?(W==null||W.expiry.isBefore(new Date)?k(e.loggedInUserPhone):lt(!0),Ce(!0)):M==="updateSpendLimit"?St(!0):M==="rename"?Ft(!0):M==="lock"?(ft(!0),p()):M==="close"?($t(!0),p()):M==="unlock"?i(xe):M==="revokeInvite"&&ke()},isMoreOption:!0,options:(()=>{if(!w)return[{value:"changePin",label:ce.cardDetails.moreOptions.changePin}];const M=[{value:"changePin",label:ce.cardDetails.moreOptions.changePin},{value:"unlock",label:ce.cardDetails.moreOptions.unlock},{value:"updateSpendLimit",label:ce.cardDetails.moreOptions.updateSpendLimit},{value:"rename",label:ce.cardDetails.moreOptions.rename},{value:"lock",label:ce.cardDetails.moreOptions.lock},{value:"close",label:ce.cardDetails.moreOptions.close},{value:"revokeInvite",label:ce.cardDetails.moreOptions.revokeInvite}],be=e.chargeCard?.status.code,He=be==="locked",bi=be==="inactive",yi=be==="request_on_hold",Si=e.chargeCard?.isLockedByAdmin===!0,za=De&&Oe,vt=xe;if(yi){const Ee=[];return vt&&Ee.push("revokeInvite"),Ee.push("rename"),M.filter(_t=>Ee.includes(_t.value))}if(bi){const Ee=[];return Ee.push("rename"),za&&Ee.push("changePin"),vt&&Ee.push("close"),M.filter(_t=>Ee.includes(_t.value))}const fi={changePin:za&&!He,lock:!He,unlock:He&&(xe||!Si),rename:!0,updateSpendLimit:vt,close:vt};return M.filter(Ee=>fi[Ee.value])})(),customStyleConfig:{control:()=>({backgroundColor:"inherit",cursor:"pointer",border:"none",":hover":{backgroundColor:"inherit"}}),valueContainer:M=>({...M,display:"flex",alignItems:"center"})}})}),Pa=M=>M.reasonType==="other"?M.reason:M.reasonType;return t.jsxs(rl,{children:[ci&&e.chargeCard!=null&&t.jsx(Mo,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>ft(!1),isChargeCardAdmin:xe,chargeCardsByCardId:{[e.chargeCard.id]:e.chargeCard},cardRecurringExpensesByCardId:{[e.chargeCard.id]:_.recurringExpenses},cardRecurringExpenseFetchState:_.fetchState,lockCardFetchState:e.lockChargeCardsFetchState.fetchState,onConfirmClick:M=>{const be=Pa(M);z(xe,be)},onDismissClick:()=>ft(!1),onRemoveCardClick:()=>{}}),li&&e.chargeCard!=null&&t.jsx(Vo,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>$t(!1),isChargeCardAdmin:xe,chargeCardsByCardId:{[e.chargeCard.id]:e.chargeCard},cardRecurringExpensesByCardId:{[e.chargeCard.id]:_.recurringExpenses},cardRecurringExpenseFetchState:_.fetchState,closeCardFetchState:e.closeChargeCardsFetchState.fetchState,onConfirmClick:M=>{const be=Pa(M);s(be)},onDismissClick:()=>$t(!1),onRemoveCardClick:()=>{}}),yt&&e.chargeCard?.cardProviderID!=null?t.jsx(Pc,{signedInUserToken:W,vgsVaultId:x,onCancelClick:()=>{lt(!1),Ce(!0)},isSandboxEnv:!0,cardProviderID:e.chargeCard?.cardProviderID,onChangePinSuccess:()=>{lt(!1),Ce(!0)},onUpdateDebitCardPinAttempt:se}):null,Ia?null:t.jsx(xc,{isChargeCardAdmin:xe,controllerEmails:n,isChargeCardFeatureEnabled:b,isDebitCardFeatureEnabled:I,isDebitCardSetupEnabled:j,isChargeCardSetupEnabled:L,chargeCardCashbackDetailState:A,creditAccountRepayment:e.creditAccountRepayment,productInformation:R,cashbackInformation:v,creditAccountInformation:V,debitAccountInformation:O,creditAccount:e.creditAccount,selectedColor:va,walletType:pi,onFireOnClickAnalytics:G,isSandboxEnv:J,chargeCardDetailView:e,vgsVaultId:x,signedInUserToken:W,showSecretInfo:at,changePinInProcess:Ve,setShowChangePinPopup:lt,isCardDetailErrored:Ca,cardDetailsFetchState:ba,setCardDetailsFetchState:ya,setIsCardDetailErrored:wa,isCardDetailFetching:Da,handleColorCodeClick:La,isDrawerOpen:hi,setIsAddToWalletDrawerOpen:xa,onVerifyOtp:de,onVerifyOtpSuccess:D,onFireVerifyPopOnClickAnalytics:Y,onResendOtp:te,setShowSecretInfo:Pt,secretRevealed:ga,setSecretRevealed:zt,onGetOtp:k,showDrawerAnimation:Sa}),t.jsx(vi,{rightSideComponent:(()=>{const M=e.chargeCard?.status.code;if(M==="closed"||M==="closed_by_customer")return null;if(!w)return Oe&&De?Fa:null;if(!Oe&&!xe)return null;const be=e.chargeCard?.isLockedByAdmin===!0;return Oe&&!xe&&be&&M==="locked"?null:Fa})(),navBarContainerStyles:{paddingTop:l[2],alignItems:"center",paddingBottom:l[2]},source:"ChargeCardDetailPage",title:e.chargeCard?.cardName??je.strings.empty,subTitle:e.fetchState==="Completed"&&e.chargeCard!=null?t.jsx(Eo,{cardDetail:e.chargeCard,forDetailPage:!0}):void 0,showBackButton:!0,showMenuIcon:!1,backgroundColor:xt.colors.grey5,style:{zIndex:3},onBackClick:y,titleStyle:{marginTop:l[0],...pe==="small"&&{textAlign:"left"}},leftComponentStyle:pe==="small"?{width:"10%"}:void 0,middleComponentStyle:pe==="small"?{width:"80%"}:void 0,rightComponentStyle:pe==="small"?{width:"10%"}:void 0}),t.jsx(vr,{phoneNumberPopupDescription:ce.cardDetails.verifyPhoneNumberDescription,showOtpPopup:ii,showPhoneNumberPopup:ni,twoFactorAuthenticationView:e.twoFAView,loggedInUserPhone:e.loggedInUserPhone,onVerifyOtp:de,onVerifyOtpSuccess:M=>{D(M),Ve?lt(!0):Pt(!0)},onFireVerifyPopOnClickAnalytics:Y,setShowOtpPopup:oi,onResendOtp:te,setShowPhoneNumberPopup:ma,onGetOtp:k}),di&&t.jsx(Oo,{currentCardName:e.chargeCard?.cardName??"",renameFetchState:e.updateChargeCardNameFetchState.fetchState,onCancelClick:()=>Ft(!1),onSubmitClick:M=>{e.chargeCard&&q(xe,M)}}),si&&e.chargeCard!=null?t.jsx(Ho,{controllerEmails:n,isChargeCardFeatureEnabled:b,isDebitCardFeatureEnabled:I,isDebitCardSetupEnabled:j,isChargeCardSetupEnabled:L,productInformation:R,cashbackInformation:v,creditAccountInformation:V,debitAccountInformation:O,cardDetail:e.chargeCard,transactionStatistics:e.transactionStatistics,depositAccountLimitFetchState:e.depositAccountLimitFetchState.fetchState,creditAccount:f,creditAccountRepayment:e.creditAccountRepayment,signedInUser:F,isDebitCard:De,cardIssuedByRoles:Z,cardHolderRoles:X,loggedInUserRole:B,cardIssuedByDepartmentName:K,cardHolderDepartmentName:E,classListFetchState:c,currentLimitAmount:e.chargeCard?.limit??{amount:0,currencyCode:je.currency.countryCode,currencySymbol:je.currency.currencySymbol},currentSpentAmount:e.chargeCard?.balance??{amount:0,currencyCode:je.currency.countryCode,currencySymbol:je.currency.currencySymbol},maxLimitAmount:De?e.depositAccountLimit?.cardLimits.dailyCardTransactionLimit:e.creditAccount.limit,isDisabled:De&&e.depositAccountLimitFetchState.fetchState!=="Completed",updateLimitFetchState:e.updateChargeCardLimitFetchState.fetchState,onCancelClick:()=>St(!1),onSubmitClick:M=>{if(e.chargeCard){const be={amount:M,currencyCode:e.chargeCard.limit.currencyCode,currencySymbol:e.chargeCard.limit.currencySymbol};Pe(e.chargeCard.id,be,e.chargeCard.creditLimitFrequency,_e("0,0.[00]",be))}},recommendations:e?.chargeCard?.recommendations}):null,e.fetchState==="Error"?t.jsxs(Xc,{windowSize:pe,children:[t.jsx(el,{onClick:N,"data-testid":ee("reload-card-detail"),children:t.jsx(al,{})}),t.jsx(tl,{children:je.reloadPage.label})]}):t.jsx(ki,{isOpen:Me??!1,isFullView:Ct??!1,panelContent:wt,headerContent:t.jsxs(Cr,{children:[t.jsx(rs,{controllerEmails:n,isChargeCardFeatureEnabled:b,isDebitCardFeatureEnabled:I,isDebitCardSetupEnabled:j,isChargeCardSetupEnabled:L,creditAccount:f,creditAccountRepayment:e.creditAccountRepayment,productInformation:R,cashbackInformation:v,creditAccountInformation:V,debitAccountInformation:O,isDebitCard:De,chargeCardCashbackDetailState:A,cardIssuedByRoles:Z,cardIssuedByDepartmentName:K,cardHolderRoles:X,cardHolderDepartmentName:E,classListFetchState:c,chargeCardDetailView:e,spent:ja,isCardNotPending:Ot,cardOwnerName:Mt,appleWalletLink:oe,googleWalletLink:ae,addressToShow:fa,secretRevealed:ga,isOwnCard:Oe,vgsVaultId:x,showSecretInfo:at,isSandboxEnv:J,isCardDetailErrored:Ca,signedInUserToken:W,selectedColor:va,cardDetailsFetchState:ba,setCardDetailsFetchState:ya,setIsCardDetailErrored:wa,setSecretRevealed:zt,isCardDetailFetching:Da,handleColorCodeClick:La,onFireOnClickAnalytics:G,setShowPhoneNumberPopup:ma,setShowChangeSpendLimitPopup:St,setShowSecretInfo:Pt,isOwnerNameCopied:Rt,isAddressCopied:Et,onOwnerNameCopyClick:()=>{G("card owner copied"),Jt({chargeCardDetailView:e,chargeCardCashbackDetailState:A,isChargeCardFeatureEnabled:b,productInformation:R,cashbackInformation:v,creditAccountInformation:V,debitAccountInformation:O,creditAccount:f,creditAccountRepayment:e.creditAccountRepayment,isDebitCard:De,isChargeCardAdmin:xe,analytics:dt,controllerEmails:n,actionField:"Card Owner",actionDetails:Mt}),ct(Mt),pa(!0)},onAddressCopyClick:()=>{G("billing address copied"),Jt({chargeCardDetailView:e,chargeCardCashbackDetailState:A,isChargeCardFeatureEnabled:b,productInformation:R,cashbackInformation:v,creditAccountInformation:V,debitAccountInformation:O,creditAccount:f,creditAccountRepayment:e.creditAccountRepayment,isDebitCard:De,isChargeCardAdmin:xe,analytics:dt,controllerEmails:n,actionField:"Billing Address",actionDetails:$a}),ct($a),ua(!0)},showUpdateSpendLimitAction:wi,onUnlockChargeCard:i}),P?xi?t.jsxs(Zc,{windowSize:pe,children:[t.jsx(sl,{}),t.jsx(Yc,{children:` ${ce.payEarly.paymentOf} ${_e("0,0.[00]",e.creditAccountRepayment.initiatedRepayments)} ${ce.payEarly.madeOn} ${e.creditAccountRepayment.initiatedRepaymentDate?.format(_c.visual.MMMDFormat)} ${ce.payEarly.isProcessing} ${ce.payEarly.theCompanyCreditLimitWillUpdateIn23BusinessDays}`})]}):Vt?xe?t.jsxs(ri,{onClick:()=>{me(!0)},windowSize:pe,children:[t.jsx(wr,{windowSize:pe}),t.jsxs(Jc,{children:[t.jsx(xr,{children:ce.payEarly.transactionsMayBeDeclinedBecauseTheCompanyCreditLimitIsRunningLow}),t.jsxs(qc,{className:"pay-now-button",children:[ce.payEarly.payNow,t.jsx(Gc,{})]})]})]}):t.jsxs(Uc,{windowSize:pe,children:[t.jsx(wr,{windowSize:pe}),t.jsx(Qc,{children:t.jsx(xr,{children:ce.payEarly.yourTransactionsMayBeDeclinedBecauseTheCompanyCreditLimitIsRunningLowWeHaveNotifiedYourAdmin})})]}):null:null,Oe&&pe!=="small"&&Ot&&De===!1?t.jsx(No,{style:{marginTop:Vt?a.sp5:a.sp4},classListFetchState:c,controllerEmails:n,isChargeCardFeatureEnabled:b,isDebitCardFeatureEnabled:I,isDebitCardSetupEnabled:j,isChargeCardSetupEnabled:L,chargeCardDetailView:e,creditAccount:f,creditAccountRepayment:e.creditAccountRepayment,productInformation:R,cashbackInformation:v,creditAccountInformation:V,debitAccountInformation:O,cardIssuedByRoles:Z,cardHolderRoles:X,cardIssuedByDepartmentName:K,cardHolderDepartmentName:E,isDebitCard:De,appleWalletLink:oe,googleWalletLink:ae,setWalletType:ui,setIsAddToWalletDrawerOpen:xa,showDrawerAnimation:Sa}):null]}),listContent:t.jsx(Cr,{children:t.jsxs(wl,{windowSize:pe,isOwnCard:Oe,isMobileOrTabletScreen:Ia,children:[Ot&&e.transactions.length>0?t.jsxs(t.Fragment,{children:[t.jsxs(ol,{windowSize:pe,children:[ce.cardDetails.transactionListTitle,t.jsx(ta,{display:"flex",placement:"right",title:t.jsx(dl,{children:ce.cardDetails.transactionListTooltip.replace("__receiptRequiredAboveAmount__",e.chargeCardConfig.receiptRequiredAboveAmount.amount.toString())}),children:t.jsx(nl,{})})]}),t.jsxs(cl,{windowSize:pe,children:[t.jsx(ul,{windowSize:pe,children:t.jsx(ml,{})}),t.jsxs(il,{windowSize:pe,children:[t.jsxs(ll,{children:[t.jsx(Kc,{children:ce.aiCardAgentText}),je.strings.space,ce.receiptBotMessage,je.strings.space]}),t.jsxs(pl,{"data-testid":ee("charge-card-detail-copy-email"),onClick:()=>{Jt({chargeCardDetailView:e,chargeCardCashbackDetailState:A,isChargeCardFeatureEnabled:b,productInformation:R,cashbackInformation:v,creditAccountInformation:V,debitAccountInformation:O,creditAccount:f,creditAccountRepayment:e.creditAccountRepayment,isDebitCard:De,isChargeCardAdmin:xe,analytics:dt,controllerEmails:n,actionField:"Receipt Email",actionDetails:e.chargeCardConfig.receiptBotEmail}),ct(e.chargeCardConfig.receiptBotEmail),bt(!0)},onMouseEnter:()=>tt(!0),onMouseLeave:()=>tt(!1),children:[t.jsx(hl,{children:e.chargeCardConfig.receiptBotEmail}),et===!0?t.jsxs(yr,{children:[t.jsx(Cl,{}),t.jsx(br,{children:t.jsx(Sr,{shouldDisplay:Re||et,color:d.primaryDark,children:je.copyToClipBoard.copied})})]}):t.jsxs(yr,{children:[t.jsx(gl,{color:Re?xt.colors.primary:void 0}),t.jsx(br,{children:t.jsx(Sr,{shouldDisplay:Re&&pe!=="small",children:je.copyToClipBoard.copy})})]})]})]})]})]}):null,t.jsx(Kd,{cardStatusCode:e.chargeCard?.status.code,cardCodeType:e.chargeCard?.type.code,cardId:C,documentAiReceiptMaxSizeLimit:re,uploadReceiptsFetchStateByTransactionId:e.uploadReceiptsFetchStateByTransactionId,isSnackbarOpen:ne,uploadReceiptsShowTickByTransactionId:e.uploadReceiptsShowTickByTransactionId,isViewReceiptClickedImmediatelyAfterUploadTransactionId:e.isViewReceiptClickedImmediatelyAfterUploadTransactionId,receiptRequiredAboveAmount:e.chargeCardConfig.receiptRequiredAboveAmount,cardsEndPoint:m,transactionAttachmentsEndpointToFetch:$,transactionAttachmentEndpointToDownload:h,authParams:g,hideSorting:u,transactions:e.transactions,cardHolderUser:e.chargeCard?.cardHolderUser,uiState:e.uiState,fetchState:e.transactionListFetchState.fetchState,isAiCategorizationEnabledForCardsTransactions:e.chargeCardConfig.isAiCategorizationEnabledForCardsTransactions,onReloadTransactions:N,onFetchChargeCardTransactionList:U,isOwnCard:Oe,onColumnSortConfigChanged:le,removeSnackbar:Ue,onChargeCardTransactionRowClick:he,onUpdateScrollYOffset:Ze,onUploadReceiptComplete:ie,updateChargeCardTransactionAttachments:Te,updateChargeCardTransactionUploadReceiptsFetchStatus:Se,updateChargeCardTransactionReceiptsShowTick:Le,updateChargeCardTransactionIsViewReceiptClicked:S})]})})})]})},Jt=({chargeCardDetailView:e,chargeCardCashbackDetailState:i,isChargeCardFeatureEnabled:s,productInformation:m,cashbackInformation:c,creditAccountInformation:$,debitAccountInformation:h,creditAccount:g,creditAccountRepayment:u,isDebitCard:C,isChargeCardAdmin:x,analytics:n,controllerEmails:w,actionDetails:b,actionField:I})=>{e.chargeCard!=null&&i.fetchState==="Completed"&&(!s||g.fetchState==="Completed"&&u.fetchState==="Completed")&&(!C||!x||e.depositAccountLimitFetchState.fetchState==="Completed")&&n.trackCardsCopyIconClick(w,m,"Cards Detail","Copy","copied",I,b,c,$,h)},Cr=r.div``,ri=r.div`
   background: ${d.important};
   display: flex;
   align-items: center;
@@ -1321,9 +1321,9 @@ import{y as Qe,e as ve,_ as Dt,h as It,gm as fr,h1 as $i,ad as Xe,gn as $r,a7 as
   height: 12px;
 `,xr=r(ia)`
   color: ${e=>e.theme.colors.grey5};
-`,qc=r(ia)`
+`,Yc=r(ia)`
   color: ${d.brandColorGoldDark};
-`,Yc=r(Dr)`
+`,qc=r(Dr)`
   color: ${e=>e.theme.colors.grey5};
   gap: ${a.sp1};
   cursor: pointer;
@@ -1464,4 +1464,4 @@ import{y as Qe,e as ve,_ as Dt,h as It,gm as fr,h1 as $i,ad as Xe,gn as $r,a7 as
 `,wl=r.div`
   padding-top: ${e=>e.isOwnCard?e.isMobileOrTabletScreen?a.sp3:a.sp4:a.sp5};
   padding-bottom: ${a.sp4};
-`;export{Yl as default};
+`;export{ql as default};