@zeniai/web-cockpit-ui 1.14.49-qa → 1.14.50-dev

package/dist/assets/{ChargeCardPromoPage-DqDd3QeF-BbqMx9NQ.js → ChargeCardPromoPage-xcfRobP3-CBiQn6_2.js}

@@ -1,16 +1,16 @@
-import{e as b,M as oe,j as r,u as J,Q as $e,k as ye,a2 as be,a0 as je,l as Se,ft as Te,aY as ze,X as K,Z as ee,o as t,c9 as ve,_ as O,ca as Pe,J as ke,C as x,bY as Be,bq as Ae,i7 as Ie,w as Re,r as g,b as j,g as $,ap as Me,a7 as Le,i8 as _e}from"./index-RcMUg6rr.js";import{b as S,n as a,j as Ee,k as De}from"./vendor-rkTZJa59.js";import{x as Fe}from"./MeetingCalenderPopup-CGGit3Ny-CiZ-1m4B.js";import{k as Ue}from"./NavigationDots-O0W_nmju-D_O1-ums.js";import{J as H,N as G}from"./PromoBaseCards-DwBIZ04X-BjLiNb-B.js";import{M}from"./usp-line-BBd1wKwW-u-VMxix8.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";const h={containerPaddingTopBottom:new x(g[0],g[0]),uspContainerMarginX:new x(g[6],g[0]),midContainerGap:new x(g[4],84),iconContainerMinHeight:new x(236,396),emptySectionHeight:new x(g[6],43),navigationBottom:new x(g[4],94),navigationLeft:new x(192,244),carouselHeight:new x(268,396),carouselMarginTop:new x(54,g[4]),carouselMarginLeft:new x(120,g[12]),buttonTrayGap:new x(g[3],g[5]),termsOfAgreementMarginTop:new x(g[5],g[10]),contactAdminContainerMarginTop:new x(g[0],g[10]),contactAdminContainerMarginBottom:new x(g[4],g[0]),contactAdminContainerMarginLeftRight:new x(g[3],g[0])},T={promoBadgeText:new j("standardRegular","largeRegular"),promoBadgeTextBold:new j("standardBold","largeBold"),cardsContent:new j("extraSmallRegular","smallRegular"),contactAdmin:new j("extraSmallRegular","largeRegular"),uspText:new j("smallRegular","standardRegular"),uspBoldText:new j("smallMedium","standardMedium")},{common:U,spendManagement:{chargeCard:{chargeCardsPromo:o}}}=oe.getLocalizedStrings(),Rr=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:i,showEnableCardButton:n,controllerEmails:p,isCreditCardProductVisible:m,isDebitCardFeatureEnabled:c,isDebitCardSetupEnabled:w,isChargeCardSetupEnabled:f,admins:v,cashbackRate:P,cardPromoType:u="credit",onSetupButtonClick:l,onBackClick:d,onClickMenuIcon:pe,onSetupChargeCardSuccess:Q,onExpressInterestClick:me})=>{const ge=J(),V=$e(),z=b(),X=ye().analytics,{chargeCardTermsDetails:L,companyChargeCardInfo:C,companyLocaleInfo:_}=i,Y=be(L?.fetchStatus.fetchState),[he,Z]=S.useState(!1),xe=()=>{X.trackCardsPromoPageClicked("schedule demo"),X.trackCardsScheduleDemoClick(p,{isCreditCardOffered:m,isDebitCardOffered:c,isDebitCardEnabled:w,isCreditCardEnabled:f},"Cards Promo"),Z(!0)},ue=C!=null&&_!=null?je("0,0",{amount:C.chargeCardsCreditAccountLimit,currencyCode:_.currencyCode,currencySymbol:_.currencySymbol}):void 0;S.useEffect(()=>{Y==="In-Progress"&&L?.fetchStatus.fetchState==="Completed"&&Q()},[Y,Q,L?.fetchStatus]);const W=Se.hasChargeCardAdminLevelAccess(V.loggedInUserRoleMap),we=Te(V),E=u==="credit"&&C?.isCompanyInterestedInChargeCard===!1&&C.chargeCardsCreditAccountLimit===0,D=u==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===-1,F=u==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===0,fe=u==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit>0,{expressInterestInChargeCardFetchState:Ce}=i,q=E?o.getPreApprovedNow:n?o.enableCardsButton:o.setupCardsButton;return r.jsxs(Qe,{children:[r.jsx(ze,{title:o.title[u],backgroundColor:ge.colors.grey4,onBackClick:d,showBackButton:!0,showMenuIcon:z==="medium-compact"||z==="small",onClickMenuIcon:pe,style:{zIndex:9},source:"ChargeCardPromoPage"}),he===!0?r.jsx(Fe,{onCancelClick:()=>{Z(!1)},meetingUrl:e}):null,r.jsx(Ze,{windowSize:z,children:W===!0?r.jsxs(Ye,{children:[r.jsxs(Xe,{children:[r.jsx(He,{isApproved:fe,creditAmount:ue,cardPromoType:u,isUnderReview:F,isRejected:D,showExpressInterest:E}),r.jsx(ne,{cardPromoType:u,cashbackRate:P})]}),r.jsx(ae,{showEnableCardButton:n,cardPromoType:u,isUnderReview:F,isRejected:D,showExpressInterest:E})]}):r.jsx(Ge,{companyLegalName:s,cards:[],admins:v,cashbackRate:P,hasZeniFinopsRoles:we,cardPromoType:u})}),W&&!(F||D)?r.jsxs(ir,{windowSize:z,children:[r.jsx(K,{variant:"secondary",label:o.scheduleDemoButton,style:{width:166},onClick:xe,"data-testid":ee("schedule-demo-button")}),r.jsx(Ve,{windowSize:z,children:o.orText}),r.jsx(K,{variant:"primary",label:q,style:{minWidth:166},loading:i.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||Ce==="In-Progress",onClick:q===o.getPreApprovedNow?me:()=>l(u),"data-testid":ee("enable-card-button")})]}):null]})},Ne=({admins:e})=>{const s=e.flatMap(n=>n.user?.firstName+" "+n.user?.lastName).join(", "),i=b();return r.jsxs(pr,{windowSize:i,children:[r.jsx(N,{underline:!1,windowSize:i,children:o.noCardAssigned.pre}),r.jsx(Ae,{title:s,placement:"top-start",style:{padding:`2px ${t.sp2}`},children:r.jsx(N,{underline:!0,windowSize:i,children:o.noCardAssigned.tooltip})}),r.jsx(N,{underline:!1,windowSize:i,children:o.noCardAssigned.post})]})},ae=({cardPromoType:e,showEnableCardButton:s,isUnderReview:i,isRejected:n,showExpressInterest:p,isCardUser:m=!1})=>{const c=b();return r.jsx(tr,{windowSize:c,children:r.jsx(Ie,{topTermLabel:e==="credit"||e==="debit_and_credit"?o.terms.checkingAccountTerm:void 0,buttonTermLabel:i===!0||n===!0||m===!0?void 0:p===!0?o.terms.approvalTerm:s?o.terms.alternateTerm1:o.terms.terms1,showEndIcon:!1,showTerms:n===!1||m===!1,style:{marginTop:h.termsOfAgreementMarginTop.valuePx(c)}})})},He=({isApproved:e,cardPromoType:s,creditAmount:i,isUnderReview:n,isRejected:p,showExpressInterest:m})=>{const c=b(),w=s==="debit_and_credit"?o.promoTextDebitCreditCard:s==="debit"?o.promoTextDebitCard:o.promoTextCreditCard,f=e?r.jsxs(r.Fragment,{children:[o.promoBadgeText.approved,r.jsx(te,{children:i}),o.creditLimit,U.strings.space]}):m?r.jsxs(r.Fragment,{children:[o.promoBadgeText.nonPreApproved.get,r.jsx(er,{children:o.promoBadgeText.nonPreApproved.scale}),o.promoBadgeText.nonPreApproved.doubleStarred,U.strings.space,o.promoBadgeText.nonPreApproved.higherLimits]}):n?o.promoBadgeText.underReview:p?o.promoBadgeText.rejected:r.jsxs(r.Fragment,{children:[o.promoBadgeText.preApproved,r.jsx(te,{children:i}),o.creditLimit,U.strings.space]});return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:c==="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(qe,{cardPromoType:s,hideBadge:i==null||s==="debit",windowSize:c,children:[n||p||m?null:r.jsx(Cr,{}),r.jsx(Ke,{windowSize:c,children:f})]})]})},Ge=({companyLegalName:e,cards:s,admins:i,cashbackRate:n,hasZeniFinopsRoles:p,cardPromoType:m="credit"})=>{const c=b(),w=m==="debit_and_credit"?o.promoTextDebitCreditCard:m==="debit"?o.promoTextDebitCard:o.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[c==="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(cr,{windowSize:c}):r.jsx(Je,{cards:s,companyLegalName:e}),r.jsx(ne,{cardPromoType:m,cashbackRate:n}),p?null:r.jsx(Ne,{admins:i}),r.jsx(ae,{isCardUser:!0,showEnableCardButton:!1,cardPromoType:m})]})},Je=({cards:e,companyLegalName:s})=>{const i=J(),n=b();let p="",m;if(e.length===1){m=e[0].cardCreatedByUser.photo;const c=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;p=o.cardAssigned.singleCreditCard.replace("__issuing-user__",c).replace("__company-name__",s)}else p=o.cardAssigned.multipleCreditCards.replace("__company-name__",s);return r.jsxs(gr,{children:[m!=null?r.jsx(We,{width:t.sp5,height:t.sp5,style:{paddingTop:n==="small"?t.sp1:t.sp0},src:m.href,alt:oe.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:c})=>{c.onerror=null,c.src=Be},loading:"lazy"}):null,r.jsx(mr,{windowSize:n,mode:i.mode,children:r.jsx(hr,{windowSize:n,children:p})})]})},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(Oe,{}):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})]})})},ne=({cardPromoType:e,cashbackRate:s})=>{const i=b(),n=o.benefits;return r.jsxs(rr,{windowSize:i,children:[i==="small"?r.jsx(re,{windowSize:i,cardPromoType:e}):null,r.jsxs(or,{windowSize:i,children:[r.jsxs(B,{windowSize:i,children:[r.jsx(I,{children:r.jsx(dr,{})}),r.jsxs(R,{children:[r.jsx(y,{windowSize:i,children:n.item1.pre}),r.jsx(A,{windowSize:i,children:n.item1.bold.replace("__cashback__",(s*100).toFixed(2))}),r.jsx(y,{windowSize:i,children:`${e==="credit"||e==="debit_and_credit"?n.singleStarred:""}${n.item1.post}`})]})]}),r.jsxs(B,{windowSize:i,children:[r.jsx(I,{children:r.jsx(nr,{})}),r.jsxs(R,{children:[r.jsx(y,{windowSize:i,children:n.item2.pre}),r.jsx(A,{windowSize:i,children:n.item2.bold}),r.jsx(y,{windowSize:i,children:n.item2.post})]})]}),r.jsxs(B,{windowSize:i,children:[r.jsx(I,{children:r.jsx(lr,{})}),r.jsxs(R,{children:[r.jsx(y,{windowSize:i,children:n.item3.pre}),r.jsx(A,{windowSize:i,children:n.item3.bold}),r.jsx(y,{windowSize:i,children:n.item3.post})]})]}),r.jsxs(B,{windowSize:i,children:[r.jsx(I,{children:r.jsx(sr,{})}),r.jsxs(R,{children:[r.jsx(y,{windowSize:i,children:n.item4.pre}),r.jsx(A,{windowSize:i,children:n.item4.bold}),r.jsx(y,{windowSize:i,children:n.item4.post})]})]})]}),i==="small"?null:r.jsx(re,{windowSize:i,cardPromoType:e})]})};let k;const Oe=()=>{const e=b(),s=J(),[i,n]=S.useState(0),[p,m]=S.useState(!1),c=o.businessText,w=`${c} ${o.debit}`,f=[{id:1,cardType:"debit",cardText:w},{id:2,cardType:"debit",cardText:w},{id:3,cardType:"credit",cardText:c},{id:4,cardType:"credit",cardText:c}];S.useEffect(()=>(p||(k=setInterval(()=>{n(l=>{const d=l+1;return d===f.length?(m(!0),0):d})},2e3)),()=>clearInterval(k)),[p,f.length]),S.useEffect(()=>{p&&k!=null&&clearInterval(k)},[p]);const v=(l,d)=>{switch((l-i+f.length)%f.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=v(l,!0);return{...d,transform:`${d?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}},u=l=>{p||m(!0),n(l)};return r.jsxs(xr,{windowSize:e,children:[r.jsx(ur,{windowSize:e,children:f.map((l,d)=>r.jsxs(wr,{children:[r.jsx(ie,{isReflection:!1,style:{...v(d,!1)},onClick:()=>u(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))}),p&&r.jsx(Ue,{numberOfDots:f.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:h.navigationBottom.valuePx(e),left:h.navigationLeft.valuePx(e),zIndex:7}})]})},Qe=a.div`
+import{e as b,M as oe,j as r,u as J,Q as $e,k as ye,a5 as be,a3 as je,l as Se,ft as Te,a_ as ze,X as Y,a2 as ee,o as t,c9 as ve,_ as O,ca as Pe,J as ke,C as x,t as Be,br as Ae,i7 as Ie,w as Re,r as g,b as j,g as $,as as Me,aa as Le,i8 as _e}from"./index-dX8TSOm6.js";import{b as S,n as a,j as Ee,k as De}from"./vendor-rkTZJa59.js";import{w as Fe}from"./MeetingCalenderPopup-Dd1Z-rK3-BN7CJUqh.js";import{f as Ue}from"./NavigationDots-D6hsvkMX-Dc9TKWSO.js";import{J as H,N as G}from"./PromoBaseCards-zfJOT86M-Cxis92cB.js";import{M}from"./usp-line-BBd1wKwW-u-VMxix8.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";const h={containerPaddingTopBottom:new x(g[0],g[0]),uspContainerMarginX:new x(g[6],g[0]),midContainerGap:new x(g[4],84),iconContainerMinHeight:new x(236,396),emptySectionHeight:new x(g[6],43),navigationBottom:new x(g[4],94),navigationLeft:new x(192,244),carouselHeight:new x(268,396),carouselMarginTop:new x(54,g[4]),carouselMarginLeft:new x(120,g[12]),buttonTrayGap:new x(g[3],g[5]),termsOfAgreementMarginTop:new x(g[5],g[10]),contactAdminContainerMarginTop:new x(g[0],g[10]),contactAdminContainerMarginBottom:new x(g[4],g[0]),contactAdminContainerMarginLeftRight:new x(g[3],g[0])},T={promoBadgeText:new j("standardRegular","largeRegular"),promoBadgeTextBold:new j("standardBold","largeBold"),cardsContent:new j("extraSmallRegular","smallRegular"),contactAdmin:new j("extraSmallRegular","largeRegular"),uspText:new j("smallRegular","standardRegular"),uspBoldText:new j("smallMedium","standardMedium")},{common:U,spendManagement:{chargeCard:{chargeCardsPromo:o}}}=oe.getLocalizedStrings(),Rr=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:i,showEnableCardButton:n,controllerEmails:p,isCreditCardProductVisible:m,isDebitCardFeatureEnabled:c,isDebitCardSetupEnabled:w,isChargeCardSetupEnabled:f,admins:v,cashbackRate:P,cardPromoType:u="credit",onSetupButtonClick:l,onBackClick:d,onClickMenuIcon:pe,onSetupChargeCardSuccess:X,onExpressInterestClick:me})=>{const ge=J(),Q=$e(),z=b(),V=ye().analytics,{chargeCardTermsDetails:L,companyChargeCardInfo:C,companyLocaleInfo:_}=i,W=be(L?.fetchStatus.fetchState),[he,Z]=S.useState(!1),xe=()=>{V.trackCardsPromoPageClicked("schedule demo"),V.trackCardsScheduleDemoClick(p,{isCreditCardOffered:m,isDebitCardOffered:c,isDebitCardEnabled:w,isCreditCardEnabled:f},"Cards Promo"),Z(!0)},ue=C!=null&&_!=null?je("0,0",{amount:C.chargeCardsCreditAccountLimit,currencyCode:_.currencyCode,currencySymbol:_.currencySymbol}):void 0;S.useEffect(()=>{W==="In-Progress"&&L?.fetchStatus.fetchState==="Completed"&&X()},[W,X,L?.fetchStatus]);const q=Se.hasChargeCardAdminLevelAccess(Q.loggedInUserRoleMap),we=Te(Q),E=u==="credit"&&C?.isCompanyInterestedInChargeCard===!1&&C.chargeCardsCreditAccountLimit===0,D=u==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===-1,F=u==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===0,fe=u==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit>0,{expressInterestInChargeCardFetchState:Ce}=i,K=E?o.getPreApprovedNow:n?o.enableCardsButton:o.setupCardsButton;return r.jsxs(Xe,{children:[r.jsx(ze,{title:o.title[u],backgroundColor:ge.colors.grey4,onBackClick:d,showBackButton:!0,showMenuIcon:z==="medium-compact"||z==="small",onClickMenuIcon:pe,style:{zIndex:9},source:"ChargeCardPromoPage"}),he===!0?r.jsx(Fe,{onCancelClick:()=>{Z(!1)},meetingUrl:e}):null,r.jsx(Ze,{windowSize:z,children:q===!0?r.jsxs(We,{children:[r.jsxs(Ve,{children:[r.jsx(He,{isApproved:fe,creditAmount:ue,cardPromoType:u,isUnderReview:F,isRejected:D,showExpressInterest:E}),r.jsx(ne,{cardPromoType:u,cashbackRate:P})]}),r.jsx(ae,{showEnableCardButton:n,cardPromoType:u,isUnderReview:F,isRejected:D,showExpressInterest:E})]}):r.jsx(Ge,{companyLegalName:s,cards:[],admins:v,cashbackRate:P,hasZeniFinopsRoles:we,cardPromoType:u})}),q&&!(F||D)?r.jsxs(ir,{windowSize:z,children:[r.jsx(Y,{variant:"secondary",label:o.scheduleDemoButton,style:{width:166},onClick:xe,"data-testid":ee("schedule-demo-button")}),r.jsx(Qe,{windowSize:z,children:o.orText}),r.jsx(Y,{variant:"primary",label:K,style:{minWidth:166},loading:i.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||Ce==="In-Progress",onClick:K===o.getPreApprovedNow?me:()=>l(u),"data-testid":ee("enable-card-button")})]}):null]})},Ne=({admins:e})=>{const s=e.flatMap(n=>n.user?.firstName+" "+n.user?.lastName).join(", "),i=b();return r.jsxs(pr,{windowSize:i,children:[r.jsx(N,{underline:!1,windowSize:i,children:o.noCardAssigned.pre}),r.jsx(Ae,{title:s,placement:"top-start",style:{padding:`2px ${t.sp2}`},children:r.jsx(N,{underline:!0,windowSize:i,children:o.noCardAssigned.tooltip})}),r.jsx(N,{underline:!1,windowSize:i,children:o.noCardAssigned.post})]})},ae=({cardPromoType:e,showEnableCardButton:s,isUnderReview:i,isRejected:n,showExpressInterest:p,isCardUser:m=!1})=>{const c=b();return r.jsx(tr,{windowSize:c,children:r.jsx(Ie,{topTermLabel:e==="credit"||e==="debit_and_credit"?o.terms.checkingAccountTerm:void 0,buttonTermLabel:i===!0||n===!0||m===!0?void 0:p===!0?o.terms.approvalTerm:s?o.terms.alternateTerm1:o.terms.terms1,showEndIcon:!1,showTerms:n===!1||m===!1,style:{marginTop:h.termsOfAgreementMarginTop.valuePx(c)}})})},He=({isApproved:e,cardPromoType:s,creditAmount:i,isUnderReview:n,isRejected:p,showExpressInterest:m})=>{const c=b(),w=s==="debit_and_credit"?o.promoTextDebitCreditCard:s==="debit"?o.promoTextDebitCard:o.promoTextCreditCard,f=e?r.jsxs(r.Fragment,{children:[o.promoBadgeText.approved,r.jsx(te,{children:i}),o.creditLimit,U.strings.space]}):m?r.jsxs(r.Fragment,{children:[o.promoBadgeText.nonPreApproved.get,r.jsx(er,{children:o.promoBadgeText.nonPreApproved.scale}),o.promoBadgeText.nonPreApproved.doubleStarred,U.strings.space,o.promoBadgeText.nonPreApproved.higherLimits]}):n?o.promoBadgeText.underReview:p?o.promoBadgeText.rejected:r.jsxs(r.Fragment,{children:[o.promoBadgeText.preApproved,r.jsx(te,{children:i}),o.creditLimit,U.strings.space]});return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:c==="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(Ke,{cardPromoType:s,hideBadge:i==null||s==="debit",windowSize:c,children:[n||p||m?null:r.jsx(Cr,{}),r.jsx(Ye,{windowSize:c,children:f})]})]})},Ge=({companyLegalName:e,cards:s,admins:i,cashbackRate:n,hasZeniFinopsRoles:p,cardPromoType:m="credit"})=>{const c=b(),w=m==="debit_and_credit"?o.promoTextDebitCreditCard:m==="debit"?o.promoTextDebitCard:o.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[c==="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(cr,{windowSize:c}):r.jsx(Je,{cards:s,companyLegalName:e}),r.jsx(ne,{cardPromoType:m,cashbackRate:n}),p?null:r.jsx(Ne,{admins:i}),r.jsx(ae,{isCardUser:!0,showEnableCardButton:!1,cardPromoType:m})]})},Je=({cards:e,companyLegalName:s})=>{const i=J(),n=b();let p="",m;if(e.length===1){m=e[0].cardCreatedByUser.photo;const c=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;p=o.cardAssigned.singleCreditCard.replace("__issuing-user__",c).replace("__company-name__",s)}else p=o.cardAssigned.multipleCreditCards.replace("__company-name__",s);return r.jsxs(gr,{children:[m!=null?r.jsx(qe,{width:t.sp5,height:t.sp5,style:{paddingTop:n==="small"?t.sp1:t.sp0},src:m.href,alt:oe.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:c})=>{c.onerror=null,c.src=Be},loading:"lazy"}):null,r.jsx(mr,{windowSize:n,mode:i.mode,children:r.jsx(hr,{windowSize:n,children:p})})]})},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(Oe,{}):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})]})})},ne=({cardPromoType:e,cashbackRate:s})=>{const i=b(),n=o.benefits;return r.jsxs(rr,{windowSize:i,children:[i==="small"?r.jsx(re,{windowSize:i,cardPromoType:e}):null,r.jsxs(or,{windowSize:i,children:[r.jsxs(B,{windowSize:i,children:[r.jsx(I,{children:r.jsx(dr,{})}),r.jsxs(R,{children:[r.jsx(y,{windowSize:i,children:n.item1.pre}),r.jsx(A,{windowSize:i,children:n.item1.bold.replace("__cashback__",(s*100).toFixed(2))}),r.jsx(y,{windowSize:i,children:`${e==="credit"||e==="debit_and_credit"?n.singleStarred:""}${n.item1.post}`})]})]}),r.jsxs(B,{windowSize:i,children:[r.jsx(I,{children:r.jsx(nr,{})}),r.jsxs(R,{children:[r.jsx(y,{windowSize:i,children:n.item2.pre}),r.jsx(A,{windowSize:i,children:n.item2.bold}),r.jsx(y,{windowSize:i,children:n.item2.post})]})]}),r.jsxs(B,{windowSize:i,children:[r.jsx(I,{children:r.jsx(lr,{})}),r.jsxs(R,{children:[r.jsx(y,{windowSize:i,children:n.item3.pre}),r.jsx(A,{windowSize:i,children:n.item3.bold}),r.jsx(y,{windowSize:i,children:n.item3.post})]})]}),r.jsxs(B,{windowSize:i,children:[r.jsx(I,{children:r.jsx(sr,{})}),r.jsxs(R,{children:[r.jsx(y,{windowSize:i,children:n.item4.pre}),r.jsx(A,{windowSize:i,children:n.item4.bold}),r.jsx(y,{windowSize:i,children:n.item4.post})]})]})]}),i==="small"?null:r.jsx(re,{windowSize:i,cardPromoType:e})]})};let k;const Oe=()=>{const e=b(),s=J(),[i,n]=S.useState(0),[p,m]=S.useState(!1),c=o.businessText,w=`${c} ${o.debit}`,f=[{id:1,cardType:"debit",cardText:w},{id:2,cardType:"debit",cardText:w},{id:3,cardType:"credit",cardText:c},{id:4,cardType:"credit",cardText:c}];S.useEffect(()=>(p||(k=setInterval(()=>{n(l=>{const d=l+1;return d===f.length?(m(!0),0):d})},2e3)),()=>clearInterval(k)),[p,f.length]),S.useEffect(()=>{p&&k!=null&&clearInterval(k)},[p]);const v=(l,d)=>{switch((l-i+f.length)%f.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=v(l,!0);return{...d,transform:`${d?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}},u=l=>{p||m(!0),n(l)};return r.jsxs(xr,{windowSize:e,children:[r.jsx(ur,{windowSize:e,children:f.map((l,d)=>r.jsxs(wr,{children:[r.jsx(ie,{isReflection:!1,style:{...v(d,!1)},onClick:()=>u(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))}),p&&r.jsx(Ue,{numberOfDots:f.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:h.navigationBottom.valuePx(e),left:h.navigationLeft.valuePx(e),zIndex:7}})]})},Xe=a.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
-`,Ve=a(Re)`
+`,Qe=a(Re)`
   color: ${e=>e.theme.colors.hero};
-`,Xe=a.div`
+`,Ve=a.div`
   display: flex;
   flex-direction: column;
   align-items: center;
-`,Ye=a.div`
+`,We=a.div`
   display: flex;
   flex-direction: column;
   justify-content: space-between;
@@ -52,11 +52,11 @@ import{e as b,M as oe,j as r,u as J,Q as $e,k as ye,a2 as be,a0 as je,l as Se,ft
   padding: 6px ${t.sp3} ${t.sp0} ${t.sp3};
   text-align: center;
   margin-top: 6px;
-`,We=a.img`
+`,qe=a.img`
   border-radius: 50%;
   justify-content: center;
   color: ${e=>e.theme.colors.hero};
-`,qe=a.div`
+`,Ke=a.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -75,7 +75,7 @@ import{e as b,M as oe,j as r,u as J,Q as $e,k as ye,a2 as be,a0 as je,l as Se,ft
   ${e=>e.hideBadge&&`
     visibility: hidden;
     `}
-`,Ke=a(O)`
+`,Ye=a(O)`
   color: ${e=>e.theme.mode==="dark"?$.brandColorJade:$.brandColorSapphire};
   text-align: ${e=>e.windowSize==="small"?"left":"center"};
   ${e=>`${T.promoBadgeText.style(e.windowSize)}`};

package/dist/assets/{ChargeCardSetupPage-CBP4-JyP-NCDgse98.js → ChargeCardSetupPage-CHK4_mR3-uQ6PE_iN.js}

@@ -1,4 +1,4 @@
-import{u as Ie,e as Oe,k as Ue,a2 as H,a as Be,cc as $e,l as ze,M as Re,a8 as G,j as t,cR as _e,g as Le,C as r,aY as We,h as Ne,F as qe,dQ as Me,o as B,$ as He,aT as Ge,a4 as Je,r as a,s as Qe}from"./index-RcMUg6rr.js";import{b as p,n as S}from"./vendor-rkTZJa59.js";import{D as Ye}from"./HelpButton-CzyBnp0B-B4qln9tA.js";import{J as Ke}from"./SetUpDefaultSection-BdVOXSh8-M71dwMGe.js";import{f as Xe,y as J}from"./SpendMgmtSetupAccountSection-ZPHoUnnr-BJcUWi60.js";import{x as Ze}from"./LabeledControlledCheckBoxField-DJSFmpIX-DXOJq1C3.js";import{g as et}from"./UploadAdditionalDocumentOverlay-D2Tin1CX-7rKlqc-o.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";import"./MeetingCalenderPopup-CGGit3Ny-CiZ-1m4B.js";import"./ChargeCardUtils-DaDe1sIq-NwQ1CJ2W.js";import"./CreditCardPaymentPlgSection-BbVnrMer-Db7C8egU.js";import"./ChaseOverlay-C1SVk4v1-DW3UeCAS.js";const c={titleWidth:new r(343,580,726,826),setupDetailsRowGap:new r(12,a[5],a[5]),sectionRowGap:new r(a[5],a[9],a[9]),iconWidthHeight:new r(20,a[4]),subTitlePaddingTop:new r(12,a[3]),subTitlePaddingBottom:new r(a[3],a[3]),overlayWidth:new r(100,100,59),checkBoxTop:new r(a[1],a[0])},Q="chargeCardSetUpPage",g="payAccount",{commonSetUp:tt,spendManagement:nt}=Re.getLocalizedStrings(),{chargeCard:X}=nt,{chargeCardSetUp:m}=X,{setUp:$}=tt,Tt=({autoPayThreshold:e,isDisabled:x,meetingUrl:T,isEarlyPayEnabled:h,chargeCardSetUpView:o,connectedAccountProvider:Z,filesEndPoint:ee,authParams:te,isAccountsEnabled:ne,isDebitCardOnlyEnabled:E,isCreditCardOnlyEnabled:ie,accountsPromoConfig:oe,onFetchLinkTokenClick:ae,onBackClick:ce,onEnableChargeCardClick:se,onUpdateChargeCardClick:le,onBusinessVerificationSectionClick:re,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ue,onUpdatePrimaryFundingAccount:pe,onUpdateAutoPayClick:me,onEstablishConnectionClick:ge,onEstablishConnectionSuccess:he,onClickMenuIcon:fe,onEnableChargeCardSuccess:P,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,onCompanyOfficerUpdated:Se,onSendForVerificationClick:xe,onSignUpClick:Pe})=>{const f=Ie(),i=Oe(),v=Ue().analytics,[w,y]=p.useState(!1),{fetchState:b,companyBillPayInfo:z,isRefreshingViewInBackground:we,updateStatus:d,accountUpdateStatus:Ae,plaidConnectionDetails:ke,allBankAccounts:Te,companyChargeCardInfo:F,companyDebitCardInfo:R,selectedCompanyOfficer:s,primaryFundingAccount:l,allFundingAccounts:_}=o,L=H(b),A=H(d.fetchState),j=Be({mode:"all",reValidateMode:"onChange",defaultValues:p.useMemo(()=>Y(o),[o]),values:Y(o)}),Ee=j.handleSubmit(se),ve=async(C,k)=>{const n=k[g];if(C.includes(g))if(C.includes("fundingAccount")){if(n.fundingAccount.selectedOption!=null&&l?.id!=n.fundingAccount.selectedOption){const u=_.find(U=>U.id===n.fundingAccount.selectedOption);u!=null&&pe(n.fundingAccount.selectedOption,u.accType)}}else if(n.account.selectedOption!=null&&l?.id!=null&&l?.zeniAccountId!=n.account.selectedOption){const u=n.account.allOptions.find(U=>U.value===n.account.selectedOption);u!=null&&typeof u.label=="string"&&v.trackConnectBankLink(u.value,u.label,"charge_cards"),le(n.account.selectedOption,l.id,l.accType)}else C.includes("enableAutoPay")&&n.enableAutoPay!=null&&me(n.enableAutoPay)};p.useEffect(()=>{const C=j.watch((k,{name:n})=>{n!=null&&k!=null&&$e(()=>ve(n,k))});return()=>{C.unsubscribe()}}),p.useEffect(()=>{!w&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&y(!0),w&&L==="In-Progress"&&b==="Completed"&&y(!1)},[s,b,L]),p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&P()},[P,A,d.fetchState]);const D=F?.isChargeCardEnabled===!0,V=R?.isDebitCardEnabled===!0,W=R?.isDebitCardTOSAccepted===!0,N=F?.isChargeCardTOSAccepted===!0,q=z?.isBusinessVerified===!0,Fe=l?.accType==="depositAccount"||ze.isVerifiedPaymentAccountProviderStatusCode(l?.providerVerificationStatus?.code??""),I=E?q:q&&Fe,je=b==="In-Progress"||b==="Not-Started";p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&P()},[P,A,d.fetchState]);const O=E?I&&!V&&W:ie?I&&!D&&N:I&&!(D&&V)&&N&&W,De=O?m.setupSubTitleNotEnabled:m.setupSubTitle,M=f.mode==="light"?new G(f.colors.brandColorJadeLight):new G(f.colors.brandColorJadeDark),Ve=()=>{!w&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"?y(!0):re?.()};return t.jsxs(ot,{children:[t.jsx(_e,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:w,onClose:()=>y(!1),style:{backgroundColor:Le.drawerBackground},transitionDuration:250,children:t.jsx(et,{authParams:te,filesEndPoint:ee,updateStatus:d,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,companyOfficer:s,onClose:()=>y(!1),onCompanyOfficerUpdated:Se,onSendForVerificationClick:xe})}),t.jsx(We,{title:m.setupTitle,backgroundColor:f.colors.grey4,style:{zIndex:3},onBackClick:ce,showMenuIcon:!D&&!V&&(i==="medium-compact"||i==="small"),onClickMenuIcon:fe,source:"ChargeCardSetupPage"}),t.jsxs(it,{windowSize:i,children:[t.jsx(at,{windowSize:i,children:De}),je?t.jsx(ct,{children:t.jsx(Ne,{size:"ExtraLarge",start:!0})}):t.jsx(qe,{...j,children:t.jsx("form",{id:K(Q),onSubmit:Ee,children:t.jsxs(st,{windowSize:i,children:[t.jsx(Ke,{onClick:Ve,title:$.businessVerificationTitle,subTitle:$.businessVerificationSubTitle,header:$.businessVerificationHeader,icon:{element:t.jsx(Me,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:M},status:z?.businessVerificationStatus,isLoading:we,isActiveWhileLoading:!0}),E?null:t.jsx(Xe,{connectedAccountProvider:Z,primaryFundingAccount:l,allFundingAccounts:_,plaidConnectionDetails:ke,allBankAccounts:Te,sectionId:g,isDisabled:x,onFetchLinkTokenClick:ae,onEstablishConnectionClick:ge,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ue,sectionTitle:m.setupAccountSectionTitle,onEstablishConnectionSuccess:he,icon:{element:t.jsx(Ge,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:M},analytics:v,productType:"charge_cards",isAccountsEnabled:ne,onSignUpClick:Pe,pageName:m.pageName,accountsPromoConfig:oe,accountSelectContainerStyle:h?{marginBottom:"20px"}:{},bottomComponent:h&&t.jsx(Ze,{label:{label:X.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:f.colors.primary,...He.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:B.sp4,marginTop:B.sp1,alignItems:i==="small"?"flex-start":"center"},checkBoxField:{name:J(g,"enableAutoPay"),checkBoxValue:J(g,"enableAutoPay"),defaultChecked:F?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(i)}}})})]})})})]}),O?t.jsx(Je,{formId:K(Q),primaryBtn:{label:m.enableAccounts,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:d.fetchState==="In-Progress"||Ae.fetchState==="In-Progress",isDisabled:x!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${B.sp3}`}}):null,t.jsx(Ye,{isFooterRendered:O,meetingUrl:T,analytics:v,productType:"charge_cards"})]})},Y=e=>{const{allBankAccounts:x,allFundingAccounts:T,primaryFundingAccount:h}=e;return{[g]:{fundingAccount:{selectedOption:h?.id,allOptions:T.map(o=>({label:o.label,value:o.id,isRecommended:o.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:x.map(o=>({label:o.accountName,value:o.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},K=e=>`${e}_form`,it=S.div`
+import{u as Ie,e as Oe,k as Ue,a5 as H,a as Be,cc as $e,l as _e,M as ze,ab as G,j as t,cR as Re,g as Le,C as r,a_ as We,h as Ne,F as qe,dQ as Me,o as B,$ as He,aV as Ge,a7 as Je,r as a,s as Qe}from"./index-dX8TSOm6.js";import{b as p,n as S}from"./vendor-rkTZJa59.js";import{D as Ke}from"./HelpButton-CdHOhYwZ-vfgKqvvf.js";import{J as Xe}from"./SetUpDefaultSection-e5I_whKg-CWXMi4yS.js";import{f as Ye,y as J}from"./SpendMgmtSetupAccountSection-BW8Ip5wi-CkkTNUfg.js";import{u as Ze}from"./LabeledControlledCheckBoxField-CATsgVfE-C27gMaQw.js";import{g as et}from"./UploadAdditionalDocumentOverlay-D6x4OGXl-CxKK3Ose.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";import"./MeetingCalenderPopup-Dd1Z-rK3-BN7CJUqh.js";import"./ChargeCardUtils-Bel9RKog-BYoByp7T.js";import"./CreditCardPaymentPlgSection-Bo8bjkSd-Cj2DAE6L.js";import"./ChaseOverlay-Cni-YJBq-ki7qKNfn.js";const c={titleWidth:new r(343,580,726,826),setupDetailsRowGap:new r(12,a[5],a[5]),sectionRowGap:new r(a[5],a[9],a[9]),iconWidthHeight:new r(20,a[4]),subTitlePaddingTop:new r(12,a[3]),subTitlePaddingBottom:new r(a[3],a[3]),overlayWidth:new r(100,100,59),checkBoxTop:new r(a[1],a[0])},Q="chargeCardSetUpPage",g="payAccount",{commonSetUp:tt,spendManagement:nt}=ze.getLocalizedStrings(),{chargeCard:Y}=nt,{chargeCardSetUp:m}=Y,{setUp:$}=tt,Tt=({autoPayThreshold:e,isDisabled:x,meetingUrl:T,isEarlyPayEnabled:h,chargeCardSetUpView:o,connectedAccountProvider:Z,filesEndPoint:ee,authParams:te,isAccountsEnabled:ne,isDebitCardOnlyEnabled:E,isCreditCardOnlyEnabled:ie,accountsPromoConfig:oe,onFetchLinkTokenClick:ae,onBackClick:ce,onEnableChargeCardClick:se,onUpdateChargeCardClick:le,onBusinessVerificationSectionClick:re,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ue,onUpdatePrimaryFundingAccount:pe,onUpdateAutoPayClick:me,onEstablishConnectionClick:ge,onEstablishConnectionSuccess:he,onClickMenuIcon:fe,onEnableChargeCardSuccess:P,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,onCompanyOfficerUpdated:Se,onSendForVerificationClick:xe,onSignUpClick:Pe})=>{const f=Ie(),i=Oe(),v=Ue().analytics,[w,y]=p.useState(!1),{fetchState:b,companyBillPayInfo:_,isRefreshingViewInBackground:we,updateStatus:d,accountUpdateStatus:Ae,plaidConnectionDetails:ke,allBankAccounts:Te,companyChargeCardInfo:F,companyDebitCardInfo:z,selectedCompanyOfficer:s,primaryFundingAccount:l,allFundingAccounts:R}=o,L=H(b),A=H(d.fetchState),j=Be({mode:"all",reValidateMode:"onChange",defaultValues:p.useMemo(()=>K(o),[o]),values:K(o)}),Ee=j.handleSubmit(se),ve=async(C,k)=>{const n=k[g];if(C.includes(g))if(C.includes("fundingAccount")){if(n.fundingAccount.selectedOption!=null&&l?.id!=n.fundingAccount.selectedOption){const u=R.find(U=>U.id===n.fundingAccount.selectedOption);u!=null&&pe(n.fundingAccount.selectedOption,u.accType)}}else if(n.account.selectedOption!=null&&l?.id!=null&&l?.zeniAccountId!=n.account.selectedOption){const u=n.account.allOptions.find(U=>U.value===n.account.selectedOption);u!=null&&typeof u.label=="string"&&v.trackConnectBankLink(u.value,u.label,"charge_cards"),le(n.account.selectedOption,l.id,l.accType)}else C.includes("enableAutoPay")&&n.enableAutoPay!=null&&me(n.enableAutoPay)};p.useEffect(()=>{const C=j.watch((k,{name:n})=>{n!=null&&k!=null&&$e(()=>ve(n,k))});return()=>{C.unsubscribe()}}),p.useEffect(()=>{!w&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&y(!0),w&&L==="In-Progress"&&b==="Completed"&&y(!1)},[s,b,L]),p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&P()},[P,A,d.fetchState]);const V=F?.isChargeCardEnabled===!0,D=z?.isDebitCardEnabled===!0,W=z?.isDebitCardTOSAccepted===!0,N=F?.isChargeCardTOSAccepted===!0,q=_?.isBusinessVerified===!0,Fe=l?.accType==="depositAccount"||_e.isVerifiedPaymentAccountProviderStatusCode(l?.providerVerificationStatus?.code??""),I=E?q:q&&Fe,je=b==="In-Progress"||b==="Not-Started";p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&P()},[P,A,d.fetchState]);const O=E?I&&!D&&W:ie?I&&!V&&N:I&&!(V&&D)&&N&&W,Ve=O?m.setupSubTitleNotEnabled:m.setupSubTitle,M=f.mode==="light"?new G(f.colors.brandColorJadeLight):new G(f.colors.brandColorJadeDark),De=()=>{!w&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"?y(!0):re?.()};return t.jsxs(ot,{children:[t.jsx(Re,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:w,onClose:()=>y(!1),style:{backgroundColor:Le.drawerBackground},transitionDuration:250,children:t.jsx(et,{authParams:te,filesEndPoint:ee,updateStatus:d,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,companyOfficer:s,onClose:()=>y(!1),onCompanyOfficerUpdated:Se,onSendForVerificationClick:xe})}),t.jsx(We,{title:m.setupTitle,backgroundColor:f.colors.grey4,style:{zIndex:3},onBackClick:ce,showMenuIcon:!V&&!D&&(i==="medium-compact"||i==="small"),onClickMenuIcon:fe,source:"ChargeCardSetupPage"}),t.jsxs(it,{windowSize:i,children:[t.jsx(at,{windowSize:i,children:Ve}),je?t.jsx(ct,{children:t.jsx(Ne,{size:"ExtraLarge",start:!0})}):t.jsx(qe,{...j,children:t.jsx("form",{id:X(Q),onSubmit:Ee,children:t.jsxs(st,{windowSize:i,children:[t.jsx(Xe,{onClick:De,title:$.businessVerificationTitle,subTitle:$.businessVerificationSubTitle,header:$.businessVerificationHeader,icon:{element:t.jsx(Me,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:M},status:_?.businessVerificationStatus,isLoading:we,isActiveWhileLoading:!0}),E?null:t.jsx(Ye,{connectedAccountProvider:Z,primaryFundingAccount:l,allFundingAccounts:R,plaidConnectionDetails:ke,allBankAccounts:Te,sectionId:g,isDisabled:x,onFetchLinkTokenClick:ae,onEstablishConnectionClick:ge,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ue,sectionTitle:m.setupAccountSectionTitle,onEstablishConnectionSuccess:he,icon:{element:t.jsx(Ge,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:M},analytics:v,productType:"charge_cards",isAccountsEnabled:ne,onSignUpClick:Pe,pageName:m.pageName,accountsPromoConfig:oe,accountSelectContainerStyle:h?{marginBottom:"20px"}:{},bottomComponent:h&&t.jsx(Ze,{label:{label:Y.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:f.colors.primary,...He.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:B.sp4,marginTop:B.sp1,alignItems:i==="small"?"flex-start":"center"},checkBoxField:{name:J(g,"enableAutoPay"),checkBoxValue:J(g,"enableAutoPay"),defaultChecked:F?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(i)}}})})]})})})]}),O?t.jsx(Je,{formId:X(Q),primaryBtn:{label:m.enableAccounts,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:d.fetchState==="In-Progress"||Ae.fetchState==="In-Progress",isDisabled:x!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${B.sp3}`}}):null,t.jsx(Ke,{isFooterRendered:O,meetingUrl:T,analytics:v,productType:"charge_cards"})]})},K=e=>{const{allBankAccounts:x,allFundingAccounts:T,primaryFundingAccount:h}=e;return{[g]:{fundingAccount:{selectedOption:h?.id,allOptions:T.map(o=>({label:o.label,value:o.id,isRecommended:o.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:x.map(o=>({label:o.accountName,value:o.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},X=e=>`${e}_form`,it=S.div`
   display: flex;
   justify-content: flex-start;
   height: 100%;
@@ -33,4 +33,4 @@ import{u as Ie,e as Oe,k as Ue,a2 as H,a as Be,cc as $e,l as ze,M as Re,a8 as G,
   display: flex;
   flex-direction: column;
   row-gap: ${e=>c.sectionRowGap.valuePx(e.windowSize)};
-`;export{Tt as default,K as uniqueName};
+`;export{Tt as default,X as uniqueName};

package/dist/assets/{ChargeCardStatementsPage-CVJyNhXt-Di4REK7T.js → ChargeCardStatementsPage-B746tyaI-BpHM8ktT.js}

@@ -1,9 +1,9 @@
-import{u as F,e as T,j as t,aY as W,M as R,o as h,C as g,s as B,ao as O,k as V,h9 as Q,Z as q,h as J,r as s,bB as U}from"./index-RcMUg6rr.js";import{n as i,b as Z}from"./vendor-rkTZJa59.js";import{$ as _,g as G}from"./BoxItem-Bla_vZe9-D4jxptTn.js";import{w as H}from"./downloadPdf-DqURwcIt-cyNLfpwv.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";import"./commonDimensions-BqqLiZ_H-X7QteB7-.js";const Y=R.getLocalizedStrings().months,M={downloadButtonSize:new g(s[4],20)},K=i.div`
+import{u as F,e as T,j as t,a_ as W,M as R,o as h,C as w,s as B,ar as O,k as V,h9 as Q,a2 as _,h as q,r as s,bC as J}from"./index-dX8TSOm6.js";import{n as i,b as U}from"./vendor-rkTZJa59.js";import{$ as G,g as H}from"./BoxItem-BwOmI0eo-Bg_oDJrZ.js";import{w as K}from"./downloadPdf-Bj4Y4BB4-D1l-PLqG.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";import"./commonDimensions-FafZVRxo-CSxm8Nzu.js";const Y=R.getLocalizedStrings().months,M={downloadButtonSize:new w(s[4],20)},X=i.div`
   display: flex;
   padding: ${h.sp3} ${h.sp4};
   flex-direction: row;
   width: 100%;
-`,X=i.div`
+`,Z=i.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -19,7 +19,7 @@ import{u as F,e as T,j as t,aY as W,M as R,o as h,C as g,s as B,ao as O,k as V,h
   overflow: hidden;
 `,te=i.div`
   cursor: pointer;
-`,ae=i(U)`
+`,ae=i(J)`
   width: ${e=>M.downloadButtonSize.valuePx(e.windowSize)};
   height: ${e=>M.downloadButtonSize.valuePx(e.windowSize)};
   min-height: ${e=>M.downloadButtonSize.valuePx(e.windowSize)};
@@ -27,14 +27,14 @@ import{u as F,e as T,j as t,aY as W,M as R,o as h,C as g,s as B,ao as O,k as V,h
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`;function ie({currentTenantCompanyName:e,data:r,index:n,controllerEmails:l,isDebitCardFeatureEnabled:a,isDebitCardSetupEnabled:o,chargeCardCashbackDetailState:d,depositAccountListWithDebitCardIssued:x,debitCardSummary:C,productInformation:S,creditAccountInformation:y,debitAccountInformation:$,cashbackInformation:f,creditAccountRepayment:j,authParams:P,downloadEndPoint:k,boxType:I}){const b=V().analytics,[v,E]=Z.useState(!1),c=T(),z=Y[r.monthYearPeriod.month-1],u=`${e}-Credit-Card-Monthly-Statement-${Y[r.monthYearPeriod.month-1]}-${r.monthYearPeriod.year}.pdf`,m={period:`${r.monthYearPeriod.year}-${Q(r.monthYearPeriod.month)}`,format:"pdf"},p=t.jsx(K,{children:t.jsxs(X,{children:[t.jsx(ee,{children:z}),t.jsx(te,{"data-testid":q("download-card-statement"),onClick:()=>{d.fetchState==="Completed"&&j.fetchState==="Completed"&&(!(a&&o)||x.fetchState==="Completed"&&C?.fetchState==="Completed")&&f!=null&&b.trackCardsDownloadClick(l,S,f,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:u,fileMonthYear:`${Y[r.monthYearPeriod.month-1]} ${r.monthYearPeriod.year}`},"Credit Card Statements",n+1,y,$),H(`${k}/statements?query=${encodeURIComponent(JSON.stringify(m))}`,u,P,E)},children:v?t.jsx(J,{size:"Small",start:!0}):t.jsx(ae,{windowSize:c})})]})});return t.jsx(G,{content:p,boxType:I,isDisabled:!1,isNotClickable:!0})}const D=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])},je=({currentTenantCompanyName:e,authParams:r,controllerEmails:n,productInformation:l,cashbackInformation:a,creditAccountInformation:o,debitAccountInformation:d,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:S,isChargeCardSetupEnabled:y,chargeCardCashbackDetailState:$,depositAccountListWithDebitCardIssued:f,creditAccountRepayment:j,debitCardSummary:P,creditAccount:k,downloadEndPoint:I,statementListView:b,onBackClick:v})=>{const E=F(),c=T(),{sortedYear:z,monthsByYearWithSortedMonth:u}=me(b.statements);return t.jsxs(se,{children:[t.jsx(W,{title:D.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:D.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,A)=>t.jsx(N,{windowSize:c,children:t.jsx(ie,{productInformation:l,creditAccountInformation:o,debitAccountInformation:d,cashbackInformation:a,creditAccountRepayment:j,depositAccountListWithDebitCardIssued:f,debitCardSummary:P,controllerEmails:n,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:S,isChargeCardSetupEnabled:y,chargeCardCashbackDetailState:$,creditAccount:k,currentTenantCompanyName:e,index:A,data:p,authParams:r,downloadEndPoint:I,boxType:_(A,u[m].length)},p.id)},p.id))})]},m))})})]})},re=i.div``,ne=i.div`
+`;function ie({currentTenantCompanyName:e,data:r,index:n,controllerEmails:l,isDebitCardFeatureEnabled:a,isDebitCardSetupEnabled:o,chargeCardCashbackDetailState:d,depositAccountListWithDebitCardIssued:x,debitCardSummary:C,productInformation:S,creditAccountInformation:y,debitAccountInformation:$,cashbackInformation:f,creditAccountRepayment:j,authParams:P,downloadEndPoint:k,boxType:I}){const b=V().analytics,[v,E]=U.useState(!1),c=T(),z=Y[r.monthYearPeriod.month-1],u=`${e}-Credit-Card-Monthly-Statement-${Y[r.monthYearPeriod.month-1]}-${r.monthYearPeriod.year}.pdf`,m={period:`${r.monthYearPeriod.year}-${Q(r.monthYearPeriod.month)}`,format:"pdf"},p=t.jsx(X,{children:t.jsxs(Z,{children:[t.jsx(ee,{children:z}),t.jsx(te,{"data-testid":_("download-card-statement"),onClick:()=>{d.fetchState==="Completed"&&j.fetchState==="Completed"&&(!(a&&o)||x.fetchState==="Completed"&&C?.fetchState==="Completed")&&f!=null&&b.trackCardsDownloadClick(l,S,f,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:u,fileMonthYear:`${Y[r.monthYearPeriod.month-1]} ${r.monthYearPeriod.year}`},"Credit Card Statements",n+1,y,$),K(`${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(H,{content:p,boxType:I,isDisabled:!1,isNotClickable:!0})}const D=R.getLocalizedStrings().spendManagement.chargeCard.statements,g={listItemMarginLeftRight:new w(s[3],s[8]),containerMarginTop:new w(s[0],s[2]),titleMarginLeftRight:new w(s[3],s[8])},je=({currentTenantCompanyName:e,authParams:r,controllerEmails:n,productInformation:l,cashbackInformation:a,creditAccountInformation:o,debitAccountInformation:d,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:S,isChargeCardSetupEnabled:y,chargeCardCashbackDetailState:$,depositAccountListWithDebitCardIssued:f,creditAccountRepayment:j,debitCardSummary:P,creditAccount:k,downloadEndPoint:I,statementListView:b,onBackClick:v})=>{const E=F(),c=T(),{sortedYear:z,monthsByYearWithSortedMonth:u}=me(b.statements);return t.jsxs(se,{children:[t.jsx(W,{title:D.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:D.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,A)=>t.jsx(N,{windowSize:c,children:t.jsx(ie,{productInformation:l,creditAccountInformation:o,debitAccountInformation:d,cashbackInformation:a,creditAccountRepayment:j,depositAccountListWithDebitCardIssued:f,debitCardSummary:P,controllerEmails:n,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:S,isChargeCardSetupEnabled:y,chargeCardCashbackDetailState:$,creditAccount:k,currentTenantCompanyName:e,index:A,data:p,authParams:r,downloadEndPoint:I,boxType:G(A,u[m].length)},p.id)},p.id))})]},m))})})]})},re=i.div``,ne=i.div`
   margin-bottom: ${h.sp6};
 `,L=i.div``,oe=i(O)`
-  margin-left: ${e=>w.titleMarginLeftRight.valuePx(e.windowSize)};
+  margin-left: ${e=>g.titleMarginLeftRight.valuePx(e.windowSize)};
   margin-bottom: ${h.sp3};
 `,N=i.div`
-  margin-left: ${e=>w.listItemMarginLeftRight.valuePx(e.windowSize)};
-  margin-right: ${e=>w.listItemMarginLeftRight.valuePx(e.windowSize)};
+  margin-left: ${e=>g.listItemMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>g.listItemMarginLeftRight.valuePx(e.windowSize)};
 `,de=i.div`
   display: flex;
   height: 100%;
@@ -56,5 +56,5 @@ import{u as F,e as T,j as t,aY as W,M as R,o as h,C as g,s as B,ao as O,k as V,h
   flex-direction: column;
   width: 100%;
   height: 100%;
-  margin-top: ${e=>w.containerMarginTop.valuePx(e.windowSize)};
+  margin-top: ${e=>g.containerMarginTop.valuePx(e.windowSize)};
 `,me=e=>{const r=e.map(a=>{const[o,d]=a.period.split("-");return{id:a.id,monthYearPeriod:{year:parseInt(o),month:parseInt(d)}}}),n={};r.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{je as default};

package/dist/assets/{ChargeCardUtils-DaDe1sIq-NwQ1CJ2W.js → ChargeCardUtils-Bel9RKog-BYoByp7T.js}

@@ -1 +1 @@
-import{fo as D,M as S,dv as c,l as B}from"./index-RcMUg6rr.js";function U(e){const a=e.match(/\d+/g);if(!a||a.length!==3)return null;const r=parseInt(a[0]),d=parseInt(a[1]),t=parseInt(a[2]);return"#"+(1<<24|r<<16|d<<8|t).toString(16).slice(1)}const A=({signedInUserToken:e,showSecretInfo:a,setShowPhoneNumberPopup:r,onFireOnClickAnalytics:d,setShowSecretInfo:t})=>{(e==null||e.expiry.isBefore(B.dateNow()))&&a===!1?(r(!0),d("verify card details")):e?.token!=null&&a===!1?t(!0):e?.token!=null&&a===!0&&t(!1)},F=e=>e.includes("credit")?"credit":"debit",{dateFormat:s}=S.getLocalizedStrings(),L=({chargeCardDetailView:e,classListFetchState:a,analytics:r,isChargeCardFeatureEnabled:d,creditAccount:t,pageName:o,addToWalletType:i,creditAccountRepayment:l,isDebitCard:n,isChargeCardAdmin:m,cardIssuedByRoles:u,cardIssuedByDepartmentName:h,cardHolderRoles:C,cardHolderDepartmentName:g,controllerEmails:p,productInformation:y,creditAccountInformation:f,debitAccountInformation:I})=>{e.chargeCard!=null&&a==="Completed"&&(!d||t.fetchState==="Completed"&&l.fetchState==="Completed")&&(!(n&&m)||e.depositAccountLimitFetchState.fetchState==="Completed")&&r.trackCardsAddToWalletClick(p,y,{cardId:e.chargeCard.id,cardName:e.chargeCard.cardName,cardType:F(e.chargeCard.type.code),cardCategory:e.chargeCard.type.code.includes("physical")?"physical":"virtual",cardLimit:D(e.chargeCard.limit.amount),cardLastFourDigits:e.chargeCard.accountLast4,cardStatus:e.chargeCard.status.code,cardAssignedDate:e.chargeCard.createTime?.format(s.analytics.MMMDashDDDashYYYYFormat),cardIssuedDate:e.chargeCard.providerCardCreateTime?.format(s.analytics.MMMDashDDDashYYYYFormat),cardLimitFrequency:e.chargeCard.creditLimitFrequency.name},{cardIssuedByName:c(e.chargeCard.cardCreatedByUser,!1),cardIssuedByEmail:e.chargeCard.cardCreatedByUser?.email,cardIssuedByUserId:e.chargeCard.cardCreatedByUser?.userId,cardIssuedByRole:u,cardIssuedByDepartment:h},{cardholderName:c(e.chargeCard.cardHolderUser,!1),cardholderEmail:e.chargeCard.cardHolderUser?.email,cardholderRole:C,cardholderUserId:e.chargeCard.cardHolderUser?.userId,cardholderDepartment:g},o,i,f,I)},N=(e,a)=>{if(e<=0)return 0;const r=e-a;return Math.round(r/e*100)},b=e=>e.limit.amount-e.available.amount,Y="1.75";export{F,L as H,U as L,N as M,A as U,b as _,Y as b};
+import{fo as D,M as S,dv as c,l as B}from"./index-dX8TSOm6.js";function U(e){const a=e.match(/\d+/g);if(!a||a.length!==3)return null;const r=parseInt(a[0]),d=parseInt(a[1]),t=parseInt(a[2]);return"#"+(1<<24|r<<16|d<<8|t).toString(16).slice(1)}const A=({signedInUserToken:e,showSecretInfo:a,setShowPhoneNumberPopup:r,onFireOnClickAnalytics:d,setShowSecretInfo:t})=>{(e==null||e.expiry.isBefore(B.dateNow()))&&a===!1?(r(!0),d("verify card details")):e?.token!=null&&a===!1?t(!0):e?.token!=null&&a===!0&&t(!1)},F=e=>e.includes("credit")?"credit":"debit",{dateFormat:s}=S.getLocalizedStrings(),L=({chargeCardDetailView:e,classListFetchState:a,analytics:r,isChargeCardFeatureEnabled:d,creditAccount:t,pageName:o,addToWalletType:i,creditAccountRepayment:l,isDebitCard:n,isChargeCardAdmin:m,cardIssuedByRoles:u,cardIssuedByDepartmentName:h,cardHolderRoles:C,cardHolderDepartmentName:g,controllerEmails:p,productInformation:y,creditAccountInformation:f,debitAccountInformation:I})=>{e.chargeCard!=null&&a==="Completed"&&(!d||t.fetchState==="Completed"&&l.fetchState==="Completed")&&(!(n&&m)||e.depositAccountLimitFetchState.fetchState==="Completed")&&r.trackCardsAddToWalletClick(p,y,{cardId:e.chargeCard.id,cardName:e.chargeCard.cardName,cardType:F(e.chargeCard.type.code),cardCategory:e.chargeCard.type.code.includes("physical")?"physical":"virtual",cardLimit:D(e.chargeCard.limit.amount),cardLastFourDigits:e.chargeCard.accountLast4,cardStatus:e.chargeCard.status.code,cardAssignedDate:e.chargeCard.createTime?.format(s.analytics.MMMDashDDDashYYYYFormat),cardIssuedDate:e.chargeCard.providerCardCreateTime?.format(s.analytics.MMMDashDDDashYYYYFormat),cardLimitFrequency:e.chargeCard.creditLimitFrequency.name},{cardIssuedByName:c(e.chargeCard.cardCreatedByUser,!1),cardIssuedByEmail:e.chargeCard.cardCreatedByUser?.email,cardIssuedByUserId:e.chargeCard.cardCreatedByUser?.userId,cardIssuedByRole:u,cardIssuedByDepartment:h},{cardholderName:c(e.chargeCard.cardHolderUser,!1),cardholderEmail:e.chargeCard.cardHolderUser?.email,cardholderRole:C,cardholderUserId:e.chargeCard.cardHolderUser?.userId,cardholderDepartment:g},o,i,f,I)},N=(e,a)=>{if(e<=0)return 0;const r=e-a;return Math.round(r/e*100)},b=e=>e.limit.amount-e.available.amount,Y="1.75";export{F,L as H,U as L,N as M,A as U,b as _,Y as b};

package/dist/assets/{ChaseOverlay-C1SVk4v1-DW3UeCAS.js → ChaseOverlay-Cni-YJBq-ki7qKNfn.js}

@@ -1,4 +1,4 @@
-import{e as H,fl as Z,fm as W,M as Y,j as t,g as x,q as ee,X as E,Z as c,o as s,C as m,J as te,s as ie,ao as se,bx as oe,dG as re,r as l,ap as A,az as N,a7 as ne,fn as le,w as ae,cz as de,aS as ce}from"./index-RcMUg6rr.js";import{b as p,n as o}from"./vendor-rkTZJa59.js";const u={width:new m(350,624,624),height:new m(600,730,730),paddingLeft:new m(l[4],l[8],l[8]),paddingRight:new m(l[4],l[7],l[7])};function Be(e){const d=H(),[,_]=Z(),{isMobileOrTabletScreen:g}=W(),[y,k]=p.useState(!0),[j,S]=p.useState(!0),[z,C]=p.useState(!1),[T,L]=p.useState(!1),r=Y.getLocalizedStrings().commonSetUp.chaseOverlay,J=r.title,K=r.description,V=()=>{window.open(r.chaseVideoUrl,"_blank")},M=[0,1,2,3],P=i=>i<M.length-1,D=(i,n)=>{_(i??""),n?k(!1):S(!1)},B=i=>{i?C(!0):L(!0)},U=i=>{i?C(!1):L(!1)};p.useEffect(()=>{y===!1&&setTimeout(()=>{k(!0)},2e3),j===!1&&setTimeout(()=>{S(!0)},2e3)},[y,j]);const X=()=>{const i=r.step1;return t.jsxs($,{children:[t.jsx(Ce,{"data-testid":c("chase-overlay-signin-link"),href:r.chaseSigninUrl,target:"_blank",rel:"noreferrer noopener",children:i.text1}),i.text2,t.jsxs(a,{children:[" ",i.text3]}),i.text4,t.jsxs(a,{children:[" ",i.text5]}),i.text6]})},q=()=>{const i=r.step2;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",t.jsx(be,{}),i.text2]}),t.jsx(ke,{}),i.text3]})},G=()=>{const i=r.step3,n=e.connectedAccountProvider==="stripe"?i.payeeIdStripe:i.payeeIdUnit;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",i.text2]}),i.text3,t.jsxs(Te,{children:[t.jsxs(f,{onClick:()=>D(n,!0),onMouseOver:()=>B(!0),onMouseLeave:()=>U(!0),"data-testid":c("copy-payee-id",n),children:[t.jsx(v,{}),i.payeeIdTitle,t.jsx(b,{children:n}),y?t.jsxs(h,{children:[t.jsx(R,{showCopyText:z&&!g,windowSize:d,children:t.jsx(I,{})}),t.jsx(w,{shouldDisplay:z&&!g,children:i.copy})]}):t.jsxs(h,{children:[t.jsx(O,{}),t.jsx(w,{children:i.copied})]})]}),t.jsxs(f,{onClick:()=>D(i.payeeName,!1),onMouseOver:()=>B(!1),onMouseLeave:()=>U(!1),"data-testid":c("copy-payee-name",i.payeeName),children:[t.jsx(v,{}),i.payeeNameTitle,t.jsx(b,{children:i.payeeName}),j?t.jsxs(h,{children:[t.jsx(R,{showCopyText:T&&!g,windowSize:d,children:t.jsx(I,{})}),t.jsx(w,{shouldDisplay:T&&!g,children:i.copy})]}):t.jsxs(h,{children:[t.jsx(O,{}),t.jsx(w,{children:i.copied})]})]}),t.jsxs(f,{children:[t.jsx(h,{children:t.jsx(v,{})}),t.jsxs(Le,{children:[i.amountLimitTitle,i.text4,t.jsx(b,{children:i.amountLimit}),i.text5]})]})]})]})},Q=()=>{const i=r.step4;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",i.text2]}),i.text3,t.jsxs(a,{children:[" ",i.text4]})]})},F=i=>{switch(i){case 0:return t.jsx(X,{});case 1:return t.jsx(q,{});case 2:return t.jsx(G,{});default:return t.jsx(Q,{})}};return t.jsx(pe,{windowSize:d,role:"presentation",style:{background:x.overlayDark,...e.style},children:t.jsx(ee,{onClickAway:()=>e.action.onBackClick?.(),children:t.jsxs(he,{windowSize:d,isEditPopup:!1,children:[t.jsxs(Me,{children:[t.jsx(xe,{children:J}),t.jsx(ge,{children:K}),t.jsx(ye,{children:r.stepsTitle}),t.jsx(ue,{windowSize:d,children:M.map((i,n)=>t.jsxs(me,{children:[t.jsx(fe,{children:P(n)?n+1:t.jsx(Se,{})}),t.jsx(ve,{children:F(n)}),P(n)&&t.jsx(je,{})]},`step_${n}`))})]}),t.jsx($e,{}),t.jsxs(we,{children:[t.jsx(E,{variant:"secondary",label:r.primaryButtonText,onClick:V,style:{width:134,whiteSpace:"nowrap"},"data-testid":c("chase-overlay-watch-video-button")}),t.jsx(ze,{}),t.jsx(E,{variant:e.proceedButtonVariant??"primary",label:r.secondaryButtonText,onClick:e.action.onBackClick,style:{width:134,whiteSpace:"nowrap"},"data-testid":c("chase-overlay-proceed-button")})]})]})})})}const pe=o.div`
+import{e as H,fl as W,fm as Y,M as Z,j as t,g as x,q as ee,X as E,a2 as c,o as s,C as m,J as te,s as ie,ar as se,by as oe,dG as re,r as l,as as A,aC as N,aa as ne,fn as le,w as ae,cz as de,aU as ce}from"./index-dX8TSOm6.js";import{b as p,n as o}from"./vendor-rkTZJa59.js";const u={width:new m(350,624,624),height:new m(600,730,730),paddingLeft:new m(l[4],l[8],l[8]),paddingRight:new m(l[4],l[7],l[7])};function Ue(e){const d=H(),[,_]=W(),{isMobileOrTabletScreen:g}=Y(),[y,k]=p.useState(!0),[j,S]=p.useState(!0),[z,C]=p.useState(!1),[T,L]=p.useState(!1),r=Z.getLocalizedStrings().commonSetUp.chaseOverlay,J=r.title,K=r.description,Q=()=>{window.open(r.chaseVideoUrl,"_blank")},M=[0,1,2,3],P=i=>i<M.length-1,D=(i,n)=>{_(i??""),n?k(!1):S(!1)},U=i=>{i?C(!0):L(!0)},B=i=>{i?C(!1):L(!1)};p.useEffect(()=>{y===!1&&setTimeout(()=>{k(!0)},2e3),j===!1&&setTimeout(()=>{S(!0)},2e3)},[y,j]);const V=()=>{const i=r.step1;return t.jsxs($,{children:[t.jsx(Ce,{"data-testid":c("chase-overlay-signin-link"),href:r.chaseSigninUrl,target:"_blank",rel:"noreferrer noopener",children:i.text1}),i.text2,t.jsxs(a,{children:[" ",i.text3]}),i.text4,t.jsxs(a,{children:[" ",i.text5]}),i.text6]})},q=()=>{const i=r.step2;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",t.jsx(be,{}),i.text2]}),t.jsx(ke,{}),i.text3]})},G=()=>{const i=r.step3,n=e.connectedAccountProvider==="stripe"?i.payeeIdStripe:i.payeeIdUnit;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",i.text2]}),i.text3,t.jsxs(Te,{children:[t.jsxs(f,{onClick:()=>D(n,!0),onMouseOver:()=>U(!0),onMouseLeave:()=>B(!0),"data-testid":c("copy-payee-id",n),children:[t.jsx(v,{}),i.payeeIdTitle,t.jsx(b,{children:n}),y?t.jsxs(h,{children:[t.jsx(R,{showCopyText:z&&!g,windowSize:d,children:t.jsx(I,{})}),t.jsx(w,{shouldDisplay:z&&!g,children:i.copy})]}):t.jsxs(h,{children:[t.jsx(O,{}),t.jsx(w,{children:i.copied})]})]}),t.jsxs(f,{onClick:()=>D(i.payeeName,!1),onMouseOver:()=>U(!1),onMouseLeave:()=>B(!1),"data-testid":c("copy-payee-name",i.payeeName),children:[t.jsx(v,{}),i.payeeNameTitle,t.jsx(b,{children:i.payeeName}),j?t.jsxs(h,{children:[t.jsx(R,{showCopyText:T&&!g,windowSize:d,children:t.jsx(I,{})}),t.jsx(w,{shouldDisplay:T&&!g,children:i.copy})]}):t.jsxs(h,{children:[t.jsx(O,{}),t.jsx(w,{children:i.copied})]})]}),t.jsxs(f,{children:[t.jsx(h,{children:t.jsx(v,{})}),t.jsxs(Le,{children:[i.amountLimitTitle,i.text4,t.jsx(b,{children:i.amountLimit}),i.text5]})]})]})]})},X=()=>{const i=r.step4;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",i.text2]}),i.text3,t.jsxs(a,{children:[" ",i.text4]})]})},F=i=>{switch(i){case 0:return t.jsx(V,{});case 1:return t.jsx(q,{});case 2:return t.jsx(G,{});default:return t.jsx(X,{})}};return t.jsx(pe,{windowSize:d,role:"presentation",style:{background:x.overlayDark,...e.style},children:t.jsx(ee,{onClickAway:()=>e.action.onBackClick?.(),children:t.jsxs(he,{windowSize:d,isEditPopup:!1,children:[t.jsxs(Me,{children:[t.jsx(xe,{children:J}),t.jsx(ge,{children:K}),t.jsx(ye,{children:r.stepsTitle}),t.jsx(ue,{windowSize:d,children:M.map((i,n)=>t.jsxs(me,{children:[t.jsx(fe,{children:P(n)?n+1:t.jsx(Se,{})}),t.jsx(ve,{children:F(n)}),P(n)&&t.jsx(je,{})]},`step_${n}`))})]}),t.jsx($e,{}),t.jsxs(we,{children:[t.jsx(E,{variant:"secondary",label:r.primaryButtonText,onClick:Q,style:{width:134,whiteSpace:"nowrap"},"data-testid":c("chase-overlay-watch-video-button")}),t.jsx(ze,{}),t.jsx(E,{variant:e.proceedButtonVariant??"primary",label:r.secondaryButtonText,onClick:e.action.onBackClick,style:{width:134,whiteSpace:"nowrap"},"data-testid":c("chase-overlay-proceed-button")})]})]})})})}const pe=o.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -167,4 +167,4 @@ import{e as H,fl as Z,fm as W,M as Y,j as t,g as x,q as ee,X as E,Z as c,o as s,
 `,Le=o.div``,Me=o.div`
   margin-bottom: 74px;
   overflow: scroll;
-`;export{Be as M};
+`;export{Ue as M};

package/dist/assets/CheckDepositDrawerPage-h5dYs8n1-xM7OVVph.js

@@ -0,0 +1,206 @@
+import{e as Z,j as t,a2 as $,h7 as pe,M as ee,a3 as N,X as _,o,a7 as he,C as l,a6 as oe,_ as ue,ar as me,c9 as te,w as ge,s as F,a5 as xe,a as fe,cc as ke,g as w,F as De,fM as $e,cf as we,eV as G,cm as Y,r as s,d3 as be,bR as ye,bz as je,cI as Pe,fg as Le,m as q,fi as Se}from"./index-dX8TSOm6.js";import{b as k,n as a}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";const ve="checkDepositDetailPage",g="checkDepositDetails",Fe="amount",Ce="depositTo",Te="source",ie="fileIds",R="selectDocument",E=e=>{const p=[];return e.checkFront!=null&&p.push(e.checkFront.fileId),e.checkBack!=null&&p.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(x=>({label:x.accountName,value:x.id})),selectedOption:e.checkDepositLocalData.depositTo?.id},[ie]:p,[R]:{front:e.checkFront,back:e.checkBack}}}},D=(e,p)=>`${e}.${p}`,ze=e=>`${e}_form`,u={largeLabelWidth:new l(160,160,160),rowContentPaddingLeft:new l(s[3],s[4]),checkPicRowContentPaddingXAxis:new l(s[3],s[4]),labeleMarginLeft:new l(s[0],s[0]),labeleMarginBottom:new l(s[2],s[0]),labelMarginRight:new l(s[3],s[3]),labeledFieldPaddingLeft:new l(s[3],s[0]),labeledFieldPaddingRight:new l(s[3],s[2]),labeledFieldPaddingTop:new l(s[3],s[3]),labeledFieldPaddingBottom:new l(s[3],s[2]),infoLabelPaddingRight:new l(s[0],s[3]),infoLabelMarginTop:new l(s[1],s[0])},{spendManagement:Be,common:V}=ee.getLocalizedStrings(),c=Be.zeniAccounts.zeniAccountList,Ae=V.documents;function Ie({checkDeposit:e,analytics:p,filesEndPoint:x,openPopup:b,authParams:y,onSaveChangesToLocalStore:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:L,onCheckDpositClick:T}){const r=Z(),n=e.fetchState,S=xe(n),[v,Q]=k.useState(!1),[se,z]=k.useState(!1),B=u.largeLabelWidth.value(r),f=fe({mode:"all",reValidateMode:"onBlur",defaultValues:E(e),values:E(e)}),{isValid:re}=f.formState,X=i=>{const d={amount:{amount:i[g].amount??0,currencyCode:V.currency.currencyCode,currencySymbol:V.currency.currencySymbol},source:i[g].source,depositTo:e.depositAccounts.depositAccounts.find(h=>h.id===i[g].depositTo.selectedOption),fileIds:i[g][ie]};C(d)},ce=async(i,d)=>{if(i!=null){if(i.includes("source")||i.includes("amount"))return;const h=Object.assign({},d);X(h)}};k.useEffect(()=>{const i=f.watch((d,{name:h})=>{h!=null&&d!=null&&ke(()=>ce(h,d))});return()=>{i.unsubscribe()}}),k.useEffect(()=>{S==="Completed"&&n==="Not-Started"&&f.reset(E(e))},[S,n,f,e]),k.useEffect(()=>{e.error!=null?z(!0):z(!1)},[e.error]);const le=f.handleSubmit(()=>{if(re){p.trackAccountsDepositCheckFormClicked("Deposit",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null);const i=f.getValues();X(i),T?.()}}),ne=(i,d)=>{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(Ve,{color:Le(A),isSelectedValue:d}):null},de=(i,d)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(A=>A.id===i);return h?d===!0?t.jsx(Re,{children:h?.maskedAccountNumber}):t.jsxs(Ne,{children:[t.jsx(J,{children:h?.maskedAccountNumber}),t.jsx(to,{}),t.jsx(J,{children:N("0,0[.]00",h?.accountBalance?.available)})]}):null};return t.jsxs(t.Fragment,{children:[se?t.jsx(Oe,{children:t.jsxs(qe,{children:[t.jsxs(Qe,{children:[t.jsx(_e,{}),t.jsxs(Ge,{children:[t.jsx(Ye,{children:e.error?.title}),t.jsx(Je,{children:e.error?.message})]})]}),t.jsx(Xe,{children:t.jsx(ro,{"data-testid":$("check-deposit-form-close"),onClick:()=>{p.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),z(!1)},style:{width:o.sp3,height:o.sp3,color:w.heroLight}})})]})}):null,t.jsx(We,{children:N("0,0.[00]",e.checkDepositLocalData.amount)}),t.jsx(De,{...f,children:t.jsx("form",{id:ze(ve),onSubmit:le,children:t.jsxs(Ke,{children:[t.jsx($e,{showAdditionalInfoLabel:!1,label:{label:c.checkDepositDrawer.amountLabel,width:B},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(M,{}),t.jsx(we,{label:{label:c.checkDepositDrawer.sourceLabel,width:B},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(M,{}),t.jsx(ae,{size:r,children:t.jsx(eo,{size:r,children:t.jsx(He,{label:{label:c.checkDepositDrawer.depositToLabel,width:B,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,d)=>ne(i,d),valueToSubLabels:(i,d)=>de(i,d),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(M,{}),t.jsxs(Ue,{size:r,children:[t.jsxs(Ze,{size:r,children:[t.jsx(Ee,{children:c.checkDepositDrawer.checkPicLabel}),t.jsx(W,{isLast:!1,children:c.checkDepositDrawer.frontSide}),t.jsx(G,{name:`${D(g,R)}.front`,registerOptions:{required:!0},file:e.checkFront,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:x,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=>Q(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(G,{name:`${D(g,R)}.back`,registerOptions:{required:!0},file:e.checkBack,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:x,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=>Q(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(Me,{children:i})]},i))})]}),t.jsx(so,{windowSize:r,children:Ae.formatJPGText10MB})]})]})})})]})}const Ee=a(F)`
+  color: ${e=>e.theme.colors.hero};
+`,Me=a(F)`
+  color: ${e=>e.theme.colors.hero};
+  margin-left: ${o.sp3};
+`,Ne=a(q)`
+  color: ${e=>e.theme.colors.grey1};
+  display: flex;
+  align-items: center;
+  gap: ${o.sp2};
+`,J=a.div``,Re=a.span`
+  margin-left: ${o.sp2};
+`,Ve=a(Se)`
+  min-width: ${e=>e.isSelectedValue?o.sp4:o.sp5};
+  width: ${e=>e.isSelectedValue?o.sp4:o.sp5};
+  height: ${e=>e.isSelectedValue?o.sp4:o.sp5};
+  margin-right: ${o.sp2};
+`,Oe=a.div`
+  margin-top: ${o.sp3};
+  display: flex;
+  background-color: ${e=>e.theme.colors.grey5};
+  justify-content: space-between;
+  padding: ${o.sp3} ${o.sp4};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  border-radius: ${o.sp2};
+  box-shadow: ${e=>`${o.sp0} 2px 2px ${e.theme.colors.dropShadowNormal}`};
+`,qe=a.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  padding: ${o.sp3} ${o.sp4};
+  background-color: ${w.importantLight};
+  border-radius: ${o.sp2};
+`,Qe=a.div`
+  display: flex;
+  align-items: flex-start;
+`,Xe=a.div``,_e=a(be)`
+  width: ${o.sp4};
+  height: ${o.sp4};
+  color: ${w.important};
+`,Ge=a.div`
+  display: flex;
+  flex-direction: column;
+  margin-left: ${o.sp2};
+`,Ye=a(ye)`
+  color: ${w.important};
+`,Je=a(F)`
+  color: ${w.important};
+`,We=a(je)`
+  color: ${e=>e.theme.colors.primary};
+  margin: ${o.sp5} ${o.sp0} ${o.sp3} ${o.sp0};
+`,He=a(Pe)`
+  border-radius: ${o.sp2};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+`,Ke=a.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${o.sp2};
+  margin-bottom: ${o.sp3};
+`,M=a.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,ae=a.div`
+  display: flex;
+  flex-direction: "row";
+  padding: ${o.sp2};
+  padding-left: ${e=>u.rowContentPaddingLeft.valuePx(e.size)};
+  justify-content: space-between;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    z-index: 1;
+    outline: 1px solid ${e=>e.theme.colors.primary};
+    .select-control {
+      background-color: ${e=>e.theme.colors.background};
+    }
+  }
+  &:focus-within {
+    border-color: ${e=>e.theme.colors.primary};
+    color: ${e=>e.theme.colors.primary};
+    z-index: 2;
+    outline: 1px solid ${e=>e.theme.colors.primary};
+  }
+  :last-of-type {
+    border-bottom-left-radius: inherit;
+    border-bottom-right-radius: inherit;
+  }
+`,Ue=a(ae)`
+  flex-direction: column;
+  padding: ${o.sp0};
+`,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)`
+  color: ${e=>e.theme.colors.hero};
+  margin-bottom: ${o.sp2};
+  margin-top: ${e=>e.isLast?o.sp3:o.sp0};
+`,oo=a.div`
+  background-color: ${e=>e.theme.colors.hero};
+  border-radius: 50%;
+  border-style: solid;
+  width: 2px;
+  height: 2px;
+  position: absolute;
+  top: 10px;
+`,to=a.div`
+  width: ${o.sp1};
+  height: ${o.sp1};
+  min-width: ${o.sp1};
+  background-color: ${e=>e.theme.colors.grey1};
+  border-radius: 50%;
+`,io=a.div`
+  display: flex;
+  flex-direction: column;
+  margin: ${o.sp3} ${o.sp0};
+  margin-bottom: ${o.sp0};
+`,ao=a.div`
+  display: flex;
+  flex-direction: row;
+  position: relative;
+`,so=a(q)`
+  margin-top: ${o.sp2};
+  padding: ${o.sp1} ${o.sp4};
+  background: ${e=>e.theme.colors.grey4};
+  border-radius: ${o.sp0} ${o.sp0} ${o.sp2} ${o.sp2};
+  width: 100%;
+  box-sizing: border-box;
+  text-align: ${e=>e.windowSize==="small"?"initial":"right"};
+  color: ${e=>e.theme.colors.grey1};
+`,ro=a(oe)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${o.sp4};
+  height: ${o.sp4};
+  min-height: ${o.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,co="checkDepositDetailPage",lo={NavBarContainerPaddingYAxis:new l(10,s[3])},no=e=>`${e}_form`,O={containerPaddingLeft:new l(s[3],s[6],s[8]),containerPaddingRight:new l(s[3],s[6],s[8]),successContentMargin:new l(s[3],s[12])},{spendManagement:po}=ee.getLocalizedStrings(),m=po.zeniAccounts.zeniAccountList,Co=({checkDeposit:e,analytics:p,filesEndPoint:x,authParams:b,onSaveChangesToLocalStore:y,onAnotherTransferClick:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:L,onCheckDpositClick:T,onDismissClick:r})=>{const n=Z(),[S,v]=k.useState(!1);return t.jsx(go,{windowSize:n,children:e.fetchState==="Completed"?t.jsxs(H,{windowSize:n,children:[t.jsx(K,{windowSize:n,children:t.jsx(U,{"data-testid":$("check-deposit-drawer-close"),onClick:()=>{p.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}})}),t.jsxs(ko,{windowSize:n,children:[t.jsx(pe,{width:150,height:150,shouldDisplay:!0,animationInLoop:!0}),t.jsxs(xo,{children:[m.checkDepositDrawer.transferSuccessMsgPrefix,t.jsx(mo,{children:N("0,0.[00]",e.checkDepositLocalData.amount)}),m.checkDepositDrawer.transferSuccessMsgSuffix]}),t.jsxs(fo,{children:[t.jsx(_,{variant:"secondary",label:m.checkDepositDrawer.makeAnotherTransferBtn,onClick:C,"data-testid":$("check-deposit-drawer-another-transfer")}),t.jsx(_,{variant:"primary",label:m.checkDepositDrawer.goToAccountBtn,onClick:r,style:{marginLeft:n==="small"?o.sp3:o.sp5},"data-testid":$("check-deposit-drawer-go-to-account")})]})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(H,{windowSize:n,children:[t.jsx(K,{windowSize:n,children:t.jsx(U,{"data-testid":$("check-deposit-drawer-close"),onClick:()=>{p.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}})}),n==="small"?t.jsx(Do,{windowSize:n,children:m.checkDepositDrawer.title}):t.jsx($o,{children:m.checkDepositDrawer.title}),n==="small"?t.jsx(uo,{children:m.checkDepositDrawer.subTitle}):t.jsx(ho,{children:m.checkDepositDrawer.subTitle}),t.jsx(Ie,{analytics:p,authParams:b,checkDeposit:e,filesEndPoint:x,onSaveChangesToLocalStore:y,openPopup:v,onCheckDpositClick:T,onDeleteFile:P,onEditFileName:L,updateFilesEntity:j})]}),t.jsx(he,{formId:no(co),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:()=>{p.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};
+`,mo=a(me)`
+  display: inline;
+`,go=a.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  overflow-x: hidden;
+  height: 100%;
+  width: 100%;
+`,xo=a(ue)`
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+`,H=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)}`};
+`,fo=a.div`
+  display: flex;
+  justify-content: center;
+  margin-top: ${o.sp7};
+`,ko=a.div`
+  height: 80%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin: ${e=>`${o.sp0} ${O.successContentMargin.valuePx(e.windowSize)} `};
+  align-items: center;
+`,K=a.div`
+  display: flex;
+  flex-direction: row-reverse;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  top: ${o.sp0};
+  padding: ${e=>`${lo.NavBarContainerPaddingYAxis.valuePx(e.windowSize)} ${o.sp0}`};
+  z-index: 2;
+  background-color: ${e=>e.theme.colors.grey4};
+`,U=a(oe)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${o.sp4};
+  height: ${o.sp4};
+  min-height: ${o.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Do=a(te)`
+  color: ${e=>e.theme.colors.primary};
+  margin-top: ${o.sp3};
+  margin-bottom: ${o.sp0};
+  margin-right: ${o.sp3};
+`,$o=a(te)`
+  color: ${e=>e.theme.colors.primary};
+  margin-top: ${o.sp3};
+`;export{Co as default,no as uniqueFormName};