@zeniai/web-cockpit-ui 1.15.30-qa → 1.15.31-dev

package/dist/assets/{ChargeCardDetailPage-D_dF0Nv_-C7o20zm-.js → ChargeCardDetailPage-BQhago53-D_FFt-oF.js}

@@ -1,4 +1,4 @@
-import{d as at,J as Ie,ax as Lt,a8 as Dt,h1 as Sr,hG as Ti,aW as et,h2 as $r,aR as tt,V as t,h5 as Ai,bD as Ei,u as h,fZ as vr,aP as qe,ab as Q,bC as Ri,bU as ta,p as c,o as a,F as ke,j7 as kr,b as _,cr as Fi,j8 as Pi,ff as zi,gT as Mi,j9 as Vi,bG as Oi,bP as jr,aU as aa,y as T,b8 as ra,bL as Ir,aj as Ce,eI as Hi,bb as ia,iX as Ni,aV as Lr,h as ft,h4 as Dr,ce as Bi,m as Ct,b4 as Wi,dq as _i,cv as Ui,ja as Gi,jb as Tr,jc as dt,N as Zi,b0 as qi,jd as Yi,je as Xi,cs as Ki,d7 as Ji,hD as Qi,am as ze,bW as eo,aw as Ut,jf as Ma,jg as to,dk as ao,H as Va,a as Ar,ba as ro,aD as io,iR as mt,j0 as oo,j5 as no,j6 as so,dw as Oa,eZ as co,i as Er,cB as Rr,i_ as lo,bZ as ho,c as Fr,jh as po,av as kt,c0 as Ha,by as uo,dg as mo,ar as go,an as lt,h0 as Co,x as fo,bH as wo,ji as Tt,fs as xo,jj as Pr,gD as zr,jk as It,ij as Mr,dS as Vr,bS as yo,el as Or,j1 as bo,cE as So,dR as $o,d1 as vo,j2 as ko,j3 as jo,er as Io,ch as Lo,ci as Do}from"./index-Bkm6Mxfx.js";import{a as o,P as To}from"./sentry-nVlxguQq.js";import{n as r,c as we,k as Hr}from"./mui-Dg-yyLd1.js";import{ER as At,bh as Ao,bf as Eo,Gf as Ro}from"./zeni-epic-state-DwXlACp-.js";import{k as Fo}from"./NavigationDots-CqAMUVd8-BXhLjOxS.js";import{A as Po,i as zo,a as Mo,l as Vo,r as Oo,t as Ho,n as No}from"./add-to-wallet-DgdBD8_G-Bh5GmIs8.js";import{L as Gt}from"./lottie-BAIk2ri4.js";import{j as Bo}from"./CardNumberSubText-Dxhe-tx2-TLAx16j3.js";import{t as Wo}from"./panelSelectedMixin-Cddsb26L-BcWH15GY.js";import{r as Nr}from"./core-BdfL-uia.js";import{l as Br}from"./uploadReceipts-Dge0cNF1-CY10Jpnu.js";import{N as _o,z as Uo,k as Go,P as Zo}from"./LockCardPage-BiembyjL-o0APbzNc.js";import"./liveblocks-Lf8LVeH9.js";import"./recharts-DVyIhUUu.js";import"./analytics-C7qRceeD.js";import"./lexical-CNiclLj0.js";import"./utils-Bn_xI0qf.js";import"./RoleWithToolTip-C4vCwcT8-C5FDPwWf.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]="9495f352-36e1-4f6b-bf1e-2f6ec4c149d4",e._sentryDebugIdIdentifier="sentry-dbid-9495f352-36e1-4f6b-bf1e-2f6ec4c149d4")}catch{}})();const Wr=ke.getLocalizedStrings().spendManagement.chargeCard,qo=({controllerEmails:e,classListFetchState:i,isChargeCardFeatureEnabled:s,isDebitCardFeatureEnabled:m,isDebitCardSetupEnabled:p,isChargeCardSetupEnabled:w,chargeCardDetailView:l,productInformation:C,creditAccountInformation:g,debitAccountInformation:x,creditAccount:b,creditAccountRepayment:n,cardIssuedByRoles:d,cardIssuedByDepartmentName:f,cardHolderRoles:v,cardHolderDepartmentName:$,appleWalletLink:j,googleWalletLink:D,style:u,showDrawerAnimation:A,setWalletType:S,setIsAddToWalletDrawerOpen:z,isDebitCard:M})=>{const y=Dt().analytics,{isIPadScreen:G}=Yi(),{isAndroidScreen:Y}=Xi(),X=Lt(),E=At(X.loggedInUserRoleMap);return t.jsx(Yo,{style:u,children:G===!0?t.jsx(ea,{onClick:()=>{dt({chargeCardDetailView:l,classListFetchState:i,analytics:y,isDebitCard:M,isChargeCardAdmin:E,cardIssuedByRoles:d,cardIssuedByDepartmentName:f,cardHolderRoles:v,cardHolderDepartmentName:$,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Apple Wallet",productInformation:C,creditAccountInformation:g,debitAccountInformation:x,isChargeCardFeatureEnabled:s,creditAccount:b,creditAccountRepayment:n}),window.open(j,"_blank")}}):Y===!0?t.jsx(Qt,{onClick:()=>{dt({chargeCardDetailView:l,classListFetchState:i,analytics:y,isDebitCard:M,isChargeCardAdmin:E,cardIssuedByRoles:d,cardIssuedByDepartmentName:f,cardHolderRoles:v,cardHolderDepartmentName:$,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Google Wallet",productInformation:C,creditAccountInformation:g,debitAccountInformation:x,isChargeCardFeatureEnabled:s,creditAccount:b,creditAccountRepayment:n}),window.open(D,"_blank")}}):t.jsxs(t.Fragment,{children:[t.jsx(ea,{onClick:()=>{S("apple"),A.current="slide-in-right-to-left-add-to-wallet",dt({chargeCardDetailView:l,classListFetchState:i,analytics:y,isDebitCard:M,isChargeCardAdmin:E,cardIssuedByRoles:d,cardIssuedByDepartmentName:f,cardHolderRoles:v,cardHolderDepartmentName:$,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Apple Wallet",isChargeCardFeatureEnabled:s,productInformation:C,creditAccountInformation:g,debitAccountInformation:x,creditAccount:b,creditAccountRepayment:n}),z(!0)}}),t.jsx(Qt,{onClick:()=>{S("google"),A.current="slide-in-right-to-left-add-to-wallet",dt({chargeCardDetailView:l,classListFetchState:i,analytics:y,isDebitCard:M,isChargeCardAdmin:E,cardIssuedByRoles:d,cardIssuedByDepartmentName:f,cardHolderRoles:v,cardHolderDepartmentName:$,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Google Wallet",isChargeCardFeatureEnabled:s,productInformation:C,creditAccountInformation:g,debitAccountInformation:x,creditAccount:b,creditAccountRepayment:n}),z(!0)}})]})})},Qt=({onClick:e})=>{const i=at();return t.jsx(Er,{prefixIcon:t.jsx(Xo,{}),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":Q("add-to-google-wallet-button")})},ea=({onClick:e})=>{const i=at();return t.jsx(Er,{prefixIcon:t.jsx(Ko,{}),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":Q("add-to-apple-wallet-button")})},Yo=r.div`
+import{e as at,J as Ie,aw as Lt,a8 as Dt,g_ as Sr,hD as Ti,aW as et,g$ as $r,aR as tt,V as t,h2 as Ai,bD as Ei,u as h,fW as vr,aO as qe,aQ as Q,bC as Fi,bU as ta,p as c,o as a,F as ke,j5 as kr,b as _,cq as Ri,j6 as Pi,fc as zi,gQ as Mi,j7 as Vi,bG as Oi,bP as jr,aU as aa,y as T,b8 as ra,bL as Ir,ai as Ce,eG as Hi,bb as ia,iV as Ni,aV as Lr,h as ft,h1 as Dr,ce as Bi,T as Ct,b4 as Wi,dq as _i,cu as Ui,j8 as Gi,j9 as Tr,ja as dt,q as Zi,b0 as qi,jb as Yi,jc as Xi,cr as Ki,d7 as Ji,hA as Qi,al as ze,bW as eo,av as Ut,jd as Ma,je as to,dk as ao,N as Va,a as Ar,ba as ro,aC as io,iP as mt,i_ as oo,j3 as no,j4 as so,dx as Oa,eW as co,i as Er,cA as Fr,iY as lo,bZ as ho,d as Rr,jf as po,au as kt,c0 as Ha,by as uo,dg as mo,aq as go,am as lt,gZ as Co,c as fo,bH as wo,jg as Tt,fp as xo,jh as Pr,gA as zr,ji as It,ih as Mr,i5 as Vr,bS as yo,el as Or,i$ as bo,cD as So,dS as $o,d1 as vo,j0 as ko,j1 as jo,er as Io,ch as Lo,ci as Do}from"./index-DK3PYuee.js";import{a as o,P as To}from"./sentry-DS5py-mq.js";import{n as r,c as we,k as Hr}from"./mui-CgqbPqeT.js";import{EP as At,bh as Ao,bf as Eo,G7 as Fo}from"./zeni-epic-state-QRf7TPA6.js";import{k as Ro}from"./NavigationDots-tWCw6Bpk-CuIUDxge.js";import{A as Po,i as zo,a as Mo,l as Vo,r as Oo,t as Ho,n as No}from"./add-to-wallet-DgdBD8_G-DYxovDvY.js";import{L as Gt}from"./lottie-C8IpdMqp.js";import{j as Bo}from"./CardNumberSubText-CFDhtij8-BmUW8oI1.js";import{l as Wo}from"./panelSelectedMixin-CzfD5-Zs-DRCw2iu0.js";import{r as Nr}from"./core-MmJvanAX.js";import{l as Br}from"./uploadReceipts-Dge0cNF1-v2Zp1kxY.js";import{L as _o,z as Uo,k as Go,P as Zo}from"./LockCardPage-B1g2TZWL-BB9OEQ3a.js";import"./liveblocks-DzWLGwR5.js";import"./recharts-CcfvjpA4.js";import"./analytics-Cmcqa01V.js";import"./lexical-DyUba00B.js";import"./utils-C5WTobSB.js";import"./RoleWithToolTip-C29QOzxS-Flc5rF91.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]="bf0cb9a2-689a-493d-b888-fd61da27f2b9",e._sentryDebugIdIdentifier="sentry-dbid-bf0cb9a2-689a-493d-b888-fd61da27f2b9")}catch{}})();const Wr=ke.getLocalizedStrings().spendManagement.chargeCard,qo=({controllerEmails:e,classListFetchState:i,isChargeCardFeatureEnabled:s,isDebitCardFeatureEnabled:m,isDebitCardSetupEnabled:p,isChargeCardSetupEnabled:w,chargeCardDetailView:l,productInformation:C,creditAccountInformation:g,debitAccountInformation:x,creditAccount:b,creditAccountRepayment:n,cardIssuedByRoles:d,cardIssuedByDepartmentName:f,cardHolderRoles:v,cardHolderDepartmentName:$,appleWalletLink:j,googleWalletLink:D,style:u,showDrawerAnimation:A,setWalletType:S,setIsAddToWalletDrawerOpen:z,isDebitCard:M})=>{const y=Dt().analytics,{isIPadScreen:G}=Yi(),{isAndroidScreen:Y}=Xi(),X=Lt(),E=At(X.loggedInUserRoleMap);return t.jsx(Yo,{style:u,children:G===!0?t.jsx(ea,{onClick:()=>{dt({chargeCardDetailView:l,classListFetchState:i,analytics:y,isDebitCard:M,isChargeCardAdmin:E,cardIssuedByRoles:d,cardIssuedByDepartmentName:f,cardHolderRoles:v,cardHolderDepartmentName:$,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Apple Wallet",productInformation:C,creditAccountInformation:g,debitAccountInformation:x,isChargeCardFeatureEnabled:s,creditAccount:b,creditAccountRepayment:n}),window.open(j,"_blank")}}):Y===!0?t.jsx(Qt,{onClick:()=>{dt({chargeCardDetailView:l,classListFetchState:i,analytics:y,isDebitCard:M,isChargeCardAdmin:E,cardIssuedByRoles:d,cardIssuedByDepartmentName:f,cardHolderRoles:v,cardHolderDepartmentName:$,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Google Wallet",productInformation:C,creditAccountInformation:g,debitAccountInformation:x,isChargeCardFeatureEnabled:s,creditAccount:b,creditAccountRepayment:n}),window.open(D,"_blank")}}):t.jsxs(t.Fragment,{children:[t.jsx(ea,{onClick:()=>{S("apple"),A.current="slide-in-right-to-left-add-to-wallet",dt({chargeCardDetailView:l,classListFetchState:i,analytics:y,isDebitCard:M,isChargeCardAdmin:E,cardIssuedByRoles:d,cardIssuedByDepartmentName:f,cardHolderRoles:v,cardHolderDepartmentName:$,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Apple Wallet",isChargeCardFeatureEnabled:s,productInformation:C,creditAccountInformation:g,debitAccountInformation:x,creditAccount:b,creditAccountRepayment:n}),z(!0)}}),t.jsx(Qt,{onClick:()=>{S("google"),A.current="slide-in-right-to-left-add-to-wallet",dt({chargeCardDetailView:l,classListFetchState:i,analytics:y,isDebitCard:M,isChargeCardAdmin:E,cardIssuedByRoles:d,cardIssuedByDepartmentName:f,cardHolderRoles:v,cardHolderDepartmentName:$,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Google Wallet",isChargeCardFeatureEnabled:s,productInformation:C,creditAccountInformation:g,debitAccountInformation:x,creditAccount:b,creditAccountRepayment:n}),z(!0)}})]})})},Qt=({onClick:e})=>{const i=at();return t.jsx(Er,{prefixIcon:t.jsx(Xo,{}),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":Q("add-to-google-wallet-button")})},ea=({onClick:e})=>{const i=at();return t.jsx(Er,{prefixIcon:t.jsx(Ko,{}),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":Q("add-to-apple-wallet-button")})},Yo=r.div`
   margin-top: ${a.sp4};
   display: flex;
   justify-content: center;
@@ -50,7 +50,7 @@ import{d as at,J as Ie,ax as Lt,a8 as Dt,h1 as Sr,hG as Ti,aW as et,h2 as $r,aR
   margin: ${a.sp2};
   justify-content: center;
   align-items: center;
-`,{spendManagement:cn,common:Qe,dateFormat:ln}=ke.getLocalizedStrings(),Ke=cn.chargeCard,Te={secretCardNumberWrapperWidth:280,secretCVVWrapperHeight:30,secretCVVWrapperWidth:h[7],cardNumberCopiedSectionTop:54,cvvCopiedSectionTop:34,maskedCardNumberMarginTop:new T(-2,-2,-2,h[0]),expiryCopySectionTop:34,cardNumberCopyBtnTop:21},Na={CardInfoTitleSize:new T(_.extraSmallRegular.fontSizeValue,_.smallRegular.fontSizeValue),CardInfoTitleLineHeight:new T(18,18,18,21)},Zt=e=>t.jsxs(Ln,{style:{...e},children:[t.jsx(In,{}),t.jsx(Dn,{style:{background:c.blackColor,color:c.primaryDark,padding:`2px ${a.sp2}`,borderRadius:a.sp1},children:Qe.copyToClipBoard.copied})]}),Ba=({isSandboxEnv:e,sourceId:i,showSecretInfo:s,secretRevealed:m,vgsVaultId:p,controllerEmails:w,isChargeCardFeatureEnabled:l,productInformation:C,cashbackInformation:g,creditAccountInformation:x,debitAccountInformation:b,chargeCardCashbackDetailState:n,creditAccount:d,creditAccountRepayment:f,isDebitCard:v,depositAccountLimitFetchState:$,isCardDetailErrored:j,isCardColorUpdating:D,cardDetailsFetchState:u,isCardColorUndefined:A,cardInfoTitleStyles:S,styles:z,cvvSecStyles:M,chargeCard:y,token:G,setSecretRevealed:Y,setIsCardDetailErrored:X,setCardDetailsFetchState:E,onFireOnClickAnalytics:Z})=>{const ie=Dt().analytics,[,se]=Sr(),V=Ie(),[q,B]=o.useState(!1),[ee,te]=o.useState(!1),[le,ae]=o.useState(!1),H=Lt(),oe=At(H.loggedInUserRoleMap),[K]=kr("https://js.verygoodvault.com/vgs-show/2.0.0/show.js"),I=i==="addToWalletDrawer"?.75:V==="small"?.85:1,O=e?"sandbox":"live";o.useEffect(()=>{if(K&&y!=null&&s&&G!=null&&!m){const k=window.VGSShow.create(p).setEnvironment(O),R=y.cardProviderID,re=k.request({name:"data-text",method:"GET",path:"/cards/"+R+"/secure-data/cvv2",headers:{Authorization:"Bearer "+G},htmlWrapper:"text",jsonPathSelector:"data.attributes.cvv2"});E({cvv:!0,number:!0}),re.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:c.brandColorOnyx,fontSize:`${I*_.h6Regular.fontSizeValue}px`,fontWeight:_.h6Regular.fontWeight,borderRadius:a.sp1,cursor:"pointer",padding:`${a.sp0} ${a.sp1}`,lineHeight:`${I*_.h6Regular.lineHeightValue}px`}),re.on("requestSuccess",()=>{Y(!0),X(!1),E({...u,cvv:!1})}),re.on("requestFail",()=>{X(!0),E({...u,cvv:!1});const L=document.getElementById(`SecretCvv-${i}`);for(;L?.hasChildNodes()===!0;)L.removeChild(L.children[0])}),k.copyFrom(re,{text:Qe.strings.empty},L=>{L==="success"?(te(!0),Z("CVV copied"),n.fetchState==="Completed"&&(!l||d.fetchState==="Completed"&&f.fetchState==="Completed")&&(!(v&&oe)||$==="Completed")&&ie.trackCardsCopyIconClick(w,C,"Cards Detail","Copy","copied","CVV","",g,x,b)):te(!1)}).render(`#CvvCopyBtn-${i}`,{cursor:"pointer",height:`${I*Te.secretCVVWrapperHeight}px`,width:`${I*Te.secretCVVWrapperWidth}px`});const ce=k.request({name:"data-text",method:"GET",path:"/cards/"+R+"/secure-data/pan",headers:{Authorization:"Bearer "+G},htmlWrapper:"text",jsonPathSelector:"data.attributes.pan",serializers:[k.SERIALIZERS.replace("(\\d{4})(\\d{4})(\\d{4})(\\d{4})","$1 $2 $3 $4")]});ce.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:c.brandColorOnyx,fontSize:`${I*_.h6Regular.fontSizeValue}px`,fontWeight:_.h6Regular.fontWeight,borderRadius:a.sp1,cursor:"pointer",padding:`${a.sp0} ${a.sp1}`,lineHeight:`${I*_.h6Regular.lineHeightValue}px`}),ce.on("requestSuccess",()=>{Y(!0),X(!1),E({...u,number:!1})}),ce.on("requestFail",()=>{X(!0),E({...u,number:!1});const L=document.getElementById(`SecretCardNumber-${i}`);for(;L?.hasChildNodes()===!0;)L.removeChild(L.children[0])}),k.copyFrom(ce,{text:Qe.strings.empty,serializers:[k.SERIALIZERS.replace(Qe.strings.space,Qe.strings.empty)]},L=>{L==="success"?(B(!0),Z("card number copied"),n.fetchState==="Completed"&&(!l||d.fetchState==="Completed"&&f.fetchState==="Completed")&&(!(v&&oe)||$==="Completed")&&ie.trackCardsCopyIconClick(w,C,"Cards Detail","Copy","copied","Card Number","",g,x,b)):B(!1)}).render(`#CardNumberCopyBtn-${i}`,{cursor:"pointer",height:`${I*_.h6Regular.lineHeightValue}px`,width:`${I*Te.secretCardNumberWrapperWidth}px`})}},[K,y,s,G,m]),o.useEffect(()=>{if(s===!1){const k=document.getElementById(`SecretCvv-${i}`);for(;k?.hasChildNodes()===!0;)k.removeChild(k.children[0]);const R=document.getElementById(`CvvCopyBtn-${i}`);for(;R?.hasChildNodes()===!0;)R.removeChild(R.children[0]);const re=document.getElementById(`SecretCardNumber-${i}`);for(;re?.hasChildNodes()===!0;)re.removeChild(re.children[0]);const ce=document.getElementById(`CardNumberCopyBtn-${i}`);for(;ce?.hasChildNodes()===!0;)ce.removeChild(ce.children[0])}},[i,s]),o.useEffect(()=>{q===!0&&setTimeout(()=>{B(!1)},800),ee===!0&&setTimeout(()=>{te(!1)},800),le===!0&&setTimeout(()=>{ae(!1)},800)},[q,ee,le]);const U=y!=null?Eo(y.validThru.year,y.validThru.month-1).format(ln.visual.MMSlashYYFormat):Qe.strings.empty,de=k=>{s===!0&&(u.cvv!==!0||u.number!==!0)&&(Z("validity copied"),k!=null&&n.fetchState==="Completed"&&(!l||d.fetchState==="Completed"&&f.fetchState==="Completed")&&(!(v&&oe)||$==="Completed")&&ie.trackCardsCopyIconClick(w,C,"Cards Detail","Copy","copied","Valid Thru",U,g,x,b),se(U),ae(!0))};return t.jsxs(wn,{style:z,children:[t.jsxs(xn,{children:[t.jsx(qt,{style:S,windowSize:V,children:Ke.cardDetails.cardNumber}),t.jsx(yn,{sourceId:i,scaleFactor:I,showSecretInfo:s&&(u.number===!1||u.cvv===!1),isCardDetailFetching:u.number===!0||u.cvv===!0||A||D,windowSize:V,children:`${Ke.cardDetails.cardNumberHideout}
+`,{spendManagement:cn,common:Qe,dateFormat:ln}=ke.getLocalizedStrings(),Ke=cn.chargeCard,Te={secretCardNumberWrapperWidth:280,secretCVVWrapperHeight:30,secretCVVWrapperWidth:h[7],cardNumberCopiedSectionTop:54,cvvCopiedSectionTop:34,maskedCardNumberMarginTop:new T(-2,-2,-2,h[0]),expiryCopySectionTop:34,cardNumberCopyBtnTop:21},Na={CardInfoTitleSize:new T(_.extraSmallRegular.fontSizeValue,_.smallRegular.fontSizeValue),CardInfoTitleLineHeight:new T(18,18,18,21)},Zt=e=>t.jsxs(Ln,{style:{...e},children:[t.jsx(In,{}),t.jsx(Dn,{style:{background:c.blackColor,color:c.primaryDark,padding:`2px ${a.sp2}`,borderRadius:a.sp1},children:Qe.copyToClipBoard.copied})]}),Ba=({isSandboxEnv:e,sourceId:i,showSecretInfo:s,secretRevealed:m,vgsVaultId:p,controllerEmails:w,isChargeCardFeatureEnabled:l,productInformation:C,cashbackInformation:g,creditAccountInformation:x,debitAccountInformation:b,chargeCardCashbackDetailState:n,creditAccount:d,creditAccountRepayment:f,isDebitCard:v,depositAccountLimitFetchState:$,isCardDetailErrored:j,isCardColorUpdating:D,cardDetailsFetchState:u,isCardColorUndefined:A,cardInfoTitleStyles:S,styles:z,cvvSecStyles:M,chargeCard:y,token:G,setSecretRevealed:Y,setIsCardDetailErrored:X,setCardDetailsFetchState:E,onFireOnClickAnalytics:Z})=>{const ie=Dt().analytics,[,se]=Sr(),V=Ie(),[q,B]=o.useState(!1),[ee,te]=o.useState(!1),[le,ae]=o.useState(!1),H=Lt(),oe=At(H.loggedInUserRoleMap),[K]=kr("https://js.verygoodvault.com/vgs-show/2.0.0/show.js"),I=i==="addToWalletDrawer"?.75:V==="small"?.85:1,O=e?"sandbox":"live";o.useEffect(()=>{if(K&&y!=null&&s&&G!=null&&!m){const k=window.VGSShow.create(p).setEnvironment(O),F=y.cardProviderID,re=k.request({name:"data-text",method:"GET",path:"/cards/"+F+"/secure-data/cvv2",headers:{Authorization:"Bearer "+G},htmlWrapper:"text",jsonPathSelector:"data.attributes.cvv2"});E({cvv:!0,number:!0}),re.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:c.brandColorOnyx,fontSize:`${I*_.h6Regular.fontSizeValue}px`,fontWeight:_.h6Regular.fontWeight,borderRadius:a.sp1,cursor:"pointer",padding:`${a.sp0} ${a.sp1}`,lineHeight:`${I*_.h6Regular.lineHeightValue}px`}),re.on("requestSuccess",()=>{Y(!0),X(!1),E({...u,cvv:!1})}),re.on("requestFail",()=>{X(!0),E({...u,cvv:!1});const L=document.getElementById(`SecretCvv-${i}`);for(;L?.hasChildNodes()===!0;)L.removeChild(L.children[0])}),k.copyFrom(re,{text:Qe.strings.empty},L=>{L==="success"?(te(!0),Z("CVV copied"),n.fetchState==="Completed"&&(!l||d.fetchState==="Completed"&&f.fetchState==="Completed")&&(!(v&&oe)||$==="Completed")&&ie.trackCardsCopyIconClick(w,C,"Cards Detail","Copy","copied","CVV","",g,x,b)):te(!1)}).render(`#CvvCopyBtn-${i}`,{cursor:"pointer",height:`${I*Te.secretCVVWrapperHeight}px`,width:`${I*Te.secretCVVWrapperWidth}px`});const ce=k.request({name:"data-text",method:"GET",path:"/cards/"+F+"/secure-data/pan",headers:{Authorization:"Bearer "+G},htmlWrapper:"text",jsonPathSelector:"data.attributes.pan",serializers:[k.SERIALIZERS.replace("(\\d{4})(\\d{4})(\\d{4})(\\d{4})","$1 $2 $3 $4")]});ce.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:c.brandColorOnyx,fontSize:`${I*_.h6Regular.fontSizeValue}px`,fontWeight:_.h6Regular.fontWeight,borderRadius:a.sp1,cursor:"pointer",padding:`${a.sp0} ${a.sp1}`,lineHeight:`${I*_.h6Regular.lineHeightValue}px`}),ce.on("requestSuccess",()=>{Y(!0),X(!1),E({...u,number:!1})}),ce.on("requestFail",()=>{X(!0),E({...u,number:!1});const L=document.getElementById(`SecretCardNumber-${i}`);for(;L?.hasChildNodes()===!0;)L.removeChild(L.children[0])}),k.copyFrom(ce,{text:Qe.strings.empty,serializers:[k.SERIALIZERS.replace(Qe.strings.space,Qe.strings.empty)]},L=>{L==="success"?(B(!0),Z("card number copied"),n.fetchState==="Completed"&&(!l||d.fetchState==="Completed"&&f.fetchState==="Completed")&&(!(v&&oe)||$==="Completed")&&ie.trackCardsCopyIconClick(w,C,"Cards Detail","Copy","copied","Card Number","",g,x,b)):B(!1)}).render(`#CardNumberCopyBtn-${i}`,{cursor:"pointer",height:`${I*_.h6Regular.lineHeightValue}px`,width:`${I*Te.secretCardNumberWrapperWidth}px`})}},[K,y,s,G,m]),o.useEffect(()=>{if(s===!1){const k=document.getElementById(`SecretCvv-${i}`);for(;k?.hasChildNodes()===!0;)k.removeChild(k.children[0]);const F=document.getElementById(`CvvCopyBtn-${i}`);for(;F?.hasChildNodes()===!0;)F.removeChild(F.children[0]);const re=document.getElementById(`SecretCardNumber-${i}`);for(;re?.hasChildNodes()===!0;)re.removeChild(re.children[0]);const ce=document.getElementById(`CardNumberCopyBtn-${i}`);for(;ce?.hasChildNodes()===!0;)ce.removeChild(ce.children[0])}},[i,s]),o.useEffect(()=>{q===!0&&setTimeout(()=>{B(!1)},800),ee===!0&&setTimeout(()=>{te(!1)},800),le===!0&&setTimeout(()=>{ae(!1)},800)},[q,ee,le]);const U=y!=null?Eo(y.validThru.year,y.validThru.month-1).format(ln.visual.MMSlashYYFormat):Qe.strings.empty,de=k=>{s===!0&&(u.cvv!==!0||u.number!==!0)&&(Z("validity copied"),k!=null&&n.fetchState==="Completed"&&(!l||d.fetchState==="Completed"&&f.fetchState==="Completed")&&(!(v&&oe)||$==="Completed")&&ie.trackCardsCopyIconClick(w,C,"Cards Detail","Copy","copied","Valid Thru",U,g,x,b),se(U),ae(!0))};return t.jsxs(wn,{style:z,children:[t.jsxs(xn,{children:[t.jsx(qt,{style:S,windowSize:V,children:Ke.cardDetails.cardNumber}),t.jsx(yn,{sourceId:i,scaleFactor:I,showSecretInfo:s&&(u.number===!1||u.cvv===!1),isCardDetailFetching:u.number===!0||u.cvv===!0||A||D,windowSize:V,children:`${Ke.cardDetails.cardNumberHideout}
           ${y?.accountLast4??Qe.strings.empty}`}),t.jsxs(hn,{secretRevealed:m,scaleFactor:I,showSecretInfo:s&&u.cvv===!1&&u.number===!1,sourceId:i,isCardDetailErrored:j,children:[t.jsx(pn,{sourceId:i,scaleFactor:I,secretRevealed:m,id:`SecretCardNumber-${i}`}),t.jsx(fn,{secretRevealed:m,scaleFactor:I,id:`CardNumberCopyBtn-${i}`,sourceId:i}),q===!0?t.jsx(Zt,{top:I*Te.cardNumberCopiedSectionTop}):null]})]}),t.jsxs(bn,{children:[t.jsxs(vn,{children:[t.jsx(qt,{style:S,windowSize:V,children:Ke.cardDetails.expiry}),t.jsxs(gn,{secretRevealed:s&&(u.cvv===!1||u.number===!1),children:[m&&s&&u.cvv===!1&&u.number===!1?t.jsx(jn,{sourceId:i,scaleFactor:I,windowSize:V,secretRevealed:m&&s,"data-testid":Q("expiry-date-copy"),onClick:k=>{k.stopPropagation(),de(y)},children:m&&s&&u.cvv===!1&&u.number===!1?U:Ke.cardDetails.expiryHideOut}):t.jsx(kn,{sourceId:i,windowSize:V,scaleFactor:I,isCardDetailFetching:u.cvv===!0||u.number===!0||A||D,children:Ke.cardDetails.expiryHideOut}),le===!0?t.jsx(Zt,{top:I*Te.expiryCopySectionTop,width:"auto"}):null]})]}),t.jsxs(Sn,{style:M,children:[t.jsx(qt,{style:S,windowSize:V,children:Ke.cardDetails.cvv}),t.jsx($n,{sourceId:i,scaleFactor:I,showSecretInfo:s&&u.cvv===!1&&u.number===!1,isCardDetailFetching:u.number===!0||u.cvv===!0||A||D,windowSize:V,children:Ke.cardDetails.cvvHideOut}),t.jsxs(un,{secretRevealed:m,sourceId:i,showSecretInfo:s&&u.cvv===!1&&u.number===!1,isCardDetailErrored:j,children:[t.jsx(mn,{scaleFactor:I,secretRevealed:m,sourceId:i,id:`SecretCvv-${i}`}),t.jsx(Cn,{windowSize:V,scaleFactor:I,secretRevealed:m,id:`CvvCopyBtn-${i}`,sourceId:i}),ee===!0?t.jsx(Zt,{top:I*Te.cvvCopiedSectionTop,width:"auto"}):null]})]})]})]})},hn=r.div`
   display: ${e=>e.showSecretInfo?"block":"none"};
   height: ${e=>e.secretRevealed?"unset":a.sp0};
@@ -188,11 +188,11 @@ import{d as at,J as Ie,ax as Lt,a8 as Dt,h1 as Sr,hG as Ti,aW as et,h2 as $r,aR
   color: ${c.primaryDark};
   padding: 2px ${a.sp2};
   background-color: ${c.blackColor};
-`,{common:Tn,spendManagement:{chargeCard:{cardDetails:ve}}}=ke.getLocalizedStrings(),ye={chargeCardWidth:384,chargeCardHeight:240,cardLoadingShineWidth:200,cardLoadingShineHeight:240,zeniLogoWidth:h[6],zeniLogoHeight:h[6],visaLogoWidth:h[6],visaLogoHeight:13,cardTintIconWidth:277,cardTintIconHeight:242,colorPaletteLeftTransitionValue:-350,rightSectionWidth:384,rightSectionHeight:240,cardContainerContentGap:new T(h[4],h[4],h[4],h[3])},_r=({isChargeCardAdmin:e,chargeCardDetailView:i,productInformation:s,cashbackInformation:m,creditAccountInformation:p,debitAccountInformation:w,secretRevealed:l,isOwnCard:C,vgsVaultId:g,showSecretInfo:x,controllerEmails:b,isChargeCardFeatureEnabled:n,isDebitCardFeatureEnabled:d,isDebitCardSetupEnabled:f,isChargeCardSetupEnabled:v,chargeCardCashbackDetailState:$,creditAccount:j,creditAccountRepayment:D,isShowingInDrawer:u,isSandboxEnv:A,isCardDetailErrored:S,signedInUserToken:z,selectedColor:M,cardDetailsFetchState:y,setCardDetailsFetchState:G,setIsCardDetailErrored:Y,setShowSecretInfo:X,setSecretRevealed:E,setShowPhoneNumberForOtp:Z,isCardDetailFetching:ie,handleColorCodeClick:se,onFireOnClickAnalytics:V,onUnlockChargeCard:q})=>{const[B,ee]=o.useState(!1),[te,le]=o.useState(!1),[ae,H]=o.useState(!1),[oe,K]=o.useState(!1),[I,O]=o.useState(!1),[U,de]=o.useState(!1),[k,R]=o.useState(()=>{const xe=i.chargeCard?.status.code;return xe==="locked"||xe==="closed"||xe==="closed_by_customer"}),[re,ce]=o.useState(!1),[L,je]=o.useState(!1),fe=o.useRef(void 0),Ee=i.chargeCard?.type.code??"business_virtual_credit_card",{isMobileOrTabletScreen:Re}=$r(),J=Ie(),N=u?.75:J==="small"?.85:1,W=i.lockChargeCardsFetchState.fetchState,Me=tt(W),ne=i.unlockChargeCardsFetchState.fetchState,Ve=tt(ne),Ye=i.closeChargeCardsFetchState.fetchState,rt=tt(Ye),pe=i.chargeCard?.status.code==="locked",F=i.chargeCard?.status.code==="closed"||i.chargeCard?.status.code==="closed_by_customer",[ue]=Ut("UnlockCard"),[he]=Ut("LockCard"),[Ne]=Ut("CloseCard");o.useEffect(()=>{if(!(te&&pe)){H(!1);return}const xe=setTimeout(()=>{H(!0)},400);return()=>clearTimeout(xe)},[te,pe]),o.useEffect(()=>{(pe||F)&&!k&&(R(!0),ce(!1))},[pe,F]),o.useEffect(()=>{Me==="In-Progress"&&W==="Completed"&&(fe.current&&clearTimeout(fe.current),K(!1),R(!1),ce(!0),setTimeout(()=>{K(!0)},0),fe.current=setTimeout(()=>{K(!1),R(!0),le(!1)},1e3))},[W,Me]),o.useEffect(()=>{Ve==="In-Progress"&&ne==="Completed"&&(fe.current&&clearTimeout(fe.current),je(!0),O(!1),setTimeout(()=>{O(!0)},0),fe.current=setTimeout(()=>{O(!1),R(!1),je(!1)},1e3))},[ne,Ve]),o.useEffect(()=>{rt==="In-Progress"&&Ye==="Completed"&&(fe.current&&clearTimeout(fe.current),de(!1),R(!1),ce(!0),setTimeout(()=>{de(!0)},0),fe.current=setTimeout(()=>{de(!1),R(!0)},1e3))},[Ye,rt]);const Oe=Re?ve.tapCardCopyText:ve.scanNowAndAddToWallet,ge=Re?ve.tapCardCopyText:t.jsxs(Fn,{children:[t.jsx(is,{}),ve.clickTheCardToFetchDetailsText]}),Xe=i.chargeCard?.isLockedByAdmin??!1,ht=J==="small"?ve.tapCardCopyText:ve.clickTheCardToCopyDetailsText,pt=J==="small"?ve.tapCardCopyText:ve.clickTheCardToFetchDetailsText,it=u?Oe:ht,xt=u?ge:pt,Fe=ie(y)||i.updateFetchState.fetchState==="In-Progress"||i.unlockChargeCardsFetchState.fetchState==="In-Progress",ot=(y.cvv!==!0||y.number!==!0)&&C,Be=!!i.chargeCard?.type.code.includes("debit");return t.jsxs(Hn,{windowSize:J,scaleFactor:N,children:[t.jsxs(Bn,{isCardLocked:pe,isChargeCardAdmin:e,isLockedByAdmin:Xe,unlockFetchState:i.unlockChargeCardsFetchState.fetchState,onClick:xe=>{xe.stopPropagation(),pe&&ne!=="In-Progress"&&(e||!Xe)&&q(e)},onMouseEnter:()=>{(e||!Xe)&&ne!=="In-Progress"&&le(!0)},onMouseLeave:()=>{(e||!Xe)&&ne!=="In-Progress"&&le(!1)},children:[l&&u?t.jsxs(t.Fragment,{children:[t.jsx(es,{}),t.jsx(ts,{}),t.jsx(as,{}),t.jsx(rs,{})]}):null,t.jsx(Wn,{play:k,animate:re,fadeOut:L,unlockInProgress:ne==="In-Progress"||L||Ve==="In-Progress"&&ne==="Completed"}),I&&ue!=null?t.jsx(Gt,{style:{width:a.sp9,height:a.sp9,position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:2,backgroundColor:c.lockCardOverlayBackground,borderRadius:a.sp11},animationData:ue,loop:!1,play:I,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):U&&Ne!=null?t.jsx(Gt,{style:{width:56,height:56,position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:2},animationData:Ne,loop:!1,play:U,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):k?F?t.jsx(Xn,{}):ne==="In-Progress"?t.jsx(Gn,{}):L||Ve==="In-Progress"&&ne==="Completed"?null:t.jsx(Yn,{isHovered:te&&pe,children:t.jsxs(qn,{isHovered:te&&pe,children:[t.jsx(Ur,{}),t.jsx(Zn,{isVisible:te&&pe,shouldEnterLayout:ae,children:ve.moreOptions.unlock})]})}):oe&&he!=null?t.jsx(Gt,{style:{width:72,height:72,position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:2},animationData:he,loop:!1,play:oe,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):null,Ee.includes("virtual")?t.jsxs(_n,{isShowingInDrawer:u,isOwnCard:C,scaleFactor:N,bgColor:M?.toString(),showColorPalette:B,isDebitCard:Be,"data-testid":Q("virtual-charge-card-detail"),onClick:()=>{B===!1&&C===!0&&ie(y)===!1&&ne!=="In-Progress"&&pe===!1&&Ma({signedInUserToken:z,showSecretInfo:x,setShowPhoneNumberPopup:Z,onFireOnClickAnalytics:V,setShowSecretInfo:X})},enableClick:ot&&!pe&&!F||pe&&ne!=="In-Progress",cardDetailsFetchState:Fe||i.chargeCard?.cardColorCode===void 0,children:[t.jsx(_a,{scaleFactor:N,shouldAppear:Fe||i.chargeCard?.cardColorCode===void 0}),t.jsx(en,{leftTransitionValue:N*ye.colorPaletteLeftTransitionValue,hasBorderShadow:!1,tickStyles:{width:"12px",height:"12px"},colorInState:i.chargeCard?.cardColorCode!=null?new et(i.chargeCard.cardColorCode):void 0,styles:{height:"100%",maxWidth:"78%",top:u?"unset":a.sp0,left:B?a.sp0:`${N*ye.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:B,toggleColorPaletteVisibility:xe=>{ee(xe)},handleColorClick:(xe,yt)=>{se(xe,yt),yt&&ee(!1)}}),t.jsx(Qn,{scaleFactor:N}),t.jsx(Ba,{productInformation:s,cashbackInformation:m,creditAccountInformation:p,debitAccountInformation:w,secretRevealed:l,setSecretRevealed:E,onFireOnClickAnalytics:V,isCardColorUndefined:i.chargeCard?.cardColorCode==null,isCardColorUpdating:i.updateFetchState.fetchState==="In-Progress",isSandboxEnv:A,cardDetailsFetchState:y,setCardDetailsFetchState:G,isCardDetailErrored:S,setIsCardDetailErrored:Y,chargeCard:i.chargeCard,vgsVaultId:g,showSecretInfo:x,creditAccountRepayment:D,token:z?.token,isDebitCard:Be,depositAccountLimitFetchState:i.depositAccountLimitFetchState.fetchState,controllerEmails:b,isChargeCardFeatureEnabled:n,isDebitCardFeatureEnabled:d,isDebitCardSetupEnabled:f,isChargeCardSetupEnabled:v,creditAccount:j,chargeCardCashbackDetailState:$,cardInfoTitleStyles:{..._.extraSmallRegular.cssObject},styles:{gap:`${a.sp3}`,paddingLeft:`${a.sp4}`},cvvSecStyles:{minWidth:"39px",marginRight:`${a.sp3}`},sourceId:u?"addToWalletDrawer":"cardDetail"}),t.jsxs(Ua,{children:[t.jsxs(Kn,{children:[t.jsx(Ga,{scaleFactor:N}),t.jsx(On,{onClick:xe=>{xe.stopPropagation(),C&&ee(!B)},"data-testid":Q("card-color-selector"),children:C?t.jsx(ta,{enterDelay:600,title:ve.cardColours,placement:"left",children:t.jsx(Wa,{isShowingInDrawer:u})}):t.jsx(Wa,{isShowingInDrawer:u})})]}),t.jsx(Pn,{scaleFactor:N})]})]}):t.jsxs(os,{scaleFactor:N,enableClick:ot&&!pe&&!F||pe&&ne!=="In-Progress",isOwnCard:C,isShowingInDrawer:u,onClick:()=>{C===!0&&pe===!1&&ne!=="In-Progress"&&ie(y)===!1&&Ma({signedInUserToken:z,showSecretInfo:x,setShowPhoneNumberPopup:Z,onFireOnClickAnalytics:V,setShowSecretInfo:X})},"data-testid":Q("physical-charge-card-detail"),children:[t.jsx(_a,{scaleFactor:N,shouldAppear:Fe}),t.jsxs(ns,{flipCard:l,children:[t.jsx(ss,{children:t.jsx(Tr,{scaleFactor:N,isClickable:ot,isLoading:Fe,isDebitCard:Be})}),x?t.jsxs(ds,{isDebitCard:Be,children:[t.jsx(Ba,{productInformation:s,cashbackInformation:m,creditAccountInformation:p,debitAccountInformation:w,secretRevealed:l,setSecretRevealed:E,onFireOnClickAnalytics:V,isCardColorUndefined:i.chargeCard?.cardColorCode==null,isCardColorUpdating:i.updateFetchState.fetchState==="In-Progress",isSandboxEnv:A,cardDetailsFetchState:y,setCardDetailsFetchState:G,isCardDetailErrored:S,setIsCardDetailErrored:Y,chargeCard:i.chargeCard,vgsVaultId:g,showSecretInfo:x,token:z?.token,isDebitCard:Be,depositAccountLimitFetchState:i.depositAccountLimitFetchState.fetchState,controllerEmails:b,isChargeCardFeatureEnabled:n,isDebitCardFeatureEnabled:d,isDebitCardSetupEnabled:f,isChargeCardSetupEnabled:v,creditAccount:i.creditAccount,creditAccountRepayment:D,chargeCardCashbackDetailState:$,cardInfoTitleStyles:{..._.extraSmallRegular.cssObject},styles:{gap:`${a.sp3}`,paddingLeft:`${a.sp4}`},cvvSecStyles:{minWidth:"39px",marginRight:`${a.sp3}`},sourceId:u?"addToWalletDrawer":"cardDetail"}),t.jsx(Ua,{children:t.jsx(Jn,{children:t.jsx(Ga,{scaleFactor:N})})})]}):null]})]})]}),F?t.jsx(An,{children:ve.cardClosedMessage}):Xe&&!e?t.jsx(En,{children:ve.cardLockedByAdminMessage}):pe?t.jsx(Yt,{children:ve.cardLockedMessage}):C===!0&&!Fe?y.cvv===!0&&y.number===!0?t.jsx(Un,{children:Tn.loading}):S?t.jsx(Rn,{}):t.jsx(Yt,{children:l?it:xt}):Fe?t.jsx(Yt,{children:ve.loading}):null]})},An=r(Ce)`
+`,{common:Tn,spendManagement:{chargeCard:{cardDetails:ve}}}=ke.getLocalizedStrings(),ye={chargeCardWidth:384,chargeCardHeight:240,cardLoadingShineWidth:200,cardLoadingShineHeight:240,zeniLogoWidth:h[6],zeniLogoHeight:h[6],visaLogoWidth:h[6],visaLogoHeight:13,cardTintIconWidth:277,cardTintIconHeight:242,colorPaletteLeftTransitionValue:-350,rightSectionWidth:384,rightSectionHeight:240,cardContainerContentGap:new T(h[4],h[4],h[4],h[3])},_r=({isChargeCardAdmin:e,chargeCardDetailView:i,productInformation:s,cashbackInformation:m,creditAccountInformation:p,debitAccountInformation:w,secretRevealed:l,isOwnCard:C,vgsVaultId:g,showSecretInfo:x,controllerEmails:b,isChargeCardFeatureEnabled:n,isDebitCardFeatureEnabled:d,isDebitCardSetupEnabled:f,isChargeCardSetupEnabled:v,chargeCardCashbackDetailState:$,creditAccount:j,creditAccountRepayment:D,isShowingInDrawer:u,isSandboxEnv:A,isCardDetailErrored:S,signedInUserToken:z,selectedColor:M,cardDetailsFetchState:y,setCardDetailsFetchState:G,setIsCardDetailErrored:Y,setShowSecretInfo:X,setSecretRevealed:E,setShowPhoneNumberForOtp:Z,isCardDetailFetching:ie,handleColorCodeClick:se,onFireOnClickAnalytics:V,onUnlockChargeCard:q})=>{const[B,ee]=o.useState(!1),[te,le]=o.useState(!1),[ae,H]=o.useState(!1),[oe,K]=o.useState(!1),[I,O]=o.useState(!1),[U,de]=o.useState(!1),[k,F]=o.useState(()=>{const xe=i.chargeCard?.status.code;return xe==="locked"||xe==="closed"||xe==="closed_by_customer"}),[re,ce]=o.useState(!1),[L,je]=o.useState(!1),fe=o.useRef(void 0),Ee=i.chargeCard?.type.code??"business_virtual_credit_card",{isMobileOrTabletScreen:Fe}=$r(),J=Ie(),N=u?.75:J==="small"?.85:1,W=i.lockChargeCardsFetchState.fetchState,Me=tt(W),ne=i.unlockChargeCardsFetchState.fetchState,Ve=tt(ne),Ye=i.closeChargeCardsFetchState.fetchState,rt=tt(Ye),pe=i.chargeCard?.status.code==="locked",R=i.chargeCard?.status.code==="closed"||i.chargeCard?.status.code==="closed_by_customer",[ue]=Ut("UnlockCard"),[he]=Ut("LockCard"),[Ne]=Ut("CloseCard");o.useEffect(()=>{if(!(te&&pe)){H(!1);return}const xe=setTimeout(()=>{H(!0)},400);return()=>clearTimeout(xe)},[te,pe]),o.useEffect(()=>{(pe||R)&&!k&&(F(!0),ce(!1))},[pe,R]),o.useEffect(()=>{Me==="In-Progress"&&W==="Completed"&&(fe.current&&clearTimeout(fe.current),K(!1),F(!1),ce(!0),setTimeout(()=>{K(!0)},0),fe.current=setTimeout(()=>{K(!1),F(!0),le(!1)},1e3))},[W,Me]),o.useEffect(()=>{Ve==="In-Progress"&&ne==="Completed"&&(fe.current&&clearTimeout(fe.current),je(!0),O(!1),setTimeout(()=>{O(!0)},0),fe.current=setTimeout(()=>{O(!1),F(!1),je(!1)},1e3))},[ne,Ve]),o.useEffect(()=>{rt==="In-Progress"&&Ye==="Completed"&&(fe.current&&clearTimeout(fe.current),de(!1),F(!1),ce(!0),setTimeout(()=>{de(!0)},0),fe.current=setTimeout(()=>{de(!1),F(!0)},1e3))},[Ye,rt]);const Oe=Fe?ve.tapCardCopyText:ve.scanNowAndAddToWallet,ge=Fe?ve.tapCardCopyText:t.jsxs(Rn,{children:[t.jsx(is,{}),ve.clickTheCardToFetchDetailsText]}),Xe=i.chargeCard?.isLockedByAdmin??!1,ht=J==="small"?ve.tapCardCopyText:ve.clickTheCardToCopyDetailsText,pt=J==="small"?ve.tapCardCopyText:ve.clickTheCardToFetchDetailsText,it=u?Oe:ht,xt=u?ge:pt,Re=ie(y)||i.updateFetchState.fetchState==="In-Progress"||i.unlockChargeCardsFetchState.fetchState==="In-Progress",ot=(y.cvv!==!0||y.number!==!0)&&C,Be=!!i.chargeCard?.type.code.includes("debit");return t.jsxs(Hn,{windowSize:J,scaleFactor:N,children:[t.jsxs(Bn,{isCardLocked:pe,isChargeCardAdmin:e,isLockedByAdmin:Xe,unlockFetchState:i.unlockChargeCardsFetchState.fetchState,onClick:xe=>{xe.stopPropagation(),pe&&ne!=="In-Progress"&&(e||!Xe)&&q(e)},onMouseEnter:()=>{(e||!Xe)&&ne!=="In-Progress"&&le(!0)},onMouseLeave:()=>{(e||!Xe)&&ne!=="In-Progress"&&le(!1)},children:[l&&u?t.jsxs(t.Fragment,{children:[t.jsx(es,{}),t.jsx(ts,{}),t.jsx(as,{}),t.jsx(rs,{})]}):null,t.jsx(Wn,{play:k,animate:re,fadeOut:L,unlockInProgress:ne==="In-Progress"||L||Ve==="In-Progress"&&ne==="Completed"}),I&&ue!=null?t.jsx(Gt,{style:{width:a.sp9,height:a.sp9,position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:2,backgroundColor:c.lockCardOverlayBackground,borderRadius:a.sp11},animationData:ue,loop:!1,play:I,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):U&&Ne!=null?t.jsx(Gt,{style:{width:56,height:56,position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:2},animationData:Ne,loop:!1,play:U,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):k?R?t.jsx(Xn,{}):ne==="In-Progress"?t.jsx(Gn,{}):L||Ve==="In-Progress"&&ne==="Completed"?null:t.jsx(Yn,{isHovered:te&&pe,children:t.jsxs(qn,{isHovered:te&&pe,children:[t.jsx(Ur,{}),t.jsx(Zn,{isVisible:te&&pe,shouldEnterLayout:ae,children:ve.moreOptions.unlock})]})}):oe&&he!=null?t.jsx(Gt,{style:{width:72,height:72,position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:2},animationData:he,loop:!1,play:oe,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):null,Ee.includes("virtual")?t.jsxs(_n,{isShowingInDrawer:u,isOwnCard:C,scaleFactor:N,bgColor:M?.toString(),showColorPalette:B,isDebitCard:Be,"data-testid":Q("virtual-charge-card-detail"),onClick:()=>{B===!1&&C===!0&&ie(y)===!1&&ne!=="In-Progress"&&pe===!1&&Ma({signedInUserToken:z,showSecretInfo:x,setShowPhoneNumberPopup:Z,onFireOnClickAnalytics:V,setShowSecretInfo:X})},enableClick:ot&&!pe&&!R||pe&&ne!=="In-Progress",cardDetailsFetchState:Re||i.chargeCard?.cardColorCode===void 0,children:[t.jsx(_a,{scaleFactor:N,shouldAppear:Re||i.chargeCard?.cardColorCode===void 0}),t.jsx(en,{leftTransitionValue:N*ye.colorPaletteLeftTransitionValue,hasBorderShadow:!1,tickStyles:{width:"12px",height:"12px"},colorInState:i.chargeCard?.cardColorCode!=null?new et(i.chargeCard.cardColorCode):void 0,styles:{height:"100%",maxWidth:"78%",top:u?"unset":a.sp0,left:B?a.sp0:`${N*ye.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:B,toggleColorPaletteVisibility:xe=>{ee(xe)},handleColorClick:(xe,yt)=>{se(xe,yt),yt&&ee(!1)}}),t.jsx(Qn,{scaleFactor:N}),t.jsx(Ba,{productInformation:s,cashbackInformation:m,creditAccountInformation:p,debitAccountInformation:w,secretRevealed:l,setSecretRevealed:E,onFireOnClickAnalytics:V,isCardColorUndefined:i.chargeCard?.cardColorCode==null,isCardColorUpdating:i.updateFetchState.fetchState==="In-Progress",isSandboxEnv:A,cardDetailsFetchState:y,setCardDetailsFetchState:G,isCardDetailErrored:S,setIsCardDetailErrored:Y,chargeCard:i.chargeCard,vgsVaultId:g,showSecretInfo:x,creditAccountRepayment:D,token:z?.token,isDebitCard:Be,depositAccountLimitFetchState:i.depositAccountLimitFetchState.fetchState,controllerEmails:b,isChargeCardFeatureEnabled:n,isDebitCardFeatureEnabled:d,isDebitCardSetupEnabled:f,isChargeCardSetupEnabled:v,creditAccount:j,chargeCardCashbackDetailState:$,cardInfoTitleStyles:{..._.extraSmallRegular.cssObject},styles:{gap:`${a.sp3}`,paddingLeft:`${a.sp4}`},cvvSecStyles:{minWidth:"39px",marginRight:`${a.sp3}`},sourceId:u?"addToWalletDrawer":"cardDetail"}),t.jsxs(Ua,{children:[t.jsxs(Kn,{children:[t.jsx(Ga,{scaleFactor:N}),t.jsx(On,{onClick:xe=>{xe.stopPropagation(),C&&ee(!B)},"data-testid":Q("card-color-selector"),children:C?t.jsx(ta,{enterDelay:600,title:ve.cardColours,placement:"left",children:t.jsx(Wa,{isShowingInDrawer:u})}):t.jsx(Wa,{isShowingInDrawer:u})})]}),t.jsx(Pn,{scaleFactor:N})]})]}):t.jsxs(os,{scaleFactor:N,enableClick:ot&&!pe&&!R||pe&&ne!=="In-Progress",isOwnCard:C,isShowingInDrawer:u,onClick:()=>{C===!0&&pe===!1&&ne!=="In-Progress"&&ie(y)===!1&&Ma({signedInUserToken:z,showSecretInfo:x,setShowPhoneNumberPopup:Z,onFireOnClickAnalytics:V,setShowSecretInfo:X})},"data-testid":Q("physical-charge-card-detail"),children:[t.jsx(_a,{scaleFactor:N,shouldAppear:Re}),t.jsxs(ns,{flipCard:l,children:[t.jsx(ss,{children:t.jsx(Tr,{scaleFactor:N,isClickable:ot,isLoading:Re,isDebitCard:Be})}),x?t.jsxs(ds,{isDebitCard:Be,children:[t.jsx(Ba,{productInformation:s,cashbackInformation:m,creditAccountInformation:p,debitAccountInformation:w,secretRevealed:l,setSecretRevealed:E,onFireOnClickAnalytics:V,isCardColorUndefined:i.chargeCard?.cardColorCode==null,isCardColorUpdating:i.updateFetchState.fetchState==="In-Progress",isSandboxEnv:A,cardDetailsFetchState:y,setCardDetailsFetchState:G,isCardDetailErrored:S,setIsCardDetailErrored:Y,chargeCard:i.chargeCard,vgsVaultId:g,showSecretInfo:x,token:z?.token,isDebitCard:Be,depositAccountLimitFetchState:i.depositAccountLimitFetchState.fetchState,controllerEmails:b,isChargeCardFeatureEnabled:n,isDebitCardFeatureEnabled:d,isDebitCardSetupEnabled:f,isChargeCardSetupEnabled:v,creditAccount:i.creditAccount,creditAccountRepayment:D,chargeCardCashbackDetailState:$,cardInfoTitleStyles:{..._.extraSmallRegular.cssObject},styles:{gap:`${a.sp3}`,paddingLeft:`${a.sp4}`},cvvSecStyles:{minWidth:"39px",marginRight:`${a.sp3}`},sourceId:u?"addToWalletDrawer":"cardDetail"}),t.jsx(Ua,{children:t.jsx(Jn,{children:t.jsx(Ga,{scaleFactor:N})})})]}):null]})]})]}),R?t.jsx(An,{children:ve.cardClosedMessage}):Xe&&!e?t.jsx(En,{children:ve.cardLockedByAdminMessage}):pe?t.jsx(Yt,{children:ve.cardLockedMessage}):C===!0&&!Re?y.cvv===!0&&y.number===!0?t.jsx(Un,{children:Tn.loading}):S?t.jsx(Fn,{}):t.jsx(Yt,{children:l?it:xt}):Re?t.jsx(Yt,{children:ve.loading}):null]})},An=r(Ce)`
   color: ${c.important};
 `,En=r(Ce)`
   color: ${e=>e.theme.colors.primary};
-`,Rn=()=>t.jsxs(Vn,{children:[t.jsx(zn,{}),t.jsx(Mn,{children:ve.failedToFetchCardWebText})]}),Fn=r.div`
+`,Fn=()=>t.jsxs(Vn,{children:[t.jsx(zn,{}),t.jsx(Mn,{children:ve.failedToFetchCardWebText})]}),Rn=r.div`
   display: flex;
   align-items: center;
   gap: ${a.sp2};
@@ -340,7 +340,7 @@ import{d as at,J as Ie,ax as Lt,a8 as Dt,h1 as Sr,hG as Ti,aW as et,h2 as $r,aR
   padding: ${a.sp3};
   border-radius: ${a.sp11};
   background: ${c.lockCardOverlayBackground};
-`,Zn=r(Fr)`
+`,Zn=r(Rr)`
   color: ${c.neutralGrey5Light};
   white-space: nowrap;
   opacity: ${e=>e.isVisible?1:0};
@@ -430,7 +430,7 @@ import{d as at,J as Ie,ax as Lt,a8 as Dt,h1 as Sr,hG as Ti,aW as et,h2 as $r,aR
   position: absolute;
   left: -${a.sp3};
   bottom: -${a.sp3};
-`,is=r(Rr)`
+`,is=r(Fr)`
   color: ${e=>e.theme.colors.hero};
   width: ${a.sp3};
   height: ${a.sp3};
@@ -497,7 +497,7 @@ import{d as at,J as Ie,ax as Lt,a8 as Dt,h1 as Sr,hG as Ti,aW as et,h2 as $r,aR
   background-position-x: right;
   background-position-y: bottom;
   transform: rotateY(180deg);
-`,$e={contentContainerPadding:new T(h[3],h[4],h[8],h[8]),rightSectionWidth:new T(343,343,343,384),rightSectionHeight:new T(214,214,214,240),cardContainerContentGap:new T(h[2],h[2],h[2],h[3]),remainingAmountContainerGap:new T(h[1],h[1]),leftRightSectionGap:new T(h[0],54,54,57),cardBalanceSectionMarginBottom:new T(h[4],h[4]),barRadius:new T(2,h[2]),topSectionPaddingBottom:new T(h[4],19),rightSectionGap:new T(h[4],h[3]),addressSectionHeight:new T(109,74),addressSectionGap:new T(h[2],h[4]),navigationMarginBottom:new T(h[4],h[0]),addressValueGap:new T(h[0],h[1]),ownerWebMinWidth:new T(110,187)},oa={remainingAmount:new Va("largeRegular","largeMedium"),spentAmount:new Va("h5Regular","h5Regular")},{common:Ge,dateFormat:gt,spendManagement:cs}=ke.getLocalizedStrings(),Ze=cs.chargeCard,ls=({chargeCardDetailView:e,spent:i,controllerEmails:s,chargeCardCashbackDetailState:m,isChargeCardFeatureEnabled:p,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:l,isChargeCardSetupEnabled:C,creditAccount:g,creditAccountRepayment:x,productInformation:b,cashbackInformation:n,creditAccountInformation:d,debitAccountInformation:f,cardIssuedByRoles:v,cardIssuedByDepartmentName:$,cardHolderRoles:j,cardHolderDepartmentName:D,classListFetchState:u,cardOwnerName:A,secretRevealed:S,appleWalletLink:z,googleWalletLink:M,isCardNotPending:y,isOwnerNameCopied:G,isAddressCopied:Y,addressToShow:X,isOwnCard:E,vgsVaultId:Z,showSecretInfo:ie,isSandboxEnv:se,isCardDetailErrored:V,signedInUserToken:q,selectedColor:B,showUpdateSpendLimitAction:ee,setShowPhoneNumberPopup:te,setShowChangeSpendLimitPopup:le,cardDetailsFetchState:ae,setCardDetailsFetchState:H,setIsCardDetailErrored:oe,setShowSecretInfo:K,setSecretRevealed:I,isCardDetailFetching:O,handleColorCodeClick:U,onFireOnClickAnalytics:de,onOwnerNameCopyClick:k,onAddressCopyClick:R,onUnlockChargeCard:re,isDebitCard:ce})=>{const L=Ie(),je=Dt().analytics,fe=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate!=null?e.chargeCardConfig.rePaymentInfo.cardLimitResetDate.format(gt.visual.MMMDFormat):Ao().startOf("month").add(1,"month").format(gt.visual.MMMDFormat),Ee=e.chargeCard!=null?Math.round(i.amount*100/e.chargeCard.limit.amount):0,{isIPhoneScreen:Re}=Gi(),J=e.chargeCard?.type.code==="business_physical_credit_card"&&(e.chargeCard?.status.code==="inactive"||e.chargeCard?.status.code==="request_on_hold"),N=Lt(),W=At(N?.loggedInUserRoleMap);return t.jsxs(js,{windowSize:L,children:[t.jsxs(ks,{windowSize:L,children:[t.jsxs(Is,{windowSize:L,children:[t.jsx(gs,{children:Ge.texts.spent}),t.jsx(Xa,{children:t.jsx(Ls,{windowSize:L,children:qe("0,0.[00]",i)})}),t.jsx(zs,{windowSize:L,children:t.jsx(Vs,{style:{width:`${Ee}%`,borderRadius:a.sp1}})}),e.chargeCard!=null?t.jsxs(Xa,{children:[t.jsxs(Ms,{children:[t.jsxs(us,{windowSize:L,children:[t.jsx(Ka,{windowSize:L,children:qe("0,0.[00]",e.chargeCard.available)}),t.jsx(Ja,{windowSize:L,children:Ge.texts.remaining})]}),ee?t.jsxs(Ts,{windowSize:L,children:[t.jsx(As,{children:Ze.updateSpendLimitPopup.unlockSpending}),t.jsx(Es,{onClick:()=>{ps({chargeCardDetailView:e,classListFetchState:u,isChargeCardFeatureEnabled:p,creditAccount:g,creditAccountRepayment:x,isDebitCard:ce,productInformation:b,creditAccountInformation:d,debitAccountInformation:f,controllerEmails:s,cardIssuedByRoles:v,cardIssuedByDepartmentName:$,cardHolderRoles:j,cardHolderDepartmentName:D,analytics:je}),le(!0)},"data-testid":Q("update-spend-limit-button"),children:Ze.updateSpendLimitPopup.updateSpendLimit})]}):null]}),t.jsxs(Ds,{windowSize:L,children:[t.jsxs(Cs,{children:[t.jsx(Ka,{windowSize:L,children:qe("0,0.[00]",e.chargeCard.limit)}),t.jsx(Ja,{windowSize:L,children:Ze.cardList.slashMonth})]}),e.chargeCard.status.code!=="request_on_hold"?t.jsxs(Rs,{children:[t.jsx(Fs,{children:Ge.texts.limitReset}),t.jsx(Ps,{children:fe})]}):null]})]}):null]}),t.jsx(hs,{chargeCardDetailView:e,classListFetchState:u,cardOwnerName:A,addressToShow:X,isAddressCopied:Y,isOwnerNameCopied:G,onOwnerNameCopyClick:k,onAddressCopyClick:R})]}),t.jsx($s,{windowSize:L,isOwnCard:E,children:L==="small"&&!E?null:t.jsxs(t.Fragment,{children:[t.jsx(vs,{windowSize:L,children:J?t.jsx(Tr,{}):t.jsx(_r,{isChargeCardAdmin:W,chargeCardDetailView:e,productInformation:b,cashbackInformation:n,creditAccountInformation:d,debitAccountInformation:f,creditAccount:e.creditAccount,setShowSecretInfo:K,secretRevealed:S,isOwnCard:E,isShowingInDrawer:!1,vgsVaultId:Z,showSecretInfo:ie,isSandboxEnv:se,controllerEmails:s,isChargeCardFeatureEnabled:p,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:l,isChargeCardSetupEnabled:C,chargeCardCashbackDetailState:m,isCardDetailErrored:V,signedInUserToken:q,selectedColor:B,cardDetailsFetchState:ae,setCardDetailsFetchState:H,setIsCardDetailErrored:oe,setSecretRevealed:I,isCardDetailFetching:O,handleColorCodeClick:U,onFireOnClickAnalytics:de,setShowPhoneNumberForOtp:te,onUnlockChargeCard:re,creditAccountRepayment:x})}),!E&&e.chargeCard?.status.code!=="closed"&&e.chargeCard?.status.code!=="closed_by_customer"&&e.chargeCard?.status.code!=="locked"?t.jsx(ms,{children:Ze.cardDetails.adminsCannotAccess}):null,L==="small"&&E&&y&&ce===!1?Re?t.jsx(ea,{onClick:()=>{dt({chargeCardDetailView:e,classListFetchState:u,analytics:je,isDebitCard:ce,isChargeCardAdmin:W,productInformation:b,creditAccountInformation:d,debitAccountInformation:f,cardIssuedByRoles:v,cardIssuedByDepartmentName:$,cardHolderRoles:j,cardHolderDepartmentName:D,controllerEmails:s,pageName:"Card Detail",addToWalletType:"Add to Apple Wallet",isChargeCardFeatureEnabled:p,creditAccount:g,creditAccountRepayment:x}),window.open(z,"_blank")}}):t.jsx(Qt,{onClick:()=>{dt({chargeCardDetailView:e,classListFetchState:u,analytics:je,isDebitCard:ce,isChargeCardAdmin:W,productInformation:b,creditAccountInformation:d,debitAccountInformation:f,cardIssuedByRoles:v,cardIssuedByDepartmentName:$,cardHolderRoles:j,cardHolderDepartmentName:D,controllerEmails:s,pageName:"Card Detail",addToWalletType:"Add to Google Wallet",isChargeCardFeatureEnabled:p,creditAccount:g,creditAccountRepayment:x}),window.open(M,"_blank")}}):null]})})]})},hs=({chargeCardDetailView:e,classListFetchState:i,cardOwnerName:s,addressToShow:m,isOwnerNameCopied:p,isAddressCopied:w,onOwnerNameCopyClick:l,onAddressCopyClick:C})=>{const g=Ie(),x=at(),[b,n]=o.useState(0),[d,f]=o.useState(!0),[v,$]=o.useState(!1),[j,D]=o.useState(!1),[u,A]=o.useState(!1);o.useEffect(()=>{const z=[setTimeout(()=>{n(1)},500),setTimeout(()=>{n(0),A(!0)},1e3),setTimeout(()=>{f(!1),A(!1)},2e3),setTimeout(()=>{f(!0),n(1)},2500),setTimeout(()=>{n(0),A(!0)},3e3),setTimeout(()=>{f(!1),A(!1)},4e3)];return()=>{z.forEach(clearTimeout)}},[]);const S=`${e.connectedAccount?.accountName} ${e.connectedAccount?.maskedAccountNumber}`;return t.jsxs(fs,{children:[t.jsxs(ws,{windowSize:g,children:[t.jsxs(xs,{shouldBounce:u,isActive:b==0,isAutoSlide:d,windowSize:g,children:[e.chargeCard?.cardHolderUser!=null?t.jsxs(Za,{windowSize:g,onClick:l,"data-testid":Q("owner-name-copy-click"),onMouseEnter:()=>$(!0),onMouseLeave:()=>$(!1),children:[t.jsxs(jt,{children:[Ze.cardDetails.owner,t.jsxs(rr,{children:[t.jsx(Qa,{children:p===!0?t.jsx(ar,{}):t.jsx(tr,{isHover:v})}),p||v?t.jsx(er,{children:p?Ge.copyToClipBoard.copied:Ge.copyToClipBoard.copy}):null]})]}),t.jsx(qa,{children:t.jsx(Xt,{children:s})})]}):null,m!=null?t.jsxs(Ya,{windowSize:g,onClick:C,"data-testid":Q("address-copy-click"),onMouseEnter:()=>D(!0),onMouseLeave:()=>D(!1),children:[t.jsxs(jt,{children:[Ze.cardDetails.address,t.jsxs(rr,{children:[t.jsx(Qa,{children:w===!0?t.jsx(ar,{}):t.jsx(tr,{isHover:j})}),w||j?t.jsx(er,{children:w?Ge.copyToClipBoard.copied:Ge.copyToClipBoard.copy}):null]})]}),t.jsx(Ss,{windowSize:g,children:t.jsx(co,{address:m,isDisabled:"readonly",style:{padding:a.sp0,..._.smallRegular.cssObject,textTransform:"capitalize",alignItems:"flex-start",backgroundColor:x.colors.grey4,cursor:"pointer",flexDirection:g==="small"?"column":"row",gap:$e.addressValueGap.valuePx(g),textAlign:g==="small"?"left":"right"}})})]}):null]}),t.jsxs(ys,{isActive:b==1,isAutoSlide:d,children:[e.chargeCard?.type.code.includes("debit")===!0?t.jsxs(Za,{windowSize:g,children:[t.jsx(jt,{children:Ze.connectedAccount}),t.jsxs(bs,{children:[t.jsx(Os,{children:t.jsx(Hs,{})}),t.jsx(Xt,{children:S})]})]}):null,t.jsxs(Ya,{windowSize:g,children:[t.jsx(jt,{children:Ze.department}),t.jsx(qa,{children:t.jsx(Xt,{children:i==="In-Progress"||i==="Not-Started"?t.jsx(Ct,{size:"Small",start:!0}):e.chargeCard?.department?.className??Ge.strings.hyphen})})]})]})]}),t.jsx(Fo,{numberOfDots:2,activeIndex:b,handleClick:n,style:{marginTop:"12px",marginBottom:$e.navigationMarginBottom.valuePx(g)},dotStyle:{width:a.sp2,height:a.sp2},spendManagementPromoCardActive:!0,promoColor:x.colors.primary,promoColorHover:x.colors.grey1})]})},ps=({chargeCardDetailView:e,classListFetchState:i,isChargeCardFeatureEnabled:s,creditAccount:m,creditAccountRepayment:p,isDebitCard:w,controllerEmails:l,productInformation:C,creditAccountInformation:g,debitAccountInformation:x,cardIssuedByRoles:b,cardIssuedByDepartmentName:n,cardHolderRoles:d,cardHolderDepartmentName:f,analytics:v})=>{if(e.chargeCard!=null&&i==="Completed"&&e.transactionStatistics.fetchState==="Completed"&&(!s||m.fetchState==="Completed"&&p.fetchState==="Completed")&&(!w||e.depositAccountLimitFetchState.fetchState==="Completed")){const $=e.chargeCard.type.code.includes("physical")?e.chargeCard.cardActivationAttemptHistory[0]?.timestamp:e.chargeCard.createTime;v.trackCardsUpdateSpendLimitInitiated(l,C,{cardId:e.chargeCard.id,cardName:e.chargeCard.cardName,cardType:so(e.chargeCard.type.code),cardCategory:e.chargeCard.type.code.includes("physical")?"physical":"virtual",cardLimit:mt(e.chargeCard.limit.amount),cardLastFourDigits:e.chargeCard.accountLast4,cardStatus:e.chargeCard.status.code,cardAssignedDate:e.chargeCard.createTime?.format(gt.analytics.MMMDashDDDashYYYYFormat),cardIssuedDate:e.chargeCard.providerCardCreateTime?.format(gt.analytics.MMMDashDDDashYYYYFormat),cardActivatedDate:$?.format(gt.analytics.MMMDashDDDashYYYYFormat),cardLimitFrequency:e.chargeCard.creditLimitFrequency.name,cardSpentAmount:mt(e.chargeCard.balance.amount),cardAvailableLimit:mt(e.chargeCard.available.amount),cardUtilizationPercent:no(e.chargeCard.limit.amount,e.chargeCard.available.amount),cardUtilizationAmount:mt(oo(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:b,cardIssuedByDepartment:n},{cardholderName:Oa(e.chargeCard.cardHolderUser,!1),cardholderEmail:e.chargeCard.cardHolderUser?.email,cardholderRole:d,cardholderUserId:e.chargeCard.cardHolderUser?.userId,cardholderDepartment:f},"Card Detail","Hyperlink",(e?.chargeCard?.recommendations??[]).map(j=>mt(j.creditLimit.amount)),g,x)}},us=r.div`
+`,$e={contentContainerPadding:new T(h[3],h[4],h[8],h[8]),rightSectionWidth:new T(343,343,343,384),rightSectionHeight:new T(214,214,214,240),cardContainerContentGap:new T(h[2],h[2],h[2],h[3]),remainingAmountContainerGap:new T(h[1],h[1]),leftRightSectionGap:new T(h[0],54,54,57),cardBalanceSectionMarginBottom:new T(h[4],h[4]),barRadius:new T(2,h[2]),topSectionPaddingBottom:new T(h[4],19),rightSectionGap:new T(h[4],h[3]),addressSectionHeight:new T(109,74),addressSectionGap:new T(h[2],h[4]),navigationMarginBottom:new T(h[4],h[0]),addressValueGap:new T(h[0],h[1]),ownerWebMinWidth:new T(110,187)},oa={remainingAmount:new Va("largeRegular","largeMedium"),spentAmount:new Va("h5Regular","h5Regular")},{common:Ge,dateFormat:gt,spendManagement:cs}=ke.getLocalizedStrings(),Ze=cs.chargeCard,ls=({chargeCardDetailView:e,spent:i,controllerEmails:s,chargeCardCashbackDetailState:m,isChargeCardFeatureEnabled:p,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:l,isChargeCardSetupEnabled:C,creditAccount:g,creditAccountRepayment:x,productInformation:b,cashbackInformation:n,creditAccountInformation:d,debitAccountInformation:f,cardIssuedByRoles:v,cardIssuedByDepartmentName:$,cardHolderRoles:j,cardHolderDepartmentName:D,classListFetchState:u,cardOwnerName:A,secretRevealed:S,appleWalletLink:z,googleWalletLink:M,isCardNotPending:y,isOwnerNameCopied:G,isAddressCopied:Y,addressToShow:X,isOwnCard:E,vgsVaultId:Z,showSecretInfo:ie,isSandboxEnv:se,isCardDetailErrored:V,signedInUserToken:q,selectedColor:B,showUpdateSpendLimitAction:ee,setShowPhoneNumberPopup:te,setShowChangeSpendLimitPopup:le,cardDetailsFetchState:ae,setCardDetailsFetchState:H,setIsCardDetailErrored:oe,setShowSecretInfo:K,setSecretRevealed:I,isCardDetailFetching:O,handleColorCodeClick:U,onFireOnClickAnalytics:de,onOwnerNameCopyClick:k,onAddressCopyClick:F,onUnlockChargeCard:re,isDebitCard:ce})=>{const L=Ie(),je=Dt().analytics,fe=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate!=null?e.chargeCardConfig.rePaymentInfo.cardLimitResetDate.format(gt.visual.MMMDFormat):Ao().startOf("month").add(1,"month").format(gt.visual.MMMDFormat),Ee=e.chargeCard!=null?Math.round(i.amount*100/e.chargeCard.limit.amount):0,{isIPhoneScreen:Fe}=Gi(),J=e.chargeCard?.type.code==="business_physical_credit_card"&&(e.chargeCard?.status.code==="inactive"||e.chargeCard?.status.code==="request_on_hold"),N=Lt(),W=At(N?.loggedInUserRoleMap);return t.jsxs(js,{windowSize:L,children:[t.jsxs(ks,{windowSize:L,children:[t.jsxs(Is,{windowSize:L,children:[t.jsx(gs,{children:Ge.texts.spent}),t.jsx(Xa,{children:t.jsx(Ls,{windowSize:L,children:qe("0,0.[00]",i)})}),t.jsx(zs,{windowSize:L,children:t.jsx(Vs,{style:{width:`${Ee}%`,borderRadius:a.sp1}})}),e.chargeCard!=null?t.jsxs(Xa,{children:[t.jsxs(Ms,{children:[t.jsxs(us,{windowSize:L,children:[t.jsx(Ka,{windowSize:L,children:qe("0,0.[00]",e.chargeCard.available)}),t.jsx(Ja,{windowSize:L,children:Ge.texts.remaining})]}),ee?t.jsxs(Ts,{windowSize:L,children:[t.jsx(As,{children:Ze.updateSpendLimitPopup.unlockSpending}),t.jsx(Es,{onClick:()=>{ps({chargeCardDetailView:e,classListFetchState:u,isChargeCardFeatureEnabled:p,creditAccount:g,creditAccountRepayment:x,isDebitCard:ce,productInformation:b,creditAccountInformation:d,debitAccountInformation:f,controllerEmails:s,cardIssuedByRoles:v,cardIssuedByDepartmentName:$,cardHolderRoles:j,cardHolderDepartmentName:D,analytics:je}),le(!0)},"data-testid":Q("update-spend-limit-button"),children:Ze.updateSpendLimitPopup.updateSpendLimit})]}):null]}),t.jsxs(Ds,{windowSize:L,children:[t.jsxs(Cs,{children:[t.jsx(Ka,{windowSize:L,children:qe("0,0.[00]",e.chargeCard.limit)}),t.jsx(Ja,{windowSize:L,children:Ze.cardList.slashMonth})]}),e.chargeCard.status.code!=="request_on_hold"?t.jsxs(Fs,{children:[t.jsx(Rs,{children:Ge.texts.limitReset}),t.jsx(Ps,{children:fe})]}):null]})]}):null]}),t.jsx(hs,{chargeCardDetailView:e,classListFetchState:u,cardOwnerName:A,addressToShow:X,isAddressCopied:Y,isOwnerNameCopied:G,onOwnerNameCopyClick:k,onAddressCopyClick:F})]}),t.jsx($s,{windowSize:L,isOwnCard:E,children:L==="small"&&!E?null:t.jsxs(t.Fragment,{children:[t.jsx(vs,{windowSize:L,children:J?t.jsx(Tr,{}):t.jsx(_r,{isChargeCardAdmin:W,chargeCardDetailView:e,productInformation:b,cashbackInformation:n,creditAccountInformation:d,debitAccountInformation:f,creditAccount:e.creditAccount,setShowSecretInfo:K,secretRevealed:S,isOwnCard:E,isShowingInDrawer:!1,vgsVaultId:Z,showSecretInfo:ie,isSandboxEnv:se,controllerEmails:s,isChargeCardFeatureEnabled:p,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:l,isChargeCardSetupEnabled:C,chargeCardCashbackDetailState:m,isCardDetailErrored:V,signedInUserToken:q,selectedColor:B,cardDetailsFetchState:ae,setCardDetailsFetchState:H,setIsCardDetailErrored:oe,setSecretRevealed:I,isCardDetailFetching:O,handleColorCodeClick:U,onFireOnClickAnalytics:de,setShowPhoneNumberForOtp:te,onUnlockChargeCard:re,creditAccountRepayment:x})}),!E&&e.chargeCard?.status.code!=="closed"&&e.chargeCard?.status.code!=="closed_by_customer"&&e.chargeCard?.status.code!=="locked"?t.jsx(ms,{children:Ze.cardDetails.adminsCannotAccess}):null,L==="small"&&E&&y&&ce===!1?Fe?t.jsx(ea,{onClick:()=>{dt({chargeCardDetailView:e,classListFetchState:u,analytics:je,isDebitCard:ce,isChargeCardAdmin:W,productInformation:b,creditAccountInformation:d,debitAccountInformation:f,cardIssuedByRoles:v,cardIssuedByDepartmentName:$,cardHolderRoles:j,cardHolderDepartmentName:D,controllerEmails:s,pageName:"Card Detail",addToWalletType:"Add to Apple Wallet",isChargeCardFeatureEnabled:p,creditAccount:g,creditAccountRepayment:x}),window.open(z,"_blank")}}):t.jsx(Qt,{onClick:()=>{dt({chargeCardDetailView:e,classListFetchState:u,analytics:je,isDebitCard:ce,isChargeCardAdmin:W,productInformation:b,creditAccountInformation:d,debitAccountInformation:f,cardIssuedByRoles:v,cardIssuedByDepartmentName:$,cardHolderRoles:j,cardHolderDepartmentName:D,controllerEmails:s,pageName:"Card Detail",addToWalletType:"Add to Google Wallet",isChargeCardFeatureEnabled:p,creditAccount:g,creditAccountRepayment:x}),window.open(M,"_blank")}}):null]})})]})},hs=({chargeCardDetailView:e,classListFetchState:i,cardOwnerName:s,addressToShow:m,isOwnerNameCopied:p,isAddressCopied:w,onOwnerNameCopyClick:l,onAddressCopyClick:C})=>{const g=Ie(),x=at(),[b,n]=o.useState(0),[d,f]=o.useState(!0),[v,$]=o.useState(!1),[j,D]=o.useState(!1),[u,A]=o.useState(!1);o.useEffect(()=>{const z=[setTimeout(()=>{n(1)},500),setTimeout(()=>{n(0),A(!0)},1e3),setTimeout(()=>{f(!1),A(!1)},2e3),setTimeout(()=>{f(!0),n(1)},2500),setTimeout(()=>{n(0),A(!0)},3e3),setTimeout(()=>{f(!1),A(!1)},4e3)];return()=>{z.forEach(clearTimeout)}},[]);const S=`${e.connectedAccount?.accountName} ${e.connectedAccount?.maskedAccountNumber}`;return t.jsxs(fs,{children:[t.jsxs(ws,{windowSize:g,children:[t.jsxs(xs,{shouldBounce:u,isActive:b==0,isAutoSlide:d,windowSize:g,children:[e.chargeCard?.cardHolderUser!=null?t.jsxs(Za,{windowSize:g,onClick:l,"data-testid":Q("owner-name-copy-click"),onMouseEnter:()=>$(!0),onMouseLeave:()=>$(!1),children:[t.jsxs(jt,{children:[Ze.cardDetails.owner,t.jsxs(rr,{children:[t.jsx(Qa,{children:p===!0?t.jsx(ar,{}):t.jsx(tr,{isHover:v})}),p||v?t.jsx(er,{children:p?Ge.copyToClipBoard.copied:Ge.copyToClipBoard.copy}):null]})]}),t.jsx(qa,{children:t.jsx(Xt,{children:s})})]}):null,m!=null?t.jsxs(Ya,{windowSize:g,onClick:C,"data-testid":Q("address-copy-click"),onMouseEnter:()=>D(!0),onMouseLeave:()=>D(!1),children:[t.jsxs(jt,{children:[Ze.cardDetails.address,t.jsxs(rr,{children:[t.jsx(Qa,{children:w===!0?t.jsx(ar,{}):t.jsx(tr,{isHover:j})}),w||j?t.jsx(er,{children:w?Ge.copyToClipBoard.copied:Ge.copyToClipBoard.copy}):null]})]}),t.jsx(Ss,{windowSize:g,children:t.jsx(co,{address:m,isDisabled:"readonly",style:{padding:a.sp0,..._.smallRegular.cssObject,textTransform:"capitalize",alignItems:"flex-start",backgroundColor:x.colors.grey4,cursor:"pointer",flexDirection:g==="small"?"column":"row",gap:$e.addressValueGap.valuePx(g),textAlign:g==="small"?"left":"right"}})})]}):null]}),t.jsxs(ys,{isActive:b==1,isAutoSlide:d,children:[e.chargeCard?.type.code.includes("debit")===!0?t.jsxs(Za,{windowSize:g,children:[t.jsx(jt,{children:Ze.connectedAccount}),t.jsxs(bs,{children:[t.jsx(Os,{children:t.jsx(Hs,{})}),t.jsx(Xt,{children:S})]})]}):null,t.jsxs(Ya,{windowSize:g,children:[t.jsx(jt,{children:Ze.department}),t.jsx(qa,{children:t.jsx(Xt,{children:i==="In-Progress"||i==="Not-Started"?t.jsx(Ct,{size:"Small",start:!0}):e.chargeCard?.department?.className??Ge.strings.hyphen})})]})]})]}),t.jsx(Ro,{numberOfDots:2,activeIndex:b,handleClick:n,style:{marginTop:"12px",marginBottom:$e.navigationMarginBottom.valuePx(g)},dotStyle:{width:a.sp2,height:a.sp2},spendManagementPromoCardActive:!0,promoColor:x.colors.primary,promoColorHover:x.colors.grey1})]})},ps=({chargeCardDetailView:e,classListFetchState:i,isChargeCardFeatureEnabled:s,creditAccount:m,creditAccountRepayment:p,isDebitCard:w,controllerEmails:l,productInformation:C,creditAccountInformation:g,debitAccountInformation:x,cardIssuedByRoles:b,cardIssuedByDepartmentName:n,cardHolderRoles:d,cardHolderDepartmentName:f,analytics:v})=>{if(e.chargeCard!=null&&i==="Completed"&&e.transactionStatistics.fetchState==="Completed"&&(!s||m.fetchState==="Completed"&&p.fetchState==="Completed")&&(!w||e.depositAccountLimitFetchState.fetchState==="Completed")){const $=e.chargeCard.type.code.includes("physical")?e.chargeCard.cardActivationAttemptHistory[0]?.timestamp:e.chargeCard.createTime;v.trackCardsUpdateSpendLimitInitiated(l,C,{cardId:e.chargeCard.id,cardName:e.chargeCard.cardName,cardType:so(e.chargeCard.type.code),cardCategory:e.chargeCard.type.code.includes("physical")?"physical":"virtual",cardLimit:mt(e.chargeCard.limit.amount),cardLastFourDigits:e.chargeCard.accountLast4,cardStatus:e.chargeCard.status.code,cardAssignedDate:e.chargeCard.createTime?.format(gt.analytics.MMMDashDDDashYYYYFormat),cardIssuedDate:e.chargeCard.providerCardCreateTime?.format(gt.analytics.MMMDashDDDashYYYYFormat),cardActivatedDate:$?.format(gt.analytics.MMMDashDDDashYYYYFormat),cardLimitFrequency:e.chargeCard.creditLimitFrequency.name,cardSpentAmount:mt(e.chargeCard.balance.amount),cardAvailableLimit:mt(e.chargeCard.available.amount),cardUtilizationPercent:no(e.chargeCard.limit.amount,e.chargeCard.available.amount),cardUtilizationAmount:mt(oo(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:b,cardIssuedByDepartment:n},{cardholderName:Oa(e.chargeCard.cardHolderUser,!1),cardholderEmail:e.chargeCard.cardHolderUser?.email,cardholderRole:d,cardholderUserId:e.chargeCard.cardHolderUser?.userId,cardholderDepartment:f},"Card Detail","Hyperlink",(e?.chargeCard?.recommendations??[]).map(j=>mt(j.creditLimit.amount)),g,x)}},us=r.div`
   display: flex;
   align-items: ${e=>e.windowSize==="medium-compact"||e.windowSize==="medium-regular"?"flex-start":"center"};
   gap: ${e=>$e.remainingAmountContainerGap.valuePx(e.windowSize)};
@@ -637,11 +637,11 @@ import{d as at,J as Ie,ax as Lt,a8 as Dt,h1 as Sr,hG as Ti,aW as et,h2 as $r,aR
   &:hover {
     text-decoration: underline;
   }
-`,Rs=r.div`
+`,Fs=r.div`
   display: flex;
   align-items: flex-end;
   gap: ${a.sp1};
-`,Fs=r(Ce)`
+`,Rs=r(Ce)`
   color: ${e=>e.theme.colors.hero};
 `,Ps=r(Ce)`
   color: ${e=>e.theme.colors.hero};
@@ -745,7 +745,7 @@ import{d as at,J as Ie,ax as Lt,a8 as Dt,h1 as Sr,hG as Ti,aW as et,h2 as $r,aR
   align-items: center;
   transform: ${e=>e.sortDataValue===e.headerData.key&&e.headerData.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
   ${e=>e.headerData.sortOrder==="ascending"?"padding-top: 2px":"padding-bottom: 2px"}
-`,nr=r(Rr)`
+`,nr=r(Fr)`
   width: 12px;
   height: 12px;
   cursor: pointer;
@@ -780,7 +780,7 @@ import{d as at,J as Ie,ax as Lt,a8 as Dt,h1 as Sr,hG as Ti,aW as et,h2 as $r,aR
   &:hover {
     color: ${e=>e.hideSorting?e.theme.colors.hero:e.theme.colors.primary};
   }
-`;function Zr(e,i,s){return rd(e,i,s)}async function rd(e,i,s,m){const p=`${e}?query=${encodeURIComponent(JSON.stringify(s))}`,w=ke.getLocalizedStrings().downloadReport;try{const l=await Io(p,{method:"GET",headers:{"zeni-user-id":i.userId,"zeni-tenant-id":i.tenantId,"zeni-session-id":i.sessionId}});if(l.ok){const C=m??Lo(l.headers,"Charge Card Transaction Receipt.pdf"),g=await l.arrayBuffer();Do(g,C)}else console.error(`${w.reportErrorMessage} ${l.statusText}`)}catch(l){console.error(`${w.reportErrorMessage} ${JSON.stringify(l)}`)}}async function qr(e,i,s){const m=`${e}?query=${encodeURIComponent(JSON.stringify(s))}`,p=ke.getLocalizedStrings().downloadReport;try{const w=await fetch(m,{method:"GET",headers:{"zeni-user-id":i.userId,"zeni-tenant-id":i.tenantId,"zeni-session-id":i.sessionId}});if(w.ok)return await w.json();console.error(`${p.reportErrorMessage} ${w.statusText}`)}catch(w){throw console.error(`${p.reportErrorMessage} ${JSON.stringify(w)}`),w}return[]}const id=e=>o.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M23.3584 10.0417L23.2319 9.30243L21.7534 9.55562L21.88 10.2949L23.3584 10.0417ZM20.3835 6.50175L20.7954 7.1285L22.0489 6.30467L21.637 5.67791L20.3835 6.50175ZM18.3213 2.36228L17.6946 1.95036L16.8707 3.20388L17.4975 3.61579L18.3213 2.36228ZM13.7044 2.11928L14.4436 2.24587L14.6968 0.767397L13.9576 0.640799L13.7044 2.11928ZM10.041 0.640799L9.30172 0.767397L9.55492 2.24587L10.2942 2.11928L10.041 0.640799ZM6.50104 3.6158L7.1278 3.20388L6.30397 1.95036L5.67721 2.36228L6.50104 3.6158ZM2.36158 5.67792L1.94966 6.30467L3.20318 7.12851L3.61509 6.50175L2.36158 5.67792ZM2.11857 10.2949L2.24517 9.55562L0.766695 9.30242L0.640097 10.0417L2.11857 10.2949ZM0.640097 13.9583L0.766695 14.6975L2.24517 14.4443L2.11857 13.7051L0.640097 13.9583ZM3.61509 17.4982L3.20318 16.8714L1.94966 17.6953L2.36158 18.322L3.61509 17.4982ZM5.67721 21.6377L6.30397 22.0496L7.1278 20.7961L6.50105 20.3842L5.67721 21.6377ZM10.2942 21.8807L9.55492 21.7541L9.30172 23.2326L10.041 23.3592L10.2942 21.8807ZM13.9576 23.3592L14.6968 23.2326L14.4436 21.7541L13.7044 21.8807L13.9576 23.3592ZM17.4975 20.3842L16.8707 20.7961L17.6946 22.0496L18.3213 21.6377L17.4975 20.3842ZM21.637 18.322L22.0489 17.6953L20.7954 16.8714L20.3835 17.4982L21.637 18.322ZM21.88 13.7051L21.7534 14.4443L23.2319 14.6975L23.3584 13.9583L21.88 13.7051ZM23.5243 12C23.5243 11.333 23.4675 10.6786 23.3584 10.0417L21.88 10.2949C21.9748 10.8485 22.0243 11.4182 22.0243 12H23.5243ZM21.637 5.67791C20.7702 4.35908 19.6402 3.22904 18.3213 2.36228L17.4975 3.61579C18.6453 4.37014 19.6291 5.35396 20.3835 6.50175L21.637 5.67791ZM13.9576 0.640799C13.3206 0.531717 12.6663 0.474976 11.9993 0.474976V1.97498C12.5811 1.97498 13.1507 2.02446 13.7044 2.11928L13.9576 0.640799ZM11.9993 0.474976C11.3323 0.474976 10.6779 0.531717 10.041 0.640799L10.2942 2.11928C10.8478 2.02446 11.4175 1.97498 11.9993 1.97498V0.474976ZM5.67721 2.36228C4.35838 3.22904 3.22833 4.35909 2.36158 5.67792L3.61509 6.50175C4.36944 5.35396 5.35326 4.37014 6.50104 3.6158L5.67721 2.36228ZM0.640097 10.0417C0.531015 10.6786 0.474274 11.333 0.474274 12H1.97427C1.97427 11.4182 2.02375 10.8485 2.11857 10.2949L0.640097 10.0417ZM0.474274 12C0.474274 12.667 0.531015 13.3213 0.640097 13.9583L2.11857 13.7051C2.02375 13.1514 1.97427 12.5818 1.97427 12H0.474274ZM2.36158 18.322C3.22834 19.6409 4.35838 20.7709 5.67721 21.6377L6.50105 20.3842C5.35326 19.6298 4.36944 18.646 3.61509 17.4982L2.36158 18.322ZM10.041 23.3592C10.6779 23.4682 11.3323 23.525 11.9993 23.525V22.025C11.4175 22.025 10.8478 21.9755 10.2942 21.8807L10.041 23.3592ZM11.9993 23.525C12.6663 23.525 13.3206 23.4682 13.9576 23.3592L13.7044 21.8807C13.1507 21.9755 12.5811 22.025 11.9993 22.025V23.525ZM18.3213 21.6377C19.6402 20.7709 20.7702 19.6409 21.637 18.322L20.3835 17.4982C19.6291 18.646 18.6453 19.6298 17.4975 20.3842L18.3213 21.6377ZM23.3584 13.9583C23.4675 13.3213 23.5243 12.667 23.5243 12H22.0243C22.0243 12.5818 21.9748 13.1514 21.88 13.7051L23.3584 13.9583Z",fill:"currentColor"}),o.createElement("path",{d:"M12 6.12244V17.8775",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M17.8776 12H6.12245",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),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"})),Xr=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:od,spendManagement:{chargeCard:{cardDetails:sr}},common:{strings:{hyphen:nd},tooltips:{addMissingReceipt:sd,addReceipt:dd,viewReceipt:cd}}}=ke.getLocalizedStrings(),Ue={containerPaddingLeft:new T(h[3],h[4]),containerPaddingRight:new T(h[3],h[4]),containerPaddingTop:new T(h[2],h[3]),containerPaddingBottom:new T(h[2],h[3]),containerMarginLeft:new T(h[4],h[8]),webkitLineClamp:new T(2,1,1,1,1)},Kr=e=>(e.attachmentFilePaths??[]).filter(i=>/\.(pdf|png|jpg|jpeg)$/i.test(i)).map(Ro),ld=(e,i)=>(e.attachmentFilePaths?.length??0)>0?cd:e.amount.amount<=i.amount?dd:sd,Jr=(e,i,s,m)=>(e.attachmentFilePaths?.length??0)>0?t.jsx(Ad,{onClick:p=>{p.stopPropagation(),m()},"data-testid":Q("card-transaction-row-view-receipt",e.id)}):e.amount.amount<=i.amount?t.jsx(Fd,{onClick:p=>{p.stopPropagation(),s()},"data-testid":Q("card-transaction-row-optional-upload-receipt",e.id)}):t.jsx(Rd,{onClick:p=>{p.stopPropagation(),s()},"data-testid":Q("card-transaction-row-upload-receipt",e.id)}),hd=({cardsEndPoint:e,documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,isAiCategorizationEnabledForCardsTransactions:m,transactionAttachmentsEndpointToFetch:p,transactionAttachmentEndpointToDownload:w,cardId:l,uploadReceiptsFetchState:C,uploadReceiptsShowTick:g,isViewReceiptClickedImmediatelyAfterUpload:x,authParams:b,transaction:n,receiptRequiredAboveAmount:d,updateChargeCardTransactionAttachments:f,onUploadReceiptComplete:v,updateChargeCardTransactionUploadReceiptsFetchStatus:$,updateChargeCardTransactionReceiptsShowTick:j,updateChargeCardTransactionIsViewReceiptClicked:D,removeSnackbar:u,onChargeCardTransactionRowClick:A})=>{const S=Ie(),z=Vr(),[M,y]=o.useState(!1),[G,Y]=o.useState([]),[X,E]=o.useState(null);o.useEffect(()=>{!s&&x&&(se(Z[0]),le())},[s,x]);const Z=Kr(n),[ie,se]=o.useState(Z[0]),[V,q]=o.useState([]),[B,ee]=o.useState(void 0);o.useEffect(()=>{async function J(N){V.includes(N.attachment_id)?console.warn(`Attachment with ID ${N.attachment_id} is already getting downloaded`):(q([N.attachment_id,...V]),await Zr(w,b,N),q(Or(V,W=>W==N.attachment_id)))}B!=null&&(J({card_id:l,transaction_id:n.id,attachment_id:B}),ee(void 0))},[B]);const te=()=>{D(n.id,l,!1),y(!1),E(null),Y([]),Z.length>0&&se(Z[0])},le=()=>{y(!0);const J=Z.map(W=>W.id);async function N(W){return await qr(p,b,W)}N({card_id:l,transaction_id:n.id,attachment_ids:J}).then(W=>{Y(W),W.length>0&&E(W[0])})},{merchant:ae,createTime:H,transactionType:oe,thirdPartyTransactionId:K}=n,I=()=>{s?(u(),D(n.id,l,!0)):(se(Z[0]),le())},O=o.useRef(null);async function U(J,N){$(n.id,l,"In-Progress"),await Br(`${e}/1.0/cards/transactions/${n.id}/attachments`,b,J,N).then(W=>{W!=null&&f(n.id,W),$(n.id,l,"Completed"),j(n.id,l,!0),setTimeout(()=>{j(n.id,l,!1),v(!0)},2e3)}).catch(W=>{$(n.id,l,"Error"),v(!1,W)})}const de=()=>{O.current?.click()},k=J=>{if(J.target.files!=null){const N=J.target.files,W=[],Me=[];for(let ne=0;ne<N.length;ne++)W.push(N[ne].name),Me.push(N[ne]);U?.(Me,W)}},R=Gr(),re=Pr(n.transactionStatus),ce=m?ae.brandName??ae.name:ae.name,L=qe("0,0.00",n.amount),je=oe.code==="transfer",fe=K!=null&&m,Ee=je&&n.direction==="debit",Re=je&&n.direction==="credit";return t.jsxs(Cd,{windowSize:S,isClickable:fe,"data-testid":Q("card-transaction-row",n.id),onClick:J=>{J.stopPropagation(),fe&&A(oe.code,K)},children:[t.jsx(fd,{children:t.jsxs(wd,{children:[t.jsxs(xd,{windowSize:S,responsiveWidth:R[0].width,children:[Ee?t.jsx(vd,{}):Re?t.jsx(kd,{}):t.jsx(jd,{src:ae.logo?.url?.toString()}),t.jsx(yd,{windowSize:S,hasMarginRight:re.code==="paid",children:ce}),re.code!=="paid"?t.jsxs(ud,{children:[t.jsx(gd,{windowSize:S}),t.jsx(md,{color:re.color,windowSize:S,children:re.value})]}):null]}),t.jsx($d,{windowSize:S,responsiveWidth:R[1].width,children:t.jsx(Id,{children:H.format(od.visual.MMMDCommaYYYYformat)})}),z!==!0&&t.jsx(Dd,{windowSize:S,responsiveWidth:R[2].width,children:n.transactionStatus.code==="declined"||n.transactionStatus.code==="canceled"?nd:C?.fetchState==="In-Progress"?t.jsx(Ct,{size:"Small",start:!0}):g?t.jsx(Ed,{}):t.jsxs(ta,{enterDelay:600,display:"flex",placement:"bottom",title:ld(n,d),children:[t.jsx(pd,{"data-testid":Q("card-transaction-row-upload-receipt",n.id),onClick:J=>{J.stopPropagation()},children:t.jsx(zr,{name:"transactionLineAttachment",fileRef:O,sizeLimit:i,isSizeLimitForEachFile:!0,onFileChange:k,multiple:!0,onFileSizeError:(J,N)=>{J&&v(!1,{code:500,message:N===!0?sr.singleFileUploadSizeErrorMessage.replace("__maxFileSize__",It(i,0)):sr.multipleFileUploadSizeErrorMessage.replace("__maxFileSize__",It(i,0))})}})}),Jr(n,d,de,I)]})}),z!==!0&&t.jsx(Ld,{windowSize:S,responsiveWidth:R[3].width,children:t.jsx(Td,{title:oe.name,children:oe.name})}),t.jsx(bd,{windowSize:S,responsiveWidth:R[4].width,children:t.jsx(Sd,{windowSize:S,title:qe("0,0.[00]",n.amount),children:n.direction==="debit"?L:`-${L}`})})]})}),M&&Z.length>0?Nr.createPortal(t.jsx(Mr,{allFiles:G,fileSource:X,file:ie,title:ie.fileName,attachments:Z,setFileSource:E,setShowFullScreenView:y,onCrossClick:te,setSelectedFileAttachment:se,onDownloadClick:J=>{ee(J.id)},handleTouchStart:()=>{},handleTouchMove:()=>{},handleTouchEnd:()=>{}}),document.body):null]})},pd=r.div``,ud=r.div`
+`;function Zr(e,i,s){return rd(e,i,s)}async function rd(e,i,s,m){const p=`${e}?query=${encodeURIComponent(JSON.stringify(s))}`,w=ke.getLocalizedStrings().downloadReport;try{const l=await Io(p,{method:"GET",headers:{"zeni-user-id":i.userId,"zeni-tenant-id":i.tenantId,"zeni-session-id":i.sessionId}});if(l.ok){const C=m??Lo(l.headers,"Charge Card Transaction Receipt.pdf"),g=await l.arrayBuffer();Do(g,C)}else console.error(`${w.reportErrorMessage} ${l.statusText}`)}catch(l){console.error(`${w.reportErrorMessage} ${JSON.stringify(l)}`)}}async function qr(e,i,s){const m=`${e}?query=${encodeURIComponent(JSON.stringify(s))}`,p=ke.getLocalizedStrings().downloadReport;try{const w=await fetch(m,{method:"GET",headers:{"zeni-user-id":i.userId,"zeni-tenant-id":i.tenantId,"zeni-session-id":i.sessionId}});if(w.ok)return await w.json();console.error(`${p.reportErrorMessage} ${w.statusText}`)}catch(w){throw console.error(`${p.reportErrorMessage} ${JSON.stringify(w)}`),w}return[]}const id=e=>o.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M23.3584 10.0417L23.2319 9.30243L21.7534 9.55562L21.88 10.2949L23.3584 10.0417ZM20.3835 6.50175L20.7954 7.1285L22.0489 6.30467L21.637 5.67791L20.3835 6.50175ZM18.3213 2.36228L17.6946 1.95036L16.8707 3.20388L17.4975 3.61579L18.3213 2.36228ZM13.7044 2.11928L14.4436 2.24587L14.6968 0.767397L13.9576 0.640799L13.7044 2.11928ZM10.041 0.640799L9.30172 0.767397L9.55492 2.24587L10.2942 2.11928L10.041 0.640799ZM6.50104 3.6158L7.1278 3.20388L6.30397 1.95036L5.67721 2.36228L6.50104 3.6158ZM2.36158 5.67792L1.94966 6.30467L3.20318 7.12851L3.61509 6.50175L2.36158 5.67792ZM2.11857 10.2949L2.24517 9.55562L0.766695 9.30242L0.640097 10.0417L2.11857 10.2949ZM0.640097 13.9583L0.766695 14.6975L2.24517 14.4443L2.11857 13.7051L0.640097 13.9583ZM3.61509 17.4982L3.20318 16.8714L1.94966 17.6953L2.36158 18.322L3.61509 17.4982ZM5.67721 21.6377L6.30397 22.0496L7.1278 20.7961L6.50105 20.3842L5.67721 21.6377ZM10.2942 21.8807L9.55492 21.7541L9.30172 23.2326L10.041 23.3592L10.2942 21.8807ZM13.9576 23.3592L14.6968 23.2326L14.4436 21.7541L13.7044 21.8807L13.9576 23.3592ZM17.4975 20.3842L16.8707 20.7961L17.6946 22.0496L18.3213 21.6377L17.4975 20.3842ZM21.637 18.322L22.0489 17.6953L20.7954 16.8714L20.3835 17.4982L21.637 18.322ZM21.88 13.7051L21.7534 14.4443L23.2319 14.6975L23.3584 13.9583L21.88 13.7051ZM23.5243 12C23.5243 11.333 23.4675 10.6786 23.3584 10.0417L21.88 10.2949C21.9748 10.8485 22.0243 11.4182 22.0243 12H23.5243ZM21.637 5.67791C20.7702 4.35908 19.6402 3.22904 18.3213 2.36228L17.4975 3.61579C18.6453 4.37014 19.6291 5.35396 20.3835 6.50175L21.637 5.67791ZM13.9576 0.640799C13.3206 0.531717 12.6663 0.474976 11.9993 0.474976V1.97498C12.5811 1.97498 13.1507 2.02446 13.7044 2.11928L13.9576 0.640799ZM11.9993 0.474976C11.3323 0.474976 10.6779 0.531717 10.041 0.640799L10.2942 2.11928C10.8478 2.02446 11.4175 1.97498 11.9993 1.97498V0.474976ZM5.67721 2.36228C4.35838 3.22904 3.22833 4.35909 2.36158 5.67792L3.61509 6.50175C4.36944 5.35396 5.35326 4.37014 6.50104 3.6158L5.67721 2.36228ZM0.640097 10.0417C0.531015 10.6786 0.474274 11.333 0.474274 12H1.97427C1.97427 11.4182 2.02375 10.8485 2.11857 10.2949L0.640097 10.0417ZM0.474274 12C0.474274 12.667 0.531015 13.3213 0.640097 13.9583L2.11857 13.7051C2.02375 13.1514 1.97427 12.5818 1.97427 12H0.474274ZM2.36158 18.322C3.22834 19.6409 4.35838 20.7709 5.67721 21.6377L6.50105 20.3842C5.35326 19.6298 4.36944 18.646 3.61509 17.4982L2.36158 18.322ZM10.041 23.3592C10.6779 23.4682 11.3323 23.525 11.9993 23.525V22.025C11.4175 22.025 10.8478 21.9755 10.2942 21.8807L10.041 23.3592ZM11.9993 23.525C12.6663 23.525 13.3206 23.4682 13.9576 23.3592L13.7044 21.8807C13.1507 21.9755 12.5811 22.025 11.9993 22.025V23.525ZM18.3213 21.6377C19.6402 20.7709 20.7702 19.6409 21.637 18.322L20.3835 17.4982C19.6291 18.646 18.6453 19.6298 17.4975 20.3842L18.3213 21.6377ZM23.3584 13.9583C23.4675 13.3213 23.5243 12.667 23.5243 12H22.0243C22.0243 12.5818 21.9748 13.1514 21.88 13.7051L23.3584 13.9583Z",fill:"currentColor"}),o.createElement("path",{d:"M12 6.12244V17.8775",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M17.8776 12H6.12245",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),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"})),Xr=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:od,spendManagement:{chargeCard:{cardDetails:sr}},common:{strings:{hyphen:nd},tooltips:{addMissingReceipt:sd,addReceipt:dd,viewReceipt:cd}}}=ke.getLocalizedStrings(),Ue={containerPaddingLeft:new T(h[3],h[4]),containerPaddingRight:new T(h[3],h[4]),containerPaddingTop:new T(h[2],h[3]),containerPaddingBottom:new T(h[2],h[3]),containerMarginLeft:new T(h[4],h[8]),webkitLineClamp:new T(2,1,1,1,1)},Kr=e=>(e.attachmentFilePaths??[]).filter(i=>/\.(pdf|png|jpg|jpeg)$/i.test(i)).map(Fo),ld=(e,i)=>(e.attachmentFilePaths?.length??0)>0?cd:e.amount.amount<=i.amount?dd:sd,Jr=(e,i,s,m)=>(e.attachmentFilePaths?.length??0)>0?t.jsx(Ad,{onClick:p=>{p.stopPropagation(),m()},"data-testid":Q("card-transaction-row-view-receipt",e.id)}):e.amount.amount<=i.amount?t.jsx(Rd,{onClick:p=>{p.stopPropagation(),s()},"data-testid":Q("card-transaction-row-optional-upload-receipt",e.id)}):t.jsx(Fd,{onClick:p=>{p.stopPropagation(),s()},"data-testid":Q("card-transaction-row-upload-receipt",e.id)}),hd=({cardsEndPoint:e,documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,isAiCategorizationEnabledForCardsTransactions:m,transactionAttachmentsEndpointToFetch:p,transactionAttachmentEndpointToDownload:w,cardId:l,uploadReceiptsFetchState:C,uploadReceiptsShowTick:g,isViewReceiptClickedImmediatelyAfterUpload:x,authParams:b,transaction:n,receiptRequiredAboveAmount:d,updateChargeCardTransactionAttachments:f,onUploadReceiptComplete:v,updateChargeCardTransactionUploadReceiptsFetchStatus:$,updateChargeCardTransactionReceiptsShowTick:j,updateChargeCardTransactionIsViewReceiptClicked:D,removeSnackbar:u,onChargeCardTransactionRowClick:A})=>{const S=Ie(),z=Vr(),[M,y]=o.useState(!1),[G,Y]=o.useState([]),[X,E]=o.useState(null);o.useEffect(()=>{!s&&x&&(se(Z[0]),le())},[s,x]);const Z=Kr(n),[ie,se]=o.useState(Z[0]),[V,q]=o.useState([]),[B,ee]=o.useState(void 0);o.useEffect(()=>{async function J(N){V.includes(N.attachment_id)?console.warn(`Attachment with ID ${N.attachment_id} is already getting downloaded`):(q([N.attachment_id,...V]),await Zr(w,b,N),q(Or(V,W=>W==N.attachment_id)))}B!=null&&(J({card_id:l,transaction_id:n.id,attachment_id:B}),ee(void 0))},[B]);const te=()=>{D(n.id,l,!1),y(!1),E(null),Y([]),Z.length>0&&se(Z[0])},le=()=>{y(!0);const J=Z.map(W=>W.id);async function N(W){return await qr(p,b,W)}N({card_id:l,transaction_id:n.id,attachment_ids:J}).then(W=>{Y(W),W.length>0&&E(W[0])})},{merchant:ae,createTime:H,transactionType:oe,thirdPartyTransactionId:K}=n,I=()=>{s?(u(),D(n.id,l,!0)):(se(Z[0]),le())},O=o.useRef(null);async function U(J,N){$(n.id,l,"In-Progress"),await Br(`${e}/1.0/cards/transactions/${n.id}/attachments`,b,J,N).then(W=>{W!=null&&f(n.id,W),$(n.id,l,"Completed"),j(n.id,l,!0),setTimeout(()=>{j(n.id,l,!1),v(!0)},2e3)}).catch(W=>{$(n.id,l,"Error"),v(!1,W)})}const de=()=>{O.current?.click()},k=J=>{if(J.target.files!=null){const N=J.target.files,W=[],Me=[];for(let ne=0;ne<N.length;ne++)W.push(N[ne].name),Me.push(N[ne]);U?.(Me,W)}},F=Gr(),re=Pr(n.transactionStatus),ce=m?ae.brandName??ae.name:ae.name,L=qe("0,0.00",n.amount),je=oe.code==="transfer",fe=K!=null&&m,Ee=je&&n.direction==="debit",Fe=je&&n.direction==="credit";return t.jsxs(Cd,{windowSize:S,isClickable:fe,"data-testid":Q("card-transaction-row",n.id),onClick:J=>{J.stopPropagation(),fe&&A(oe.code,K)},children:[t.jsx(fd,{children:t.jsxs(wd,{children:[t.jsxs(xd,{windowSize:S,responsiveWidth:F[0].width,children:[Ee?t.jsx(vd,{}):Fe?t.jsx(kd,{}):t.jsx(jd,{src:ae.logo?.url?.toString()}),t.jsx(yd,{windowSize:S,hasMarginRight:re.code==="paid",children:ce}),re.code!=="paid"?t.jsxs(ud,{children:[t.jsx(gd,{windowSize:S}),t.jsx(md,{color:re.color,windowSize:S,children:re.value})]}):null]}),t.jsx($d,{windowSize:S,responsiveWidth:F[1].width,children:t.jsx(Id,{children:H.format(od.visual.MMMDCommaYYYYformat)})}),z!==!0&&t.jsx(Dd,{windowSize:S,responsiveWidth:F[2].width,children:n.transactionStatus.code==="declined"||n.transactionStatus.code==="canceled"?nd:C?.fetchState==="In-Progress"?t.jsx(Ct,{size:"Small",start:!0}):g?t.jsx(Ed,{}):t.jsxs(ta,{enterDelay:600,display:"flex",placement:"bottom",title:ld(n,d),children:[t.jsx(pd,{"data-testid":Q("card-transaction-row-upload-receipt",n.id),onClick:J=>{J.stopPropagation()},children:t.jsx(zr,{name:"transactionLineAttachment",fileRef:O,sizeLimit:i,isSizeLimitForEachFile:!0,onFileChange:k,multiple:!0,onFileSizeError:(J,N)=>{J&&v(!1,{code:500,message:N===!0?sr.singleFileUploadSizeErrorMessage.replace("__maxFileSize__",It(i,0)):sr.multipleFileUploadSizeErrorMessage.replace("__maxFileSize__",It(i,0))})}})}),Jr(n,d,de,I)]})}),z!==!0&&t.jsx(Ld,{windowSize:S,responsiveWidth:F[3].width,children:t.jsx(Td,{title:oe.name,children:oe.name})}),t.jsx(bd,{windowSize:S,responsiveWidth:F[4].width,children:t.jsx(Sd,{windowSize:S,title:qe("0,0.[00]",n.amount),children:n.direction==="debit"?L:`-${L}`})})]})}),M&&Z.length>0?Nr.createPortal(t.jsx(Mr,{allFiles:G,fileSource:X,file:ie,title:ie.fileName,attachments:Z,setFileSource:E,setShowFullScreenView:y,onCrossClick:te,setSelectedFileAttachment:se,onDownloadClick:J=>{ee(J.id)},handleTouchStart:()=>{},handleTouchMove:()=>{},handleTouchEnd:()=>{}}),document.body):null]})},pd=r.div``,ud=r.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -914,7 +914,7 @@ import{d as at,J as Ie,ax as Lt,a8 as Dt,h1 as Sr,hG as Ti,aW as et,h2 as $r,aR
   height: ${a.sp4};
   width: ${a.sp4};
   color: ${c.success};
-`,Rd=r(vo)`
+`,Fd=r(vo)`
   height: ${a.sp4};
   width: ${a.sp4};
   cursor: pointer;
@@ -922,7 +922,7 @@ import{d as at,J as Ie,ax as Lt,a8 as Dt,h1 as Sr,hG as Ti,aW as et,h2 as $r,aR
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Fd=r(id)`
+`,Rd=r(id)`
   height: ${a.sp4};
   width: ${a.sp4};
   cursor: pointer;
@@ -930,7 +930,7 @@ import{d as at,J as Ie,ax as Lt,a8 as Dt,h1 as Sr,hG as Ti,aW as et,h2 as $r,aR
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,{dateFormat:Pd,spendManagement:{chargeCard:{cardDetails:Kt}},common:{strings:{hyphen:zd}}}=ke.getLocalizedStrings(),Md={webkitLineClamp:new T(2,1,1,1,1)},Vd=({cardsEndPoint:e,documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,isAiCategorizationEnabledForCardsTransactions:m,transactionAttachmentsEndpointToFetch:p,transactionAttachmentEndpointToDownload:w,cardId:l,isViewReceiptClickedImmediatelyAfterUpload:C,uploadReceiptsShowTick:g,uploadReceiptsFetchState:x,authParams:b,transaction:n,receiptRequiredAboveAmount:d,onUploadReceiptComplete:f,updateChargeCardTransactionAttachments:v,updateChargeCardTransactionReceiptsShowTick:$,updateChargeCardTransactionIsViewReceiptClicked:j,updateChargeCardTransactionUploadReceiptsFetchStatus:D,removeSnackbar:u,onChargeCardTransactionRowClick:A})=>{const S=Ie(),[z,M]=o.useState(0),[y,G]=o.useState(0),[Y,X]=o.useState(0),E=F=>{X(F),B(!0),K(H[F]),ae(ee[F])};function Z(F){M(F.targetTouches[0].clientX)}function ie(F){G(F.targetTouches[0].clientX)}function se(F){return F<0?H.length+F:F%H.length}function V(){z-y>50&&y!==0&&Y<H.length-1?(E(se(Y+1)),M(0),G(0)):z-y<-50&&y!==0&&Y>0&&(E(se(Y-1)),M(0),G(0))}const[q,B]=o.useState(!1),[ee,te]=o.useState([]),[le,ae]=o.useState(null);o.useEffect(()=>{!s&&C&&(K(H[0]),R())},[s,C]);const H=Kr(n),[oe,K]=o.useState(H[0]),[I,O]=o.useState([]),[U,de]=o.useState(void 0);o.useEffect(()=>{async function F(ue){I.includes(ue.attachment_id)?console.warn(`Attachment with ID ${ue.attachment_id} is already getting downloaded`):(O([ue.attachment_id,...I]),await Zr(w,b,ue),O(Or(I,he=>he==ue.attachment_id)))}U!=null&&(F({card_id:l,transaction_id:n.id,attachment_id:U}),de(void 0))},[U]);const k=()=>{j(n.id,l,!1),B(!1),ae(null),te([]),H.length>0&&K(H[0])},R=()=>{B(!0);const F=H.map(he=>he.id);async function ue(he){return await qr(p,b,he)}ue({card_id:l,transaction_id:n.id,attachment_ids:F}).then(he=>{te(he),he.length>0&&ae(he[0])})},{merchant:re,createTime:ce,transactionType:L,thirdPartyTransactionId:je}=n,fe=()=>{s?(u(),j(n.id,l,!0)):(K(H[0]),R())},Ee=o.useRef(null);async function Re(F,ue){D(n.id,l,"In-Progress"),await Br(`${e}/1.0/cards/transactions/${n.id}/attachments`,b,F,ue).then(he=>{he!=null&&v(n.id,he),D(n.id,l,"Completed"),f(!0),$(n.id,l,!0),setTimeout(()=>$(n.id,l,!1),2e3)}).catch(he=>{D(n.id,l,"Error"),f(!1,he)})}const J=()=>{Ee.current?.click()},N=F=>{if(F.target.files!=null){const ue=F.target.files,he=[],Ne=[];for(let Oe=0;Oe<ue.length;Oe++)he.push(ue[Oe].name),Ne.push(ue[Oe]);Re?.(Ne,he)}},W=Pr(n.transactionStatus),Me=m?re.brandName??re.name:re.name,ne=qe("0,0.00",n.amount),Ve=L.code==="transfer",Ye=je!=null&&m,rt=Ve&&n.direction==="debit",pe=Ve&&n.direction==="credit";return t.jsxs(Yd,{windowSize:S,"data-testid":Q("card-transaction-row-small",n.id),onClick:F=>{F.stopPropagation(),Ye&&A(L.code,je)},children:[t.jsx(Xd,{children:t.jsxs(Kd,{children:[t.jsxs(ec,{children:[t.jsx(Gd,{children:rt?t.jsx(Od,{}):pe?t.jsx(Hd,{}):t.jsx(ac,{src:re.logo?.url?.toString()})}),t.jsxs(rc,{children:[t.jsxs(Nd,{children:[t.jsx(Jd,{windowSize:S,children:Me}),W.code!=="paid"?t.jsxs(Bd,{children:[t.jsx(_d,{windowSize:S}),t.jsx(Wd,{color:W.color,windowSize:S,children:W.value})]}):null]}),t.jsx(Qd,{children:`${Kt.paymentDate} ${ce.format(Pd.visual.MMMDCommaYYYYformat)}`})]})]}),t.jsxs(tc,{children:[t.jsx(ic,{children:n.direction==="debit"?ne:`-${ne}`}),t.jsx(qd,{title:L.name,children:L.name}),t.jsx(Zd,{children:n.transactionStatus.code==="declined"||n.transactionStatus.code==="canceled"?zd:x?.fetchState==="In-Progress"?t.jsx(Ct,{size:"Small",start:!0}):g?t.jsx(Ud,{}):t.jsxs(dr,{children:[t.jsx(dr,{"data-testid":Q("card-transaction-row-small-upload-receipt",n.id),onClick:F=>{F.stopPropagation()},children:t.jsx(zr,{name:"transactionLineAttachment",fileRef:Ee,sizeLimit:i,isSizeLimitForEachFile:!0,onFileChange:N,multiple:!0,onFileSizeError:(F,ue)=>{F&&f(!1,{code:500,message:ue===!0?Kt.singleFileUploadSizeErrorMessage.replace("__maxFileSize__",It(i,0)):Kt.multipleFileUploadSizeErrorMessage.replace("__maxFileSize__",It(i,0))})}})}),Jr(n,d,J,fe)]})})]})]})}),q&&H.length>0?Nr.createPortal(t.jsx(Mr,{allFiles:ee,fileSource:le,file:oe,title:oe.fileName,attachments:H,setFileSource:ae,setShowFullScreenView:B,onCrossClick:k,setSelectedFileAttachment:K,onDownloadClick:F=>{de(F.id)},handleTouchStart:Z,handleTouchMove:ie,handleTouchEnd:V}),document.body):null]})},ei=e=>we`
+`,{dateFormat:Pd,spendManagement:{chargeCard:{cardDetails:Kt}},common:{strings:{hyphen:zd}}}=ke.getLocalizedStrings(),Md={webkitLineClamp:new T(2,1,1,1,1)},Vd=({cardsEndPoint:e,documentAiReceiptMaxSizeLimit:i,isSnackbarOpen:s,isAiCategorizationEnabledForCardsTransactions:m,transactionAttachmentsEndpointToFetch:p,transactionAttachmentEndpointToDownload:w,cardId:l,isViewReceiptClickedImmediatelyAfterUpload:C,uploadReceiptsShowTick:g,uploadReceiptsFetchState:x,authParams:b,transaction:n,receiptRequiredAboveAmount:d,onUploadReceiptComplete:f,updateChargeCardTransactionAttachments:v,updateChargeCardTransactionReceiptsShowTick:$,updateChargeCardTransactionIsViewReceiptClicked:j,updateChargeCardTransactionUploadReceiptsFetchStatus:D,removeSnackbar:u,onChargeCardTransactionRowClick:A})=>{const S=Ie(),[z,M]=o.useState(0),[y,G]=o.useState(0),[Y,X]=o.useState(0),E=R=>{X(R),B(!0),K(H[R]),ae(ee[R])};function Z(R){M(R.targetTouches[0].clientX)}function ie(R){G(R.targetTouches[0].clientX)}function se(R){return R<0?H.length+R:R%H.length}function V(){z-y>50&&y!==0&&Y<H.length-1?(E(se(Y+1)),M(0),G(0)):z-y<-50&&y!==0&&Y>0&&(E(se(Y-1)),M(0),G(0))}const[q,B]=o.useState(!1),[ee,te]=o.useState([]),[le,ae]=o.useState(null);o.useEffect(()=>{!s&&C&&(K(H[0]),F())},[s,C]);const H=Kr(n),[oe,K]=o.useState(H[0]),[I,O]=o.useState([]),[U,de]=o.useState(void 0);o.useEffect(()=>{async function R(ue){I.includes(ue.attachment_id)?console.warn(`Attachment with ID ${ue.attachment_id} is already getting downloaded`):(O([ue.attachment_id,...I]),await Zr(w,b,ue),O(Or(I,he=>he==ue.attachment_id)))}U!=null&&(R({card_id:l,transaction_id:n.id,attachment_id:U}),de(void 0))},[U]);const k=()=>{j(n.id,l,!1),B(!1),ae(null),te([]),H.length>0&&K(H[0])},F=()=>{B(!0);const R=H.map(he=>he.id);async function ue(he){return await qr(p,b,he)}ue({card_id:l,transaction_id:n.id,attachment_ids:R}).then(he=>{te(he),he.length>0&&ae(he[0])})},{merchant:re,createTime:ce,transactionType:L,thirdPartyTransactionId:je}=n,fe=()=>{s?(u(),j(n.id,l,!0)):(K(H[0]),F())},Ee=o.useRef(null);async function Fe(R,ue){D(n.id,l,"In-Progress"),await Br(`${e}/1.0/cards/transactions/${n.id}/attachments`,b,R,ue).then(he=>{he!=null&&v(n.id,he),D(n.id,l,"Completed"),f(!0),$(n.id,l,!0),setTimeout(()=>$(n.id,l,!1),2e3)}).catch(he=>{D(n.id,l,"Error"),f(!1,he)})}const J=()=>{Ee.current?.click()},N=R=>{if(R.target.files!=null){const ue=R.target.files,he=[],Ne=[];for(let Oe=0;Oe<ue.length;Oe++)he.push(ue[Oe].name),Ne.push(ue[Oe]);Fe?.(Ne,he)}},W=Pr(n.transactionStatus),Me=m?re.brandName??re.name:re.name,ne=qe("0,0.00",n.amount),Ve=L.code==="transfer",Ye=je!=null&&m,rt=Ve&&n.direction==="debit",pe=Ve&&n.direction==="credit";return t.jsxs(Yd,{windowSize:S,"data-testid":Q("card-transaction-row-small",n.id),onClick:R=>{R.stopPropagation(),Ye&&A(L.code,je)},children:[t.jsx(Xd,{children:t.jsxs(Kd,{children:[t.jsxs(ec,{children:[t.jsx(Gd,{children:rt?t.jsx(Od,{}):pe?t.jsx(Hd,{}):t.jsx(ac,{src:re.logo?.url?.toString()})}),t.jsxs(rc,{children:[t.jsxs(Nd,{children:[t.jsx(Jd,{windowSize:S,children:Me}),W.code!=="paid"?t.jsxs(Bd,{children:[t.jsx(_d,{windowSize:S}),t.jsx(Wd,{color:W.color,windowSize:S,children:W.value})]}):null]}),t.jsx(Qd,{children:`${Kt.paymentDate} ${ce.format(Pd.visual.MMMDCommaYYYYformat)}`})]})]}),t.jsxs(tc,{children:[t.jsx(ic,{children:n.direction==="debit"?ne:`-${ne}`}),t.jsx(qd,{title:L.name,children:L.name}),t.jsx(Zd,{children:n.transactionStatus.code==="declined"||n.transactionStatus.code==="canceled"?zd:x?.fetchState==="In-Progress"?t.jsx(Ct,{size:"Small",start:!0}):g?t.jsx(Ud,{}):t.jsxs(dr,{children:[t.jsx(dr,{"data-testid":Q("card-transaction-row-small-upload-receipt",n.id),onClick:R=>{R.stopPropagation()},children:t.jsx(zr,{name:"transactionLineAttachment",fileRef:Ee,sizeLimit:i,isSizeLimitForEachFile:!0,onFileChange:N,multiple:!0,onFileSizeError:(R,ue)=>{R&&f(!1,{code:500,message:ue===!0?Kt.singleFileUploadSizeErrorMessage.replace("__maxFileSize__",It(i,0)):Kt.multipleFileUploadSizeErrorMessage.replace("__maxFileSize__",It(i,0))})}})}),Jr(n,d,J,fe)]})})]})]})}),q&&H.length>0?Nr.createPortal(t.jsx(Mr,{allFiles:ee,fileSource:le,file:oe,title:oe.fileName,attachments:H,setFileSource:ae,setShowFullScreenView:B,onCrossClick:k,setSelectedFileAttachment:K,onDownloadClick:R=>{de(R.id)},handleTouchStart:Z,handleTouchMove:ie,handleTouchEnd:V}),document.body):null]})},ei=e=>we`
   width: ${a.sp4};
   height: ${a.sp4};
   color: ${e.colors.hero};
@@ -1105,7 +1105,7 @@ import{d as at,J as Ie,ax as Lt,a8 as Dt,h1 as Sr,hG as Ti,aW as et,h2 as $r,aR
   align-items: center;
 `,da=r(go)`
   color: ${e=>e.theme.colors.brandColorJade};
-`,ca=r(Fr)`
+`,ca=r(Rr)`
   color: ${e=>e.theme.colors.primary};
   ${e=>e.windowSize!=="small"?we`
           white-space: pre;
@@ -1125,7 +1125,7 @@ import{d as at,J as Ie,ax as Lt,a8 as Dt,h1 as Sr,hG as Ti,aW as et,h2 as $r,aR
   height: inherit;
 `,Ec=r(Ac)`
   animation: ${e=>Tc(e.className)} 0.3s forwards;
-`,Rc=({isChargeCardAdmin:e,chargeCardDetailView:i,walletType:s,secretRevealed:m,isDrawerOpen:p,vgsVaultId:w,showSecretInfo:l,changePinInProcess:C,isSandboxEnv:g,controllerEmails:x,isChargeCardFeatureEnabled:b,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:d,isChargeCardSetupEnabled:f,chargeCardCashbackDetailState:v,isCardDetailErrored:$,creditAccountRepayment:j,productInformation:D,creditAccountInformation:u,debitAccountInformation:A,cashbackInformation:S,signedInUserToken:z,selectedColor:M,showDrawerAnimation:y,cardDetailsFetchState:G,setCardDetailsFetchState:Y,setIsCardDetailErrored:X,setShowSecretInfo:E,setSecretRevealed:Z,setShowChangePinPopup:ie,setIsAddToWalletDrawerOpen:se,isCardDetailFetching:V,handleColorCodeClick:q,onFireOnClickAnalytics:B,onVerifyOtp:ee,onVerifyOtpSuccess:te,onResendOtp:le,onFireVerifyPopOnClickAnalytics:ae,onGetOtp:H})=>{const oe=at(),[K,I]=o.useState(!1),[O,U]=o.useState(!1),de=y.current;return o.useEffect(()=>{p?document.body.style.overflow="hidden":document.body.style.overflow="unset"},[p,y]),t.jsx(zi,{onClose:()=>{se(!1)},anchor:"right",open:!0,PaperProps:{style:{maxWidth:"512px",boxShadow:"none",background:"transparent"}},style:{backgroundColor:c.drawerBackground,display:p?"unset":"none"},disableScrollLock:!p,transitionDuration:250,"data-testid":Q("add-card-to-wallet-drawer"),children:t.jsxs(t.Fragment,{children:[t.jsx(vr,{phoneNumberPopupDescription:He.verifyPhoneNumberDescription,showOtpPopup:K,showPhoneNumberPopup:O,twoFactorAuthenticationView:i.twoFAView,loggedInUserPhone:i.loggedInUserPhone,onVerifyOtp:ee,onVerifyOtpSuccess:k=>{te(k),C?ie(!0):E(!0)},onFireVerifyPopOnClickAnalytics:ae,setShowOtpPopup:I,onResendOtp:le,setShowPhoneNumberPopup:U,onGetOtp:H}),t.jsxs(Ec,{className:de,children:[t.jsx(Mi,{title:s==="apple"?He.addCardToAppleWallet:He.addCardToGoogleWallet,style:{zIndex:4},backgroundColor:oe.colors.grey4,onCloseClick:()=>se(!1)}),t.jsxs(Pc,{children:[t.jsxs(Oc,{children:[t.jsxs(zc,{children:[t.jsx(Gc,{children:t.jsx(qc,{})}),t.jsx(Nc,{children:He.openWalletAppOnPhone})]}),t.jsx(Bc,{children:s==="apple"?He.openWalletDescriptionApple:He.openWalletDescriptionGoogle}),t.jsx(_r,{isChargeCardAdmin:e,onUnlockChargeCard:()=>{},chargeCardDetailView:i,creditAccountRepayment:j,creditAccount:i.creditAccount,setShowSecretInfo:E,secretRevealed:m,isOwnCard:!0,controllerEmails:x,isChargeCardFeatureEnabled:b,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:d,isChargeCardSetupEnabled:f,chargeCardCashbackDetailState:v,isShowingInDrawer:!0,vgsVaultId:w,showSecretInfo:l,isSandboxEnv:g,isCardDetailErrored:$,signedInUserToken:z,productInformation:D,creditAccountInformation:u,debitAccountInformation:A,cashbackInformation:S,selectedColor:M,cardDetailsFetchState:G,setCardDetailsFetchState:Y,setIsCardDetailErrored:X,setSecretRevealed:Z,isCardDetailFetching:V,handleColorCodeClick:q,onFireOnClickAnalytics:B,setShowPhoneNumberForOtp:U})]}),t.jsx(Vc,{}),t.jsxs(Hc,{children:[t.jsxs(Mc,{children:[t.jsx(Uc,{children:t.jsx(Zc,{})}),t.jsx(Wc,{children:He.verifyCard})]}),t.jsx(Fc,{children:t.jsx(_c,{children:s==="apple"?He.VerifyCardDescriptionApple:He.VerifyCardDescriptionGoogle})})]})]})]})]})})},Fc=r.div`
+`,Fc=({isChargeCardAdmin:e,chargeCardDetailView:i,walletType:s,secretRevealed:m,isDrawerOpen:p,vgsVaultId:w,showSecretInfo:l,changePinInProcess:C,isSandboxEnv:g,controllerEmails:x,isChargeCardFeatureEnabled:b,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:d,isChargeCardSetupEnabled:f,chargeCardCashbackDetailState:v,isCardDetailErrored:$,creditAccountRepayment:j,productInformation:D,creditAccountInformation:u,debitAccountInformation:A,cashbackInformation:S,signedInUserToken:z,selectedColor:M,showDrawerAnimation:y,cardDetailsFetchState:G,setCardDetailsFetchState:Y,setIsCardDetailErrored:X,setShowSecretInfo:E,setSecretRevealed:Z,setShowChangePinPopup:ie,setIsAddToWalletDrawerOpen:se,isCardDetailFetching:V,handleColorCodeClick:q,onFireOnClickAnalytics:B,onVerifyOtp:ee,onVerifyOtpSuccess:te,onResendOtp:le,onFireVerifyPopOnClickAnalytics:ae,onGetOtp:H})=>{const oe=at(),[K,I]=o.useState(!1),[O,U]=o.useState(!1),de=y.current;return o.useEffect(()=>{p?document.body.style.overflow="hidden":document.body.style.overflow="unset"},[p,y]),t.jsx(zi,{onClose:()=>{se(!1)},anchor:"right",open:!0,PaperProps:{style:{maxWidth:"512px",boxShadow:"none",background:"transparent"}},style:{backgroundColor:c.drawerBackground,display:p?"unset":"none"},disableScrollLock:!p,transitionDuration:250,"data-testid":Q("add-card-to-wallet-drawer"),children:t.jsxs(t.Fragment,{children:[t.jsx(vr,{phoneNumberPopupDescription:He.verifyPhoneNumberDescription,showOtpPopup:K,showPhoneNumberPopup:O,twoFactorAuthenticationView:i.twoFAView,loggedInUserPhone:i.loggedInUserPhone,onVerifyOtp:ee,onVerifyOtpSuccess:k=>{te(k),C?ie(!0):E(!0)},onFireVerifyPopOnClickAnalytics:ae,setShowOtpPopup:I,onResendOtp:le,setShowPhoneNumberPopup:U,onGetOtp:H}),t.jsxs(Ec,{className:de,children:[t.jsx(Mi,{title:s==="apple"?He.addCardToAppleWallet:He.addCardToGoogleWallet,style:{zIndex:4},backgroundColor:oe.colors.grey4,onCloseClick:()=>se(!1)}),t.jsxs(Pc,{children:[t.jsxs(Oc,{children:[t.jsxs(zc,{children:[t.jsx(Gc,{children:t.jsx(qc,{})}),t.jsx(Nc,{children:He.openWalletAppOnPhone})]}),t.jsx(Bc,{children:s==="apple"?He.openWalletDescriptionApple:He.openWalletDescriptionGoogle}),t.jsx(_r,{isChargeCardAdmin:e,onUnlockChargeCard:()=>{},chargeCardDetailView:i,creditAccountRepayment:j,creditAccount:i.creditAccount,setShowSecretInfo:E,secretRevealed:m,isOwnCard:!0,controllerEmails:x,isChargeCardFeatureEnabled:b,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:d,isChargeCardSetupEnabled:f,chargeCardCashbackDetailState:v,isShowingInDrawer:!0,vgsVaultId:w,showSecretInfo:l,isSandboxEnv:g,isCardDetailErrored:$,signedInUserToken:z,productInformation:D,creditAccountInformation:u,debitAccountInformation:A,cashbackInformation:S,selectedColor:M,cardDetailsFetchState:G,setCardDetailsFetchState:Y,setIsCardDetailErrored:X,setSecretRevealed:Z,isCardDetailFetching:V,handleColorCodeClick:q,onFireOnClickAnalytics:B,setShowPhoneNumberForOtp:U})]}),t.jsx(Vc,{}),t.jsxs(Hc,{children:[t.jsxs(Mc,{children:[t.jsx(Uc,{children:t.jsx(Zc,{})}),t.jsx(Wc,{children:He.verifyCard})]}),t.jsx(Rc,{children:t.jsx(_c,{children:s==="apple"?He.VerifyCardDescriptionApple:He.VerifyCardDescriptionGoogle})})]})]})]})]})})},Rc=r.div`
   display: flex;
   justify-content: end;
 `,Pc=r.div`
@@ -1185,7 +1185,7 @@ import{d as at,J as Ie,ax as Lt,a8 as Dt,h1 as Sr,hG as Ti,aW as et,h2 as $r,aR
   width: ${a.sp4};
   height: ${a.sp4};
   color: ${e=>e.theme.colors.graphColor16Dark};
-`,{spendManagement:{chargeCard:{cardDetails:Je}},common:{strings:Yc}}=ke.getLocalizedStrings(),ha={iFrameWidth:new T(188,188)};function Xc({isSandboxEnv:e,cardProviderID:i,vgsVaultId:s,signedInUserToken:m,onCancelClick:p,onUpdateDebitCardPinAttempt:w,onChangePinSuccess:l}){const C=Ie(),g=at(),[x,b]=o.useState({}),[n,d]=o.useState(!1),[f,v]=o.useState(!1),[$,j]=o.useState(!0),[D,u]=o.useState(!0),[A,S]=o.useState(!1),[z,M]=o.useState(!1),[y,G]=o.useState(!1),[Y,X]=o.useState(!1),[E,Z]=o.useState(!1),[ie,se]=o.useState(!1),[V,q]=o.useState(!1),[B,ee]=o.useState(null),[te,le]=o.useState(null),[ae]=kr("https://js.verygoodvault.com/vgs-collect/2.27.0/vgs-collect.js"),H=e?"SANDBOX":"live";o.useEffect(()=>{if(ae){const I=window.VGSCollect.create(s,H,de=>{const k=de["data.attributes.oldPin"],R=de["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),q(!1)),R?.isTouched===!0&&R?.isValid===!1&&R?.isFocused===!1?Z(!0):(R?.isTouched===!0&&R?.isValid===!0&&R?.isFocused===!1||R?.isTouched===!0&&R?.isValid===!0&&R?.isFocused===!0)&&Z(!1)}),O=I.field("#oldPin",{type:"text",name:"data.attributes.oldPin",placeholder:"0000",autoComplete:"off",maxLength:4,hideValue:!0,validations:["required","/^([0-9]{4})$/"],css:{..._.standardRegular.cssObject,border:"none",boxSizing:"border-box",color:g.colors.primary,height:a.sp6,padding:`${a.sp0} ${a.sp3}`,textAlign:"right","&::placeholder":{color:g.colors.grey1,..._.standardRegular.cssObject},"&.invalid.touched:not(.focused)":{color:c.important,background:c.importantLight},"&:focus":{background:`${g.colors.background} !important`,textAlign:"left",color:`${g.colors.primary} !important`}}}),U=I.field("#newPin",{type:"text",name:"data.attributes.newPin",placeholder:"0000",autoComplete:"off",maxLength:4,hideValue:!0,validations:["required","/^([0-9]{4})$/"],css:{..._.standardRegular.cssObject,border:"none",boxSizing:"border-box",color:g.colors.primary,height:a.sp6,padding:`${a.sp0} ${a.sp3}`,textAlign:"right","&::placeholder":{color:g.colors.grey1,..._.standardRegular.cssObject},"&.invalid.touched:not(.focused)":{color:c.important,background:c.importantLight},"&:focus":{background:`${g.colors.background} !important`,textAlign:"left",color:`${g.colors.primary} !important`}}});ee(O),le(U),b(I),Promise.all([O.promise,U.promise]).then(function(){v(!0)})}},[ae]),o.useEffect(()=>{B?.update({hideValue:$})},[B,$]),o.useEffect(()=>{te?.update({hideValue:D})},[te,D]);const oe=I=>{d(!0),q(!1),x.submit?.("/cards/"+i+"/secure-data/pin",{method:"PUT",mapDotToObject:"true",headers:{"Content-Type":"application/vnd.api+json",Authorization:"Bearer "+I?.token}},function(O,U){O===200?(S(!1),M(!1),l(),w("success")):(X(!0),w("failed"),U.errors?.[0].title.toLowerCase().includes("max")?se(!0):U.errors?.[0].title.toLowerCase().includes("invalid")&&q(!0),d(!1))},O=>{console.log("error",O),d(!1)})},K={onOkClick:()=>{if(!x.state)return;const I=x.state["data.attributes.newPin"]?.isValid,O=x.state["data.attributes.oldPin"]?.isValid;G(!0),I===!0&&O===!0&&oe(m)},onCancelClick:p};return t.jsx(Fi,{titleComponent:t.jsx(Kc,{children:Je.moreOptions.changePin}),descriptionComponent:t.jsxs(Jc,{children:[t.jsxs(rl,{children:[t.jsxs(gr,{showFieldError:Y,windowSize:C,isFirstField:!0,validation:y,onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),oldPinInputHighlighted:A,children:[t.jsx(pr,{children:Je.existingPin}),t.jsxs(ur,{windowSize:C,children:[t.jsx(al,{id:"oldPin",className:"cc-old-pin-form-field",windowSize:C}),t.jsx(cr,{onClick:()=>j(!$),"data-testid":Q("cc-old-pin-show-text"),children:$?t.jsx(lr,{}):t.jsx(hr,{})})]})]}),t.jsx(el,{}),t.jsxs(gr,{showFieldError:E,windowSize:C,isFirstField:!1,validation:y,onMouseEnter:()=>M(!0),onMouseLeave:()=>M(!1),newPinInputHighlighted:z,children:[t.jsx(pr,{children:Je.newPin}),t.jsxs(ur,{windowSize:C,children:[t.jsx(tl,{id:"newPin",className:"cc-new-pin-form-field",windowSize:C}),t.jsx(cr,{onClick:()=>u(!D),"data-testid":Q("cc-new-pin-show-text"),children:D?t.jsx(lr,{}):t.jsx(hr,{})})]})]})]}),V?t.jsx(mr,{children:Je.incorrectCurrentPIN}):null,ie?t.jsx(mr,{children:Je.pinAttemptsReached}):null]}),primaryButtonText:"Change",primaryButtonWidth:87,isLoading:n,isDisabled:f===!1||ie,secondaryButtonWidth:87,buttonContainerStyle:{paddingTop:a.sp3,paddingBottom:a.sp2},secondaryButtonText:"Cancel",action:K,containerStyle:{maxWidth:"544px"},footerHelperComponent:t.jsxs(Pi,{children:[t.jsx(Qc,{children:Je.forgotYourPin}),Yc.space,Je.callTollFree]})})}const Kc=r(eo)`
+`,{spendManagement:{chargeCard:{cardDetails:Je}},common:{strings:Yc}}=ke.getLocalizedStrings(),ha={iFrameWidth:new T(188,188)};function Xc({isSandboxEnv:e,cardProviderID:i,vgsVaultId:s,signedInUserToken:m,onCancelClick:p,onUpdateDebitCardPinAttempt:w,onChangePinSuccess:l}){const C=Ie(),g=at(),[x,b]=o.useState({}),[n,d]=o.useState(!1),[f,v]=o.useState(!1),[$,j]=o.useState(!0),[D,u]=o.useState(!0),[A,S]=o.useState(!1),[z,M]=o.useState(!1),[y,G]=o.useState(!1),[Y,X]=o.useState(!1),[E,Z]=o.useState(!1),[ie,se]=o.useState(!1),[V,q]=o.useState(!1),[B,ee]=o.useState(null),[te,le]=o.useState(null),[ae]=kr("https://js.verygoodvault.com/vgs-collect/2.27.0/vgs-collect.js"),H=e?"SANDBOX":"live";o.useEffect(()=>{if(ae){const I=window.VGSCollect.create(s,H,de=>{const k=de["data.attributes.oldPin"],F=de["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),q(!1)),F?.isTouched===!0&&F?.isValid===!1&&F?.isFocused===!1?Z(!0):(F?.isTouched===!0&&F?.isValid===!0&&F?.isFocused===!1||F?.isTouched===!0&&F?.isValid===!0&&F?.isFocused===!0)&&Z(!1)}),O=I.field("#oldPin",{type:"text",name:"data.attributes.oldPin",placeholder:"0000",autoComplete:"off",maxLength:4,hideValue:!0,validations:["required","/^([0-9]{4})$/"],css:{..._.standardRegular.cssObject,border:"none",boxSizing:"border-box",color:g.colors.primary,height:a.sp6,padding:`${a.sp0} ${a.sp3}`,textAlign:"right","&::placeholder":{color:g.colors.grey1,..._.standardRegular.cssObject},"&.invalid.touched:not(.focused)":{color:c.important,background:c.importantLight},"&:focus":{background:`${g.colors.background} !important`,textAlign:"left",color:`${g.colors.primary} !important`}}}),U=I.field("#newPin",{type:"text",name:"data.attributes.newPin",placeholder:"0000",autoComplete:"off",maxLength:4,hideValue:!0,validations:["required","/^([0-9]{4})$/"],css:{..._.standardRegular.cssObject,border:"none",boxSizing:"border-box",color:g.colors.primary,height:a.sp6,padding:`${a.sp0} ${a.sp3}`,textAlign:"right","&::placeholder":{color:g.colors.grey1,..._.standardRegular.cssObject},"&.invalid.touched:not(.focused)":{color:c.important,background:c.importantLight},"&:focus":{background:`${g.colors.background} !important`,textAlign:"left",color:`${g.colors.primary} !important`}}});ee(O),le(U),b(I),Promise.all([O.promise,U.promise]).then(function(){v(!0)})}},[ae]),o.useEffect(()=>{B?.update({hideValue:$})},[B,$]),o.useEffect(()=>{te?.update({hideValue:D})},[te,D]);const oe=I=>{d(!0),q(!1),x.submit?.("/cards/"+i+"/secure-data/pin",{method:"PUT",mapDotToObject:"true",headers:{"Content-Type":"application/vnd.api+json",Authorization:"Bearer "+I?.token}},function(O,U){O===200?(S(!1),M(!1),l(),w("success")):(X(!0),w("failed"),U.errors?.[0].title.toLowerCase().includes("max")?se(!0):U.errors?.[0].title.toLowerCase().includes("invalid")&&q(!0),d(!1))},O=>{console.log("error",O),d(!1)})},K={onOkClick:()=>{if(!x.state)return;const I=x.state["data.attributes.newPin"]?.isValid,O=x.state["data.attributes.oldPin"]?.isValid;G(!0),I===!0&&O===!0&&oe(m)},onCancelClick:p};return t.jsx(Ri,{titleComponent:t.jsx(Kc,{children:Je.moreOptions.changePin}),descriptionComponent:t.jsxs(Jc,{children:[t.jsxs(rl,{children:[t.jsxs(gr,{showFieldError:Y,windowSize:C,isFirstField:!0,validation:y,onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),oldPinInputHighlighted:A,children:[t.jsx(pr,{children:Je.existingPin}),t.jsxs(ur,{windowSize:C,children:[t.jsx(al,{id:"oldPin",className:"cc-old-pin-form-field",windowSize:C}),t.jsx(cr,{onClick:()=>j(!$),"data-testid":Q("cc-old-pin-show-text"),children:$?t.jsx(lr,{}):t.jsx(hr,{})})]})]}),t.jsx(el,{}),t.jsxs(gr,{showFieldError:E,windowSize:C,isFirstField:!1,validation:y,onMouseEnter:()=>M(!0),onMouseLeave:()=>M(!1),newPinInputHighlighted:z,children:[t.jsx(pr,{children:Je.newPin}),t.jsxs(ur,{windowSize:C,children:[t.jsx(tl,{id:"newPin",className:"cc-new-pin-form-field",windowSize:C}),t.jsx(cr,{onClick:()=>u(!D),"data-testid":Q("cc-new-pin-show-text"),children:D?t.jsx(lr,{}):t.jsx(hr,{})})]})]})]}),V?t.jsx(mr,{children:Je.incorrectCurrentPIN}):null,ie?t.jsx(mr,{children:Je.pinAttemptsReached}):null]}),primaryButtonText:"Change",primaryButtonWidth:87,isLoading:n,isDisabled:f===!1||ie,secondaryButtonWidth:87,buttonContainerStyle:{paddingTop:a.sp3,paddingBottom:a.sp2},secondaryButtonText:"Cancel",action:K,containerStyle:{maxWidth:"544px"},footerHelperComponent:t.jsxs(Pi,{children:[t.jsx(Qc,{children:Je.forgotYourPin}),Yc.space,Je.callTollFree]})})}const Kc=r(eo)`
   margin-top: ${a.sp7};
   padding-left: ${a.sp8};
   padding-right: ${a.sp8};
@@ -1277,7 +1277,7 @@ import{d as at,J as Ie,ax as Lt,a8 as Dt,h1 as Sr,hG as Ti,aW as et,h2 as $r,aR
             background: ${e.theme.colors.background};
           }
         `:null}
-`,Ae={bottomContentContainerPadding:new T(h[3],h[8]),styledAIIconContainerSize:new T(h[3],h[3]),bannerWrapperMarginLeftRight:new T(h[3],h[8]),payNowSectionPaddingLeftRight:new T(h[3],h[0]),styledHighImportanceIconMarginRight:new T(h[0],h[1])},{common:Le,spendManagement:il,dateFormat:ol}=ke.getLocalizedStrings(),me=il.chargeCard,Jl=({chargeCardDetailView:e,onUnlockChargeCard:i,onCloseChargeCard:s,cardsEndPoint:m,classListFetchState:p,transactionAttachmentsEndpointToFetch:w,transactionAttachmentEndpointToDownload:l,authParams:C,hideSorting:g,cardId:x,vgsVaultId:b,controllerEmails:n,isCardControlsEnabled:d,isChargeCardFeatureEnabled:f,isDebitCardFeatureEnabled:v,isDebitCardSetupEnabled:$,isChargeCardSetupEnabled:j,chargeCardCashbackDetailState:D,onFetchChargeCardsRecurringExpenses:u,productInformation:A,cashbackInformation:S,creditAccountInformation:z,debitAccountInformation:M,creditAccount:y,cardIssuedByRoles:G,cardIssuedByDepartmentName:Y,cardHolderRoles:X,cardHolderDepartmentName:E,loggedInUserRole:Z,appleWalletLink:ie,googleWalletLink:se,signedInUser:V,signedInUserToken:q,chargeCardsRecurringExpensesState:B,isSandboxEnv:ee,isEarlyPayEnabled:te,documentAiReceiptMaxSizeLimit:le,isSnackbarOpen:ae,onFireOnClickAnalytics:H,onUpdateDebitCardPinAttempt:oe,onFireVerifyPopOnClickAnalytics:K,onBackClick:I,onReloadTransactions:O,onFetchChargeCardTransactionList:U,onGetOtp:de,onLockChargeCard:k,onResendOtp:R,onVerifyOtp:re,updateChargeCardName:ce,onVerifyOtpSuccess:L,onColorCodeChange:je,onColumnSortConfigChanged:fe,updateChargeCardTransactionAttachments:Ee,updateChargeCardTransactionUploadReceiptsFetchStatus:Re,updateChargeCardTransactionReceiptsShowTick:J,updateChargeCardTransactionIsViewReceiptClicked:N,onUploadReceiptComplete:W,removeSnackbar:Me,onChargeCardTransactionRowClick:ne,onChargeCardRevokeInviteClick:Ve,onUpdateScrollYOffset:Ye,updateSpendLimit:rt,shouldOpenCreditCardPaymentDrawer:pe,sidePanelIsOpen:F,sidePanelIsFullView:ue,panelContent:he})=>{const Ne=o.useRef(!0),Oe=at(),ge=Ie(),Xe=Lt(),ht=Dt().analytics,[,pt]=Sr(),[it,xt]=o.useState(!1),[Fe,ot]=o.useState(!1),[Be,xe]=o.useState(!1),[yt,ut]=o.useState(!1),[Et,pa]=o.useState(!1),[Rt,ua]=o.useState(!1),[ii,oi]=o.useState(!1),[ni,ma]=o.useState(!1),[si,bt]=o.useState(!1),[di,Ft]=o.useState(!1),[ci,St]=o.useState(!1),[li,$t]=o.useState(!1),[nt,Pt]=o.useState(!1),[ga,zt]=o.useState(!1),[Ca,fa]=o.useState(!1),[hi,wa]=o.useState(!1),[pi,ui]=o.useState("apple"),[xa,ya]=o.useState({number:!1,cvv:!1});o.useEffect(()=>{nt===!1&&zt(!1)},[nt]);const ba=o.useRef("noAnimation"),We=e.chargeCard?.cardHolderUserId===V.userId,Mt=`${e.chargeCard?.cardHolderUser?.firstName??""} ${e.chargeCard?.cardHolderUser?.lastName??""}`,Sa=e.chargeCard?.billingAddress,be=At(Xe.loggedInUserRoleMap),{text1:mi,text2:gi}=Ti(Sa),$a=`${mi} ${gi}`,Vt=e.chargeCard?.isDeclinedTransaction===!0,Ci=()=>{Jt({chargeCardDetailView:e,chargeCardCashbackDetailState:D,isChargeCardFeatureEnabled:f,productInformation:A,cashbackInformation:S,creditAccountInformation:z,debitAccountInformation:M,creditAccount:y,creditAccountRepayment:e.creditAccountRepayment,isDebitCard:De,isChargeCardAdmin:be,analytics:ht,controllerEmails:n,actionField:"Receipt Email",actionDetails:e.chargeCardConfig.receiptBotEmail}),pt(e.chargeCardConfig.receiptBotEmail),xt(!0)},fi=()=>{H("card owner copied"),Jt({chargeCardDetailView:e,chargeCardCashbackDetailState:D,isChargeCardFeatureEnabled:f,productInformation:A,cashbackInformation:S,creditAccountInformation:z,debitAccountInformation:M,creditAccount:y,creditAccountRepayment:e.creditAccountRepayment,isDebitCard:De,isChargeCardAdmin:be,analytics:ht,controllerEmails:n,actionField:"Card Owner",actionDetails:Mt}),pt(Mt),pa(!0)},wi=()=>{H("billing address copied"),Jt({chargeCardDetailView:e,chargeCardCashbackDetailState:D,isChargeCardFeatureEnabled:f,productInformation:A,cashbackInformation:S,creditAccountInformation:z,debitAccountInformation:M,creditAccount:y,creditAccountRepayment:e.creditAccountRepayment,isDebitCard:De,isChargeCardAdmin:be,analytics:ht,controllerEmails:n,actionField:"Billing Address",actionDetails:$a}),pt($a),ua(!0)};o.useEffect(()=>{it===!0&&setTimeout(()=>{xt(!1)},800),Et===!0&&setTimeout(()=>{pa(!1)},800),Rt===!0&&setTimeout(()=>{ua(!1)},800)},[Et,Rt,it]);const[Rl,xi]=o.useState(!1),[va,ka]=o.useState(e.chargeCard?.cardColorCode!=null?new et(e.chargeCard.cardColorCode):void 0);o.useEffect(()=>{e.chargeCard?.cardColorCode!=null&&ka(new et(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:Le.currency.countryCode,currencySymbol:e.chargeCard!=null?e.chargeCard.balance.currencySymbol:Le.currency.currencySymbol};o.useEffect(()=>{Ne.current===!0?Ne.current=!1:H(nt===!1?"card details hidden":"card detail revealed")},[nt]);const Ia=(P,Se)=>{if(Se===!0){const _e=Vi(P.toString())??Le.strings.empty;H("color selected",_e),je(_e),xi(!1)}ka(P)},La=P=>{const{cvv:Se,number:_e}=P;return Se===!0||_e===!0},{isMobileOrTabletScreen:Da}=$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,Ta=tt(Ht),Aa=tt(Nt),Ea=tt(Bt),Ra=tt(Wt);o.useEffect(()=>{Ta==="In-Progress"&&Ht==="Completed"?bt(!1):Aa==="In-Progress"&&Nt==="Completed"?Ft(!1):Ea==="In-Progress"&&Bt==="Completed"?St(!1):Ra==="In-Progress"&&Wt==="Completed"&&$t(!1)},[Ht,Nt,Bt,Wt,Ta,Aa,Ea,Ra]);const De=e.chargeCard?.type.code==="business_physical_debit_card"||e.chargeCard?.type.code==="business_virtual_debit_card",yi=be&&(e.chargeCard?.status.code==="active"||e.chargeCard?.status.code==="locked")&&ja.amount<(De?e.depositAccountLimit?.cardLimits.dailyCardTransactionLimit.amount??0:e.creditAccount.limit.amount),bi=e.creditAccountRepayment.initiatedRepayments.amount>0&&be&&Vt,Si=()=>{if(!d)return[{value:"changePin",label:me.cardDetails.moreOptions.changePin}];const P=[{value:"changePin",label:me.cardDetails.moreOptions.changePin},{value:"unlock",label:me.cardDetails.moreOptions.unlock},{value:"updateSpendLimit",label:me.cardDetails.moreOptions.updateSpendLimit},{value:"rename",label:me.cardDetails.moreOptions.rename},{value:"lock",label:me.cardDetails.moreOptions.lock},{value:"close",label:me.cardDetails.moreOptions.close},{value:"revokeInvite",label:me.cardDetails.moreOptions.revokeInvite}],Se=e.chargeCard?.status.code,_e=Se==="locked",ji=Se==="inactive",Ii=Se==="request_on_hold",Li=e.chargeCard?.isLockedByAdmin===!0,za=De&&We,vt=be;if(Ii){const Pe=[];return vt&&Pe.push("revokeInvite"),Pe.push("rename"),P.filter(_t=>Pe.includes(_t.value))}if(ji){const Pe=[];return Pe.push("rename"),za&&Pe.push("changePin"),vt&&Pe.push("close"),P.filter(_t=>Pe.includes(_t.value))}const Di={changePin:za&&!_e,lock:!_e,unlock:_e&&(be||!Li),rename:!0,updateSpendLimit:vt,close:vt};return P.filter(Pe=>Di[Pe.value])},Fa=t.jsx("div",{children:t.jsx(Ai,{entity:"debit_cards",isDisabled:e.unlockChargeCardsFetchState.fetchState==="In-Progress"?"disabled":void 0,onOptionSelection:P=>{P==="changePin"?(q==null||q.expiry.isBefore(new Date)?de(e.loggedInUserPhone):ut(!0),xe(!0)):P==="updateSpendLimit"?bt(!0):P==="rename"?Ft(!0):P==="lock"?(St(!0),u()):P==="close"?($t(!0),u()):P==="unlock"?i(be):P==="revokeInvite"&&Ve()},isMoreOption:!0,options:Si(),customStyleConfig:{control:()=>({backgroundColor:"inherit",cursor:"pointer",border:"none",":hover":{backgroundColor:"inherit"}}),valueContainer:P=>({...P,display:"flex",alignItems:"center"})}})}),Pa=P=>P.reasonType==="other"?P.reason:P.reasonType,$i=P=>{const Se=Pa(P);k(be,Se)},vi=P=>{const Se=Pa(P);s(Se)},ki=()=>{const P=e.chargeCard?.status.code;if(P==="closed"||P==="closed_by_customer")return null;if(!d)return We&&De?Fa:null;if(!We&&!be)return null;const Se=e.chargeCard?.isLockedByAdmin===!0;return We&&!be&&Se&&P==="locked"?null:Fa};return t.jsxs(wl,{children:[ci&&e.chargeCard!=null&&t.jsx(_o,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>St(!1),isChargeCardAdmin:be,chargeCardsByCardId:{[e.chargeCard.id]:e.chargeCard},cardRecurringExpensesByCardId:{[e.chargeCard.id]:B.recurringExpenses},cardRecurringExpenseFetchState:B.fetchState,lockCardFetchState:e.lockChargeCardsFetchState.fetchState,onConfirmClick:$i,onDismissClick:()=>St(!1),onRemoveCardClick:()=>{}}),li&&e.chargeCard!=null&&t.jsx(Uo,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>$t(!1),isChargeCardAdmin:be,chargeCardsByCardId:{[e.chargeCard.id]:e.chargeCard},cardRecurringExpensesByCardId:{[e.chargeCard.id]:B.recurringExpenses},cardRecurringExpenseFetchState:B.fetchState,closeCardFetchState:e.closeChargeCardsFetchState.fetchState,onConfirmClick:vi,onDismissClick:()=>$t(!1),onRemoveCardClick:()=>{}}),yt&&e.chargeCard?.cardProviderID!=null?t.jsx(Xc,{signedInUserToken:q,vgsVaultId:b,onCancelClick:()=>{ut(!1),xe(!0)},isSandboxEnv:!0,cardProviderID:e.chargeCard?.cardProviderID,onChangePinSuccess:()=>{ut(!1),xe(!0)},onUpdateDebitCardPinAttempt:oe}):null,Da?null:t.jsx(Rc,{isChargeCardAdmin:be,controllerEmails:n,isChargeCardFeatureEnabled:f,isDebitCardFeatureEnabled:v,isDebitCardSetupEnabled:$,isChargeCardSetupEnabled:j,chargeCardCashbackDetailState:D,creditAccountRepayment:e.creditAccountRepayment,productInformation:A,cashbackInformation:S,creditAccountInformation:z,debitAccountInformation:M,creditAccount:e.creditAccount,selectedColor:va,walletType:pi,onFireOnClickAnalytics:H,isSandboxEnv:ee,chargeCardDetailView:e,vgsVaultId:b,signedInUserToken:q,showSecretInfo:nt,changePinInProcess:Be,setShowChangePinPopup:ut,isCardDetailErrored:Ca,cardDetailsFetchState:xa,setCardDetailsFetchState:ya,setIsCardDetailErrored:fa,isCardDetailFetching:La,handleColorCodeClick:Ia,isDrawerOpen:hi,setIsAddToWalletDrawerOpen:wa,onVerifyOtp:re,onVerifyOtpSuccess:L,onFireVerifyPopOnClickAnalytics:K,onResendOtp:R,setShowSecretInfo:Pt,secretRevealed:ga,setSecretRevealed:zt,onGetOtp:de,showDrawerAnimation:ba}),t.jsx(Ei,{rightSideComponent:ki(),navBarContainerStyles:{paddingTop:h[2],alignItems:"center",paddingBottom:h[2]},source:"ChargeCardDetailPage",title:e.chargeCard?.cardName??Le.strings.empty,subTitle:e.fetchState==="Completed"&&e.chargeCard!=null?t.jsx(Bo,{cardDetail:e.chargeCard,forDetailPage:!0}):void 0,showBackButton:!0,showMenuIcon:!1,backgroundColor:Oe.colors.grey5,style:{zIndex:3},onBackClick:I,titleStyle:{marginTop:h[0],...ge==="small"&&{textAlign:"left"}},leftComponentStyle:ge==="small"?{width:"10%"}:void 0,middleComponentStyle:ge==="small"?{width:"80%"}:void 0,rightComponentStyle:ge==="small"?{width:"10%"}:void 0}),t.jsx(vr,{phoneNumberPopupDescription:me.cardDetails.verifyPhoneNumberDescription,showOtpPopup:ii,showPhoneNumberPopup:ni,twoFactorAuthenticationView:e.twoFAView,loggedInUserPhone:e.loggedInUserPhone,onVerifyOtp:re,onVerifyOtpSuccess:P=>{L(P),Be?ut(!0):Pt(!0)},onFireVerifyPopOnClickAnalytics:K,setShowOtpPopup:oi,onResendOtp:R,setShowPhoneNumberPopup:ma,onGetOtp:de}),di&&t.jsx(Go,{currentCardName:e.chargeCard?.cardName??"",renameFetchState:e.updateChargeCardNameFetchState.fetchState,onCancelClick:()=>Ft(!1),onSubmitClick:P=>{e.chargeCard&&ce(be,P)}}),si&&e.chargeCard!=null?t.jsx(Zo,{controllerEmails:n,isChargeCardFeatureEnabled:f,isDebitCardFeatureEnabled:v,isDebitCardSetupEnabled:$,isChargeCardSetupEnabled:j,productInformation:A,cashbackInformation:S,creditAccountInformation:z,debitAccountInformation:M,cardDetail:e.chargeCard,transactionStatistics:e.transactionStatistics,depositAccountLimitFetchState:e.depositAccountLimitFetchState.fetchState,creditAccount:y,creditAccountRepayment:e.creditAccountRepayment,signedInUser:V,isDebitCard:De,cardIssuedByRoles:G,cardHolderRoles:X,loggedInUserRole:Z,cardIssuedByDepartmentName:Y,cardHolderDepartmentName:E,classListFetchState:p,currentLimitAmount:e.chargeCard?.limit??{amount:0,currencyCode:Le.currency.countryCode,currencySymbol:Le.currency.currencySymbol},currentSpentAmount:e.chargeCard?.balance??{amount:0,currencyCode:Le.currency.countryCode,currencySymbol:Le.currency.currencySymbol},maxLimitAmount:De?e.depositAccountLimit?.cardLimits.dailyCardTransactionLimit:e.creditAccount.limit,isDisabled:De&&e.depositAccountLimitFetchState.fetchState!=="Completed",updateLimitFetchState:e.updateChargeCardLimitFetchState.fetchState,onCancelClick:()=>bt(!1),onSubmitClick:P=>{if(e.chargeCard){const Se={amount:P,currencyCode:e.chargeCard.limit.currencyCode,currencySymbol:e.chargeCard.limit.currencySymbol};rt(e.chargeCard.id,Se,e.chargeCard.creditLimitFrequency,qe("0,0.[00]",Se))}},recommendations:e?.chargeCard?.recommendations}):null,e.fetchState==="Error"?t.jsxs(pl,{windowSize:ge,children:[t.jsx(gl,{onClick:O,"data-testid":Q("reload-card-detail"),children:t.jsx(fl,{})}),t.jsx(Cl,{children:Le.reloadPage.label})]}):t.jsx(Ri,{isOpen:F??!1,isFullView:ue??!1,panelContent:he,headerContent:t.jsxs(Cr,{children:[t.jsx(ls,{controllerEmails:n,isChargeCardFeatureEnabled:f,isDebitCardFeatureEnabled:v,isDebitCardSetupEnabled:$,isChargeCardSetupEnabled:j,creditAccount:y,creditAccountRepayment:e.creditAccountRepayment,productInformation:A,cashbackInformation:S,creditAccountInformation:z,debitAccountInformation:M,isDebitCard:De,chargeCardCashbackDetailState:D,cardIssuedByRoles:G,cardIssuedByDepartmentName:Y,cardHolderRoles:X,cardHolderDepartmentName:E,classListFetchState:p,chargeCardDetailView:e,spent:ja,isCardNotPending:Ot,cardOwnerName:Mt,appleWalletLink:ie,googleWalletLink:se,addressToShow:Sa,secretRevealed:ga,isOwnCard:We,vgsVaultId:b,showSecretInfo:nt,isSandboxEnv:ee,isCardDetailErrored:Ca,signedInUserToken:q,selectedColor:va,cardDetailsFetchState:xa,setCardDetailsFetchState:ya,setIsCardDetailErrored:fa,setSecretRevealed:zt,isCardDetailFetching:La,handleColorCodeClick:Ia,onFireOnClickAnalytics:H,setShowPhoneNumberPopup:ma,setShowChangeSpendLimitPopup:bt,setShowSecretInfo:Pt,isOwnerNameCopied:Et,isAddressCopied:Rt,onOwnerNameCopyClick:fi,onAddressCopyClick:wi,showUpdateSpendLimitAction:yi,onUnlockChargeCard:i}),te?bi?t.jsxs(sl,{windowSize:ge,children:[t.jsx(Sl,{}),t.jsx(cl,{children:` ${me.payEarly.paymentOf} ${qe("0,0.[00]",e.creditAccountRepayment.initiatedRepayments)} ${me.payEarly.madeOn} ${e.creditAccountRepayment.initiatedRepaymentDate?.format(ol.visual.MMMDFormat)} ${me.payEarly.isProcessing} ${me.payEarly.theCompanyCreditLimitWillUpdateIn23BusinessDays}`})]}):Vt?be?t.jsxs(ri,{onClick:()=>{pe(!0)},windowSize:ge,children:[t.jsx(fr,{windowSize:ge}),t.jsxs(ul,{children:[t.jsx(wr,{children:me.payEarly.transactionsMayBeDeclinedBecauseTheCompanyCreditLimitIsRunningLow}),t.jsxs(ll,{className:"pay-now-button",children:[me.payEarly.payNow,t.jsx(dl,{})]})]})]}):t.jsxs(nl,{windowSize:ge,children:[t.jsx(fr,{windowSize:ge}),t.jsx(ml,{children:t.jsx(wr,{children:me.payEarly.yourTransactionsMayBeDeclinedBecauseTheCompanyCreditLimitIsRunningLowWeHaveNotifiedYourAdmin})})]}):null:null,We&&ge!=="small"&&Ot&&De===!1?t.jsx(qo,{style:{marginTop:Vt?a.sp5:a.sp4},classListFetchState:p,controllerEmails:n,isChargeCardFeatureEnabled:f,isDebitCardFeatureEnabled:v,isDebitCardSetupEnabled:$,isChargeCardSetupEnabled:j,chargeCardDetailView:e,creditAccount:y,creditAccountRepayment:e.creditAccountRepayment,productInformation:A,cashbackInformation:S,creditAccountInformation:z,debitAccountInformation:M,cardIssuedByRoles:G,cardHolderRoles:X,cardIssuedByDepartmentName:Y,cardHolderDepartmentName:E,isDebitCard:De,appleWalletLink:ie,googleWalletLink:se,setWalletType:ui,setIsAddToWalletDrawerOpen:wa,showDrawerAnimation:ba}):null]}),listContent:t.jsx(Cr,{children:t.jsxs(El,{windowSize:ge,isOwnCard:We,isMobileOrTabletScreen:Da,children:[Ot&&e.transactions.length>0?t.jsxs(t.Fragment,{children:[t.jsxs(yl,{windowSize:ge,children:[me.cardDetails.transactionListTitle,t.jsx(ta,{display:"flex",placement:"right",title:t.jsx($l,{children:me.cardDetails.transactionListTooltip.replace("__receiptRequiredAboveAmount__",e.chargeCardConfig.receiptRequiredAboveAmount.amount.toString())}),children:t.jsx(bl,{})})]}),t.jsxs(vl,{windowSize:ge,children:[t.jsx(Ll,{windowSize:ge,children:t.jsx(Dl,{})}),t.jsxs(xl,{windowSize:ge,children:[t.jsxs(kl,{children:[t.jsx(hl,{children:me.aiCardAgentText}),Le.strings.space,me.receiptBotMessage,Le.strings.space]}),t.jsxs(Il,{"data-testid":Q("charge-card-detail-copy-email"),onClick:Ci,onMouseEnter:()=>ot(!0),onMouseLeave:()=>ot(!1),children:[t.jsx(jl,{children:e.chargeCardConfig.receiptBotEmail}),it===!0?t.jsxs(yr,{children:[t.jsx(Al,{}),t.jsx(xr,{children:t.jsx(br,{shouldDisplay:Fe||it,color:c.primaryDark,children:Le.copyToClipBoard.copied})})]}):t.jsxs(yr,{children:[t.jsx(Tl,{color:Fe?Oe.colors.primary:void 0}),t.jsx(xr,{children:t.jsx(br,{shouldDisplay:Fe&&ge!=="small",children:Le.copyToClipBoard.copy})})]})]})]})]})]}):null,t.jsx(dc,{cardStatusCode:e.chargeCard?.status.code,cardCodeType:e.chargeCard?.type.code,cardId:x,documentAiReceiptMaxSizeLimit:le,uploadReceiptsFetchStateByTransactionId:e.uploadReceiptsFetchStateByTransactionId,isSnackbarOpen:ae,uploadReceiptsShowTickByTransactionId:e.uploadReceiptsShowTickByTransactionId,isViewReceiptClickedImmediatelyAfterUploadTransactionId:e.isViewReceiptClickedImmediatelyAfterUploadTransactionId,receiptRequiredAboveAmount:e.chargeCardConfig.receiptRequiredAboveAmount,cardsEndPoint:m,transactionAttachmentsEndpointToFetch:w,transactionAttachmentEndpointToDownload:l,authParams:C,hideSorting:g,transactions:e.transactions,cardHolderUser:e.chargeCard?.cardHolderUser,uiState:e.uiState,fetchState:e.transactionListFetchState.fetchState,isAiCategorizationEnabledForCardsTransactions:e.chargeCardConfig.isAiCategorizationEnabledForCardsTransactions,onReloadTransactions:O,onFetchChargeCardTransactionList:U,isOwnCard:We,onColumnSortConfigChanged:fe,removeSnackbar:Me,onChargeCardTransactionRowClick:ne,onUpdateScrollYOffset:Ye,onUploadReceiptComplete:W,updateChargeCardTransactionAttachments:Ee,updateChargeCardTransactionUploadReceiptsFetchStatus:Re,updateChargeCardTransactionReceiptsShowTick:J,updateChargeCardTransactionIsViewReceiptClicked:N})]})})})]})},Jt=({chargeCardDetailView:e,chargeCardCashbackDetailState:i,isChargeCardFeatureEnabled:s,productInformation:m,cashbackInformation:p,creditAccountInformation:w,debitAccountInformation:l,creditAccount:C,creditAccountRepayment:g,isDebitCard:x,isChargeCardAdmin:b,analytics:n,controllerEmails:d,actionDetails:f,actionField:v})=>{e.chargeCard!=null&&i.fetchState==="Completed"&&(!s||C.fetchState==="Completed"&&g.fetchState==="Completed")&&(!(x&&b)||e.depositAccountLimitFetchState.fetchState==="Completed")&&n.trackCardsCopyIconClick(d,m,"Cards Detail","Copy","copied",v,f,p,w,l)},Cr=r.div``,ri=r.div`
+`,Ae={bottomContentContainerPadding:new T(h[3],h[8]),styledAIIconContainerSize:new T(h[3],h[3]),bannerWrapperMarginLeftRight:new T(h[3],h[8]),payNowSectionPaddingLeftRight:new T(h[3],h[0]),styledHighImportanceIconMarginRight:new T(h[0],h[1])},{common:Le,spendManagement:il,dateFormat:ol}=ke.getLocalizedStrings(),me=il.chargeCard,Jl=({chargeCardDetailView:e,onUnlockChargeCard:i,onCloseChargeCard:s,cardsEndPoint:m,classListFetchState:p,transactionAttachmentsEndpointToFetch:w,transactionAttachmentEndpointToDownload:l,authParams:C,hideSorting:g,cardId:x,vgsVaultId:b,controllerEmails:n,isCardControlsEnabled:d,isChargeCardFeatureEnabled:f,isDebitCardFeatureEnabled:v,isDebitCardSetupEnabled:$,isChargeCardSetupEnabled:j,chargeCardCashbackDetailState:D,onFetchChargeCardsRecurringExpenses:u,productInformation:A,cashbackInformation:S,creditAccountInformation:z,debitAccountInformation:M,creditAccount:y,cardIssuedByRoles:G,cardIssuedByDepartmentName:Y,cardHolderRoles:X,cardHolderDepartmentName:E,loggedInUserRole:Z,appleWalletLink:ie,googleWalletLink:se,signedInUser:V,signedInUserToken:q,chargeCardsRecurringExpensesState:B,isSandboxEnv:ee,isEarlyPayEnabled:te,documentAiReceiptMaxSizeLimit:le,isSnackbarOpen:ae,onFireOnClickAnalytics:H,onUpdateDebitCardPinAttempt:oe,onFireVerifyPopOnClickAnalytics:K,onBackClick:I,onReloadTransactions:O,onFetchChargeCardTransactionList:U,onGetOtp:de,onLockChargeCard:k,onResendOtp:F,onVerifyOtp:re,updateChargeCardName:ce,onVerifyOtpSuccess:L,onColorCodeChange:je,onColumnSortConfigChanged:fe,updateChargeCardTransactionAttachments:Ee,updateChargeCardTransactionUploadReceiptsFetchStatus:Fe,updateChargeCardTransactionReceiptsShowTick:J,updateChargeCardTransactionIsViewReceiptClicked:N,onUploadReceiptComplete:W,removeSnackbar:Me,onChargeCardTransactionRowClick:ne,onChargeCardRevokeInviteClick:Ve,onUpdateScrollYOffset:Ye,updateSpendLimit:rt,shouldOpenCreditCardPaymentDrawer:pe,sidePanelIsOpen:R,sidePanelIsFullView:ue,panelContent:he})=>{const Ne=o.useRef(!0),Oe=at(),ge=Ie(),Xe=Lt(),ht=Dt().analytics,[,pt]=Sr(),[it,xt]=o.useState(!1),[Re,ot]=o.useState(!1),[Be,xe]=o.useState(!1),[yt,ut]=o.useState(!1),[Et,pa]=o.useState(!1),[Ft,ua]=o.useState(!1),[ii,oi]=o.useState(!1),[ni,ma]=o.useState(!1),[si,bt]=o.useState(!1),[di,Rt]=o.useState(!1),[ci,St]=o.useState(!1),[li,$t]=o.useState(!1),[nt,Pt]=o.useState(!1),[ga,zt]=o.useState(!1),[Ca,fa]=o.useState(!1),[hi,wa]=o.useState(!1),[pi,ui]=o.useState("apple"),[xa,ya]=o.useState({number:!1,cvv:!1});o.useEffect(()=>{nt===!1&&zt(!1)},[nt]);const ba=o.useRef("noAnimation"),We=e.chargeCard?.cardHolderUserId===V.userId,Mt=`${e.chargeCard?.cardHolderUser?.firstName??""} ${e.chargeCard?.cardHolderUser?.lastName??""}`,Sa=e.chargeCard?.billingAddress,be=At(Xe.loggedInUserRoleMap),{text1:mi,text2:gi}=Ti(Sa),$a=`${mi} ${gi}`,Vt=e.chargeCard?.isDeclinedTransaction===!0,Ci=()=>{Jt({chargeCardDetailView:e,chargeCardCashbackDetailState:D,isChargeCardFeatureEnabled:f,productInformation:A,cashbackInformation:S,creditAccountInformation:z,debitAccountInformation:M,creditAccount:y,creditAccountRepayment:e.creditAccountRepayment,isDebitCard:De,isChargeCardAdmin:be,analytics:ht,controllerEmails:n,actionField:"Receipt Email",actionDetails:e.chargeCardConfig.receiptBotEmail}),pt(e.chargeCardConfig.receiptBotEmail),xt(!0)},fi=()=>{H("card owner copied"),Jt({chargeCardDetailView:e,chargeCardCashbackDetailState:D,isChargeCardFeatureEnabled:f,productInformation:A,cashbackInformation:S,creditAccountInformation:z,debitAccountInformation:M,creditAccount:y,creditAccountRepayment:e.creditAccountRepayment,isDebitCard:De,isChargeCardAdmin:be,analytics:ht,controllerEmails:n,actionField:"Card Owner",actionDetails:Mt}),pt(Mt),pa(!0)},wi=()=>{H("billing address copied"),Jt({chargeCardDetailView:e,chargeCardCashbackDetailState:D,isChargeCardFeatureEnabled:f,productInformation:A,cashbackInformation:S,creditAccountInformation:z,debitAccountInformation:M,creditAccount:y,creditAccountRepayment:e.creditAccountRepayment,isDebitCard:De,isChargeCardAdmin:be,analytics:ht,controllerEmails:n,actionField:"Billing Address",actionDetails:$a}),pt($a),ua(!0)};o.useEffect(()=>{it===!0&&setTimeout(()=>{xt(!1)},800),Et===!0&&setTimeout(()=>{pa(!1)},800),Ft===!0&&setTimeout(()=>{ua(!1)},800)},[Et,Ft,it]);const[Fl,xi]=o.useState(!1),[va,ka]=o.useState(e.chargeCard?.cardColorCode!=null?new et(e.chargeCard.cardColorCode):void 0);o.useEffect(()=>{e.chargeCard?.cardColorCode!=null&&ka(new et(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:Le.currency.countryCode,currencySymbol:e.chargeCard!=null?e.chargeCard.balance.currencySymbol:Le.currency.currencySymbol};o.useEffect(()=>{Ne.current===!0?Ne.current=!1:H(nt===!1?"card details hidden":"card detail revealed")},[nt]);const Ia=(P,Se)=>{if(Se===!0){const _e=Vi(P.toString())??Le.strings.empty;H("color selected",_e),je(_e),xi(!1)}ka(P)},La=P=>{const{cvv:Se,number:_e}=P;return Se===!0||_e===!0},{isMobileOrTabletScreen:Da}=$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,Ta=tt(Ht),Aa=tt(Nt),Ea=tt(Bt),Fa=tt(Wt);o.useEffect(()=>{Ta==="In-Progress"&&Ht==="Completed"?bt(!1):Aa==="In-Progress"&&Nt==="Completed"?Rt(!1):Ea==="In-Progress"&&Bt==="Completed"?St(!1):Fa==="In-Progress"&&Wt==="Completed"&&$t(!1)},[Ht,Nt,Bt,Wt,Ta,Aa,Ea,Fa]);const De=e.chargeCard?.type.code==="business_physical_debit_card"||e.chargeCard?.type.code==="business_virtual_debit_card",yi=be&&(e.chargeCard?.status.code==="active"||e.chargeCard?.status.code==="locked")&&ja.amount<(De?e.depositAccountLimit?.cardLimits.dailyCardTransactionLimit.amount??0:e.creditAccount.limit.amount),bi=e.creditAccountRepayment.initiatedRepayments.amount>0&&be&&Vt,Si=()=>{if(!d)return[{value:"changePin",label:me.cardDetails.moreOptions.changePin}];const P=[{value:"changePin",label:me.cardDetails.moreOptions.changePin},{value:"unlock",label:me.cardDetails.moreOptions.unlock},{value:"updateSpendLimit",label:me.cardDetails.moreOptions.updateSpendLimit},{value:"rename",label:me.cardDetails.moreOptions.rename},{value:"lock",label:me.cardDetails.moreOptions.lock},{value:"close",label:me.cardDetails.moreOptions.close},{value:"revokeInvite",label:me.cardDetails.moreOptions.revokeInvite}],Se=e.chargeCard?.status.code,_e=Se==="locked",ji=Se==="inactive",Ii=Se==="request_on_hold",Li=e.chargeCard?.isLockedByAdmin===!0,za=De&&We,vt=be;if(Ii){const Pe=[];return vt&&Pe.push("revokeInvite"),Pe.push("rename"),P.filter(_t=>Pe.includes(_t.value))}if(ji){const Pe=[];return Pe.push("rename"),za&&Pe.push("changePin"),vt&&Pe.push("close"),P.filter(_t=>Pe.includes(_t.value))}const Di={changePin:za&&!_e,lock:!_e,unlock:_e&&(be||!Li),rename:!0,updateSpendLimit:vt,close:vt};return P.filter(Pe=>Di[Pe.value])},Ra=t.jsx("div",{children:t.jsx(Ai,{entity:"debit_cards",isDisabled:e.unlockChargeCardsFetchState.fetchState==="In-Progress"?"disabled":void 0,onOptionSelection:P=>{P==="changePin"?(q==null||q.expiry.isBefore(new Date)?de(e.loggedInUserPhone):ut(!0),xe(!0)):P==="updateSpendLimit"?bt(!0):P==="rename"?Rt(!0):P==="lock"?(St(!0),u()):P==="close"?($t(!0),u()):P==="unlock"?i(be):P==="revokeInvite"&&Ve()},isMoreOption:!0,options:Si(),customStyleConfig:{control:()=>({backgroundColor:"inherit",cursor:"pointer",border:"none",":hover":{backgroundColor:"inherit"}}),valueContainer:P=>({...P,display:"flex",alignItems:"center"})}})}),Pa=P=>P.reasonType==="other"?P.reason:P.reasonType,$i=P=>{const Se=Pa(P);k(be,Se)},vi=P=>{const Se=Pa(P);s(Se)},ki=()=>{const P=e.chargeCard?.status.code;if(P==="closed"||P==="closed_by_customer")return null;if(!d)return We&&De?Ra:null;if(!We&&!be)return null;const Se=e.chargeCard?.isLockedByAdmin===!0;return We&&!be&&Se&&P==="locked"?null:Ra};return t.jsxs(wl,{children:[ci&&e.chargeCard!=null&&t.jsx(_o,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>St(!1),isChargeCardAdmin:be,chargeCardsByCardId:{[e.chargeCard.id]:e.chargeCard},cardRecurringExpensesByCardId:{[e.chargeCard.id]:B.recurringExpenses},cardRecurringExpenseFetchState:B.fetchState,lockCardFetchState:e.lockChargeCardsFetchState.fetchState,onConfirmClick:$i,onDismissClick:()=>St(!1),onRemoveCardClick:()=>{}}),li&&e.chargeCard!=null&&t.jsx(Uo,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>$t(!1),isChargeCardAdmin:be,chargeCardsByCardId:{[e.chargeCard.id]:e.chargeCard},cardRecurringExpensesByCardId:{[e.chargeCard.id]:B.recurringExpenses},cardRecurringExpenseFetchState:B.fetchState,closeCardFetchState:e.closeChargeCardsFetchState.fetchState,onConfirmClick:vi,onDismissClick:()=>$t(!1),onRemoveCardClick:()=>{}}),yt&&e.chargeCard?.cardProviderID!=null?t.jsx(Xc,{signedInUserToken:q,vgsVaultId:b,onCancelClick:()=>{ut(!1),xe(!0)},isSandboxEnv:!0,cardProviderID:e.chargeCard?.cardProviderID,onChangePinSuccess:()=>{ut(!1),xe(!0)},onUpdateDebitCardPinAttempt:oe}):null,Da?null:t.jsx(Fc,{isChargeCardAdmin:be,controllerEmails:n,isChargeCardFeatureEnabled:f,isDebitCardFeatureEnabled:v,isDebitCardSetupEnabled:$,isChargeCardSetupEnabled:j,chargeCardCashbackDetailState:D,creditAccountRepayment:e.creditAccountRepayment,productInformation:A,cashbackInformation:S,creditAccountInformation:z,debitAccountInformation:M,creditAccount:e.creditAccount,selectedColor:va,walletType:pi,onFireOnClickAnalytics:H,isSandboxEnv:ee,chargeCardDetailView:e,vgsVaultId:b,signedInUserToken:q,showSecretInfo:nt,changePinInProcess:Be,setShowChangePinPopup:ut,isCardDetailErrored:Ca,cardDetailsFetchState:xa,setCardDetailsFetchState:ya,setIsCardDetailErrored:fa,isCardDetailFetching:La,handleColorCodeClick:Ia,isDrawerOpen:hi,setIsAddToWalletDrawerOpen:wa,onVerifyOtp:re,onVerifyOtpSuccess:L,onFireVerifyPopOnClickAnalytics:K,onResendOtp:F,setShowSecretInfo:Pt,secretRevealed:ga,setSecretRevealed:zt,onGetOtp:de,showDrawerAnimation:ba}),t.jsx(Ei,{rightSideComponent:ki(),navBarContainerStyles:{paddingTop:h[2],alignItems:"center",paddingBottom:h[2]},source:"ChargeCardDetailPage",title:e.chargeCard?.cardName??Le.strings.empty,subTitle:e.fetchState==="Completed"&&e.chargeCard!=null?t.jsx(Bo,{cardDetail:e.chargeCard,forDetailPage:!0}):void 0,showBackButton:!0,showMenuIcon:!1,backgroundColor:Oe.colors.grey5,style:{zIndex:3},onBackClick:I,titleStyle:{marginTop:h[0],...ge==="small"&&{textAlign:"left"}},leftComponentStyle:ge==="small"?{width:"10%"}:void 0,middleComponentStyle:ge==="small"?{width:"80%"}:void 0,rightComponentStyle:ge==="small"?{width:"10%"}:void 0}),t.jsx(vr,{phoneNumberPopupDescription:me.cardDetails.verifyPhoneNumberDescription,showOtpPopup:ii,showPhoneNumberPopup:ni,twoFactorAuthenticationView:e.twoFAView,loggedInUserPhone:e.loggedInUserPhone,onVerifyOtp:re,onVerifyOtpSuccess:P=>{L(P),Be?ut(!0):Pt(!0)},onFireVerifyPopOnClickAnalytics:K,setShowOtpPopup:oi,onResendOtp:F,setShowPhoneNumberPopup:ma,onGetOtp:de}),di&&t.jsx(Go,{currentCardName:e.chargeCard?.cardName??"",renameFetchState:e.updateChargeCardNameFetchState.fetchState,onCancelClick:()=>Rt(!1),onSubmitClick:P=>{e.chargeCard&&ce(be,P)}}),si&&e.chargeCard!=null?t.jsx(Zo,{controllerEmails:n,isChargeCardFeatureEnabled:f,isDebitCardFeatureEnabled:v,isDebitCardSetupEnabled:$,isChargeCardSetupEnabled:j,productInformation:A,cashbackInformation:S,creditAccountInformation:z,debitAccountInformation:M,cardDetail:e.chargeCard,transactionStatistics:e.transactionStatistics,depositAccountLimitFetchState:e.depositAccountLimitFetchState.fetchState,creditAccount:y,creditAccountRepayment:e.creditAccountRepayment,signedInUser:V,isDebitCard:De,cardIssuedByRoles:G,cardHolderRoles:X,loggedInUserRole:Z,cardIssuedByDepartmentName:Y,cardHolderDepartmentName:E,classListFetchState:p,currentLimitAmount:e.chargeCard?.limit??{amount:0,currencyCode:Le.currency.countryCode,currencySymbol:Le.currency.currencySymbol},currentSpentAmount:e.chargeCard?.balance??{amount:0,currencyCode:Le.currency.countryCode,currencySymbol:Le.currency.currencySymbol},maxLimitAmount:De?e.depositAccountLimit?.cardLimits.dailyCardTransactionLimit:e.creditAccount.limit,isDisabled:De&&e.depositAccountLimitFetchState.fetchState!=="Completed",updateLimitFetchState:e.updateChargeCardLimitFetchState.fetchState,onCancelClick:()=>bt(!1),onSubmitClick:P=>{if(e.chargeCard){const Se={amount:P,currencyCode:e.chargeCard.limit.currencyCode,currencySymbol:e.chargeCard.limit.currencySymbol};rt(e.chargeCard.id,Se,e.chargeCard.creditLimitFrequency,qe("0,0.[00]",Se))}},recommendations:e?.chargeCard?.recommendations}):null,e.fetchState==="Error"?t.jsxs(pl,{windowSize:ge,children:[t.jsx(gl,{onClick:O,"data-testid":Q("reload-card-detail"),children:t.jsx(fl,{})}),t.jsx(Cl,{children:Le.reloadPage.label})]}):t.jsx(Fi,{isOpen:R??!1,isFullView:ue??!1,panelContent:he,headerContent:t.jsxs(Cr,{children:[t.jsx(ls,{controllerEmails:n,isChargeCardFeatureEnabled:f,isDebitCardFeatureEnabled:v,isDebitCardSetupEnabled:$,isChargeCardSetupEnabled:j,creditAccount:y,creditAccountRepayment:e.creditAccountRepayment,productInformation:A,cashbackInformation:S,creditAccountInformation:z,debitAccountInformation:M,isDebitCard:De,chargeCardCashbackDetailState:D,cardIssuedByRoles:G,cardIssuedByDepartmentName:Y,cardHolderRoles:X,cardHolderDepartmentName:E,classListFetchState:p,chargeCardDetailView:e,spent:ja,isCardNotPending:Ot,cardOwnerName:Mt,appleWalletLink:ie,googleWalletLink:se,addressToShow:Sa,secretRevealed:ga,isOwnCard:We,vgsVaultId:b,showSecretInfo:nt,isSandboxEnv:ee,isCardDetailErrored:Ca,signedInUserToken:q,selectedColor:va,cardDetailsFetchState:xa,setCardDetailsFetchState:ya,setIsCardDetailErrored:fa,setSecretRevealed:zt,isCardDetailFetching:La,handleColorCodeClick:Ia,onFireOnClickAnalytics:H,setShowPhoneNumberPopup:ma,setShowChangeSpendLimitPopup:bt,setShowSecretInfo:Pt,isOwnerNameCopied:Et,isAddressCopied:Ft,onOwnerNameCopyClick:fi,onAddressCopyClick:wi,showUpdateSpendLimitAction:yi,onUnlockChargeCard:i}),te?bi?t.jsxs(sl,{windowSize:ge,children:[t.jsx(Sl,{}),t.jsx(cl,{children:` ${me.payEarly.paymentOf} ${qe("0,0.[00]",e.creditAccountRepayment.initiatedRepayments)} ${me.payEarly.madeOn} ${e.creditAccountRepayment.initiatedRepaymentDate?.format(ol.visual.MMMDFormat)} ${me.payEarly.isProcessing} ${me.payEarly.theCompanyCreditLimitWillUpdateIn23BusinessDays}`})]}):Vt?be?t.jsxs(ri,{onClick:()=>{pe(!0)},windowSize:ge,children:[t.jsx(fr,{windowSize:ge}),t.jsxs(ul,{children:[t.jsx(wr,{children:me.payEarly.transactionsMayBeDeclinedBecauseTheCompanyCreditLimitIsRunningLow}),t.jsxs(ll,{className:"pay-now-button",children:[me.payEarly.payNow,t.jsx(dl,{})]})]})]}):t.jsxs(nl,{windowSize:ge,children:[t.jsx(fr,{windowSize:ge}),t.jsx(ml,{children:t.jsx(wr,{children:me.payEarly.yourTransactionsMayBeDeclinedBecauseTheCompanyCreditLimitIsRunningLowWeHaveNotifiedYourAdmin})})]}):null:null,We&&ge!=="small"&&Ot&&De===!1?t.jsx(qo,{style:{marginTop:Vt?a.sp5:a.sp4},classListFetchState:p,controllerEmails:n,isChargeCardFeatureEnabled:f,isDebitCardFeatureEnabled:v,isDebitCardSetupEnabled:$,isChargeCardSetupEnabled:j,chargeCardDetailView:e,creditAccount:y,creditAccountRepayment:e.creditAccountRepayment,productInformation:A,cashbackInformation:S,creditAccountInformation:z,debitAccountInformation:M,cardIssuedByRoles:G,cardHolderRoles:X,cardIssuedByDepartmentName:Y,cardHolderDepartmentName:E,isDebitCard:De,appleWalletLink:ie,googleWalletLink:se,setWalletType:ui,setIsAddToWalletDrawerOpen:wa,showDrawerAnimation:ba}):null]}),listContent:t.jsx(Cr,{children:t.jsxs(El,{windowSize:ge,isOwnCard:We,isMobileOrTabletScreen:Da,children:[Ot&&e.transactions.length>0?t.jsxs(t.Fragment,{children:[t.jsxs(yl,{windowSize:ge,children:[me.cardDetails.transactionListTitle,t.jsx(ta,{display:"flex",placement:"right",title:t.jsx($l,{children:me.cardDetails.transactionListTooltip.replace("__receiptRequiredAboveAmount__",e.chargeCardConfig.receiptRequiredAboveAmount.amount.toString())}),children:t.jsx(bl,{})})]}),t.jsxs(vl,{windowSize:ge,children:[t.jsx(Ll,{windowSize:ge,children:t.jsx(Dl,{})}),t.jsxs(xl,{windowSize:ge,children:[t.jsxs(kl,{children:[t.jsx(hl,{children:me.aiCardAgentText}),Le.strings.space,me.receiptBotMessage,Le.strings.space]}),t.jsxs(Il,{"data-testid":Q("charge-card-detail-copy-email"),onClick:Ci,onMouseEnter:()=>ot(!0),onMouseLeave:()=>ot(!1),children:[t.jsx(jl,{children:e.chargeCardConfig.receiptBotEmail}),it===!0?t.jsxs(yr,{children:[t.jsx(Al,{}),t.jsx(xr,{children:t.jsx(br,{shouldDisplay:Re||it,color:c.primaryDark,children:Le.copyToClipBoard.copied})})]}):t.jsxs(yr,{children:[t.jsx(Tl,{color:Re?Oe.colors.primary:void 0}),t.jsx(xr,{children:t.jsx(br,{shouldDisplay:Re&&ge!=="small",children:Le.copyToClipBoard.copy})})]})]})]})]})]}):null,t.jsx(dc,{cardStatusCode:e.chargeCard?.status.code,cardCodeType:e.chargeCard?.type.code,cardId:x,documentAiReceiptMaxSizeLimit:le,uploadReceiptsFetchStateByTransactionId:e.uploadReceiptsFetchStateByTransactionId,isSnackbarOpen:ae,uploadReceiptsShowTickByTransactionId:e.uploadReceiptsShowTickByTransactionId,isViewReceiptClickedImmediatelyAfterUploadTransactionId:e.isViewReceiptClickedImmediatelyAfterUploadTransactionId,receiptRequiredAboveAmount:e.chargeCardConfig.receiptRequiredAboveAmount,cardsEndPoint:m,transactionAttachmentsEndpointToFetch:w,transactionAttachmentEndpointToDownload:l,authParams:C,hideSorting:g,transactions:e.transactions,cardHolderUser:e.chargeCard?.cardHolderUser,uiState:e.uiState,fetchState:e.transactionListFetchState.fetchState,isAiCategorizationEnabledForCardsTransactions:e.chargeCardConfig.isAiCategorizationEnabledForCardsTransactions,onReloadTransactions:O,onFetchChargeCardTransactionList:U,isOwnCard:We,onColumnSortConfigChanged:fe,removeSnackbar:Me,onChargeCardTransactionRowClick:ne,onUpdateScrollYOffset:Ye,onUploadReceiptComplete:W,updateChargeCardTransactionAttachments:Ee,updateChargeCardTransactionUploadReceiptsFetchStatus:Fe,updateChargeCardTransactionReceiptsShowTick:J,updateChargeCardTransactionIsViewReceiptClicked:N})]})})})]})},Jt=({chargeCardDetailView:e,chargeCardCashbackDetailState:i,isChargeCardFeatureEnabled:s,productInformation:m,cashbackInformation:p,creditAccountInformation:w,debitAccountInformation:l,creditAccount:C,creditAccountRepayment:g,isDebitCard:x,isChargeCardAdmin:b,analytics:n,controllerEmails:d,actionDetails:f,actionField:v})=>{e.chargeCard!=null&&i.fetchState==="Completed"&&(!s||C.fetchState==="Completed"&&g.fetchState==="Completed")&&(!(x&&b)||e.depositAccountLimitFetchState.fetchState==="Completed")&&n.trackCardsCopyIconClick(d,m,"Cards Detail","Copy","copied",v,f,p,w,l)},Cr=r.div``,ri=r.div`
   background: ${c.important};
   display: flex;
   align-items: center;