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

package/dist/assets/{ChargeCardPromoPage-BwqrXrY--Cc4CzTaW.js → ChargeCardPromoPage-DBSmL-ms-DBZo83zK.js}

@@ -1,22 +1,22 @@
-import{q as $,V as r,d as J,av as be,a7 as $e,aN as je,aK as Se,fP as Te,bz as ze,fo as ve,n as Z,aM as ee,F as oe,o as t,D as Pe,l as O,cz as ke,ap as Ae,y as u,ao as Be,bQ as Ie,iE as Le,ag as Me,c as p,a as S,p as y,b8 as Re,aR as _e,iF as Ee}from"./index-DKQM71dS.js";import{a as T}from"./sentry-3Q4-6z2o.js";import{n as a,c as De,k as Fe}from"./mui-Bm7nuuAo.js";import{EF as Ne}from"./zeni-epic-state-1LR8oCdb.js";import{k as Ue}from"./NavigationDots-B0_dDbgu-C1OUFooh.js";import{J as G,N as H}from"./PromoBaseCards-CzPzj69A-BfaxdPQK.js";import{M}from"./usp-line-BBd1wKwW-ByjIwRIy.js";import"./liveblocks-Bth6iRPZ.js";import"./core-DSEA1DeO.js";import"./recharts-sqzNidKh.js";import"./lottie-BcjGrMJ9.js";import"./analytics-BUkj7jvZ.js";import"./lexical-D8ee32sQ.js";import"./utils-gMT26ExF.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="a056c856-7e02-4c8b-adbd-3a1c4953281d",e._sentryDebugIdIdentifier="sentry-dbid-a056c856-7e02-4c8b-adbd-3a1c4953281d")}catch{}})();const g={containerPaddingTopBottom:new u(p[0],p[0]),uspContainerMarginX:new u(p[6],p[0]),midContainerGap:new u(p[4],84),iconContainerMinHeight:new u(236,396),emptySectionHeight:new u(p[6],43),navigationBottom:new u(p[4],94),navigationLeft:new u(192,244),carouselHeight:new u(268,396),carouselMarginTop:new u(54,p[4]),carouselMarginLeft:new u(120,p[12]),buttonTrayGap:new u(p[3],p[5]),termsOfAgreementMarginTop:new u(p[5],p[10]),contactAdminContainerMarginTop:new u(p[0],p[10]),contactAdminContainerMarginBottom:new u(p[4],p[0]),contactAdminContainerMarginLeftRight:new u(p[3],p[0])},z={promoBadgeText:new S("standardRegular","largeRegular"),promoBadgeTextBold:new S("standardBold","largeBold"),cardsContent:new S("extraSmallRegular","smallRegular"),contactAdmin:new S("extraSmallRegular","largeRegular"),uspText:new S("smallRegular","standardRegular"),uspBoldText:new S("smallMedium","standardMedium")},{common:N,spendManagement:{chargeCard:{chargeCardsPromo:o}}}=oe.getLocalizedStrings(),Rr=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:i,showEnableCardButton:n,controllerEmails:c,isCreditCardProductVisible:m,isDebitCardFeatureEnabled:h,isDebitCardSetupEnabled:x,isChargeCardSetupEnabled:w,admins:j,cashbackRate:P,cardPromoType:f="credit",isCheckingEnabled:l,onSetupButtonClick:d,onBackClick:pe,onClickMenuIcon:me,onSetupChargeCardSuccess:V,onExpressInterestClick:ge})=>{const he=J(),K=be(),v=$(),W=$e().analytics,{chargeCardTermsDetails:R,companyChargeCardInfo:C,companyLocaleInfo:_}=i,X=je(R?.fetchStatus.fetchState),[ue,q]=T.useState(!1),xe=()=>{W.trackCardsPromoPageClicked("schedule demo"),W.trackCardsScheduleDemoClick(c,{isCreditCardOffered:m,isDebitCardOffered:h,isDebitCardEnabled:x,isCreditCardEnabled:w},"Cards Promo"),q(!0)},we=C!=null&&_!=null?Se("0,0",{amount:C.chargeCardsCreditAccountLimit,currencyCode:_.currencyCode,currencySymbol:_.currencySymbol}):void 0;T.useEffect(()=>{X==="In-Progress"&&R?.fetchStatus.fetchState==="Completed"&&V()},[X,V,R?.fetchStatus]);const Q=Ne(K.loggedInUserRoleMap),fe=Te(K),E=f==="credit"&&C?.isCompanyInterestedInChargeCard===!1&&C.chargeCardsCreditAccountLimit===0,D=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===-1,F=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===0,Ce=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit>0,{expressInterestInChargeCardFetchState:ye}=i,Y=E?o.getPreApprovedNow:n?o.enableCardsButton:o.setupCardsButton;return r.jsxs(Ke,{children:[r.jsx(ze,{title:o.title[f],backgroundColor:he.colors.grey4,onBackClick:pe,showBackButton:!0,showMenuIcon:v==="medium-compact"||v==="small",onClickMenuIcon:me,style:{zIndex:9},source:"ChargeCardPromoPage"}),ue===!0?r.jsx(ve,{onCancelClick:()=>{q(!1)},meetingUrl:e}):null,r.jsx(Qe,{windowSize:v,children:Q===!0?r.jsxs(qe,{children:[r.jsxs(Xe,{children:[r.jsx(He,{isApproved:Ce,creditAmount:we,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:E,creditLimit:C?.chargeCardsCreditAccountLimit}),r.jsx(ne,{cardPromoType:f,cashbackRate:P})]}),r.jsx(ae,{showEnableCardButton:n,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:E,isCheckingEnabled:l})]}):r.jsx(Je,{companyLegalName:s,cards:[],admins:j,cashbackRate:P,hasZeniFinopsRoles:fe,cardPromoType:f,isCheckingEnabled:l})}),Q&&!(F||D)?r.jsxs(or,{windowSize:v,children:[r.jsx(Z,{variant:"secondary",label:o.scheduleDemoButton,style:{width:166},onClick:xe,"data-testid":ee("schedule-demo-button")}),r.jsx(We,{windowSize:v,children:o.orText}),r.jsx(Z,{variant:"primary",label:Y,style:{minWidth:166},loading:i.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||ye==="In-Progress",onClick:Y===o.getPreApprovedNow?ge:()=>d(f),"data-testid":ee("enable-card-button")})]}):null]})},Ge=({admins:e})=>{const s=e.flatMap(n=>n.user?.firstName+" "+n.user?.lastName).join(", "),i=$();return r.jsxs(mr,{windowSize:i,children:[r.jsx(U,{underline:!1,windowSize:i,children:o.noCardAssigned.pre}),r.jsx(Ie,{title:s,placement:"top-start",style:{padding:`2px ${t.sp2}`},children:r.jsx(U,{underline:!0,windowSize:i,children:o.noCardAssigned.tooltip})}),r.jsx(U,{underline:!1,windowSize:i,children:o.noCardAssigned.post})]})},ae=({cardPromoType:e,showEnableCardButton:s,isCheckingEnabled:i,isUnderReview:n,isRejected:c,showExpressInterest:m,isCardUser:h=!1})=>{const x=$();return r.jsx(ir,{windowSize:x,children:r.jsx(Le,{topTermLabel:o.terms.checkingAccountTerm,buttonTermLabel:n===!0||c===!0||h===!0?void 0:m===!0?o.terms.getPreApprovedNowTerm:s?o.terms.alternateTerm1:o.terms.terms1,showEndIcon:!1,showTerms:c===!1&&h===!1&&n===!1,style:{marginTop:g.termsOfAgreementMarginTop.valuePx(x)},cardPromoType:e,isCheckingEnabled:i})})},He=({isApproved:e,cardPromoType:s,creditAmount:i,isUnderReview:n,isRejected:c,showExpressInterest:m,creditLimit:h})=>{const x=$(),w=s==="debit_and_credit"?o.promoTextDebitCreditCard:s==="debit"?o.promoTextDebitCard:o.promoTextCreditCard,j=e?r.jsxs(r.Fragment,{children:[o.promoBadgeText.approved,r.jsx(te,{children:i}),o.creditLimit,N.strings.space]}):m?r.jsxs(r.Fragment,{children:[o.promoBadgeText.nonPreApproved.get,r.jsx(rr,{children:o.promoBadgeText.nonPreApproved.scale}),o.promoBadgeText.nonPreApproved.doubleStarred,N.strings.space,o.promoBadgeText.nonPreApproved.higherLimits]}):n?o.promoBadgeText.underReview:c?o.promoBadgeText.rejected:s==="debit_and_credit"&&h===0?null:r.jsxs(r.Fragment,{children:[o.promoBadgeText.preApproved,r.jsx(te,{children:i}),o.creditLimit,N.strings.space]});return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:x==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]})}),r.jsxs(Ze,{cardPromoType:s,hasContent:j!=null,hideBadge:i==null||s==="debit",windowSize:x,children:[n||c||m?null:r.jsx(yr,{}),r.jsx(er,{windowSize:x,children:j})]})]})},Je=({companyLegalName:e,cards:s,admins:i,cashbackRate:n,hasZeniFinopsRoles:c,cardPromoType:m="credit",isCheckingEnabled:h})=>{const x=$(),w=m==="debit_and_credit"?o.promoTextDebitCreditCard:m==="debit"?o.promoTextDebitCard:o.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[x==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]}),s.length===0?r.jsx(pr,{windowSize:x}):r.jsx(Oe,{cards:s,companyLegalName:e}),r.jsx(ne,{cardPromoType:m,cashbackRate:n}),c?null:r.jsx(Ge,{admins:i}),r.jsx(ae,{isCardUser:!0,showEnableCardButton:!1,cardPromoType:m,isCheckingEnabled:h})]})},Oe=({cards:e,companyLegalName:s})=>{const i=J(),n=$();let c="",m;if(e.length===1){m=e[0].cardCreatedByUser.photo;const h=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;c=o.cardAssigned.singleCreditCard.replace("__issuing-user__",h).replace("__company-name__",s)}else c=o.cardAssigned.multipleCreditCards.replace("__company-name__",s);return r.jsxs(hr,{children:[m!=null?r.jsx(Ye,{width:t.sp5,height:t.sp5,style:{paddingTop:n==="small"?t.sp1:t.sp0},src:m.href,alt:oe.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:h})=>{h.onerror=null,h.src=Be},loading:"lazy"}):null,r.jsx(gr,{windowSize:n,mode:i.mode,children:r.jsx(ur,{windowSize:n,children:c})})]})},re=({windowSize:e,cardPromoType:s})=>{let i=o.businessText;return s==="debit"&&(i=`${i} ${o.debit}`),r.jsx(r.Fragment,{children:s==="debit_and_credit"?r.jsx(Ve,{}):r.jsxs(nr,{windowSize:e,children:[r.jsx(G,{cardPromoType:s,cardText:i,shouldAnimate:!0,showChip:!0,forDashboard:!1,forListPage:!1}),r.jsx(H,{cardPromoType:s,cardText:i,showChip:!0,forDashboard:!1,shouldAnimate:!0,forListPage:!1})]})})},ne=({cardPromoType:e,cashbackRate:s})=>{const i=$(),n=o.benefits;return r.jsxs(tr,{windowSize:i,children:[i==="small"?r.jsx(re,{windowSize:i,cardPromoType:e}):null,r.jsxs(ar,{windowSize:i,children:[r.jsxs(A,{windowSize:i,children:[r.jsx(I,{children:r.jsx(lr,{})}),r.jsxs(L,{children:[r.jsx(b,{windowSize:i,children:n.item1.pre}),r.jsx(B,{windowSize:i,children:n.item1.bold.replace("__cashback__",(s*100).toFixed(2))}),r.jsx(b,{windowSize:i,children:`${e==="credit"||e==="debit_and_credit"?n.singleStarred:""}${n.item1.post}`})]})]}),r.jsxs(A,{windowSize:i,children:[r.jsx(I,{children:r.jsx(sr,{})}),r.jsxs(L,{children:[r.jsx(b,{windowSize:i,children:n.item2.pre}),r.jsx(B,{windowSize:i,children:n.item2.bold}),r.jsx(b,{windowSize:i,children:n.item2.post})]})]}),r.jsxs(A,{windowSize:i,children:[r.jsx(I,{children:r.jsx(cr,{})}),r.jsxs(L,{children:[r.jsx(b,{windowSize:i,children:n.item3.pre}),r.jsx(B,{windowSize:i,children:n.item3.bold}),r.jsx(b,{windowSize:i,children:n.item3.post})]})]}),r.jsxs(A,{windowSize:i,children:[r.jsx(I,{children:r.jsx(dr,{})}),r.jsxs(L,{children:[r.jsx(b,{windowSize:i,children:n.item4.pre}),r.jsx(B,{windowSize:i,children:n.item4.bold}),r.jsx(b,{windowSize:i,children:n.item4.post})]})]})]}),i==="small"?null:r.jsx(re,{windowSize:i,cardPromoType:e})]})};let k;const Ve=()=>{const e=$(),s=J(),[i,n]=T.useState(0),[c,m]=T.useState(!1),h=o.businessText,x=`${h} ${o.debit}`,w=[{id:1,cardType:"debit",cardText:x},{id:2,cardType:"debit",cardText:x},{id:3,cardType:"credit",cardText:h},{id:4,cardType:"credit",cardText:h}];T.useEffect(()=>(c||(k=setInterval(()=>{n(l=>{const d=l+1;return d===w.length?(m(!0),0):d})},2e3)),()=>clearInterval(k)),[c,w.length]),T.useEffect(()=>{c&&k!=null&&clearInterval(k)},[c]);const j=(l,d)=>{switch((l-i+w.length)%w.length){case 0:return{transform:`translate(0,${d?"100%":0}) scale(1)`,zIndex:d?5:6,opacity:1,transition:"transform 0.4s"};case 1:return{transform:`translate(35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};case 2:return{transform:`translate(35%,${d?"80%":"5%"}) scale(0.75)`,zIndex:d?3:4,opacity:0,transition:"transform 0.4s 0.2s, opacity 0.4s 0.0s"};case 3:return{transform:`translate(-35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};default:return}},P=l=>{const d=j(l,!0);return{...d,transform:`${d?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}},f=l=>{c||m(!0),n(l)};return r.jsxs(xr,{windowSize:e,children:[r.jsx(wr,{windowSize:e,children:w.map((l,d)=>r.jsxs(fr,{children:[r.jsx(ie,{isReflection:!1,style:{...j(d,!1)},onClick:()=>f(d),children:d===0||d===2?r.jsx(G,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}}):r.jsx(H,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}})},l.id),r.jsx(ie,{isReflection:!0,style:{...P(d)},children:d===0||d===2?r.jsx(G,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,forDashboard:!1,showChip:!0,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent 90%)",WebkitMaskImage:"linear-gradient(to top, black, transparent 90%)"}}):r.jsx(H,{cardPromoType:l.cardType,cardText:l.cardText,showChip:!0,shouldAnimate:!1,forDashboard:!1,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent)",WebkitMaskImage:"linear-gradient(to top, black, transparent)"}})},`reflection-${l.id}`)]},l.id))}),c&&r.jsx(Ue,{numberOfDots:w.length,activeIndex:i,handleClick:n,promoColor:s.colors.primary,promoColorHover:s.colors.grey5,spendManagementPromoCardActive:!0,dotStyle:{width:t.sp2,height:t.sp2},style:{cursor:"default",position:"absolute",bottom:g.navigationBottom.valuePx(e),left:g.navigationLeft.valuePx(e),zIndex:7}})]})},Ke=a.div`
+import{q as $,V as r,d as O,aw as be,a8 as $e,aO as je,aL as Se,fQ as Te,bA as ze,fp as ve,n as Z,aN as ee,F as oe,o as t,a as Pe,l as V,cA as ke,aq as Ae,y as x,ap as Ie,bR as Be,iH as Le,ai as Re,c as p,R as S,p as y,b9 as _e,aS as Me,iI as Ee}from"./index-Bs2B-MQ4.js";import{a as T}from"./sentry-gm2R3TtK.js";import{n,c as De,k as Fe}from"./mui-snKYaegN.js";import{EL as Ne}from"./zeni-epic-state-D2RxwWrl.js";import{k as Ue}from"./NavigationDots-DISWi4Mq-BdTnuTup.js";import{J as H,N as G}from"./PromoBaseCards-CLQMN7aT-BxeQG0rP.js";import{M as R}from"./usp-line-BBd1wKwW-DO5-Shw0.js";import"./liveblocks-48Yy2aTy.js";import"./core-9PMMelIA.js";import"./recharts-DGmpNqLb.js";import"./lottie-ChwWMuYN.js";import"./analytics-D0z7Cz17.js";import"./lexical-CaQwXIc3.js";import"./utils-C7Aiy3iw.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="607ab596-7f80-48d4-bf63-6f4d2dde3883",e._sentryDebugIdIdentifier="sentry-dbid-607ab596-7f80-48d4-bf63-6f4d2dde3883")}catch{}})();const g={containerPaddingTopBottom:new x(p[0],p[0]),uspContainerMarginX:new x(p[6],p[0]),midContainerGap:new x(p[4],84),iconContainerMinHeight:new x(236,396),emptySectionHeight:new x(p[6],43),navigationBottom:new x(p[4],94),navigationLeft:new x(192,244),carouselHeight:new x(268,396),carouselMarginTop:new x(54,p[4]),carouselMarginLeft:new x(120,p[12]),buttonTrayGap:new x(p[3],p[5]),termsOfAgreementMarginTop:new x(p[5],p[10]),contactAdminContainerMarginTop:new x(p[0],p[10]),contactAdminContainerMarginBottom:new x(p[4],p[0]),contactAdminContainerMarginLeftRight:new x(p[3],p[0])},z={promoBadgeText:new S("standardRegular","largeRegular"),promoBadgeTextBold:new S("standardBold","largeBold"),cardsContent:new S("extraSmallRegular","smallRegular"),contactAdmin:new S("extraSmallRegular","largeRegular"),uspText:new S("smallRegular","standardRegular"),uspBoldText:new S("smallMedium","standardMedium")},{common:N,spendManagement:{chargeCard:{chargeCardsPromo:o}}}=oe.getLocalizedStrings(),_r=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:i,showEnableCardButton:a,controllerEmails:c,isCreditCardProductVisible:m,isDebitCardFeatureEnabled:h,isDebitCardSetupEnabled:u,isChargeCardSetupEnabled:w,admins:j,cashbackRate:P,cardPromoType:f="credit",isCheckingEnabled:l,onSetupButtonClick:d,onBackClick:pe,onClickMenuIcon:me,onSetupChargeCardSuccess:J,onExpressInterestClick:ge})=>{const he=O(),q=be(),v=$(),W=$e().analytics,{chargeCardTermsDetails:_,companyChargeCardInfo:C,companyLocaleInfo:M}=i,X=je(_?.fetchStatus.fetchState),[xe,K]=T.useState(!1),ue=()=>{W.trackCardsPromoPageClicked("schedule demo"),W.trackCardsScheduleDemoClick(c,{isCreditCardOffered:m,isDebitCardOffered:h,isDebitCardEnabled:u,isCreditCardEnabled:w},"Cards Promo"),K(!0)},we=C!=null&&M!=null?Se("0,0",{amount:C.chargeCardsCreditAccountLimit,currencyCode:M.currencyCode,currencySymbol:M.currencySymbol}):void 0;T.useEffect(()=>{X==="In-Progress"&&_?.fetchStatus.fetchState==="Completed"&&J()},[X,J,_?.fetchStatus]);const Q=Ne(q.loggedInUserRoleMap),fe=Te(q),E=f==="credit"&&C?.isCompanyInterestedInChargeCard===!1&&C.chargeCardsCreditAccountLimit===0,D=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===-1,F=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===0,Ce=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit>0,{expressInterestInChargeCardFetchState:ye}=i,Y=E?o.getPreApprovedNow:a?o.enableCardsButton:o.setupCardsButton;return r.jsxs(qe,{children:[r.jsx(ze,{title:o.title[f],backgroundColor:he.colors.grey4,onBackClick:pe,showBackButton:!0,showMenuIcon:v==="medium-compact"||v==="small",onClickMenuIcon:me,style:{zIndex:9},source:"ChargeCardPromoPage"}),xe===!0?r.jsx(ve,{onCancelClick:()=>{K(!1)},meetingUrl:e}):null,r.jsx(Qe,{windowSize:v,children:Q===!0?r.jsxs(Ke,{children:[r.jsxs(Xe,{children:[r.jsx(Ge,{isApproved:Ce,creditAmount:we,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:E,creditLimit:C?.chargeCardsCreditAccountLimit}),r.jsx(ae,{cardPromoType:f,cashbackRate:P})]}),r.jsx(ne,{showEnableCardButton:a,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:E,isCheckingEnabled:l})]}):r.jsx(Oe,{companyLegalName:s,cards:[],admins:j,cashbackRate:P,hasZeniFinopsRoles:fe,cardPromoType:f,isCheckingEnabled:l})}),Q&&!(F||D)?r.jsxs(or,{windowSize:v,children:[r.jsx(Z,{variant:"secondary",label:o.scheduleDemoButton,style:{width:166},onClick:ue,"data-testid":ee("schedule-demo-button")}),r.jsx(We,{windowSize:v,children:o.orText}),r.jsx(Z,{variant:"primary",label:Y,style:{minWidth:166},loading:i.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||ye==="In-Progress",onClick:Y===o.getPreApprovedNow?ge:()=>d(f),"data-testid":ee("enable-card-button")})]}):null]})},He=({admins:e})=>{const s=e.flatMap(a=>a.user?.firstName+" "+a.user?.lastName).join(", "),i=$();return r.jsxs(mr,{windowSize:i,children:[r.jsx(U,{underline:!1,windowSize:i,children:o.noCardAssigned.pre}),r.jsx(Be,{title:s,placement:"top-start",style:{padding:`2px ${t.sp2}`},children:r.jsx(U,{underline:!0,windowSize:i,children:o.noCardAssigned.tooltip})}),r.jsx(U,{underline:!1,windowSize:i,children:o.noCardAssigned.post})]})},ne=({cardPromoType:e,showEnableCardButton:s,isCheckingEnabled:i,isUnderReview:a,isRejected:c,showExpressInterest:m,isCardUser:h=!1})=>{const u=$();return r.jsx(ir,{windowSize:u,children:r.jsx(Le,{topTermLabel:o.terms.checkingAccountTerm,buttonTermLabel:a===!0||c===!0||h===!0?void 0:m===!0?o.terms.getPreApprovedNowTerm:s?o.terms.alternateTerm1:o.terms.terms1,showEndIcon:!1,showTerms:c===!1&&h===!1&&a===!1,style:{marginTop:g.termsOfAgreementMarginTop.valuePx(u)},cardPromoType:e,isCheckingEnabled:i})})},Ge=({isApproved:e,cardPromoType:s,creditAmount:i,isUnderReview:a,isRejected:c,showExpressInterest:m,creditLimit:h})=>{const u=$(),w=s==="debit_and_credit"?o.promoTextDebitCreditCard:s==="debit"?o.promoTextDebitCard:o.promoTextCreditCard,j=e?r.jsxs(r.Fragment,{children:[o.promoBadgeText.approved,r.jsx(te,{children:i}),o.creditLimit,N.strings.space]}):m?r.jsxs(r.Fragment,{children:[o.promoBadgeText.nonPreApproved.get,r.jsx(rr,{children:o.promoBadgeText.nonPreApproved.scale}),o.promoBadgeText.nonPreApproved.doubleStarred,N.strings.space,o.promoBadgeText.nonPreApproved.higherLimits]}):a?o.promoBadgeText.underReview:c?o.promoBadgeText.rejected:s==="debit_and_credit"&&h===0?null:r.jsxs(r.Fragment,{children:[o.promoBadgeText.preApproved,r.jsx(te,{children:i}),o.creditLimit,N.strings.space]});return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:u==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]})}),r.jsxs(Ze,{cardPromoType:s,hasContent:j!=null,hideBadge:i==null||s==="debit",windowSize:u,children:[a||c||m?null:r.jsx(yr,{}),r.jsx(er,{windowSize:u,children:j})]})]})},Oe=({companyLegalName:e,cards:s,admins:i,cashbackRate:a,hasZeniFinopsRoles:c,cardPromoType:m="credit",isCheckingEnabled:h})=>{const u=$(),w=m==="debit_and_credit"?o.promoTextDebitCreditCard:m==="debit"?o.promoTextDebitCard:o.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[u==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]}),s.length===0?r.jsx(pr,{windowSize:u}):r.jsx(Ve,{cards:s,companyLegalName:e}),r.jsx(ae,{cardPromoType:m,cashbackRate:a}),c?null:r.jsx(He,{admins:i}),r.jsx(ne,{isCardUser:!0,showEnableCardButton:!1,cardPromoType:m,isCheckingEnabled:h})]})},Ve=({cards:e,companyLegalName:s})=>{const i=O(),a=$();let c="",m;if(e.length===1){m=e[0].cardCreatedByUser.photo;const h=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;c=o.cardAssigned.singleCreditCard.replace("__issuing-user__",h).replace("__company-name__",s)}else c=o.cardAssigned.multipleCreditCards.replace("__company-name__",s);return r.jsxs(hr,{children:[m!=null?r.jsx(Ye,{width:t.sp5,height:t.sp5,style:{paddingTop:a==="small"?t.sp1:t.sp0},src:m.href,alt:oe.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:h})=>{h.onerror=null,h.src=Ie},loading:"lazy"}):null,r.jsx(gr,{windowSize:a,mode:i.mode,children:r.jsx(xr,{windowSize:a,children:c})})]})},re=({windowSize:e,cardPromoType:s})=>{let i=o.businessText;return s==="debit"&&(i=`${i} ${o.debit}`),r.jsx(r.Fragment,{children:s==="debit_and_credit"?r.jsx(Je,{}):r.jsxs(ar,{windowSize:e,children:[r.jsx(H,{cardPromoType:s,cardText:i,shouldAnimate:!0,showChip:!0,forDashboard:!1,forListPage:!1}),r.jsx(G,{cardPromoType:s,cardText:i,showChip:!0,forDashboard:!1,shouldAnimate:!0,forListPage:!1})]})})},ae=({cardPromoType:e,cashbackRate:s})=>{const i=$(),a=o.benefits;return r.jsxs(tr,{windowSize:i,children:[i==="small"?r.jsx(re,{windowSize:i,cardPromoType:e}):null,r.jsxs(nr,{windowSize:i,children:[r.jsxs(A,{windowSize:i,children:[r.jsx(B,{children:r.jsx(lr,{})}),r.jsxs(L,{children:[r.jsx(b,{windowSize:i,children:a.item1.pre}),r.jsx(I,{windowSize:i,children:a.item1.bold.replace("__cashback__",(s*100).toFixed(2))}),r.jsx(b,{windowSize:i,children:`${e==="credit"||e==="debit_and_credit"?a.singleStarred:""}${a.item1.post}`})]})]}),r.jsxs(A,{windowSize:i,children:[r.jsx(B,{children:r.jsx(sr,{})}),r.jsxs(L,{children:[r.jsx(b,{windowSize:i,children:a.item2.pre}),r.jsx(I,{windowSize:i,children:a.item2.bold}),r.jsx(b,{windowSize:i,children:a.item2.post})]})]}),r.jsxs(A,{windowSize:i,children:[r.jsx(B,{children:r.jsx(cr,{})}),r.jsxs(L,{children:[r.jsx(b,{windowSize:i,children:a.item3.pre}),r.jsx(I,{windowSize:i,children:a.item3.bold}),r.jsx(b,{windowSize:i,children:a.item3.post})]})]}),r.jsxs(A,{windowSize:i,children:[r.jsx(B,{children:r.jsx(dr,{})}),r.jsxs(L,{children:[r.jsx(b,{windowSize:i,children:a.item4.pre}),r.jsx(I,{windowSize:i,children:a.item4.bold}),r.jsx(b,{windowSize:i,children:a.item4.post})]})]})]}),i==="small"?null:r.jsx(re,{windowSize:i,cardPromoType:e})]})};let k;const Je=()=>{const e=$(),s=O(),[i,a]=T.useState(0),[c,m]=T.useState(!1),h=o.businessText,u=`${h} ${o.debit}`,w=[{id:1,cardType:"debit",cardText:u},{id:2,cardType:"debit",cardText:u},{id:3,cardType:"credit",cardText:h},{id:4,cardType:"credit",cardText:h}];T.useEffect(()=>(c||(k=setInterval(()=>{a(l=>{const d=l+1;return d===w.length?(m(!0),0):d})},2e3)),()=>clearInterval(k)),[c,w.length]),T.useEffect(()=>{c&&k!=null&&clearInterval(k)},[c]);const j=(l,d)=>{switch((l-i+w.length)%w.length){case 0:return{transform:`translate(0,${d?"100%":0}) scale(1)`,zIndex:d?5:6,opacity:1,transition:"transform 0.4s"};case 1:return{transform:`translate(35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};case 2:return{transform:`translate(35%,${d?"80%":"5%"}) scale(0.75)`,zIndex:d?3:4,opacity:0,transition:"transform 0.4s 0.2s, opacity 0.4s 0.0s"};case 3:return{transform:`translate(-35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};default:return}},P=l=>{const d=j(l,!0);return{...d,transform:`${d?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}},f=l=>{c||m(!0),a(l)};return r.jsxs(ur,{windowSize:e,children:[r.jsx(wr,{windowSize:e,children:w.map((l,d)=>r.jsxs(fr,{children:[r.jsx(ie,{isReflection:!1,style:{...j(d,!1)},onClick:()=>f(d),children:d===0||d===2?r.jsx(H,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}}):r.jsx(G,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}})},l.id),r.jsx(ie,{isReflection:!0,style:{...P(d)},children:d===0||d===2?r.jsx(H,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,forDashboard:!1,showChip:!0,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent 90%)",WebkitMaskImage:"linear-gradient(to top, black, transparent 90%)"}}):r.jsx(G,{cardPromoType:l.cardType,cardText:l.cardText,showChip:!0,shouldAnimate:!1,forDashboard:!1,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent)",WebkitMaskImage:"linear-gradient(to top, black, transparent)"}})},`reflection-${l.id}`)]},l.id))}),c&&r.jsx(Ue,{numberOfDots:w.length,activeIndex:i,handleClick:a,promoColor:s.colors.primary,promoColorHover:s.colors.grey5,spendManagementPromoCardActive:!0,dotStyle:{width:t.sp2,height:t.sp2},style:{cursor:"default",position:"absolute",bottom:g.navigationBottom.valuePx(e),left:g.navigationLeft.valuePx(e),zIndex:7}})]})},qe=n.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
-`,We=a(Me)`
+`,We=n(Re)`
   color: ${e=>e.theme.colors.hero};
-`,Xe=a.div`
+`,Xe=n.div`
   display: flex;
   flex-direction: column;
   align-items: center;
-`,qe=a.div`
+`,Ke=n.div`
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   flex: 1;
   width: 100%;
-`,Qe=a.div`
+`,Qe=n.div`
   padding-top: ${e=>g.containerPaddingTopBottom.valuePx(e.windowSize)};
   padding-bottom: ${e=>g.containerPaddingTopBottom.valuePx(e.windowSize)};
   text-align: center;
@@ -24,7 +24,7 @@ import{q as $,V as r,d as J,av as be,a7 as $e,aN as je,aK as Se,fP as Te,bz as z
   display: flex;
   flex-direction: column;
   overflow-x: hidden;
-`,se=a(ke)`
+`,se=n(ke)`
   max-width: 927px;
   margin: auto;
   display: flex;
@@ -32,11 +32,11 @@ import{q as $,V as r,d as J,av as be,a7 as $e,aN as je,aK as Se,fP as Te,bz as z
   flex-wrap: wrap;
   padding: ${t.sp7} ${t.sp0} ${t.sp0} ${t.sp0};
   color: ${e=>e.theme.colors.primary};
-`,de=a(Ae)`
+`,de=n(Ae)`
   color: ${e=>e.theme.colors.primary};
   margin: auto;
   margin-top: ${t.sp2};
-`,le=a(Pe)`
+`,le=n(Pe)`
   margin: auto;
   max-width: 343px;
   display: flex;
@@ -45,18 +45,18 @@ import{q as $,V as r,d as J,av as be,a7 as $e,aN as je,aK as Se,fP as Te,bz as z
   flex-wrap: wrap;
   padding: ${t.sp5} ${t.sp0} ${t.sp0} ${t.sp0};
   color: ${e=>e.theme.colors.primary};
-`,ce=a(O)`
+`,ce=n(V)`
   max-width: 314px;
   margin: auto;
   color: ${e=>e.theme.colors.primary};
   padding: 6px ${t.sp3} ${t.sp0} ${t.sp3};
   text-align: center;
   margin-top: 6px;
-`,Ye=a.img`
+`,Ye=n.img`
   border-radius: 50%;
   justify-content: center;
   color: ${e=>e.theme.colors.hero};
-`,Ze=a.div`
+`,Ze=n.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -75,25 +75,25 @@ import{q as $,V as r,d as J,av as be,a7 as $e,aN as je,aK as Se,fP as Te,bz as z
   ${e=>e.hideBadge&&`
     visibility: hidden;
     `}
-`,er=a(O)`
+`,er=n(V)`
   color: ${e=>e.theme.mode==="dark"?y.brandColorJade:y.brandColorSapphire};
   text-align: ${e=>e.windowSize==="small"?"left":"center"};
   ${e=>`${z.promoBadgeText.style(e.windowSize)}`};
   span {
     ${e=>`${z.promoBadgeTextBold.style(e.windowSize)}`};
   }
-`,rr=a.span``,te=a.span`
+`,rr=n.span``,te=n.span`
   color: ${y.success};
-`,tr=a.div`
+`,tr=n.div`
   display: flex;
   gap: ${e=>g.midContainerGap.valuePx(e.windowSize)};
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   align-items: center;
   justify-content: center;
-`,ir=a.div`
+`,ir=n.div`
   display: flex;
   flex-direction: column;
-`,or=a.div`
+`,or=n.div`
   border-top: 1px solid ${e=>e.theme.colors.grey3};
   padding: ${t.sp2} ${t.sp3};
   position: sticky;
@@ -108,20 +108,20 @@ import{q as $,V as r,d as J,av as be,a7 as $e,aN as je,aK as Se,fP as Te,bz as z
   row-gap: ${t.sp2};
   background-color: ${e=>e.theme.colors.grey5};
   gap: ${e=>g.buttonTrayGap.valuePx(e.windowSize)};
-`,ar=a.div`
+`,nr=n.div`
   width: ${e=>e.windowSize==="small"?"auto":"288px"};
   display: flex;
   flex-direction: column;
   margin-left: ${e=>g.uspContainerMarginX.valuePx(e.windowSize)};
   margin-right: ${e=>g.uspContainerMarginX.valuePx(e.windowSize)};
   z-index: 8;
-`,nr=a.div`
+`,ar=n.div`
   display: flex;
   justify-content: ${e=>e.windowSize==="small"?"center":"flex-start"};
   min-height: ${e=>g.iconContainerMinHeight.valuePx(e.windowSize)};
   align-items: center;
   min-width: 480px;
-`,A=a.div`
+`,A=n.div`
   border-radius: ${t.sp12};
   border: ${e=>`1px solid ${e.theme.colors.grey2}`};
   padding: ${e=>e.windowSize==="small"?`${t.sp2} ${t.sp4} ${t.sp2} ${t.sp0}`:`${t.sp3} ${t.sp5} ${t.sp3} ${t.sp0}`};
@@ -134,42 +134,42 @@ import{q as $,V as r,d as J,av as be,a7 as $e,aN as je,aK as Se,fP as Te,bz as z
   width: ${e=>e.windowSize==="small"?"288px":"100%"};
   min-height: ${e=>e.windowSize!=="small"?"83px":"44px"};
   box-sizing: ${e=>e.windowSize==="small"?"unset":"border-box"};
-`,b=a(Re)`
+`,b=n(_e)`
   color: ${e=>e.theme.colors.champion};
   ${e=>`${z.uspText.style(e.windowSize)}`};
-`,B=a(_e)`
+`,I=n(Me)`
   color: ${e=>e.theme.colors.champion};
   ${e=>`${z.uspBoldText.style(e.windowSize)}`};
-`,I=a.div``,L=a.div`
+`,B=n.div``,L=n.div`
   padding-left: ${t.sp3};
-`,sr=a(M)`
+`,sr=n(R)`
   color: ${y.graphColor16Dark};
-`,dr=a(M)`
+`,dr=n(R)`
   color: ${y.alert};
-`,lr=a(M)`
+`,lr=n(R)`
   color: ${y.graphColor11};
-`,cr=a(M)`
+`,cr=n(R)`
   color: ${y.success};
-`,pr=a.div`
+`,pr=n.div`
   height: ${e=>g.emptySectionHeight.valuePx(e.windowSize)};
   ${e=>e.windowSize==="small"?null:De`
           margin-top: ${t.sp4};
           margin-bottom: ${t.sp6};
         `}
-`,mr=a(O)`
+`,mr=n(V)`
   color: ${e=>e.theme.colors.hero};
   margin-top: ${e=>g.contactAdminContainerMarginTop.valuePx(e.windowSize)};
   margin-bottom: ${e=>g.contactAdminContainerMarginBottom.valuePx(e.windowSize)};
   margin-left: ${e=>g.contactAdminContainerMarginLeftRight.valuePx(e.windowSize)};
   margin-right: ${e=>g.contactAdminContainerMarginLeftRight.valuePx(e.windowSize)};
   text-align: center;
-`,U=a(Ee)`
+`,U=n(Ee)`
   ${e=>`${z.contactAdmin.style(e.windowSize)}`};
   text-decoration: ${e=>e.underline?"underline":"none"};
   cursor: ${e=>e.underline?"default":null};
-`,gr=a.div`
+`,gr=n.div`
   color: ${e=>e.mode==="dark"?e.theme.colors.brandColorJade:e.theme.colors.brandColorSapphire};
-`,hr=a.div`
+`,hr=n.div`
   background-color: ${e=>e.theme.colors.grey3};
   padding: ${t.sp2} ${t.sp3};
   display: flex;
@@ -179,22 +179,22 @@ import{q as $,V as r,d as J,av as be,a7 as $e,aN as je,aK as Se,fP as Te,bz as z
   border-radius: 96px;
   margin-top: ${t.sp4};
   margin-bottom: ${t.sp6};
-`,ur=a.span`
+`,xr=n.span`
   ${e=>`${z.cardsContent.style(e.windowSize)}`};
-`,xr=a.div`
+`,ur=n.div`
   display: flex;
   flex-direction: column;
   min-height: ${e=>g.carouselHeight.valuePx(e.windowSize)};
   min-width: 480px;
   position: relative;
-`,wr=a.div`
+`,wr=n.div`
   position: relative;
   margin-top: ${e=>g.carouselMarginTop.valuePx(e.windowSize)};
   margin-left: ${e=>g.carouselMarginLeft.valuePx(e.windowSize)};
-`,fr=a.div`
+`,fr=n.div`
   position: relative;
   overflow: visible;
-`,ie=a.div`
+`,ie=n.div`
   position: absolute;
   ${e=>e.isReflection&&`
   background-color: ${e.theme.colors.grey4};
@@ -210,7 +210,7 @@ import{q as $,V as r,d as J,av as be,a7 as $e,aN as je,aK as Se,fP as Te,bz as z
   100% {
     left: calc(100% + ${t.sp6});
   }
-`,yr=a.div`
+`,yr=n.div`
   position: absolute;
   background:
     ${y.promoCardGradient1Strong}, ${y.promoCardGradient2Strong};
@@ -219,4 +219,4 @@ import{q as $,V as r,d as J,av as be,a7 as $e,aN as je,aK as Se,fP as Te,bz as z
   height: 100%;
   transform: skew(15deg);
   animation: ${Cr} 4s linear infinite;
-`;export{Je as ChargeCardPromoUserContent,Rr as default};
+`;export{Oe as ChargeCardPromoUserContent,_r as default};

package/dist/assets/{ChargeCardSetupPage-DRzB7Rt4-Dp9uDn2Z.js → ChargeCardSetupPage-cou3N3Iv-BSBfzNx6.js}

@@ -1,4 +1,4 @@
-import{d as je,q as Oe,a7 as Be,aN as M,a8 as Ue,cB as _e,aS as G,V as t,f6 as ze,p as $e,y as d,bz as Le,m as Re,ab as We,fp as qe,dM as Ne,fq as He,o as U,b as Me,iG as J,bu as Ge,aO as Je,fs as Ke,F as Qe,c as o,ak as Xe}from"./index-DKQM71dS.js";import{a as f}from"./sentry-3Q4-6z2o.js";import{n as w}from"./mui-Bm7nuuAo.js";import{bJ as Ye}from"./zeni-epic-state-1LR8oCdb.js";import{x as Ze}from"./LabeledControlledCheckBoxField-Btw_zwzy-FQPDCWhk.js";import{g as et}from"./UploadAdditionalDocumentOverlay-4AWDV_HK-fyZHHxgB.js";import"./liveblocks-Bth6iRPZ.js";import"./core-DSEA1DeO.js";import"./recharts-sqzNidKh.js";import"./lottie-BcjGrMJ9.js";import"./analytics-BUkj7jvZ.js";import"./lexical-D8ee32sQ.js";import"./utils-gMT26ExF.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="fd17c4aa-0554-403b-9fb1-13cf2b3a6607",e._sentryDebugIdIdentifier="sentry-dbid-fd17c4aa-0554-403b-9fb1-13cf2b3a6607")}catch{}})();const c={titleWidth:new d(343,580,726,826),setupDetailsRowGap:new d(12,o[5],o[5]),sectionRowGap:new d(o[5],o[9],o[9]),iconWidthHeight:new d(20,o[4]),subTitlePaddingTop:new d(12,o[3]),subTitlePaddingBottom:new d(o[3],o[3]),overlayWidth:new d(100,100,59),checkBoxTop:new d(o[1],o[0])},K="chargeCardSetUpPage",m="payAccount",{commonSetUp:tt,spendManagement:nt}=Qe.getLocalizedStrings(),{chargeCard:Y}=nt,{chargeCardSetUp:g}=Y,{setUp:_}=tt,wt=({autoPayThreshold:e,isDisabled:r,meetingUrl:x,isEarlyPayEnabled:h,chargeCardSetUpView:a,connectedAccountProvider:Z,filesEndPoint:ee,authParams:te,isAccountsEnabled:ne,isDebitCardOnlyEnabled:E,isCreditCardOnlyEnabled:ie,accountsPromoConfig:ae,onFetchLinkTokenClick:oe,onBackClick:ce,onEnableChargeCardClick:se,onUpdateChargeCardClick:le,onBusinessVerificationSectionClick:de,onUpdatePaymentAccountStatus:re,onUpdatePaymentAccountLoginStatus:ue,onUpdatePrimaryFundingAccount:pe,onUpdateAutoPayClick:fe,onEstablishConnectionClick:ge,onEstablishConnectionSuccess:me,onClickMenuIcon:he,onEnableChargeCardSuccess:P,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,onCompanyOfficerUpdated:Se,onSendForVerificationClick:we,onSignUpClick:xe})=>{const y=je(),i=Oe(),v=Be().analytics,[A,b]=f.useState(!1),{fetchState:C,companyBillPayInfo:z,isRefreshingViewInBackground:Pe,updateStatus:u,accountUpdateStatus:Ae,plaidConnectionDetails:ke,allBankAccounts:Te,companyChargeCardInfo:I,companyDebitCardInfo:$,selectedCompanyOfficer:s,primaryFundingAccount:l,allFundingAccounts:L}=a,R=M(C),k=M(u.fetchState),F=Ue({mode:"all",reValidateMode:"onChange",defaultValues:f.useMemo(()=>Q(a),[a]),values:Q(a)}),Ee=F.handleSubmit(se),ve=async(S,T)=>{const n=T[m];if(S.includes(m))if(S.includes("fundingAccount")){if(n.fundingAccount.selectedOption!=null&&l?.id!=n.fundingAccount.selectedOption){const p=L.find(B=>B.id===n.fundingAccount.selectedOption);p!=null&&pe(n.fundingAccount.selectedOption,p.accType)}}else if(n.account.selectedOption!=null&&l?.id!=null&&l?.zeniAccountId!=n.account.selectedOption){const p=n.account.allOptions.find(B=>B.value===n.account.selectedOption);p!=null&&typeof p.label=="string"&&v.trackConnectBankLink(p.value,p.label,"charge_cards"),le(n.account.selectedOption,l.id,l.accType)}else S.includes("enableAutoPay")&&n.enableAutoPay!=null&&fe(n.enableAutoPay)};f.useEffect(()=>{const S=F.watch((T,{name:n})=>{n!=null&&T!=null&&_e(()=>ve(n,T))});return()=>{S.unsubscribe()}}),f.useEffect(()=>{!A&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&b(!0),A&&R==="In-Progress"&&C==="Completed"&&b(!1)},[s,C,R]),f.useEffect(()=>{k==="In-Progress"&&u.fetchState==="Completed"&&P()},[P,k,u.fetchState]);const D=I?.isChargeCardEnabled===!0,V=$?.isDebitCardEnabled===!0,W=$?.isDebitCardTOSAccepted===!0,q=I?.isChargeCardTOSAccepted===!0,N=z?.isBusinessVerified===!0,Ie=l?.accType==="depositAccount"||Ye(l?.providerVerificationStatus?.code??""),j=E?N:N&&Ie,Fe=C==="In-Progress"||C==="Not-Started";f.useEffect(()=>{k==="In-Progress"&&u.fetchState==="Completed"&&P()},[P,k,u.fetchState]);const O=E?j&&!V&&W:ie?j&&!D&&q:j&&!(D&&V)&&q&&W,De=O?g.setupSubTitleNotEnabled:g.setupSubTitle,H=y.mode==="light"?new G(y.colors.brandColorJadeLight):new G(y.colors.brandColorJadeDark),Ve=()=>{!A&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"?b(!0):de?.()};return t.jsxs(at,{children:[t.jsx(ze,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:A,onClose:()=>b(!1),style:{backgroundColor:$e.drawerBackground},transitionDuration:250,children:t.jsx(et,{authParams:te,filesEndPoint:ee,updateStatus:u,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,companyOfficer:s,onClose:()=>b(!1),onCompanyOfficerUpdated:Se,onSendForVerificationClick:we})}),t.jsx(Le,{title:g.setupTitle,backgroundColor:y.colors.grey4,style:{zIndex:3},onBackClick:ce,showMenuIcon:!D&&!V&&(i==="medium-compact"||i==="small"),onClickMenuIcon:he,source:"ChargeCardSetupPage"}),t.jsxs(it,{windowSize:i,children:[t.jsx(ot,{windowSize:i,children:De}),Fe?t.jsx(ct,{children:t.jsx(Re,{size:"ExtraLarge",start:!0})}):t.jsx(We,{...F,children:t.jsx("form",{id:X(K),onSubmit:Ee,children:t.jsxs(st,{windowSize:i,children:[t.jsx(qe,{onClick:Ve,title:_.businessVerificationTitle,subTitle:_.businessVerificationSubTitle,header:_.businessVerificationHeader,icon:{element:t.jsx(Ne,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:H},status:z?.businessVerificationStatus,isLoading:Pe,isActiveWhileLoading:!0}),E?null:t.jsx(He,{connectedAccountProvider:Z,primaryFundingAccount:l,allFundingAccounts:L,plaidConnectionDetails:ke,allBankAccounts:Te,sectionId:m,isDisabled:r,onFetchLinkTokenClick:oe,onEstablishConnectionClick:ge,onUpdatePaymentAccountStatus:re,onUpdatePaymentAccountLoginStatus:ue,sectionTitle:g.setupAccountSectionTitle,onEstablishConnectionSuccess:me,icon:{element:t.jsx(Ge,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:H},analytics:v,productType:"charge_cards",isAccountsEnabled:ne,onSignUpClick:xe,pageName:g.pageName,accountsPromoConfig:ae,accountSelectContainerStyle:h?{marginBottom:"20px"}:{},bottomComponent:h&&t.jsx(Ze,{label:{label:Y.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:y.colors.primary,...Me.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:U.sp4,marginTop:U.sp1,alignItems:i==="small"?"flex-start":"center"},checkBoxField:{name:J(m,"enableAutoPay"),checkBoxValue:J(m,"enableAutoPay"),defaultChecked:I?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(i)}}})})]})})})]}),O?t.jsx(Je,{formId:X(K),primaryBtn:{label:g.enableAccounts,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:u.fetchState==="In-Progress"||Ae.fetchState==="In-Progress",isDisabled:r!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${U.sp3}`}}):null,t.jsx(Ke,{isFooterRendered:O,meetingUrl:x,analytics:v,productType:"charge_cards"})]})},Q=e=>{const{allBankAccounts:r,allFundingAccounts:x,primaryFundingAccount:h}=e;return{[m]:{fundingAccount:{selectedOption:h?.id,allOptions:x.map(a=>({label:a.label,value:a.id,isRecommended:a.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:r.map(a=>({label:a.accountName,value:a.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},X=e=>`${e}_form`,it=w.div`
+import{d as je,q as Oe,a8 as Ue,aO as M,a9 as Be,cC as _e,aT as G,V as t,f7 as ze,p as Le,y as d,bA as $e,k as Re,ac as We,fq as qe,dL as Ne,fr as He,o as B,b as Me,iJ as J,bv as Ge,aP as Je,ft as Ke,F as Qe,c as o,al as Xe}from"./index-Bs2B-MQ4.js";import{a as f}from"./sentry-gm2R3TtK.js";import{n as w}from"./mui-snKYaegN.js";import{bJ as Ye}from"./zeni-epic-state-D2RxwWrl.js";import{x as Ze}from"./LabeledControlledCheckBoxField-f2c-AeS4-DagKbuzo.js";import{g as et}from"./UploadAdditionalDocumentOverlay-CoO-S_pc-DdAruGua.js";import"./liveblocks-48Yy2aTy.js";import"./core-9PMMelIA.js";import"./recharts-DGmpNqLb.js";import"./lottie-ChwWMuYN.js";import"./analytics-D0z7Cz17.js";import"./lexical-CaQwXIc3.js";import"./utils-C7Aiy3iw.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="ba2037df-20bc-44e3-a10e-cf15ece1c7de",e._sentryDebugIdIdentifier="sentry-dbid-ba2037df-20bc-44e3-a10e-cf15ece1c7de")}catch{}})();const c={titleWidth:new d(343,580,726,826),setupDetailsRowGap:new d(12,o[5],o[5]),sectionRowGap:new d(o[5],o[9],o[9]),iconWidthHeight:new d(20,o[4]),subTitlePaddingTop:new d(12,o[3]),subTitlePaddingBottom:new d(o[3],o[3]),overlayWidth:new d(100,100,59),checkBoxTop:new d(o[1],o[0])},K="chargeCardSetUpPage",m="payAccount",{commonSetUp:tt,spendManagement:nt}=Qe.getLocalizedStrings(),{chargeCard:Y}=nt,{chargeCardSetUp:g}=Y,{setUp:_}=tt,wt=({autoPayThreshold:e,isDisabled:r,meetingUrl:x,isEarlyPayEnabled:h,chargeCardSetUpView:a,connectedAccountProvider:Z,filesEndPoint:ee,authParams:te,isAccountsEnabled:ne,isDebitCardOnlyEnabled:v,isCreditCardOnlyEnabled:ie,accountsPromoConfig:ae,onFetchLinkTokenClick:oe,onBackClick:ce,onEnableChargeCardClick:se,onUpdateChargeCardClick:le,onBusinessVerificationSectionClick:de,onUpdatePaymentAccountStatus:re,onUpdatePaymentAccountLoginStatus:ue,onUpdatePrimaryFundingAccount:pe,onUpdateAutoPayClick:fe,onEstablishConnectionClick:ge,onEstablishConnectionSuccess:me,onClickMenuIcon:he,onEnableChargeCardSuccess:P,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,onCompanyOfficerUpdated:Se,onSendForVerificationClick:we,onSignUpClick:xe})=>{const y=je(),i=Oe(),E=Ue().analytics,[A,b]=f.useState(!1),{fetchState:C,companyBillPayInfo:z,isRefreshingViewInBackground:Pe,updateStatus:u,accountUpdateStatus:Ae,plaidConnectionDetails:ke,allBankAccounts:Te,companyChargeCardInfo:I,companyDebitCardInfo:L,selectedCompanyOfficer:s,primaryFundingAccount:l,allFundingAccounts:$}=a,R=M(C),k=M(u.fetchState),F=Be({mode:"all",reValidateMode:"onChange",defaultValues:f.useMemo(()=>Q(a),[a]),values:Q(a)}),ve=F.handleSubmit(se),Ee=async(S,T)=>{const n=T[m];if(S.includes(m))if(S.includes("fundingAccount")){if(n.fundingAccount.selectedOption!=null&&l?.id!=n.fundingAccount.selectedOption){const p=$.find(U=>U.id===n.fundingAccount.selectedOption);p!=null&&pe(n.fundingAccount.selectedOption,p.accType)}}else if(n.account.selectedOption!=null&&l?.id!=null&&l?.zeniAccountId!=n.account.selectedOption){const p=n.account.allOptions.find(U=>U.value===n.account.selectedOption);p!=null&&typeof p.label=="string"&&E.trackConnectBankLink(p.value,p.label,"charge_cards"),le(n.account.selectedOption,l.id,l.accType)}else S.includes("enableAutoPay")&&n.enableAutoPay!=null&&fe(n.enableAutoPay)};f.useEffect(()=>{const S=F.watch((T,{name:n})=>{n!=null&&T!=null&&_e(()=>Ee(n,T))});return()=>{S.unsubscribe()}}),f.useEffect(()=>{!A&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&b(!0),A&&R==="In-Progress"&&C==="Completed"&&b(!1)},[s,C,R]),f.useEffect(()=>{k==="In-Progress"&&u.fetchState==="Completed"&&P()},[P,k,u.fetchState]);const D=I?.isChargeCardEnabled===!0,V=L?.isDebitCardEnabled===!0,W=L?.isDebitCardTOSAccepted===!0,q=I?.isChargeCardTOSAccepted===!0,N=z?.isBusinessVerified===!0,Ie=l?.accType==="depositAccount"||Ye(l?.providerVerificationStatus?.code??""),j=v?N:N&&Ie,Fe=C==="In-Progress"||C==="Not-Started";f.useEffect(()=>{k==="In-Progress"&&u.fetchState==="Completed"&&P()},[P,k,u.fetchState]);const O=v?j&&!V&&W:ie?j&&!D&&q:j&&!(D&&V)&&q&&W,De=O?g.setupSubTitleNotEnabled:g.setupSubTitle,H=y.mode==="light"?new G(y.colors.brandColorJadeLight):new G(y.colors.brandColorJadeDark),Ve=()=>{!A&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"?b(!0):de?.()};return t.jsxs(at,{children:[t.jsx(ze,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:A,onClose:()=>b(!1),style:{backgroundColor:Le.drawerBackground},transitionDuration:250,children:t.jsx(et,{authParams:te,filesEndPoint:ee,updateStatus:u,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,companyOfficer:s,onClose:()=>b(!1),onCompanyOfficerUpdated:Se,onSendForVerificationClick:we})}),t.jsx($e,{title:g.setupTitle,backgroundColor:y.colors.grey4,style:{zIndex:3},onBackClick:ce,showMenuIcon:!D&&!V&&(i==="medium-compact"||i==="small"),onClickMenuIcon:he,source:"ChargeCardSetupPage"}),t.jsxs(it,{windowSize:i,children:[t.jsx(ot,{windowSize:i,children:De}),Fe?t.jsx(ct,{children:t.jsx(Re,{size:"ExtraLarge",start:!0})}):t.jsx(We,{...F,children:t.jsx("form",{id:X(K),onSubmit:ve,children:t.jsxs(st,{windowSize:i,children:[t.jsx(qe,{onClick:Ve,title:_.businessVerificationTitle,subTitle:_.businessVerificationSubTitle,header:_.businessVerificationHeader,icon:{element:t.jsx(Ne,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:H},status:z?.businessVerificationStatus,isLoading:Pe,isActiveWhileLoading:!0}),v?null:t.jsx(He,{connectedAccountProvider:Z,primaryFundingAccount:l,allFundingAccounts:$,plaidConnectionDetails:ke,allBankAccounts:Te,sectionId:m,isDisabled:r,onFetchLinkTokenClick:oe,onEstablishConnectionClick:ge,onUpdatePaymentAccountStatus:re,onUpdatePaymentAccountLoginStatus:ue,sectionTitle:g.setupAccountSectionTitle,onEstablishConnectionSuccess:me,icon:{element:t.jsx(Ge,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:H},analytics:E,productType:"charge_cards",isAccountsEnabled:ne,onSignUpClick:xe,pageName:g.pageName,accountsPromoConfig:ae,accountSelectContainerStyle:h?{marginBottom:"20px"}:{},bottomComponent:h&&t.jsx(Ze,{label:{label:Y.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:y.colors.primary,...Me.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:B.sp4,marginTop:B.sp1,alignItems:i==="small"?"flex-start":"center"},checkBoxField:{name:J(m,"enableAutoPay"),checkBoxValue:J(m,"enableAutoPay"),defaultChecked:I?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(i)}}})})]})})})]}),O?t.jsx(Je,{formId:X(K),primaryBtn:{label:g.enableAccounts,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:u.fetchState==="In-Progress"||Ae.fetchState==="In-Progress",isDisabled:r!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${B.sp3}`}}):null,t.jsx(Ke,{isFooterRendered:O,meetingUrl:x,analytics:E,productType:"charge_cards"})]})},Q=e=>{const{allBankAccounts:r,allFundingAccounts:x,primaryFundingAccount:h}=e;return{[m]:{fundingAccount:{selectedOption:h?.id,allOptions:x.map(a=>({label:a.label,value:a.id,isRecommended:a.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:r.map(a=>({label:a.accountName,value:a.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},X=e=>`${e}_form`,it=w.div`
   display: flex;
   justify-content: flex-start;
   height: 100%;

package/dist/assets/{ChargeCardStatementsPage-C3NxKjmB-jXnZgPWF.js → ChargeCardStatementsPage-Z05M_t51-O2I36ZAe.js}

@@ -1,14 +1,14 @@
-import{d as F,q as T,V as t,bz as V,o as h,F as R,y as g,ak as B,b7 as W,a7 as _,hE as O,m as q,aM as J,c as s,c0 as U}from"./index-DKQM71dS.js";import{n as r}from"./mui-Bm7nuuAo.js";import{$ as X,g as Z}from"./BoxItem-WOrvBzns-CXp5-zCF.js";import{a as G}from"./sentry-3Q4-6z2o.js";import{w as H}from"./downloadPdf-B8UMaJCC-BFUHIY4h.js";import"./liveblocks-Bth6iRPZ.js";import"./core-DSEA1DeO.js";import"./recharts-sqzNidKh.js";import"./zeni-epic-state-1LR8oCdb.js";import"./lottie-BcjGrMJ9.js";import"./analytics-BUkj7jvZ.js";import"./lexical-D8ee32sQ.js";import"./utils-gMT26ExF.js";import"./commonDimensions-Ds75pRzR-CknYEsxH.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]="642b0864-d063-4f6c-990d-26333d2a9049",e._sentryDebugIdIdentifier="sentry-dbid-642b0864-d063-4f6c-990d-26333d2a9049")}catch{}})();const D=R.getLocalizedStrings().months,Y={downloadButtonSize:new g(s[4],20)},K=r.div`
+import{d as F,q as L,V as t,bA as W,o as h,F as B,y as g,al as R,b8 as _,a8 as V,hH as O,k as q,aN as U,c as s,c1 as Z}from"./index-Bs2B-MQ4.js";import{n as r}from"./mui-snKYaegN.js";import{$ as H,g as J}from"./BoxItem-42doFhpg-BDC_fDqi.js";import{a as G}from"./sentry-gm2R3TtK.js";import{w as K}from"./downloadPdf-ZSABdzxr-CSS_LmUU.js";import"./liveblocks-48Yy2aTy.js";import"./core-9PMMelIA.js";import"./recharts-DGmpNqLb.js";import"./zeni-epic-state-D2RxwWrl.js";import"./lottie-ChwWMuYN.js";import"./analytics-D0z7Cz17.js";import"./lexical-CaQwXIc3.js";import"./utils-C7Aiy3iw.js";import"./commonDimensions-BgvFMAEM-jw0M4GDE.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]="4a563704-66a8-4917-bfbd-6da4bfaca881",e._sentryDebugIdIdentifier="sentry-dbid-4a563704-66a8-4917-bfbd-6da4bfaca881")}catch{}})();const D=B.getLocalizedStrings().months,Y={downloadButtonSize:new g(s[4],20)},Q=r.div`
   display: flex;
   padding: ${h.sp3} ${h.sp4};
   flex-direction: row;
   width: 100%;
-`,Q=r.div`
+`,X=r.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
-`,ee=r(B)`
+`,ee=r(R)`
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
@@ -19,7 +19,7 @@ import{d as F,q as T,V as t,bz as V,o as h,F as R,y as g,ak as B,b7 as W,a7 as _
   overflow: hidden;
 `,te=r.div`
   cursor: pointer;
-`,ae=r(U)`
+`,ae=r(Z)`
   width: ${e=>Y.downloadButtonSize.valuePx(e.windowSize)};
   height: ${e=>Y.downloadButtonSize.valuePx(e.windowSize)};
   min-height: ${e=>Y.downloadButtonSize.valuePx(e.windowSize)};
@@ -27,12 +27,12 @@ import{d as F,q as T,V as t,bz as V,o as h,F as R,y as g,ak as B,b7 as W,a7 as _
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`;function ie({currentTenantCompanyName:e,data:i,index:n,controllerEmails:l,isDebitCardFeatureEnabled:a,isDebitCardSetupEnabled:o,chargeCardCashbackDetailState:d,depositAccountListWithDebitCardIssued:y,debitCardSummary:C,productInformation:x,creditAccountInformation:S,debitAccountInformation:$,cashbackInformation:f,creditAccountRepayment:I,authParams:P,downloadEndPoint:k,boxType:j}){const b=_().analytics,[v,E]=G.useState(!1),c=T(),z=D[i.monthYearPeriod.month-1],u=`${e}-Credit-Card-Monthly-Statement-${D[i.monthYearPeriod.month-1]}-${i.monthYearPeriod.year}.pdf`,m={period:`${i.monthYearPeriod.year}-${O(i.monthYearPeriod.month)}`,format:"pdf"},p=t.jsx(K,{children:t.jsxs(Q,{children:[t.jsx(ee,{children:z}),t.jsx(te,{"data-testid":J("download-card-statement"),onClick:()=>{d.fetchState==="Completed"&&I.fetchState==="Completed"&&(!(a&&o)||y.fetchState==="Completed"&&C?.fetchState==="Completed")&&f!=null&&b.trackCardsDownloadClick(l,x,f,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:u,fileMonthYear:`${D[i.monthYearPeriod.month-1]} ${i.monthYearPeriod.year}`},"Credit Card Statements",n+1,S,$),H(`${k}/statements?query=${encodeURIComponent(JSON.stringify(m))}`,u,P,E)},children:v?t.jsx(q,{size:"Small",start:!0}):t.jsx(ae,{windowSize:c})})]})});return t.jsx(Z,{content:p,boxType:j,isDisabled:!1,isNotClickable:!0})}const A=R.getLocalizedStrings().spendManagement.chargeCard.statements,w={listItemMarginLeftRight:new g(s[3],s[8]),containerMarginTop:new g(s[0],s[2]),titleMarginLeftRight:new g(s[3],s[8])},ke=({currentTenantCompanyName:e,authParams:i,controllerEmails:n,productInformation:l,cashbackInformation:a,creditAccountInformation:o,debitAccountInformation:d,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:x,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:$,depositAccountListWithDebitCardIssued:f,creditAccountRepayment:I,debitCardSummary:P,creditAccount:k,downloadEndPoint:j,statementListView:b,onBackClick:v})=>{const E=F(),c=T(),{sortedYear:z,monthsByYearWithSortedMonth:u}=me(b.statements);return t.jsxs(se,{children:[t.jsx(V,{title:A.title,backgroundColor:E.colors.grey4,style:{zIndex:3},onBackClick:v,source:"ChargeCardStatementsPage"}),t.jsx(ce,{windowSize:c,children:b.statements.length===0?t.jsx(L,{children:t.jsx(de,{children:t.jsx(N,{windowSize:c,children:t.jsx(le,{children:A.noStatements})})})}):t.jsx(re,{children:z.map(m=>t.jsxs(ne,{children:[t.jsx(oe,{windowSize:c,children:m}),t.jsx(L,{children:u[m].map((p,M)=>t.jsx(N,{windowSize:c,children:t.jsx(ie,{productInformation:l,creditAccountInformation:o,debitAccountInformation:d,cashbackInformation:a,creditAccountRepayment:I,depositAccountListWithDebitCardIssued:f,debitCardSummary:P,controllerEmails:n,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:x,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:$,creditAccount:k,currentTenantCompanyName:e,index:M,data:p,authParams:i,downloadEndPoint:j,boxType:X(M,u[m].length)},p.id)},p.id))})]},m))})})]})},re=r.div``,ne=r.div`
+`;function ie({currentTenantCompanyName:e,data:i,index:n,controllerEmails:l,isDebitCardFeatureEnabled:a,isDebitCardSetupEnabled:o,chargeCardCashbackDetailState:d,depositAccountListWithDebitCardIssued:y,debitCardSummary:x,productInformation:C,creditAccountInformation:S,debitAccountInformation:$,cashbackInformation:f,creditAccountRepayment:I,authParams:k,downloadEndPoint:P,boxType:j}){const b=V().analytics,[v,E]=G.useState(!1),c=L(),z=D[i.monthYearPeriod.month-1],u=`${e}-Credit-Card-Monthly-Statement-${D[i.monthYearPeriod.month-1]}-${i.monthYearPeriod.year}.pdf`,m={period:`${i.monthYearPeriod.year}-${O(i.monthYearPeriod.month)}`,format:"pdf"},p=t.jsx(Q,{children:t.jsxs(X,{children:[t.jsx(ee,{children:z}),t.jsx(te,{"data-testid":U("download-card-statement"),onClick:()=>{d.fetchState==="Completed"&&I.fetchState==="Completed"&&(!(a&&o)||y.fetchState==="Completed"&&x?.fetchState==="Completed")&&f!=null&&b.trackCardsDownloadClick(l,C,f,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:u,fileMonthYear:`${D[i.monthYearPeriod.month-1]} ${i.monthYearPeriod.year}`},"Credit Card Statements",n+1,S,$),K(`${P}/statements?query=${encodeURIComponent(JSON.stringify(m))}`,u,k,E)},children:v?t.jsx(q,{size:"Small",start:!0}):t.jsx(ae,{windowSize:c})})]})});return t.jsx(J,{content:p,boxType:j,isDisabled:!1,isNotClickable:!0})}const M=B.getLocalizedStrings().spendManagement.chargeCard.statements,w={listItemMarginLeftRight:new g(s[3],s[8]),containerMarginTop:new g(s[0],s[2]),titleMarginLeftRight:new g(s[3],s[8])},Pe=({currentTenantCompanyName:e,authParams:i,controllerEmails:n,productInformation:l,cashbackInformation:a,creditAccountInformation:o,debitAccountInformation:d,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:C,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:$,depositAccountListWithDebitCardIssued:f,creditAccountRepayment:I,debitCardSummary:k,creditAccount:P,downloadEndPoint:j,statementListView:b,onBackClick:v})=>{const E=F(),c=L(),{sortedYear:z,monthsByYearWithSortedMonth:u}=me(b.statements);return t.jsxs(se,{children:[t.jsx(W,{title:M.title,backgroundColor:E.colors.grey4,style:{zIndex:3},onBackClick:v,source:"ChargeCardStatementsPage"}),t.jsx(ce,{windowSize:c,children:b.statements.length===0?t.jsx(N,{children:t.jsx(de,{children:t.jsx(T,{windowSize:c,children:t.jsx(le,{children:M.noStatements})})})}):t.jsx(re,{children:z.map(m=>t.jsxs(ne,{children:[t.jsx(oe,{windowSize:c,children:m}),t.jsx(N,{children:u[m].map((p,A)=>t.jsx(T,{windowSize:c,children:t.jsx(ie,{productInformation:l,creditAccountInformation:o,debitAccountInformation:d,cashbackInformation:a,creditAccountRepayment:I,depositAccountListWithDebitCardIssued:f,debitCardSummary:k,controllerEmails:n,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:C,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:$,creditAccount:P,currentTenantCompanyName:e,index:A,data:p,authParams:i,downloadEndPoint:j,boxType:H(A,u[m].length)},p.id)},p.id))})]},m))})})]})},re=r.div``,ne=r.div`
   margin-bottom: ${h.sp6};
-`,L=r.div``,oe=r(W)`
+`,N=r.div``,oe=r(_)`
   margin-left: ${e=>w.titleMarginLeftRight.valuePx(e.windowSize)};
   margin-bottom: ${h.sp3};
-`,N=r.div`
+`,T=r.div`
   margin-left: ${e=>w.listItemMarginLeftRight.valuePx(e.windowSize)};
   margin-right: ${e=>w.listItemMarginLeftRight.valuePx(e.windowSize)};
 `,de=r.div`
@@ -48,7 +48,7 @@ import{d as F,q as T,V as t,bz as V,o as h,F as R,y as g,ak as B,b7 as W,a7 as _
   flex-direction: column;
   width: 100%;
   padding-bottom: ${h.sp7};
-`,le=r(B)`
+`,le=r(R)`
   display: flex;
   color: ${e=>e.theme.colors.grey2};
 `,ce=r.div`
@@ -57,4 +57,4 @@ import{d as F,q as T,V as t,bz as V,o as h,F as R,y as g,ak as B,b7 as W,a7 as _
   width: 100%;
   height: 100%;
   margin-top: ${e=>w.containerMarginTop.valuePx(e.windowSize)};
-`,me=e=>{const i=e.map(a=>{const[o,d]=a.period.split("-");return{id:a.id,monthYearPeriod:{year:parseInt(o),month:parseInt(d)}}}),n={};i.forEach(a=>{n[a.monthYearPeriod.year]!=null?n[a.monthYearPeriod.year].push(a):n[a.monthYearPeriod.year]=[a]});const l={};return Object.keys(n).forEach(a=>{l[Number(a)]=n[Number(a)].sort((o,d)=>d.monthYearPeriod.month-o.monthYearPeriod.month)}),{sortedYear:Object.keys(n).sort((a,o)=>Number(o)-Number(a)).map(a=>Number(a)),monthsByYearWithSortedMonth:l}};export{ke as default};
+`,me=e=>{const i=e.map(a=>{const[o,d]=a.period.split("-");return{id:a.id,monthYearPeriod:{year:parseInt(o),month:parseInt(d)}}}),n={};i.forEach(a=>{n[a.monthYearPeriod.year]!=null?n[a.monthYearPeriod.year].push(a):n[a.monthYearPeriod.year]=[a]});const l={};return Object.keys(n).forEach(a=>{l[Number(a)]=n[Number(a)].sort((o,d)=>d.monthYearPeriod.month-o.monthYearPeriod.month)}),{sortedYear:Object.keys(n).sort((a,o)=>Number(o)-Number(a)).map(a=>Number(a)),monthsByYearWithSortedMonth:l}};export{Pe as default};

package/dist/assets/{CheckDepositDrawerPage-ClxKj2js-BOtwhkHh.js → CheckDepositDrawerPage-B-bTb9ct-CleglNSV.js}

@@ -1,4 +1,4 @@
-import{q as U,V as t,aM as $,hC as pe,aK as M,n as G,o,aO as he,y as n,L as ee,l as ue,F as oe,b7 as me,D as te,ag as ge,ak as F,aN as fe,a8 as xe,cB as ke,p as w,ab as De,g7 as $e,cE as we,eP as J,cL as Y,c as s,fj as be,cf as ye,bZ as je,eX as Pe,hn as Le,al as q,hp as Se}from"./index-DKQM71dS.js";import{a as k}from"./sentry-3Q4-6z2o.js";import{n as a}from"./mui-Bm7nuuAo.js";import"./liveblocks-Bth6iRPZ.js";import"./core-DSEA1DeO.js";import"./recharts-sqzNidKh.js";import"./zeni-epic-state-1LR8oCdb.js";import"./lottie-BcjGrMJ9.js";import"./analytics-BUkj7jvZ.js";import"./lexical-D8ee32sQ.js";import"./utils-gMT26ExF.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="f402f2a2-66c6-4d72-aedd-660f633dc168",e._sentryDebugIdIdentifier="sentry-dbid-f402f2a2-66c6-4d72-aedd-660f633dc168")}catch{}})();const ve="checkDepositDetailPage",g="checkDepositDetails",Fe="amount",Ce="depositTo",Te="source",ie="fileIds",V="selectDocument",E=e=>{const l=[];return e.checkFront!=null&&l.push(e.checkFront.fileId),e.checkBack!=null&&l.push(e.checkBack.fileId),{[g]:{[Fe]:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,[Te]:e.checkDepositLocalData.source,[Ce]:{allOptions:e.depositAccounts.depositAccounts.map(f=>({label:f.accountName,value:f.id})),selectedOption:e.checkDepositLocalData.depositTo?.id},[ie]:l,[V]:{front:e.checkFront,back:e.checkBack}}}},D=(e,l)=>`${e}.${l}`,Be=e=>`${e}_form`,u={largeLabelWidth:new n(160,160,160),rowContentPaddingLeft:new n(s[3],s[4]),checkPicRowContentPaddingXAxis:new n(s[3],s[4]),labeleMarginLeft:new n(s[0],s[0]),labeleMarginBottom:new n(s[2],s[0]),labelMarginRight:new n(s[3],s[3]),labeledFieldPaddingLeft:new n(s[3],s[0]),labeledFieldPaddingRight:new n(s[3],s[2]),labeledFieldPaddingTop:new n(s[3],s[3]),labeledFieldPaddingBottom:new n(s[3],s[2]),infoLabelPaddingRight:new n(s[0],s[3]),infoLabelMarginTop:new n(s[1],s[0])},{spendManagement:Ae,common:R}=oe.getLocalizedStrings(),c=Ae.zeniAccounts.zeniAccountList,ze=R.documents;function Ie({checkDeposit:e,analytics:l,filesEndPoint:f,openPopup:b,authParams:y,onSaveChangesToLocalStore:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:L,onCheckDpositClick:T}){const r=U(),d=e.fetchState,S=fe(d),[v,_]=k.useState(!1),[se,B]=k.useState(!1),A=u.largeLabelWidth.value(r),x=xe({mode:"all",reValidateMode:"onBlur",defaultValues:E(e),values:E(e)}),{isValid:re}=x.formState,X=i=>{const p={amount:{amount:i[g].amount??0,currencyCode:R.currency.currencyCode,currencySymbol:R.currency.currencySymbol},source:i[g].source,depositTo:e.depositAccounts.depositAccounts.find(h=>h.id===i[g].depositTo.selectedOption),fileIds:i[g][ie]};C(p)},le=async(i,p)=>{if(i!=null){if(i.includes("source")||i.includes("amount"))return;const h=Object.assign({},p);X(h)}};k.useEffect(()=>{const i=x.watch((p,{name:h})=>{h!=null&&p!=null&&ke(()=>le(h,p))});return()=>{i.unsubscribe()}}),k.useEffect(()=>{S==="Completed"&&d==="Not-Started"&&x.reset(E(e))},[S,d,x,e]),k.useEffect(()=>{e.error!=null?B(!0):B(!1)},[e.error]);const ce=x.handleSubmit(()=>{if(re){l.trackAccountsDepositCheckFormClicked("Deposit",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null);const i=x.getValues();X(i),T?.()}}),ne=(i,p)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(I=>I.id===i),z=e.depositAccounts.depositAccounts.findIndex(I=>I.id===i);return h?t.jsx(Re,{color:Le(z),isSelectedValue:p}):null},de=(i,p)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(z=>z.id===i);return h?p===!0?t.jsx(Ve,{children:h?.maskedAccountNumber}):t.jsxs(Me,{children:[t.jsx(K,{children:h?.maskedAccountNumber}),t.jsx(to,{}),t.jsx(K,{children:M("0,0[.]00",h?.accountBalance?.available)})]}):null};return t.jsxs(t.Fragment,{children:[se?t.jsx(Oe,{children:t.jsxs(qe,{children:[t.jsxs(_e,{children:[t.jsx(Ge,{}),t.jsxs(Je,{children:[t.jsx(Ye,{children:e.error?.title}),t.jsx(Ke,{children:e.error?.message})]})]}),t.jsx(Xe,{children:t.jsx(ro,{"data-testid":$("check-deposit-form-close"),onClick:()=>{l.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),B(!1)},style:{width:o.sp3,height:o.sp3,color:w.heroLight}})})]})}):null,t.jsx(We,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),t.jsx(De,{...x,children:t.jsx("form",{id:Be(ve),onSubmit:ce,children:t.jsxs(He,{children:[t.jsx($e,{showAdditionalInfoLabel:!1,label:{label:c.checkDepositDrawer.amountLabel,width:A},formattedTextField:{type:"number",name:D(g,"amount"),defaultValue:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,placeholder:c.checkDepositDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:i=>!!i&&i>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto"}}),t.jsx(N,{}),t.jsx(we,{label:{label:c.checkDepositDrawer.sourceLabel,width:A},style:{width:"100%"},text:{type:"text",name:D(g,"source"),defaultValue:e.checkDepositLocalData.source,placeholder:c.checkDepositDrawer.sourcePlaceholder,options:{required:!0,validate:i=>i!=null}}}),t.jsx(N,{}),t.jsx(ae,{size:r,children:t.jsx(eo,{size:r,children:t.jsx(Ze,{label:{label:c.checkDepositDrawer.depositToLabel,width:A,style:{marginLeft:u.labeleMarginLeft.valuePx(r),marginBottom:u.labeleMarginBottom.valuePx(r),marginRight:u.labelMarginRight.valuePx(r)}},style:{paddingTop:u.labeledFieldPaddingTop.valuePx(r),paddingBottom:u.labeledFieldPaddingBottom.valuePx(r),paddingLeft:u.labeledFieldPaddingLeft.valuePx(r),paddingRight:u.labeledFieldPaddingRight.valuePx(r),border:"none",width:"100%",outline:"none",padding:0,display:r==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:r==="small"?"left":"right",paddingRight:u.infoLabelPaddingRight.valuePx(r),marginTop:u.infoLabelMarginTop.valuePx(r)},singleSelectPickerField:{valueToLogo:(i,p)=>ne(i,p),valueToSubLabels:(i,p)=>de(i,p),name:D(g,"depositTo"),placeholder:c.checkDepositDrawer.depositToPlaceholder,style:{position:"relative"},defaultValue:{selectedOption:e.checkDepositLocalData.depositTo?.id,allOptions:e.depositAccounts.depositAccounts.map(i=>({label:i.accountName,value:i.id}))},textAlignment:"right",registerOptions:{required:!0,validate:i=>!!(i!=null&&i.selectedOption)}}})})}),t.jsx(N,{}),t.jsxs(Qe,{size:r,children:[t.jsxs(Ue,{size:r,children:[t.jsx(Ee,{children:c.checkDepositDrawer.checkPicLabel}),t.jsx(W,{isLast:!1,children:c.checkDepositDrawer.frontSide}),t.jsx(J,{name:`${D(g,V)}.front`,registerOptions:{required:!0},file:e.checkFront,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:f,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:Y,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"front"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>_(i),onEditFileName:L,openPopup:b,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.frontSideError,useMobileCam:!0,compressImage:!0}),t.jsx(W,{isLast:!0,children:c.checkDepositDrawer.backSide}),t.jsx(J,{name:`${D(g,V)}.back`,registerOptions:{required:!0},file:e.checkBack,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:f,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:Y,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"back"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>_(i),onEditFileName:L,openPopup:b,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.backSideError,useMobileCam:!0,compressImage:!0}),t.jsx(io,{children:c.checkDepositDrawer.picGuides.map(i=>t.jsxs(ao,{children:[t.jsx(oo,{}),t.jsx(Ne,{children:i})]},i))})]}),t.jsx(so,{windowSize:r,children:ze.formatJPGText10MB})]})]})})})]})}const Ee=a(F)`
+import{q as Z,V as t,aN as $,hF as pe,aL as M,n as W,o,aP as he,y as n,L as ee,l as ue,F as oe,b8 as me,a as te,ai as ge,al as F,aO as fe,a9 as xe,cC as ke,p as b,ac as De,g8 as $e,cF as be,eQ as G,cM as J,c as s,fk as we,cg as ye,b_ as je,eY as Pe,gU as Le,am as q,gV as Se}from"./index-Bs2B-MQ4.js";import{a as k}from"./sentry-gm2R3TtK.js";import{n as a}from"./mui-snKYaegN.js";import"./liveblocks-48Yy2aTy.js";import"./core-9PMMelIA.js";import"./recharts-DGmpNqLb.js";import"./zeni-epic-state-D2RxwWrl.js";import"./lottie-ChwWMuYN.js";import"./analytics-D0z7Cz17.js";import"./lexical-CaQwXIc3.js";import"./utils-C7Aiy3iw.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="34467fe6-2c5f-45f7-93bb-347a45c47660",e._sentryDebugIdIdentifier="sentry-dbid-34467fe6-2c5f-45f7-93bb-347a45c47660")}catch{}})();const ve="checkDepositDetailPage",g="checkDepositDetails",Fe="amount",Ce="depositTo",Te="source",ie="fileIds",V="selectDocument",E=e=>{const l=[];return e.checkFront!=null&&l.push(e.checkFront.fileId),e.checkBack!=null&&l.push(e.checkBack.fileId),{[g]:{[Fe]:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,[Te]:e.checkDepositLocalData.source,[Ce]:{allOptions:e.depositAccounts.depositAccounts.map(f=>({label:f.accountName,value:f.id})),selectedOption:e.checkDepositLocalData.depositTo?.id},[ie]:l,[V]:{front:e.checkFront,back:e.checkBack}}}},D=(e,l)=>`${e}.${l}`,Be=e=>`${e}_form`,u={largeLabelWidth:new n(160,160,160),rowContentPaddingLeft:new n(s[3],s[4]),checkPicRowContentPaddingXAxis:new n(s[3],s[4]),labeleMarginLeft:new n(s[0],s[0]),labeleMarginBottom:new n(s[2],s[0]),labelMarginRight:new n(s[3],s[3]),labeledFieldPaddingLeft:new n(s[3],s[0]),labeledFieldPaddingRight:new n(s[3],s[2]),labeledFieldPaddingTop:new n(s[3],s[3]),labeledFieldPaddingBottom:new n(s[3],s[2]),infoLabelPaddingRight:new n(s[0],s[3]),infoLabelMarginTop:new n(s[1],s[0])},{spendManagement:ze,common:R}=oe.getLocalizedStrings(),c=ze.zeniAccounts.zeniAccountList,Ae=R.documents;function Ie({checkDeposit:e,analytics:l,filesEndPoint:f,openPopup:w,authParams:y,onSaveChangesToLocalStore:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:L,onCheckDpositClick:T}){const r=Z(),d=e.fetchState,S=fe(d),[v,_]=k.useState(!1),[se,B]=k.useState(!1),z=u.largeLabelWidth.value(r),x=xe({mode:"all",reValidateMode:"onBlur",defaultValues:E(e),values:E(e)}),{isValid:re}=x.formState,Y=i=>{const p={amount:{amount:i[g].amount??0,currencyCode:R.currency.currencyCode,currencySymbol:R.currency.currencySymbol},source:i[g].source,depositTo:e.depositAccounts.depositAccounts.find(h=>h.id===i[g].depositTo.selectedOption),fileIds:i[g][ie]};C(p)},le=async(i,p)=>{if(i!=null){if(i.includes("source")||i.includes("amount"))return;const h=Object.assign({},p);Y(h)}};k.useEffect(()=>{const i=x.watch((p,{name:h})=>{h!=null&&p!=null&&ke(()=>le(h,p))});return()=>{i.unsubscribe()}}),k.useEffect(()=>{S==="Completed"&&d==="Not-Started"&&x.reset(E(e))},[S,d,x,e]),k.useEffect(()=>{e.error!=null?B(!0):B(!1)},[e.error]);const ce=x.handleSubmit(()=>{if(re){l.trackAccountsDepositCheckFormClicked("Deposit",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null);const i=x.getValues();Y(i),T?.()}}),ne=(i,p)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(I=>I.id===i),A=e.depositAccounts.depositAccounts.findIndex(I=>I.id===i);return h?t.jsx(Re,{color:Le(A),isSelectedValue:p}):null},de=(i,p)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(A=>A.id===i);return h?p===!0?t.jsx(Ve,{children:h?.maskedAccountNumber}):t.jsxs(Me,{children:[t.jsx(K,{children:h?.maskedAccountNumber}),t.jsx(to,{}),t.jsx(K,{children:M("0,0[.]00",h?.accountBalance?.available)})]}):null};return t.jsxs(t.Fragment,{children:[se?t.jsx(Oe,{children:t.jsxs(qe,{children:[t.jsxs(_e,{children:[t.jsx(We,{}),t.jsxs(Ge,{children:[t.jsx(Je,{children:e.error?.title}),t.jsx(Ke,{children:e.error?.message})]})]}),t.jsx(Ye,{children:t.jsx(ro,{"data-testid":$("check-deposit-form-close"),onClick:()=>{l.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),B(!1)},style:{width:o.sp3,height:o.sp3,color:b.heroLight}})})]})}):null,t.jsx(Qe,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),t.jsx(De,{...x,children:t.jsx("form",{id:Be(ve),onSubmit:ce,children:t.jsxs(Xe,{children:[t.jsx($e,{showAdditionalInfoLabel:!1,label:{label:c.checkDepositDrawer.amountLabel,width:z},formattedTextField:{type:"number",name:D(g,"amount"),defaultValue:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,placeholder:c.checkDepositDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:i=>!!i&&i>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto"}}),t.jsx(N,{}),t.jsx(be,{label:{label:c.checkDepositDrawer.sourceLabel,width:z},style:{width:"100%"},text:{type:"text",name:D(g,"source"),defaultValue:e.checkDepositLocalData.source,placeholder:c.checkDepositDrawer.sourcePlaceholder,options:{required:!0,validate:i=>i!=null}}}),t.jsx(N,{}),t.jsx(ae,{size:r,children:t.jsx(eo,{size:r,children:t.jsx(Ue,{label:{label:c.checkDepositDrawer.depositToLabel,width:z,style:{marginLeft:u.labeleMarginLeft.valuePx(r),marginBottom:u.labeleMarginBottom.valuePx(r),marginRight:u.labelMarginRight.valuePx(r)}},style:{paddingTop:u.labeledFieldPaddingTop.valuePx(r),paddingBottom:u.labeledFieldPaddingBottom.valuePx(r),paddingLeft:u.labeledFieldPaddingLeft.valuePx(r),paddingRight:u.labeledFieldPaddingRight.valuePx(r),border:"none",width:"100%",outline:"none",padding:0,display:r==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:r==="small"?"left":"right",paddingRight:u.infoLabelPaddingRight.valuePx(r),marginTop:u.infoLabelMarginTop.valuePx(r)},singleSelectPickerField:{valueToLogo:(i,p)=>ne(i,p),valueToSubLabels:(i,p)=>de(i,p),name:D(g,"depositTo"),placeholder:c.checkDepositDrawer.depositToPlaceholder,style:{position:"relative"},defaultValue:{selectedOption:e.checkDepositLocalData.depositTo?.id,allOptions:e.depositAccounts.depositAccounts.map(i=>({label:i.accountName,value:i.id}))},textAlignment:"right",registerOptions:{required:!0,validate:i=>!!(i!=null&&i.selectedOption)}}})})}),t.jsx(N,{}),t.jsxs(He,{size:r,children:[t.jsxs(Ze,{size:r,children:[t.jsx(Ee,{children:c.checkDepositDrawer.checkPicLabel}),t.jsx(Q,{isLast:!1,children:c.checkDepositDrawer.frontSide}),t.jsx(G,{name:`${D(g,V)}.front`,registerOptions:{required:!0},file:e.checkFront,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:f,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:J,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"front"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>_(i),onEditFileName:L,openPopup:w,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.frontSideError,useMobileCam:!0,compressImage:!0}),t.jsx(Q,{isLast:!0,children:c.checkDepositDrawer.backSide}),t.jsx(G,{name:`${D(g,V)}.back`,registerOptions:{required:!0},file:e.checkBack,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:f,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:J,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"back"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>_(i),onEditFileName:L,openPopup:w,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.backSideError,useMobileCam:!0,compressImage:!0}),t.jsx(io,{children:c.checkDepositDrawer.picGuides.map(i=>t.jsxs(ao,{children:[t.jsx(oo,{}),t.jsx(Ne,{children:i})]},i))})]}),t.jsx(so,{windowSize:r,children:Ae.formatJPGText10MB})]})]})})})]})}const Ee=a(F)`
   color: ${e=>e.theme.colors.hero};
 `,Ne=a(F)`
   color: ${e=>e.theme.colors.hero};
@@ -29,30 +29,30 @@ import{q as U,V as t,aM as $,hC as pe,aK as M,n as G,o,aO as he,y as n,L as ee,l
   width: 100%;
   justify-content: space-between;
   padding: ${o.sp3} ${o.sp4};
-  background-color: ${w.importantLight};
+  background-color: ${b.importantLight};
   border-radius: ${o.sp2};
 `,_e=a.div`
   display: flex;
   align-items: flex-start;
-`,Xe=a.div``,Ge=a(be)`
+`,Ye=a.div``,We=a(we)`
   width: ${o.sp4};
   height: ${o.sp4};
-  color: ${w.important};
-`,Je=a.div`
+  color: ${b.important};
+`,Ge=a.div`
   display: flex;
   flex-direction: column;
   margin-left: ${o.sp2};
-`,Ye=a(ye)`
-  color: ${w.important};
+`,Je=a(ye)`
+  color: ${b.important};
 `,Ke=a(F)`
-  color: ${w.important};
-`,We=a(je)`
+  color: ${b.important};
+`,Qe=a(je)`
   color: ${e=>e.theme.colors.primary};
   margin: ${o.sp5} ${o.sp0} ${o.sp3} ${o.sp0};
-`,Ze=a(Pe)`
+`,Ue=a(Pe)`
   border-radius: ${o.sp2};
   border: 1px solid ${e=>e.theme.colors.grey3};
-`,He=a.div`
+`,Xe=a.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
@@ -90,17 +90,17 @@ import{q as U,V as t,aM as $,hC as pe,aK as M,n as G,o,aO as he,y as n,L as ee,l
     border-bottom-left-radius: inherit;
     border-bottom-right-radius: inherit;
   }
-`,Qe=a(ae)`
+`,He=a(ae)`
   flex-direction: column;
   padding: ${o.sp0};
-`,Ue=a.div`
+`,Ze=a.div`
   padding: ${e=>`${o.sp3} ${u.checkPicRowContentPaddingXAxis.valuePx(e.size)}`};
 `,eo=a.div`
   width: 100%;
   display: flex;
   flex-grow: ${e=>e.size==="small"?1:0};
   align-items: flex-start;
-`,W=a(q)`
+`,Q=a(q)`
   color: ${e=>e.theme.colors.hero};
   margin-bottom: ${o.sp2};
   margin-top: ${e=>e.isLast?o.sp3:o.sp0};
@@ -145,7 +145,7 @@ import{q as U,V as t,aM as $,hC as pe,aK as M,n as G,o,aO as he,y as n,L as ee,l
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,lo="checkDepositDetailPage",co={NavBarContainerPaddingYAxis:new n(10,s[3])},no=e=>`${e}_form`,O={containerPaddingLeft:new n(s[3],s[6],s[8]),containerPaddingRight:new n(s[3],s[6],s[8]),successContentMargin:new n(s[3],s[12])},{spendManagement:po}=oe.getLocalizedStrings(),m=po.zeniAccounts.zeniAccountList,Bo=({checkDeposit:e,analytics:l,filesEndPoint:f,authParams:b,onSaveChangesToLocalStore:y,onAnotherTransferClick:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:L,onCheckDpositClick:T,onDismissClick:r})=>{const d=U(),[S,v]=k.useState(!1);return t.jsx(go,{windowSize:d,children:e.fetchState==="Completed"?t.jsxs(Z,{windowSize:d,children:[t.jsx(H,{windowSize:d,children:t.jsx(Q,{"data-testid":$("check-deposit-drawer-close"),onClick:()=>{l.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}})}),t.jsxs(ko,{windowSize:d,children:[t.jsx(pe,{width:150,height:150,shouldDisplay:!0,animationInLoop:!0}),t.jsxs(fo,{children:[m.checkDepositDrawer.transferSuccessMsgPrefix,t.jsx(mo,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),m.checkDepositDrawer.transferSuccessMsgSuffix]}),t.jsxs(xo,{children:[t.jsx(G,{variant:"secondary",label:m.checkDepositDrawer.makeAnotherTransferBtn,onClick:C,"data-testid":$("check-deposit-drawer-another-transfer")}),t.jsx(G,{variant:"primary",label:m.checkDepositDrawer.goToAccountBtn,onClick:r,style:{marginLeft:d==="small"?o.sp3:o.sp5},"data-testid":$("check-deposit-drawer-go-to-account")})]})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(Z,{windowSize:d,children:[t.jsx(H,{windowSize:d,children:t.jsx(Q,{"data-testid":$("check-deposit-drawer-close"),onClick:()=>{l.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}})}),d==="small"?t.jsx(Do,{windowSize:d,children:m.checkDepositDrawer.title}):t.jsx($o,{children:m.checkDepositDrawer.title}),d==="small"?t.jsx(uo,{children:m.checkDepositDrawer.subTitle}):t.jsx(ho,{children:m.checkDepositDrawer.subTitle}),t.jsx(Ie,{analytics:l,authParams:b,checkDeposit:e,filesEndPoint:f,onSaveChangesToLocalStore:y,openPopup:v,onCheckDpositClick:T,onDeleteFile:P,onEditFileName:L,updateFilesEntity:j})]}),t.jsx(he,{formId:no(lo),helperText:m.checkDepositDrawer.footNote,helperStyle:{paddingTop:o.sp0,paddingBottom:o.sp0},style:{zIndex:S?0:4,paddingTop:o.sp3,paddingBottom:o.sp3},primaryBtn:{label:m.checkDepositDrawer.depositBtn,isLoading:e.fetchState==="In-Progress"},cancelBtn:{label:m.checkDepositDrawer.cancelBtn,onClick:()=>{l.trackAccountsDepositCheckFormClicked("Cancel",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}}})]})})},ho=a(F)`
+`,lo="checkDepositDetailPage",co={NavBarContainerPaddingYAxis:new n(10,s[3])},no=e=>`${e}_form`,O={containerPaddingLeft:new n(s[3],s[6],s[8]),containerPaddingRight:new n(s[3],s[6],s[8]),successContentMargin:new n(s[3],s[12])},{spendManagement:po}=oe.getLocalizedStrings(),m=po.zeniAccounts.zeniAccountList,Bo=({checkDeposit:e,analytics:l,filesEndPoint:f,authParams:w,onSaveChangesToLocalStore:y,onAnotherTransferClick:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:L,onCheckDpositClick:T,onDismissClick:r})=>{const d=Z(),[S,v]=k.useState(!1);return t.jsx(go,{windowSize:d,children:e.fetchState==="Completed"?t.jsxs(U,{windowSize:d,children:[t.jsx(X,{windowSize:d,children:t.jsx(H,{"data-testid":$("check-deposit-drawer-close"),onClick:()=>{l.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}})}),t.jsxs(ko,{windowSize:d,children:[t.jsx(pe,{width:150,height:150,shouldDisplay:!0,animationInLoop:!0}),t.jsxs(fo,{children:[m.checkDepositDrawer.transferSuccessMsgPrefix,t.jsx(mo,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),m.checkDepositDrawer.transferSuccessMsgSuffix]}),t.jsxs(xo,{children:[t.jsx(W,{variant:"secondary",label:m.checkDepositDrawer.makeAnotherTransferBtn,onClick:C,"data-testid":$("check-deposit-drawer-another-transfer")}),t.jsx(W,{variant:"primary",label:m.checkDepositDrawer.goToAccountBtn,onClick:r,style:{marginLeft:d==="small"?o.sp3:o.sp5},"data-testid":$("check-deposit-drawer-go-to-account")})]})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(U,{windowSize:d,children:[t.jsx(X,{windowSize:d,children:t.jsx(H,{"data-testid":$("check-deposit-drawer-close"),onClick:()=>{l.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}})}),d==="small"?t.jsx(Do,{windowSize:d,children:m.checkDepositDrawer.title}):t.jsx($o,{children:m.checkDepositDrawer.title}),d==="small"?t.jsx(uo,{children:m.checkDepositDrawer.subTitle}):t.jsx(ho,{children:m.checkDepositDrawer.subTitle}),t.jsx(Ie,{analytics:l,authParams:w,checkDeposit:e,filesEndPoint:f,onSaveChangesToLocalStore:y,openPopup:v,onCheckDpositClick:T,onDeleteFile:P,onEditFileName:L,updateFilesEntity:j})]}),t.jsx(he,{formId:no(lo),helperText:m.checkDepositDrawer.footNote,helperStyle:{paddingTop:o.sp0,paddingBottom:o.sp0},style:{zIndex:S?0:4,paddingTop:o.sp3,paddingBottom:o.sp3},primaryBtn:{label:m.checkDepositDrawer.depositBtn,isLoading:e.fetchState==="In-Progress"},cancelBtn:{label:m.checkDepositDrawer.cancelBtn,onClick:()=>{l.trackAccountsDepositCheckFormClicked("Cancel",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}}})]})})},ho=a(F)`
   color: ${e=>e.theme.colors.hero};
 `,uo=a(ge)`
   color: ${e=>e.theme.colors.hero};
@@ -161,7 +161,7 @@ import{q as U,V as t,aM as $,hC as pe,aK as M,n as G,o,aO as he,y as n,L as ee,l
 `,fo=a(ue)`
   color: ${e=>e.theme.colors.primary};
   text-align: center;
-`,Z=a.div`
+`,U=a.div`
   height: ${e=>e.windowSize==="small"?"auto":"100%"};
   padding-left: ${e=>`${O.containerPaddingLeft.valuePx(e.windowSize)}`};
   padding-right: ${e=>`${O.containerPaddingRight.valuePx(e.windowSize)}`};
@@ -176,7 +176,7 @@ import{q as U,V as t,aM as $,hC as pe,aK as M,n as G,o,aO as he,y as n,L as ee,l
   justify-content: center;
   margin: ${e=>`${o.sp0} ${O.successContentMargin.valuePx(e.windowSize)} `};
   align-items: center;
-`,H=a.div`
+`,X=a.div`
   display: flex;
   flex-direction: row-reverse;
   justify-content: space-between;
@@ -186,7 +186,7 @@ import{q as U,V as t,aM as $,hC as pe,aK as M,n as G,o,aO as he,y as n,L as ee,l
   padding: ${e=>`${co.NavBarContainerPaddingYAxis.valuePx(e.windowSize)} ${o.sp0}`};
   z-index: 2;
   background-color: ${e=>e.theme.colors.grey4};
-`,Q=a(ee)`
+`,H=a(ee)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${o.sp4};