@zeniai/web-app-ui 4.14.34-qa → 4.14.35-next

package/dist/assets/ChargeCardPromoPage-DIfakIOK-CCv86SP9.js

@@ -0,0 +1,222 @@
+import{e as b,V as r,y as O,_ as ye,h as be,a7 as $e,a5 as je,fm as Se,a_ as Te,eY as ze,a as Q,b as ee,O as oe,o as i,c2 as ve,n as J,c3 as Pe,D as ke,x,s as Ie,bo as Ae,i2 as Be,C as _e,m as p,d as j,f,au as Le,ac as Re,i3 as Me}from"./index-BBHMk1WY.js";import{a as S}from"./sentry-BHW-o2_3.js";import{n,c as Ee,k as De}from"./mui-dGxW217w.js";import{F4 as Fe}from"./zeni-epic-state-DhC3A3VG.js";import{x as Ne}from"./NavigationDots-Dvce3gHt-DAj81KV8.js";import{J as H,N as G}from"./PromoBaseCards-BOGJI2ws-Bd5L3YzB.js";import{M as _}from"./usp-line-BBd1wKwW-bSCjhzHC.js";import"./pdf-DjWcNDdq.js";import"./core-DuAc0oH1.js";import"./lottie-gxzZnsHo.js";import"./liveblocks-Bpp30XUG.js";import"./recharts-CNVQrnca.js";import"./dnd-C4MpAW48.js";import"./analytics-BmL_Mqn9.js";import"./plaid-LGb0iu_7.js";import"./utils-BAYl7YTg.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]="a413c61c-581e-4554-a48f-9c373c0c46e5",e._sentryDebugIdIdentifier="sentry-dbid-a413c61c-581e-4554-a48f-9c373c0c46e5")}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])},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:N,spendManagement:{chargeCard:{chargeCardsPromo:o}}}=oe.getLocalizedStrings(),Mr=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:t,showEnableCardButton:a,controllerEmails:c,isCreditCardProductVisible:m,isDebitCardFeatureEnabled:h,isDebitCardSetupEnabled:w,isChargeCardSetupEnabled:u,admins:$,cashbackRate:v,cardPromoType:d="credit",isCheckingEnabled:l,onSetupButtonClick:L,onBackClick:pe,onClickMenuIcon:me,onSetupChargeCardSuccess:X,onExpressInterestClick:ge})=>{const he=O(),V=ye(),z=b(),W=be().analytics,{chargeCardTermsDetails:R,companyChargeCardInfo:C,companyLocaleInfo:M}=t,Z=$e(R?.fetchStatus.fetchState),[xe,Y]=S.useState(!1),we=C!=null&&M!=null?je("0,0",{amount:C.chargeCardsCreditAccountLimit,currencyCode:M.currencyCode,currencySymbol:M.currencySymbol}):void 0;S.useEffect(()=>{Z==="In-Progress"&&R?.fetchStatus.fetchState==="Completed"&&X()},[Z,X,R?.fetchStatus]);const q=Fe(V.loggedInUserRoleMap),ue=Se(V),E=d==="credit"&&C?.isCompanyInterestedInChargeCard===!1&&C.chargeCardsCreditAccountLimit===0,D=d==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===-1,F=d==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===0,Ce=d==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit>0,{expressInterestInChargeCardFetchState:fe}=t,K=E?o.getPreApprovedNow:a?o.enableCardsButton:o.setupCardsButton;return r.jsxs(Xe,{children:[r.jsx(Te,{title:o.title[d],backgroundColor:he.colors.grey4,onBackClick:pe,showBackButton:!0,showMenuIcon:z==="medium-compact"||z==="small",onClickMenuIcon:me,style:{zIndex:9},source:"ChargeCardPromoPage"}),xe===!0?r.jsx(ze,{onCancelClick:()=>{Y(!1)},meetingUrl:e}):null,r.jsx(Ye,{windowSize:z,children:q===!0?r.jsxs(Ze,{children:[r.jsxs(We,{children:[r.jsx(He,{isApproved:Ce,creditAmount:we,cardPromoType:d,isUnderReview:F,isRejected:D,showExpressInterest:E,creditLimit:C?.chargeCardsCreditAccountLimit}),r.jsx(ae,{cardPromoType:d,cashbackRate:v})]}),r.jsx(ne,{showEnableCardButton:a,cardPromoType:d,isUnderReview:F,isRejected:D,showExpressInterest:E,isCheckingEnabled:l})]}):r.jsx(Ge,{companyLegalName:s,cards:[],admins:$,cashbackRate:v,hasZeniFinopsRoles:ue,cardPromoType:d,isCheckingEnabled:l})}),!q||F||D?null:r.jsxs(tr,{windowSize:z,children:[r.jsx(Q,{variant:"secondary",label:o.scheduleDemoButton,style:{width:166},onClick:()=>{W.trackCardsPromoPageClicked("schedule demo"),W.trackCardsScheduleDemoClick(c,{isCreditCardOffered:m,isDebitCardOffered:h,isDebitCardEnabled:w,isCreditCardEnabled:u},"Cards Promo"),Y(!0)},"data-testid":ee("schedule-demo-button")}),r.jsx(Ve,{windowSize:z,children:o.orText}),r.jsx(Q,{variant:"primary",label:K,style:{minWidth:166},loading:t.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||fe==="In-Progress",onClick:K===o.getPreApprovedNow?ge:()=>L(d),"data-testid":ee("enable-card-button")})]})]})},Ue=({admins:e})=>{const s=e.flatMap(a=>a.user?.firstName+" "+a.user?.lastName).join(", "),t=b();return r.jsxs(pr,{windowSize:t,children:[r.jsx(U,{underline:!1,windowSize:t,children:o.noCardAssigned.pre}),r.jsx(Ae,{title:s,placement:"top-start",style:{padding:`2px ${i.sp2}`},children:r.jsx(U,{underline:!0,windowSize:t,children:o.noCardAssigned.tooltip})}),r.jsx(U,{underline:!1,windowSize:t,children:o.noCardAssigned.post})]})},ne=({cardPromoType:e,showEnableCardButton:s,isCheckingEnabled:t,isUnderReview:a,isRejected:c,showExpressInterest:m,isCardUser:h=!1})=>{const w=b();return r.jsx(ir,{windowSize:w,children:r.jsx(Be,{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(w)},cardPromoType:e,isCheckingEnabled:t})})},He=({isApproved:e,cardPromoType:s,creditAmount:t,isUnderReview:a,isRejected:c,showExpressInterest:m,creditLimit:h})=>{const w=b(),u=s==="debit_and_credit"?o.promoTextDebitCreditCard:s==="debit"?o.promoTextDebitCard:o.promoTextCreditCard,$=e?r.jsxs(r.Fragment,{children:[o.promoBadgeText.approved,r.jsx(ie,{children:t}),o.creditLimit,N.strings.space]}):m?r.jsxs(r.Fragment,{children:[o.promoBadgeText.nonPreApproved.get,r.jsx(er,{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(ie,{children:t}),o.creditLimit,N.strings.space]});return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:w==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:u}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:u}),r.jsx(de,{children:o.promoSubText})]})}),r.jsxs(Ke,{cardPromoType:s,hasContent:$!=null,hideBadge:t==null||s==="debit",windowSize:w,children:[a||c||m?null:r.jsx(fr,{}),r.jsx(Qe,{windowSize:w,children:$})]})]})},Ge=({companyLegalName:e,cards:s,admins:t,cashbackRate:a,hasZeniFinopsRoles:c,cardPromoType:m="credit",isCheckingEnabled:h})=>{const w=b(),u=m==="debit_and_credit"?o.promoTextDebitCreditCard:m==="debit"?o.promoTextDebitCard:o.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[w==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:u}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:u}),r.jsx(de,{children:o.promoSubText})]}),s.length===0?r.jsx(cr,{windowSize:w}):r.jsx(Oe,{cards:s,companyLegalName:e}),r.jsx(ae,{cardPromoType:m,cashbackRate:a}),c?null:r.jsx(Ue,{admins:t}),r.jsx(ne,{isCardUser:!0,showEnableCardButton:!1,cardPromoType:m,isCheckingEnabled:h})]})},Oe=({cards:e,companyLegalName:s})=>{const t=O(),a=b();let c,m="";if(e.length===1){c=e[0].cardCreatedByUser.photo;const h=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;m=o.cardAssigned.singleCreditCard.replace("__issuing-user__",h).replace("__company-name__",s)}else m=o.cardAssigned.multipleCreditCards.replace("__company-name__",s);return r.jsxs(gr,{children:[c!=null?r.jsx(qe,{width:i.sp5,height:i.sp5,style:{paddingTop:a==="small"?i.sp1:i.sp0},src:c.href,alt:oe.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:h})=>{h.onerror=null,h.src=Ie},loading:"lazy"}):null,r.jsx(mr,{windowSize:a,mode:t.mode,children:r.jsx(hr,{windowSize:a,children:m})})]})},re=({windowSize:e,cardPromoType:s})=>{let t=o.businessText;return s==="debit"&&(t=`${t} ${o.debit}`),r.jsx(r.Fragment,{children:s==="debit_and_credit"?r.jsx(Je,{}):r.jsxs(nr,{windowSize:e,children:[r.jsx(H,{cardPromoType:s,cardText:t,shouldAnimate:!0,showChip:!0,forDashboard:!1,forListPage:!1}),r.jsx(G,{cardPromoType:s,cardText:t,showChip:!0,forDashboard:!1,shouldAnimate:!0,forListPage:!1})]})})},ae=({cardPromoType:e,cashbackRate:s})=>{const t=b(),a=o.benefits;return r.jsxs(rr,{windowSize:t,children:[t==="small"?r.jsx(re,{windowSize:t,cardPromoType:e}):null,r.jsxs(or,{windowSize:t,children:[r.jsxs(k,{windowSize:t,children:[r.jsx(A,{children:r.jsx(dr,{})}),r.jsxs(B,{children:[r.jsx(y,{windowSize:t,children:a.item1.pre}),r.jsx(I,{windowSize:t,children:a.item1.bold.replace("__cashback__",(100*s).toFixed(2))}),r.jsx(y,{windowSize:t,children:`${e==="credit"||e==="debit_and_credit"?a.singleStarred:""}${a.item1.post}`})]})]}),r.jsxs(k,{windowSize:t,children:[r.jsx(A,{children:r.jsx(ar,{})}),r.jsxs(B,{children:[r.jsx(y,{windowSize:t,children:a.item2.pre}),r.jsx(I,{windowSize:t,children:a.item2.bold}),r.jsx(y,{windowSize:t,children:a.item2.post})]})]}),r.jsxs(k,{windowSize:t,children:[r.jsx(A,{children:r.jsx(lr,{})}),r.jsxs(B,{children:[r.jsx(y,{windowSize:t,children:a.item3.pre}),r.jsx(I,{windowSize:t,children:a.item3.bold}),r.jsx(y,{windowSize:t,children:a.item3.post})]})]}),r.jsxs(k,{windowSize:t,children:[r.jsx(A,{children:r.jsx(sr,{})}),r.jsxs(B,{children:[r.jsx(y,{windowSize:t,children:a.item4.pre}),r.jsx(I,{windowSize:t,children:a.item4.bold}),r.jsx(y,{windowSize:t,children:a.item4.post})]})]})]}),t==="small"?null:r.jsx(re,{windowSize:t,cardPromoType:e})]})};let P;const Je=()=>{const e=b(),s=O(),[t,a]=S.useState(0),[c,m]=S.useState(!1),h=o.businessText,w=`${h} ${o.debit}`,u=[{id:1,cardType:"debit",cardText:w},{id:2,cardType:"debit",cardText:w},{id:3,cardType:"credit",cardText:h},{id:4,cardType:"credit",cardText:h}];S.useEffect(()=>(c||(P=setInterval(()=>{a(d=>{const l=d+1;return l===u.length?(m(!0),0):l})},2e3)),()=>clearInterval(P)),[c,u.length]),S.useEffect(()=>{c&&P!=null&&clearInterval(P)},[c]);const $=(d,l)=>{switch((d-t+u.length)%u.length){case 0:return{transform:`translate(0,${l?"100%":0}) scale(1)`,zIndex:l?5:6,opacity:1,transition:"transform 0.4s"};case 1:return{transform:`translate(35%, ${l?"80%":"5%"}) scale(0.75)`,zIndex:l?4:5,opacity:1,transition:"all 0.4s"};case 2:return{transform:`translate(35%,${l?"80%":"5%"}) scale(0.75)`,zIndex:l?3:4,opacity:0,transition:"transform 0.4s 0.2s, opacity 0.4s 0.0s"};case 3:return{transform:`translate(-35%, ${l?"80%":"5%"}) scale(0.75)`,zIndex:l?4:5,opacity:1,transition:"all 0.4s"};default:return}},v=d=>{const l=$(d,!0);return{...l,transform:`${l?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}};return r.jsxs(xr,{windowSize:e,children:[r.jsx(wr,{windowSize:e,children:u.map((d,l)=>r.jsxs(ur,{children:[r.jsx(te,{isReflection:!1,style:{...$(l,!1)},onClick:()=>(L=>{c||m(!0),a(L)})(l),children:l===0||l===2?r.jsx(H,{cardPromoType:d.cardType,cardText:d.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}}):r.jsx(G,{cardPromoType:d.cardType,cardText:d.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}})},d.id),r.jsx(te,{isReflection:!0,style:{...v(l)},children:l===0||l===2?r.jsx(H,{cardPromoType:d.cardType,cardText:d.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:d.cardType,cardText:d.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-${d.id}`)]},d.id))}),c&&r.jsx(Ne,{numberOfDots:u.length,activeIndex:t,handleClick:a,promoColor:s.colors.primary,promoColorHover:s.colors.grey5,spendManagementPromoCardActive:!0,dotStyle:{width:i.sp2,height:i.sp2},style:{cursor:"default",position:"absolute",bottom:g.navigationBottom.valuePx(e),left:g.navigationLeft.valuePx(e),zIndex:7}})]})},Xe=n.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Ve=n(_e)`
+  color: ${e=>e.theme.colors.hero};
+`,We=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`,Ze=n.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  flex: 1;
+  width: 100%;
+`,Ye=n.div`
+  padding-top: ${e=>g.containerPaddingTopBottom.valuePx(e.windowSize)};
+  padding-bottom: ${e=>g.containerPaddingTopBottom.valuePx(e.windowSize)};
+  text-align: center;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow-x: hidden;
+`,se=n(Pe)`
+  max-width: 927px;
+  margin: auto;
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+  padding: ${i.sp7} ${i.sp0} ${i.sp0} ${i.sp0};
+  color: ${e=>e.theme.colors.primary};
+`,de=n(ke)`
+  color: ${e=>e.theme.colors.primary};
+  margin: auto;
+  margin-top: ${i.sp2};
+`,le=n(ve)`
+  margin: auto;
+  max-width: 343px;
+  display: flex;
+  justify-content: center;
+  text-align: center;
+  flex-wrap: wrap;
+  padding: ${i.sp5} ${i.sp0} ${i.sp0} ${i.sp0};
+  color: ${e=>e.theme.colors.primary};
+`,ce=n(J)`
+  max-width: 314px;
+  margin: auto;
+  color: ${e=>e.theme.colors.primary};
+  padding: 6px ${i.sp3} ${i.sp0} ${i.sp3};
+  text-align: center;
+  margin-top: 6px;
+`,qe=n.img`
+  border-radius: 50%;
+  justify-content: center;
+  color: ${e=>e.theme.colors.hero};
+`,Ke=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  overflow: hidden;
+  padding: ${e=>e.hasContent?`${i.sp2} ${i.sp3}`:i.sp0};
+  background-color: ${e=>e.theme.colors.grey3};
+  border-radius: 96px;
+  margin-top: ${i.sp4};
+  margin-left: ${e=>e.windowSize==="small"?i.sp3:"auto"};
+  margin-right: ${e=>e.windowSize==="small"?i.sp3:"auto"};
+  margin-bottom: ${e=>e.cardPromoType==="debit_and_credit"&&e.windowSize==="small"?i.sp0:i.sp6};
+  width: fit-content;
+  gap: ${i.sp1};
+  ${e=>e.hideBadge&&`
+    visibility: hidden;
+    `}
+`,Qe=n(J)`
+  color: ${e=>e.theme.mode==="dark"?f.brandColorJade:f.brandColorSapphire};
+  text-align: ${e=>e.windowSize==="small"?"left":"center"};
+  ${e=>`${T.promoBadgeText.style(e.windowSize)}`};
+  span {
+    ${e=>`${T.promoBadgeTextBold.style(e.windowSize)}`};
+  }
+`,er=n.span``,ie=n.span`
+  color: ${f.success};
+`,rr=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=n.div`
+  display: flex;
+  flex-direction: column;
+`,tr=n.div`
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+  padding: ${i.sp2} ${i.sp3};
+  position: sticky;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 8;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: row;
+  row-gap: ${i.sp2};
+  background-color: ${e=>e.theme.colors.grey5};
+  gap: ${e=>g.buttonTrayGap.valuePx(e.windowSize)};
+`,or=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=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;
+`,k=n.div`
+  border-radius: ${i.sp12};
+  border: ${e=>`1px solid ${e.theme.colors.grey2}`};
+  padding: ${e=>e.windowSize==="small"?`${i.sp2} ${i.sp4} ${i.sp2} ${i.sp0}`:`${i.sp3} ${i.sp5} ${i.sp3} ${i.sp0}`};
+  background: ${e=>e.theme.colors.grey5};
+  position: relative;
+  margin-bottom: ${i.sp3};
+  display: flex;
+  align-items: center;
+  text-align: start;
+  width: ${e=>e.windowSize==="small"?"288px":"100%"};
+  min-height: ${e=>e.windowSize!=="small"?"83px":"44px"};
+  box-sizing: ${e=>e.windowSize==="small"?"unset":"border-box"};
+`,y=n(Le)`
+  color: ${e=>e.theme.colors.champion};
+  ${e=>`${T.uspText.style(e.windowSize)}`};
+`,I=n(Re)`
+  color: ${e=>e.theme.colors.champion};
+  ${e=>`${T.uspBoldText.style(e.windowSize)}`};
+`,A=n.div``,B=n.div`
+  padding-left: ${i.sp3};
+`,ar=n(_)`
+  color: ${f.graphColor16Dark};
+`,sr=n(_)`
+  color: ${f.alert};
+`,dr=n(_)`
+  color: ${f.graphColor11};
+`,lr=n(_)`
+  color: ${f.success};
+`,cr=n.div`
+  height: ${e=>g.emptySectionHeight.valuePx(e.windowSize)};
+  ${e=>e.windowSize==="small"?null:Ee`
+          margin-top: ${i.sp4};
+          margin-bottom: ${i.sp6};
+        `}
+`,pr=n(J)`
+  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=n(Me)`
+  ${e=>`${T.contactAdmin.style(e.windowSize)}`};
+  text-decoration: ${e=>e.underline?"underline":"none"};
+  cursor: ${e=>e.underline?"default":null};
+`,mr=n.div`
+  color: ${e=>e.mode==="dark"?e.theme.colors.brandColorJade:e.theme.colors.brandColorSapphire};
+`,gr=n.div`
+  background-color: ${e=>e.theme.colors.grey3};
+  padding: ${i.sp2} ${i.sp3};
+  display: flex;
+  gap: ${i.sp2};
+  margin: auto;
+  max-width: fit-content;
+  border-radius: 96px;
+  margin-top: ${i.sp4};
+  margin-bottom: ${i.sp6};
+`,hr=n.span`
+  ${e=>`${T.cardsContent.style(e.windowSize)}`};
+`,xr=n.div`
+  display: flex;
+  flex-direction: column;
+  min-height: ${e=>g.carouselHeight.valuePx(e.windowSize)};
+  min-width: 480px;
+  position: relative;
+`,wr=n.div`
+  position: relative;
+  margin-top: ${e=>g.carouselMarginTop.valuePx(e.windowSize)};
+  margin-left: ${e=>g.carouselMarginLeft.valuePx(e.windowSize)};
+`,ur=n.div`
+  position: relative;
+  overflow: visible;
+`,te=n.div`
+  position: absolute;
+  ${e=>e.isReflection&&`
+  background-color: ${e.theme.colors.grey4};
+  clip-path: inset(16% 0 0 0);
+  `}
+`,Cr=De`
+  0% {
+    left: -${i.sp6};
+  }
+  50% {
+    left: calc(100% + ${i.sp6});
+  }
+  100% {
+    left: calc(100% + ${i.sp6});
+  }
+`,fr=n.div`
+  position: absolute;
+  background:
+    ${f.promoCardGradient1Strong}, ${f.promoCardGradient2Strong};
+  width: ${i.sp10};
+  z-index: 3;
+  height: 100%;
+  transform: skew(15deg);
+  animation: ${Cr} 4s linear infinite;
+`;export{Ge as ChargeCardPromoUserContent,Mr as default};

package/dist/assets/{ChargeCardRoutes-CE_xzqxh.js → ChargeCardRoutes-BwqGnQLD.js}

@@ -1,4 +1,4 @@
-import{j as s}from"./pdf-CotdgJU1.js";import{j as ue,l as oa,i as me,u as S,h as be,k as he,N as pa,o as ot,R as Mt,m as te}from"./core-CbpF8wW5.js";import{ct as ce,F4 as Be,MN as Ia,cy as ye,cz as Se,cA as Ie,dt as Me,bH as $e,MO as Ge,MP as Va,pS as ha,gT as ga,MQ as fa,eg as ra,v$ as Xe,w1 as Ha,w2 as Ma,gL as ct,MR as ze,vP as it,MS as $t,MT as Gt,vS as ka,MU as zt,Lh as Ea,o2 as dt,vY as $a,er as Yt,MV as lt,MW as Ye,bs as Zt,MX as Kt,dj as Aa,di as Da,ww as Wt,dh as _a,KZ as qt,MY as ut,F5 as mt,bM as Qt,Lg as ca,x6 as Xt,MZ as Ja,wI as wa,M_ as Ct,x7 as Jt,LH as en,x8 as an,y2 as tn,pc as nn,xY as rn,wh as pt,wa as sn,M$ as on,dv as cn,wq as ht,wu as gt,du as dn,N0 as ln,wU as ft,N1 as un,N2 as mn,N3 as Cn,ws as bt,wd as yt,vV as St,wm as It,wk as kt,wo as pn,w0 as et,N4 as Et,N5 as Pa,wF as ba,HX as At,bN as Ga,N6 as hn,N7 as gn,N8 as fn,N9 as bn,wC as Oa,w$ as yn,wX as Sn,wy as In,wZ as kn,wP as En,wR as An,Na as Dt,x5 as _t,Dr as Dn,Nb as _n,Nc as wn,Nd as Pn,Ne as wt,Nf as Tn,xs as Fn,wH as Pt,wB as sa,wG as vn,Ng as xn,Nh as Ln,vM as Bn,Ni as Tt,Nj as Ft,Nk as Un,vO as Rn,vN as at,Nl as On,Nm as Nn,Nn as jn,HT as Vn,No as za,Np as Hn,sE as vt,hr as Mn,eh as $n,xx as Gn,Nq as xt,Nr as zn,xy as Yn,Ns as Zn,cg as Kn,pM as Wn,xn as qn,xh as Le,bt as Qn,FX as Xn,FY as Jn,G5 as er,Hb as ar}from"./zeni-epic-state-CjUXhad7.js";import{js as X,_ as Re,aE as oe,aG as K,jQ as _e,lM as Ta,lX as tr,lY as nr,jM as Te,e as ia,aF as Pe,jO as fe,l8 as Ya,lZ as rr,x as da,jD as Fa,y as va,jz as q,O as Za,l_ as sr,a7 as Ka,i5 as qe,cR as Na,L as or,bk as Wa,k9 as cr,l$ as ir,kv as Lt,k4 as ja,k2 as Bt,J as Ut,m0 as dr,m1 as lr,m2 as ur,m3 as mr,o as ya,m4 as Cr,m5 as pr,m as Ba,N as hr,m6 as gr,m7 as fr,m8 as br,kc as yr}from"./index-C5NS4k1k.js";import{n as ke,D as Rt,S as Sr}from"./mui-CsJjaFS3.js";import{a as l}from"./sentry-B7C9wEq0.js";import{g as pe,a as la,b as Ot,c as Ee,d as Ae,e as Ue,f as Oe,A as Ir,h as qa,P as kr,i as Qa,s as Qe,j as Nt,k as He,l as jt,m as Er,n as Vt,p as Ar,S as tt}from"./SetupPagesScreen-ClrT9x-n.js";import xa from"./NotFoundScreen-DXnaOvLy.js";import{M as ua}from"./MobileAppDrawer-Db6wEz5B.js";import{v as nt}from"./utils-DSKkIaRb.js";import{t as Dr}from"./AddressScreen-CfU0pxqN.js";import"./lottie-DCpFrhzh.js";import"./liveblocks-DAzt4XWX.js";import"./recharts-Z1H4NIT9.js";import"./dnd-PN_2LgQk.js";import"./analytics-lZopEqtI.js";import"./plaid-BTCtHWVp.js";import"./analyticsHelper-sSJGGzsr.js";import"./routePaths-Canmm7cj.js";import"./BusinessVerificationPageScreen-DM_2HDeS.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="1bb7015f-ae9d-4ae4-8974-bd252d3d5892",e._sentryDebugIdIdentifier="sentry-dbid-1bb7015f-ae9d-4ae4-8974-bd252d3d5892")}catch{}})();function _r(){const e=ue(),{cardId:t}=oa(),a=me(),r=X.getSignedInUser(),n=S(W=>ce(W)),c=Re(),u=Be(c?.loggedInUserRoleMap),{useFeatureGate:m}=oe();if(r==null)throw Error("Can't access Add To Wallet Page without signing in...");const[E,i]=l.useState(!1),g=S(W=>Ia(W).firstViewAfterActivation);if(t==null)throw Error("Empty card id is not valid...");const I=n.userRole.includes("charge_card_user"),{isFeatureEnabled:_}=m(K.isChargeCardFeatureEnabled),C=!!n.companyChargeCardInfo?.info?.isChargeCardEnabled,{isFeatureEnabled:U}=m(K.isDebitCardFeatureEnabled),v=ye(n),T=Se(n),d=Ie(U,n),f=n.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,b=Ee({isDebitCardFeatureEnabled:U,isBankingOnlyTenant:d}),o=Ae({isCardsOnlyTenant:v,isChargeCardFeatureEnabled:_,isBookKeepingTenant:T,isDebitCardProductVisible:b,chargeCardsCreditAccountLimit:f}),w=!!n.companyDebitCardInfo?.info?.isDebitCardEnabled,O=S(W=>Me(W,n.companyId)),N=$e(O.controllers),{creditAccount:L,creditAccountRepayment:F}=S(W=>Ge(W)),R=S(W=>W.classListState.fetchState),p=!I&&o&&C,h=S(W=>Va(W,t,p,o)),[k,A]=l.useState(!1),M=h.chargeCard,$=M?.cardCreatedByUser?.userId,H=S(W=>$!=null?ha(W.userRoleState,$):void 0),B=H?.accountingClassIDs[0],y=S(W=>B!=null?ga(W.classState,{classId:B,reportId:"class_list"}):void 0),Y=M?.cardHolderUser?.userId,x=S(W=>Y!=null?ha(W.userRoleState,Y):void 0),P=x?.accountingClassIDs[0],z=S(W=>P!=null?ga(W.classState,{classId:P,reportId:"class_list"}):void 0),D=M?.type.code==="business_physical_credit_card"||M?.type.code==="business_physical_debit_card",Z=M?.type.code==="business_physical_debit_card";l.useEffect(()=>{g&&E===!1&&D&&(i(!0),setTimeout(()=>{a(fa()),Z&&a(ra({messageSection:"set_debit_card_pin",messageText:"success",type:"success",showStatusIcon:!0}))},5e3))},[g,E,D,Z]),l.useEffect(()=>{k||h.fetchState==="Completed"||h.fetchState==="In-Progress"||t==null||(A(!0),a(Xe(t,p,!1)))},[k,h,t,a]),l.useEffect(()=>{if(h.fetchState==="Completed"&&(D===!1||D&&M?.status?.code!=="active"||M?.cardHolderUserId!==r.userId||g===!1&&E===!1||M?.type.code==="business_physical_debit_card"||M?.type.code==="business_virtual_debit_card")){const W=pe(n.tenantEmailDomain,t,r,M,g);e(W)}},[h.fetchState,g,D]),l.useEffect(()=>{L.fetchState!=="Completed"&&L.fetchState!=="In-Progress"&&o&&C&&u&&a(Ha()),F.fetchState!=="Completed"&&F.fetchState!=="In-Progress"&&o&&C&&u&&a(Ma()),R!=="Completed"&&R!=="In-Progress"&&a(ct())},[L.fetchState,F.fetchState,a,o,C,u,R]);const G=()=>{if(r!=null&&t!=null){a(fa());const W=pe(n.tenantEmailDomain,t,r);e(W)}},ae=M?.type.code==="business_physical_debit_card"||M?.type.code==="business_virtual_debit_card",se=Ue(o,b,w,C),J=la(o,C,u,L,F),de=Ot(ae,h);return h.fetchState!=="Completed"?s.jsx(_e,{fetchState:"In-Progress"}):s.jsxs(s.Fragment,{children:[s.jsx(Ta,{showConfetti:g}),s.jsx(tr,{onGotItClick:G,isDebitCard:M?.type.code==="business_physical_debit_card",controllerEmails:N,isChargeCardFeatureEnabled:o,isDebitCardFeatureEnabled:b,isDebitCardSetupEnabled:w,isChargeCardSetupEnabled:C,productInformation:se,creditAccountInformation:J,debitAccountInformation:de,chargeCardDetailView:h,creditAccount:L,classListFetchState:R,creditAccountRepayment:F,cardIssuedByRoles:H?.userRoles,cardIssuedByDepartmentName:y?.className,cardHolderRoles:x?.userRoles,cardHolderDepartmentName:z?.className})]})}const wr=he(function(e){const t=ze(e);return{insightsData:t.insight,cashbackByPeriod:t.cashbackByPeriod,uiState:t.uiState,cashbackSummary:t.cashbackSummary}},function(e,t){const{currentTenant:a,navigate:r,location:n}=t,{tenantEmailDomain:c}=a;return{onColumnSortConfigChanged:(u,m)=>{e($t({uiState:{sortKey:u,sortOrder:m}}))},onBackClick:()=>{const u=Te(n.state?.pathnameStackToGoBack),m=u.poppedPathname??Tr(c);r(m,{state:{pathnameStackToGoBack:u.newStack}})}}})(nr);function Pr(){const e=ue(),t=me(),a=be(),r=X.getSignedInUser(),n=S(E=>ce(E)),[c,u]=l.useState(!1),m=S(E=>ze(E));if(l.useEffect(()=>{c||m.fetchState==="Completed"||m.fetchState==="In-Progress"||(u(!0),t(it()))},[c,m,t]),r==null)throw Error("Can't access cashback detail page without signing in...");return m.fetchState==="In-Progress"?s.jsx(_e,{fetchState:m.fetchState}):m.cashbackSummary.cashbackEarned.amount===0&&m.fetchState==="Completed"?s.jsx(xa,{}):s.jsx(wr,{navigate:e,location:a,currentTenant:n})}const Tr=e=>`/${e}/cards`,Fr={containerWidth:new da(100,58)},vr=({appContent:e})=>{const t=ia(),a=me(),r=ue(),{cardId:n}=oa(),c=be(),{useDynamicConfig:u}=oe(),[m,E]=l.useState(!1),[i,g]=l.useState(!1),[I,_]=l.useState(!1),[C,U]=l.useState(!1),v=X.getSignedInUser();if(v==null)throw Error("Can't access onboarding card page without signing in...");const T=S(z=>ce(z));if(n==null)throw Error("Empty card id is not valid...");const{configValue:d}=u(Pe.zeniCardsConfig),f=d.max_charge_card_activation_attempts_by_card_id,b=S(z=>Gt(z,n)),o=b.chargeCard,w=S(z=>z.chargeCardConfigState.fetchState),{useFeatureGate:O}=oe(),{isFeatureEnabled:N}=O(K.isChargeCardFeatureEnabled),{isFeatureEnabled:L}=O(K.isDebitCardFeatureEnabled),F=Ie(L,T),R=Ee({isDebitCardFeatureEnabled:L,isBankingOnlyTenant:F}),p=!!T.companyChargeCardInfo?.info?.isChargeCardEnabled,h=T.userRole.includes("charge_card_user"),k=ye(T),A=Se(T),M=T.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,$=Ae({isCardsOnlyTenant:k,isChargeCardFeatureEnabled:N,isBookKeepingTenant:A,isDebitCardProductVisible:R,chargeCardsCreditAccountLimit:M}),H=!h&&$&&p;l.useEffect(()=>{m===!1&&w!=="In-Progress"&&w!=="Completed"&&(a(ka()),E(!0)),i===!1&&b.fetchState==="Not-Started"&&(g(!0),a(Xe(n,H,$)))},[i,b.fetchState,m,w]);const B=o?.type.code==="business_physical_credit_card"||o?.type.code==="business_physical_debit_card";l.useEffect(()=>{if(b.fetchState==="Completed"){if(I===!1&&(B===!1||B&&o?.status?.code!=="inactive"||o?.cardHolderUserId!==v.userId)){const z=pe(T.tenantEmailDomain,n,v,o,!0),D=fe(c.state?.pathnameStackToGoBack,c.pathname);r(z,{state:{pathnameStackToGoBack:D}})}else if(I&&b.isRefreshingViewInBackground===!1&&o?.status?.code==="active"){a(zt({chargeCardId:n}));const z=pe(T.tenantEmailDomain,n,v,o,!0),D=fe(c.state?.pathnameStackToGoBack,c.pathname);a(Ea()),r(z,{state:{pathnameStackToGoBack:D}})}}},[b.fetchState,o?.type.code,I,b.isRefreshingViewInBackground]);const y=X.getZeniOtpTokenForCardHolder(n),Y=S(z=>dt(z.userState,v.userId)),x=()=>{o?.status?.code!=="active"&&a($a(n,!0))};l.useEffect(()=>{b.updatePhysicalChargeCardAttemptFetchState.fetchState==="Completed"&&o?.cardActivationAttemptHistory.some(z=>z.statusCode==="success")===!0&&I===!1&&(setTimeout(x,3e3),_(!0))},[b.updatePhysicalChargeCardAttemptFetchState.fetchState,o?.cardActivationAttemptHistory]);const P=z=>{U(z)};if(w!=="Completed"||o==null)return s.jsx(_e,{fetchState:"In-Progress"});if(o.shippingAddressId==null)throw Error("Can't access shippingAddressId.");if(Y?.phone==null)throw Error("Can't access user phone number.");return s.jsxs(Br,{children:[s.jsx(ua,{isAppContentDrawerOpen:C,handleDrawerToggle:P}),s.jsx(xr,{cardId:n,card:o,shippingAddressId:o.shippingAddressId,phone:Y.phone,signedInUser:v,isSandboxEnv:Ya(),chargeCardDetailState:b,signedInUserToken:y,navigate:r,currentTenant:T,location:c,maxChargeCardActivationAttempts:f[n]!=null?f[n]:d.default_max_charge_card_activation_attempts!=null?d.default_max_charge_card_activation_attempts:3,chargeCardCashbackRatePerTransaction:d.charge_card_cashback_rate_per_transaction!=null?d.charge_card_cashback_rate_per_transaction:.0175,onClickMenuIcon:()=>{P(!0)}}),e!=null?s.jsx(Lr,{windowSize:t,children:e}):null]})},xr=he(function(e,{chargeCardDetailState:t,shippingAddressId:a,location:r,cardId:n}){const c=Yt(e.addressState,a);if(c==null)throw Error("Can't access shippingAddress.");const u=lt(e,n),m=t.updateStatus,E=Ye(e,!1,!1,!1);let i=!1;E.fetchState==="Completed"&&E.cards.length<=1&&(i=!0);const g=r.state?.message==="comingFromV2UrlPath";return{showActivatePage:t.chargeCard?.providerCardCreateTime!=null&&t.chargeCard.providerCardCreateTime.add(24,"h").isBefore(Zt())||g,showMenuIcon:i,shippingAddress:c,vgsVaultId:Fa.cardVaultId,twoFAView:u,activationWaitStatus:m,isRefreshingViewInBackground:t.isRefreshingViewInBackground}},function(e,t){const{navigate:a,cardId:r,location:n,currentTenant:c,chargeCardDetailState:u}=t,m=u.chargeCard?.cardProviderID,{tenantEmailDomain:E}=c;return{onGetOtp:i=>{m!=null&&e(_a(i,"ChargeCardHolder",r))},onUpdatePhysicalChargeCardAttempt:i=>{e(Wt(r,i))},onResendOtp:i=>{m!=null&&e(Da(i,"ChargeCardHolder",r))},onVerifyOtp:(i,g)=>{m!=null&&e(Aa(i,g,"ChargeCardHolder",r))},onVerifyOtpSuccess:i=>{i!=null&&X.saveZeniOtpTokenForCardHolder(i,r)},onCVVActivateSuccess:()=>{e(Kt({chargeCardId:r}))},onBackClick:()=>{const i=Te(n.state?.pathnameStackToGoBack),g=i.poppedPathname==null||i.poppedPathname.includes("onboard")===!0?Oe(E):i.poppedPathname;a(g,{state:{pathnameStackToGoBack:i.newStack}})}}})(rr),Lr=ke.div`
+import{j as s}from"./pdf-DjWcNDdq.js";import{j as ue,l as oa,i as me,u as S,h as be,k as he,N as pa,o as ot,R as Mt,m as te}from"./core-DuAc0oH1.js";import{ct as ce,F4 as Be,MN as Ia,cy as ye,cz as Se,cA as Ie,dt as Me,bH as $e,MO as Ge,MP as Va,pS as ha,gT as ga,MQ as fa,eg as ra,v$ as Xe,w1 as Ha,w2 as Ma,gL as ct,MR as ze,vP as it,MS as $t,MT as Gt,vS as ka,MU as zt,Lh as Ea,o2 as dt,vY as $a,er as Yt,MV as lt,MW as Ye,bs as Zt,MX as Kt,dj as Aa,di as Da,ww as Wt,dh as _a,KZ as qt,MY as ut,F5 as mt,bM as Qt,Lg as ca,x6 as Xt,MZ as Ja,wI as wa,M_ as Ct,x7 as Jt,LH as en,x8 as an,y2 as tn,pc as nn,xY as rn,wh as pt,wa as sn,M$ as on,dv as cn,wq as ht,wu as gt,du as dn,N0 as ln,wU as ft,N1 as un,N2 as mn,N3 as Cn,ws as bt,wd as yt,vV as St,wm as It,wk as kt,wo as pn,w0 as et,N4 as Et,N5 as Pa,wF as ba,HX as At,bN as Ga,N6 as hn,N7 as gn,N8 as fn,N9 as bn,wC as Oa,w$ as yn,wX as Sn,wy as In,wZ as kn,wP as En,wR as An,Na as Dt,x5 as _t,Dr as Dn,Nb as _n,Nc as wn,Nd as Pn,Ne as wt,Nf as Tn,xs as Fn,wH as Pt,wB as sa,wG as vn,Ng as xn,Nh as Ln,vM as Bn,Ni as Tt,Nj as Ft,Nk as Un,vO as Rn,vN as at,Nl as On,Nm as Nn,Nn as jn,HT as Vn,No as za,Np as Hn,sE as vt,hr as Mn,eh as $n,xx as Gn,Nq as xt,Nr as zn,xy as Yn,Ns as Zn,cg as Kn,pM as Wn,xn as qn,xh as Le,bt as Qn,FX as Xn,FY as Jn,G5 as er,Hb as ar}from"./zeni-epic-state-DhC3A3VG.js";import{js as X,_ as Re,aE as oe,aG as K,jQ as _e,lM as Ta,lX as tr,lY as nr,jM as Te,e as ia,aF as Pe,jO as fe,l8 as Ya,lZ as rr,x as da,jD as Fa,y as va,jz as q,O as Za,l_ as sr,a7 as Ka,i5 as qe,cR as Na,L as or,bk as Wa,k9 as cr,l$ as ir,kv as Lt,k4 as ja,k2 as Bt,J as Ut,m0 as dr,m1 as lr,m2 as ur,m3 as mr,o as ya,m4 as Cr,m5 as pr,m as Ba,N as hr,m6 as gr,m7 as fr,m8 as br,kc as yr}from"./index-BBHMk1WY.js";import{n as ke,D as Rt,S as Sr}from"./mui-dGxW217w.js";import{a as l}from"./sentry-BHW-o2_3.js";import{g as pe,a as la,b as Ot,c as Ee,d as Ae,e as Ue,f as Oe,A as Ir,h as qa,P as kr,i as Qa,s as Qe,j as Nt,k as He,l as jt,m as Er,n as Vt,p as Ar,S as tt}from"./SetupPagesScreen-CukmySbN.js";import xa from"./NotFoundScreen-DGEyldIM.js";import{M as ua}from"./MobileAppDrawer-D5Za8CIX.js";import{v as nt}from"./utils-BAYl7YTg.js";import{t as Dr}from"./AddressScreen-q6X2LJkq.js";import"./lottie-gxzZnsHo.js";import"./liveblocks-Bpp30XUG.js";import"./recharts-CNVQrnca.js";import"./dnd-C4MpAW48.js";import"./analytics-BmL_Mqn9.js";import"./plaid-LGb0iu_7.js";import"./analyticsHelper-BtjSH59c.js";import"./routePaths-D4MJQpeF.js";import"./BusinessVerificationPageScreen-D8j6xARh.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="1bb7015f-ae9d-4ae4-8974-bd252d3d5892",e._sentryDebugIdIdentifier="sentry-dbid-1bb7015f-ae9d-4ae4-8974-bd252d3d5892")}catch{}})();function _r(){const e=ue(),{cardId:t}=oa(),a=me(),r=X.getSignedInUser(),n=S(W=>ce(W)),c=Re(),u=Be(c?.loggedInUserRoleMap),{useFeatureGate:m}=oe();if(r==null)throw Error("Can't access Add To Wallet Page without signing in...");const[E,i]=l.useState(!1),g=S(W=>Ia(W).firstViewAfterActivation);if(t==null)throw Error("Empty card id is not valid...");const I=n.userRole.includes("charge_card_user"),{isFeatureEnabled:_}=m(K.isChargeCardFeatureEnabled),C=!!n.companyChargeCardInfo?.info?.isChargeCardEnabled,{isFeatureEnabled:U}=m(K.isDebitCardFeatureEnabled),v=ye(n),T=Se(n),d=Ie(U,n),f=n.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,b=Ee({isDebitCardFeatureEnabled:U,isBankingOnlyTenant:d}),o=Ae({isCardsOnlyTenant:v,isChargeCardFeatureEnabled:_,isBookKeepingTenant:T,isDebitCardProductVisible:b,chargeCardsCreditAccountLimit:f}),w=!!n.companyDebitCardInfo?.info?.isDebitCardEnabled,O=S(W=>Me(W,n.companyId)),N=$e(O.controllers),{creditAccount:L,creditAccountRepayment:F}=S(W=>Ge(W)),R=S(W=>W.classListState.fetchState),p=!I&&o&&C,h=S(W=>Va(W,t,p,o)),[k,A]=l.useState(!1),M=h.chargeCard,$=M?.cardCreatedByUser?.userId,H=S(W=>$!=null?ha(W.userRoleState,$):void 0),B=H?.accountingClassIDs[0],y=S(W=>B!=null?ga(W.classState,{classId:B,reportId:"class_list"}):void 0),Y=M?.cardHolderUser?.userId,x=S(W=>Y!=null?ha(W.userRoleState,Y):void 0),P=x?.accountingClassIDs[0],z=S(W=>P!=null?ga(W.classState,{classId:P,reportId:"class_list"}):void 0),D=M?.type.code==="business_physical_credit_card"||M?.type.code==="business_physical_debit_card",Z=M?.type.code==="business_physical_debit_card";l.useEffect(()=>{g&&E===!1&&D&&(i(!0),setTimeout(()=>{a(fa()),Z&&a(ra({messageSection:"set_debit_card_pin",messageText:"success",type:"success",showStatusIcon:!0}))},5e3))},[g,E,D,Z]),l.useEffect(()=>{k||h.fetchState==="Completed"||h.fetchState==="In-Progress"||t==null||(A(!0),a(Xe(t,p,!1)))},[k,h,t,a]),l.useEffect(()=>{if(h.fetchState==="Completed"&&(D===!1||D&&M?.status?.code!=="active"||M?.cardHolderUserId!==r.userId||g===!1&&E===!1||M?.type.code==="business_physical_debit_card"||M?.type.code==="business_virtual_debit_card")){const W=pe(n.tenantEmailDomain,t,r,M,g);e(W)}},[h.fetchState,g,D]),l.useEffect(()=>{L.fetchState!=="Completed"&&L.fetchState!=="In-Progress"&&o&&C&&u&&a(Ha()),F.fetchState!=="Completed"&&F.fetchState!=="In-Progress"&&o&&C&&u&&a(Ma()),R!=="Completed"&&R!=="In-Progress"&&a(ct())},[L.fetchState,F.fetchState,a,o,C,u,R]);const G=()=>{if(r!=null&&t!=null){a(fa());const W=pe(n.tenantEmailDomain,t,r);e(W)}},ae=M?.type.code==="business_physical_debit_card"||M?.type.code==="business_virtual_debit_card",se=Ue(o,b,w,C),J=la(o,C,u,L,F),de=Ot(ae,h);return h.fetchState!=="Completed"?s.jsx(_e,{fetchState:"In-Progress"}):s.jsxs(s.Fragment,{children:[s.jsx(Ta,{showConfetti:g}),s.jsx(tr,{onGotItClick:G,isDebitCard:M?.type.code==="business_physical_debit_card",controllerEmails:N,isChargeCardFeatureEnabled:o,isDebitCardFeatureEnabled:b,isDebitCardSetupEnabled:w,isChargeCardSetupEnabled:C,productInformation:se,creditAccountInformation:J,debitAccountInformation:de,chargeCardDetailView:h,creditAccount:L,classListFetchState:R,creditAccountRepayment:F,cardIssuedByRoles:H?.userRoles,cardIssuedByDepartmentName:y?.className,cardHolderRoles:x?.userRoles,cardHolderDepartmentName:z?.className})]})}const wr=he(function(e){const t=ze(e);return{insightsData:t.insight,cashbackByPeriod:t.cashbackByPeriod,uiState:t.uiState,cashbackSummary:t.cashbackSummary}},function(e,t){const{currentTenant:a,navigate:r,location:n}=t,{tenantEmailDomain:c}=a;return{onColumnSortConfigChanged:(u,m)=>{e($t({uiState:{sortKey:u,sortOrder:m}}))},onBackClick:()=>{const u=Te(n.state?.pathnameStackToGoBack),m=u.poppedPathname??Tr(c);r(m,{state:{pathnameStackToGoBack:u.newStack}})}}})(nr);function Pr(){const e=ue(),t=me(),a=be(),r=X.getSignedInUser(),n=S(E=>ce(E)),[c,u]=l.useState(!1),m=S(E=>ze(E));if(l.useEffect(()=>{c||m.fetchState==="Completed"||m.fetchState==="In-Progress"||(u(!0),t(it()))},[c,m,t]),r==null)throw Error("Can't access cashback detail page without signing in...");return m.fetchState==="In-Progress"?s.jsx(_e,{fetchState:m.fetchState}):m.cashbackSummary.cashbackEarned.amount===0&&m.fetchState==="Completed"?s.jsx(xa,{}):s.jsx(wr,{navigate:e,location:a,currentTenant:n})}const Tr=e=>`/${e}/cards`,Fr={containerWidth:new da(100,58)},vr=({appContent:e})=>{const t=ia(),a=me(),r=ue(),{cardId:n}=oa(),c=be(),{useDynamicConfig:u}=oe(),[m,E]=l.useState(!1),[i,g]=l.useState(!1),[I,_]=l.useState(!1),[C,U]=l.useState(!1),v=X.getSignedInUser();if(v==null)throw Error("Can't access onboarding card page without signing in...");const T=S(z=>ce(z));if(n==null)throw Error("Empty card id is not valid...");const{configValue:d}=u(Pe.zeniCardsConfig),f=d.max_charge_card_activation_attempts_by_card_id,b=S(z=>Gt(z,n)),o=b.chargeCard,w=S(z=>z.chargeCardConfigState.fetchState),{useFeatureGate:O}=oe(),{isFeatureEnabled:N}=O(K.isChargeCardFeatureEnabled),{isFeatureEnabled:L}=O(K.isDebitCardFeatureEnabled),F=Ie(L,T),R=Ee({isDebitCardFeatureEnabled:L,isBankingOnlyTenant:F}),p=!!T.companyChargeCardInfo?.info?.isChargeCardEnabled,h=T.userRole.includes("charge_card_user"),k=ye(T),A=Se(T),M=T.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,$=Ae({isCardsOnlyTenant:k,isChargeCardFeatureEnabled:N,isBookKeepingTenant:A,isDebitCardProductVisible:R,chargeCardsCreditAccountLimit:M}),H=!h&&$&&p;l.useEffect(()=>{m===!1&&w!=="In-Progress"&&w!=="Completed"&&(a(ka()),E(!0)),i===!1&&b.fetchState==="Not-Started"&&(g(!0),a(Xe(n,H,$)))},[i,b.fetchState,m,w]);const B=o?.type.code==="business_physical_credit_card"||o?.type.code==="business_physical_debit_card";l.useEffect(()=>{if(b.fetchState==="Completed"){if(I===!1&&(B===!1||B&&o?.status?.code!=="inactive"||o?.cardHolderUserId!==v.userId)){const z=pe(T.tenantEmailDomain,n,v,o,!0),D=fe(c.state?.pathnameStackToGoBack,c.pathname);r(z,{state:{pathnameStackToGoBack:D}})}else if(I&&b.isRefreshingViewInBackground===!1&&o?.status?.code==="active"){a(zt({chargeCardId:n}));const z=pe(T.tenantEmailDomain,n,v,o,!0),D=fe(c.state?.pathnameStackToGoBack,c.pathname);a(Ea()),r(z,{state:{pathnameStackToGoBack:D}})}}},[b.fetchState,o?.type.code,I,b.isRefreshingViewInBackground]);const y=X.getZeniOtpTokenForCardHolder(n),Y=S(z=>dt(z.userState,v.userId)),x=()=>{o?.status?.code!=="active"&&a($a(n,!0))};l.useEffect(()=>{b.updatePhysicalChargeCardAttemptFetchState.fetchState==="Completed"&&o?.cardActivationAttemptHistory.some(z=>z.statusCode==="success")===!0&&I===!1&&(setTimeout(x,3e3),_(!0))},[b.updatePhysicalChargeCardAttemptFetchState.fetchState,o?.cardActivationAttemptHistory]);const P=z=>{U(z)};if(w!=="Completed"||o==null)return s.jsx(_e,{fetchState:"In-Progress"});if(o.shippingAddressId==null)throw Error("Can't access shippingAddressId.");if(Y?.phone==null)throw Error("Can't access user phone number.");return s.jsxs(Br,{children:[s.jsx(ua,{isAppContentDrawerOpen:C,handleDrawerToggle:P}),s.jsx(xr,{cardId:n,card:o,shippingAddressId:o.shippingAddressId,phone:Y.phone,signedInUser:v,isSandboxEnv:Ya(),chargeCardDetailState:b,signedInUserToken:y,navigate:r,currentTenant:T,location:c,maxChargeCardActivationAttempts:f[n]!=null?f[n]:d.default_max_charge_card_activation_attempts!=null?d.default_max_charge_card_activation_attempts:3,chargeCardCashbackRatePerTransaction:d.charge_card_cashback_rate_per_transaction!=null?d.charge_card_cashback_rate_per_transaction:.0175,onClickMenuIcon:()=>{P(!0)}}),e!=null?s.jsx(Lr,{windowSize:t,children:e}):null]})},xr=he(function(e,{chargeCardDetailState:t,shippingAddressId:a,location:r,cardId:n}){const c=Yt(e.addressState,a);if(c==null)throw Error("Can't access shippingAddress.");const u=lt(e,n),m=t.updateStatus,E=Ye(e,!1,!1,!1);let i=!1;E.fetchState==="Completed"&&E.cards.length<=1&&(i=!0);const g=r.state?.message==="comingFromV2UrlPath";return{showActivatePage:t.chargeCard?.providerCardCreateTime!=null&&t.chargeCard.providerCardCreateTime.add(24,"h").isBefore(Zt())||g,showMenuIcon:i,shippingAddress:c,vgsVaultId:Fa.cardVaultId,twoFAView:u,activationWaitStatus:m,isRefreshingViewInBackground:t.isRefreshingViewInBackground}},function(e,t){const{navigate:a,cardId:r,location:n,currentTenant:c,chargeCardDetailState:u}=t,m=u.chargeCard?.cardProviderID,{tenantEmailDomain:E}=c;return{onGetOtp:i=>{m!=null&&e(_a(i,"ChargeCardHolder",r))},onUpdatePhysicalChargeCardAttempt:i=>{e(Wt(r,i))},onResendOtp:i=>{m!=null&&e(Da(i,"ChargeCardHolder",r))},onVerifyOtp:(i,g)=>{m!=null&&e(Aa(i,g,"ChargeCardHolder",r))},onVerifyOtpSuccess:i=>{i!=null&&X.saveZeniOtpTokenForCardHolder(i,r)},onCVVActivateSuccess:()=>{e(Kt({chargeCardId:r}))},onBackClick:()=>{const i=Te(n.state?.pathnameStackToGoBack),g=i.poppedPathname==null||i.poppedPathname.includes("onboard")===!0?Oe(E):i.poppedPathname;a(g,{state:{pathnameStackToGoBack:i.newStack}})}}})(rr),Lr=ke.div`
   display: flex;
   flex-direction: column;
   width: ${e=>`${Fr.containerWidth.value(e.windowSize)}%`};

package/dist/assets/{ChargeCardSetupPage-Dqoel2Do-B15YO0OW.js → ChargeCardSetupPage-0bpVkeJs-BbuEfFpc.js}

@@ -1,4 +1,4 @@
-import{y as je,e as Be,h as Ue,a7 as G,T as _e,c8 as ze,ad as Z,V as t,eI as Re,f as Le,x as d,a_ as We,L as $e,A as Ne,eZ as qe,de as He,e_ as Me,o as B,w as Ge,i4 as J,aU as Ze,a9 as Je,f0 as Ke,O as Qe,m as o,l as Xe}from"./index-C5NS4k1k.js";import{a as f}from"./sentry-B7C9wEq0.js";import{n as S}from"./mui-CsJjaFS3.js";import{cg as Ye}from"./zeni-epic-state-CjUXhad7.js";import{x as et}from"./LabeledControlledCheckBoxField-DT_nxhPN-BUvo7K-8.js";import{g as tt}from"./UploadAdditionalDocumentOverlay-qrcEQmkz-km4_SH9P.js";import"./pdf-CotdgJU1.js";import"./core-CbpF8wW5.js";import"./lottie-DCpFrhzh.js";import"./liveblocks-DAzt4XWX.js";import"./recharts-Z1H4NIT9.js";import"./dnd-PN_2LgQk.js";import"./analytics-lZopEqtI.js";import"./plaid-BTCtHWVp.js";import"./utils-DSKkIaRb.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]="da388a31-f811-4750-ad76-efcd62712a6c",e._sentryDebugIdIdentifier="sentry-dbid-da388a31-f811-4750-ad76-efcd62712a6c")}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",g="payAccount",{commonSetUp:nt,spendManagement:it}=Qe.getLocalizedStrings(),{chargeCard:Y}=it,{chargeCardSetUp:m}=Y,{setUp:U}=nt,At=({autoPayThreshold:e,isDisabled:r,meetingUrl:w,isEarlyPayEnabled:h,chargeCardSetUpView:i,connectedAccountProvider:ee,filesEndPoint:te,authParams:ne,isAccountsEnabled:ie,isDebitCardOnlyEnabled:k,isCreditCardOnlyEnabled:ae,accountsPromoConfig:oe,onFetchLinkTokenClick:ce,onBackClick:se,onEnableChargeCardClick:le,onUpdateChargeCardClick:de,onBusinessVerificationSectionClick:re,onUpdatePaymentAccountStatus:ue,onUpdatePaymentAccountLoginStatus:pe,onUpdatePrimaryFundingAccount:fe,onUpdateAutoPayClick:me,onEstablishConnectionClick:ge,onEstablishConnectionSuccess:he,onClickMenuIcon:ye,onEnableChargeCardSuccess:x,onEditFileName:be,onDeleteFile:Ce,updateFilesEntity:Se,onCompanyOfficerUpdated:we,onSendForVerificationClick:xe,onSignUpClick:Pe})=>{const y=je(),n=Be(),T=Ue().analytics,[P,b]=f.useState(!1),{fetchState:C,companyBillPayInfo:_,isRefreshingViewInBackground:Ae,updateStatus:u,accountUpdateStatus:ke,plaidConnectionDetails:Te,allBankAccounts:Ee,companyChargeCardInfo:E,companyDebitCardInfo:z,selectedCompanyOfficer:s,primaryFundingAccount:l,allFundingAccounts:R}=i,L=G(C),A=G(u.fetchState),v=_e({mode:"all",reValidateMode:"onChange",defaultValues:f.useMemo(()=>Q(i),[i]),values:Q(i)}),ve=v.handleSubmit(le);f.useEffect(()=>{const Oe=v.watch((H,{name:M})=>{M!=null&&H!=null&&ze(()=>(async(V,Ve)=>{const a=Ve[g];if(V.includes(g))if(V.includes("fundingAccount")){if(a.fundingAccount.selectedOption!=null&&l?.id!=a.fundingAccount.selectedOption){const p=R.find(j=>j.id===a.fundingAccount.selectedOption);p!=null&&fe(a.fundingAccount.selectedOption,p.accType)}}else if(a.account.selectedOption!=null&&l?.id!=null&&l?.zeniAccountId!=a.account.selectedOption){const p=a.account.allOptions.find(j=>j.value===a.account.selectedOption);p!=null&&typeof p.label=="string"&&T.trackConnectBankLink(p.value,p.label,"charge_cards"),de(a.account.selectedOption,l.id,l.accType)}else V.includes("enableAutoPay")&&a.enableAutoPay!=null&&me(a.enableAutoPay)})(M,H))});return()=>{Oe.unsubscribe()}}),f.useEffect(()=>{!P&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&b(!0),P&&L==="In-Progress"&&C==="Completed"&&b(!1)},[s,C,L]),f.useEffect(()=>{A==="In-Progress"&&u.fetchState==="Completed"&&x()},[x,A,u.fetchState]);const I=E?.isChargeCardEnabled===!0,D=z?.isDebitCardEnabled===!0,W=z?.isDebitCardTOSAccepted===!0,$=E?.isChargeCardTOSAccepted===!0,N=_?.isBusinessVerified===!0,Ie=l?.accType==="depositAccount"||Ye(l?.providerVerificationStatus?.code??""),F=k?N:N&&Ie,De=C==="In-Progress"||C==="Not-Started";f.useEffect(()=>{A==="In-Progress"&&u.fetchState==="Completed"&&x()},[x,A,u.fetchState]);const O=k?F&&!D&&W:ae?F&&!I&&$:F&&!(I&&D)&&$&&W,Fe=O?m.setupSubTitleNotEnabled:m.setupSubTitle,q=y.mode==="light"?new Z(y.colors.brandColorJadeLight):new Z(y.colors.brandColorJadeDark);return t.jsxs(ot,{children:[t.jsx(Re,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(n),boxShadow:"none"}},open:P,onClose:()=>b(!1),style:{backgroundColor:Le.drawerBackground},transitionDuration:250,children:t.jsx(tt,{authParams:ne,filesEndPoint:te,updateStatus:u,onEditFileName:be,onDeleteFile:Ce,updateFilesEntity:Se,companyOfficer:s,onClose:()=>b(!1),onCompanyOfficerUpdated:we,onSendForVerificationClick:xe})}),t.jsx(We,{title:m.setupTitle,backgroundColor:y.colors.grey4,style:{zIndex:3},onBackClick:se,showMenuIcon:!(I||D||n!=="medium-compact"&&n!=="small"),onClickMenuIcon:ye,source:"ChargeCardSetupPage"}),t.jsxs(at,{windowSize:n,children:[t.jsx(ct,{windowSize:n,children:Fe}),De?t.jsx(st,{children:t.jsx($e,{size:"ExtraLarge",start:!0})}):t.jsx(Ne,{...v,children:t.jsx("form",{id:X(K),onSubmit:ve,children:t.jsxs(lt,{windowSize:n,children:[t.jsx(qe,{onClick:()=>{P||s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")!==!0||!s.areAdditionalDocumentsRequestedForVerification||s.areAdditionalDocumentsSubmittedForVerification||s.userVerificationStatus?.code!=="require_info"?re?.():b(!0)},title:U.businessVerificationTitle,subTitle:U.businessVerificationSubTitle,header:U.businessVerificationHeader,icon:{element:t.jsx(He,{width:c.iconWidthHeight.valuePx(n),height:c.iconWidthHeight.valuePx(n)}),color:q},status:_?.businessVerificationStatus,isLoading:Ae,isActiveWhileLoading:!0}),k?null:t.jsx(Me,{connectedAccountProvider:ee,primaryFundingAccount:l,allFundingAccounts:R,plaidConnectionDetails:Te,allBankAccounts:Ee,sectionId:g,isDisabled:r,onFetchLinkTokenClick:ce,onEstablishConnectionClick:ge,onUpdatePaymentAccountStatus:ue,onUpdatePaymentAccountLoginStatus:pe,sectionTitle:m.setupAccountSectionTitle,onEstablishConnectionSuccess:he,icon:{element:t.jsx(Ze,{width:c.iconWidthHeight.valuePx(n),height:c.iconWidthHeight.valuePx(n)}),color:q},analytics:T,productType:"charge_cards",isAccountsEnabled:ie,onSignUpClick:Pe,pageName:m.pageName,accountsPromoConfig:oe,accountSelectContainerStyle:h?{marginBottom:"20px"}:{},bottomComponent:h&&t.jsx(et,{label:{label:Y.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:y.colors.primary,...Ge.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:B.sp4,marginTop:B.sp1,alignItems:n==="small"?"flex-start":"center"},checkBoxField:{name:J(g,"enableAutoPay"),checkBoxValue:J(g,"enableAutoPay"),defaultChecked:E?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(n)}}})})]})})})]}),O?t.jsx(Je,{formId:X(K),primaryBtn:{label:m.enableAccounts,style:{width:"auto",minWidth:n==="small"?"auto":"181px"},isLoading:u.fetchState==="In-Progress"||ke.fetchState==="In-Progress",isDisabled:r!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${B.sp3}`}}):null,t.jsx(Ke,{isFooterRendered:O,meetingUrl:w,analytics:T,productType:"charge_cards"})]})},Q=e=>{const{allBankAccounts:r,allFundingAccounts:w,primaryFundingAccount:h}=e;return{[g]:{fundingAccount:{selectedOption:h?.id,allOptions:w.map(i=>({label:i.label,value:i.id,isRecommended:i.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:r.map(i=>({label:i.accountName,value:i.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},X=e=>`${e}_form`,at=S.div`
+import{y as je,e as Be,h as Ue,a7 as G,T as _e,c8 as ze,ad as Z,V as t,eI as Re,f as Le,x as d,a_ as We,L as $e,A as Ne,eZ as qe,de as He,e_ as Me,o as B,w as Ge,i4 as J,aU as Ze,a9 as Je,f0 as Ke,O as Qe,m as a,l as Xe}from"./index-BBHMk1WY.js";import{a as f}from"./sentry-BHW-o2_3.js";import{n as S}from"./mui-dGxW217w.js";import{cg as Ye}from"./zeni-epic-state-DhC3A3VG.js";import{x as et}from"./LabeledControlledCheckBoxField-CcPO1k23-oIbSTLkG.js";import{g as tt}from"./UploadAdditionalDocumentOverlay-Wl4Spdpn-BODbkPHU.js";import"./pdf-DjWcNDdq.js";import"./core-DuAc0oH1.js";import"./lottie-gxzZnsHo.js";import"./liveblocks-Bpp30XUG.js";import"./recharts-CNVQrnca.js";import"./dnd-C4MpAW48.js";import"./analytics-BmL_Mqn9.js";import"./plaid-LGb0iu_7.js";import"./utils-BAYl7YTg.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]="46c50f30-eade-4d61-887a-834dbee714f5",e._sentryDebugIdIdentifier="sentry-dbid-46c50f30-eade-4d61-887a-834dbee714f5")}catch{}})();const c={titleWidth:new d(343,580,726,826),setupDetailsRowGap:new d(12,a[5],a[5]),sectionRowGap:new d(a[5],a[9],a[9]),iconWidthHeight:new d(20,a[4]),subTitlePaddingTop:new d(12,a[3]),subTitlePaddingBottom:new d(a[3],a[3]),overlayWidth:new d(100,100,59),checkBoxTop:new d(a[1],a[0])},K="chargeCardSetUpPage",g="payAccount",{commonSetUp:nt,spendManagement:it}=Qe.getLocalizedStrings(),{chargeCard:Y}=it,{chargeCardSetUp:m}=Y,{setUp:U}=nt,At=({autoPayThreshold:e,isDisabled:r,meetingUrl:w,isEarlyPayEnabled:h,chargeCardSetUpView:i,connectedAccountProvider:ee,filesEndPoint:te,authParams:ne,isAccountsEnabled:ie,isDebitCardOnlyEnabled:k,isCreditCardOnlyEnabled:oe,accountsPromoConfig:ae,onFetchLinkTokenClick:ce,onBackClick:se,onEnableChargeCardClick:le,onUpdateChargeCardClick:de,onBusinessVerificationSectionClick:re,onUpdatePaymentAccountStatus:ue,onUpdatePaymentAccountLoginStatus:pe,onUpdatePrimaryFundingAccount:fe,onUpdateAutoPayClick:me,onEstablishConnectionClick:ge,onEstablishConnectionSuccess:he,onClickMenuIcon:ye,onEnableChargeCardSuccess:x,onEditFileName:be,onDeleteFile:Ce,updateFilesEntity:Se,onCompanyOfficerUpdated:we,onSendForVerificationClick:xe,onSignUpClick:Pe})=>{const y=je(),n=Be(),T=Ue().analytics,[P,b]=f.useState(!1),{fetchState:C,companyBillPayInfo:_,isRefreshingViewInBackground:Ae,updateStatus:u,accountUpdateStatus:ke,plaidConnectionDetails:Te,allBankAccounts:Ee,companyChargeCardInfo:E,companyDebitCardInfo:z,selectedCompanyOfficer:s,primaryFundingAccount:l,allFundingAccounts:R}=i,L=G(C),A=G(u.fetchState),v=_e({mode:"all",reValidateMode:"onChange",defaultValues:f.useMemo(()=>Q(i),[i]),values:Q(i)}),ve=v.handleSubmit(le);f.useEffect(()=>{const Oe=v.watch((H,{name:M})=>{M!=null&&H!=null&&ze(()=>(async(V,Ve)=>{const o=Ve[g];if(V.includes(g))if(V.includes("fundingAccount")){if(o.fundingAccount.selectedOption!=null&&l?.id!=o.fundingAccount.selectedOption){const p=R.find(j=>j.id===o.fundingAccount.selectedOption);p!=null&&fe(o.fundingAccount.selectedOption,p.accType)}}else if(o.account.selectedOption!=null&&l?.id!=null&&l?.zeniAccountId!=o.account.selectedOption){const p=o.account.allOptions.find(j=>j.value===o.account.selectedOption);p!=null&&typeof p.label=="string"&&T.trackConnectBankLink(p.value,p.label,"charge_cards"),de(o.account.selectedOption,l.id,l.accType)}else V.includes("enableAutoPay")&&o.enableAutoPay!=null&&me(o.enableAutoPay)})(M,H))});return()=>{Oe.unsubscribe()}}),f.useEffect(()=>{!P&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&b(!0),P&&L==="In-Progress"&&C==="Completed"&&b(!1)},[s,C,L]),f.useEffect(()=>{A==="In-Progress"&&u.fetchState==="Completed"&&x()},[x,A,u.fetchState]);const I=E?.isChargeCardEnabled===!0,D=z?.isDebitCardEnabled===!0,W=z?.isDebitCardTOSAccepted===!0,$=E?.isChargeCardTOSAccepted===!0,N=_?.isBusinessVerified===!0,Ie=l?.accType==="depositAccount"||Ye(l?.providerVerificationStatus?.code??""),F=k?N:N&&Ie,De=C==="In-Progress"||C==="Not-Started";f.useEffect(()=>{A==="In-Progress"&&u.fetchState==="Completed"&&x()},[x,A,u.fetchState]);const O=k?F&&!D&&W:oe?F&&!I&&$:F&&!(I&&D)&&$&&W,Fe=O?m.setupSubTitleNotEnabled:m.setupSubTitle,q=y.mode==="light"?new Z(y.colors.brandColorJadeLight):new Z(y.colors.brandColorJadeDark);return t.jsxs(at,{children:[t.jsx(Re,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(n),boxShadow:"none"}},open:P,onClose:()=>b(!1),style:{backgroundColor:Le.drawerBackground},transitionDuration:250,children:t.jsx(tt,{authParams:ne,filesEndPoint:te,updateStatus:u,onEditFileName:be,onDeleteFile:Ce,updateFilesEntity:Se,companyOfficer:s,onClose:()=>b(!1),onCompanyOfficerUpdated:we,onSendForVerificationClick:xe})}),t.jsx(We,{title:m.setupTitle,backgroundColor:y.colors.grey4,style:{zIndex:3},onBackClick:se,showMenuIcon:!(I||D||n!=="medium-compact"&&n!=="small"),onClickMenuIcon:ye,source:"ChargeCardSetupPage"}),t.jsxs(ot,{windowSize:n,children:[t.jsx(ct,{windowSize:n,children:Fe}),De?t.jsx(st,{children:t.jsx($e,{size:"ExtraLarge",start:!0})}):t.jsx(Ne,{...v,children:t.jsx("form",{id:X(K),onSubmit:ve,children:t.jsxs(lt,{windowSize:n,children:[t.jsx(qe,{onClick:()=>{P||s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")!==!0||!s.areAdditionalDocumentsRequestedForVerification||s.areAdditionalDocumentsSubmittedForVerification||s.userVerificationStatus?.code!=="require_info"?re?.():b(!0)},title:U.businessVerificationTitle,subTitle:U.businessVerificationSubTitle,header:U.businessVerificationHeader,icon:{element:t.jsx(He,{width:c.iconWidthHeight.valuePx(n),height:c.iconWidthHeight.valuePx(n)}),color:q},status:_?.businessVerificationStatus,isLoading:Ae,isActiveWhileLoading:!0}),k?null:t.jsx(Me,{connectedAccountProvider:ee,primaryFundingAccount:l,allFundingAccounts:R,plaidConnectionDetails:Te,allBankAccounts:Ee,sectionId:g,isDisabled:r,onFetchLinkTokenClick:ce,onEstablishConnectionClick:ge,onUpdatePaymentAccountStatus:ue,onUpdatePaymentAccountLoginStatus:pe,sectionTitle:m.setupAccountSectionTitle,onEstablishConnectionSuccess:he,icon:{element:t.jsx(Ze,{width:c.iconWidthHeight.valuePx(n),height:c.iconWidthHeight.valuePx(n)}),color:q},analytics:T,productType:"charge_cards",isAccountsEnabled:ie,onSignUpClick:Pe,pageName:m.pageName,accountsPromoConfig:ae,accountSelectContainerStyle:h?{marginBottom:"20px"}:{},bottomComponent:h&&t.jsx(et,{label:{label:Y.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:y.colors.primary,...Ge.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:B.sp4,marginTop:B.sp1,alignItems:n==="small"?"flex-start":"center"},checkBoxField:{name:J(g,"enableAutoPay"),checkBoxValue:J(g,"enableAutoPay"),defaultChecked:E?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(n)}}})})]})})})]}),O?t.jsx(Je,{formId:X(K),primaryBtn:{label:m.enableAccounts,style:{width:"auto",minWidth:n==="small"?"auto":"181px"},isLoading:u.fetchState==="In-Progress"||ke.fetchState==="In-Progress",isDisabled:r!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${B.sp3}`}}):null,t.jsx(Ke,{isFooterRendered:O,meetingUrl:w,analytics:T,productType:"charge_cards"})]})},Q=e=>{const{allBankAccounts:r,allFundingAccounts:w,primaryFundingAccount:h}=e;return{[g]:{fundingAccount:{selectedOption:h?.id,allOptions:w.map(i=>({label:i.label,value:i.id,isRecommended:i.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:r.map(i=>({label:i.accountName,value:i.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},X=e=>`${e}_form`,ot=S.div`
   display: flex;
   justify-content: flex-start;
   height: 100%;
@@ -6,7 +6,7 @@ import{y as je,e as Be,h as Ue,a7 as G,T as _e,c8 as ze,ad as Z,V as t,eI as Re,
   flex-direction: column;
   align-items: center;
   row-gap: ${e=>c.setupDetailsRowGap.valuePx(e.windowSize)};
-`,ot=S.div`
+`,at=S.div`
   display: flex;
   min-height: 100%;
   height: 100%;

package/dist/assets/{ChargeCardStatementsPage-Dalrj66w-PEmpxN8W.js → ChargeCardStatementsPage-ChWyQlw6-C9k3sUIQ.js}

@@ -1,4 +1,4 @@
-import{y as W,e as T,V as t,a_ as F,o as h,O as R,x as g,l as B,at as _,h as O,h9 as V,L as q,b as J,m as s,by as U}from"./index-C5NS4k1k.js";import{n as o}from"./mui-CsJjaFS3.js";import{$ as G,g as H}from"./BoxItem-XoWq-tnh-BjJmrBFm.js";import{a as K}from"./sentry-B7C9wEq0.js";import{w as Q}from"./downloadPdf-B5WrL0K1-DumpN6AC.js";import"./pdf-CotdgJU1.js";import"./zeni-epic-state-CjUXhad7.js";import"./core-CbpF8wW5.js";import"./lottie-DCpFrhzh.js";import"./liveblocks-DAzt4XWX.js";import"./recharts-Z1H4NIT9.js";import"./dnd-PN_2LgQk.js";import"./analytics-lZopEqtI.js";import"./plaid-BTCtHWVp.js";import"./utils-DSKkIaRb.js";import"./commonDimensions-DIm7kTtR-LC7HUPCB.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="ec272990-ba79-4ec6-9713-be304644e5c5",e._sentryDebugIdIdentifier="sentry-dbid-ec272990-ba79-4ec6-9713-be304644e5c5")}catch{}})();const E=R.getLocalizedStrings().months,Y={downloadButtonSize:new g(s[4],20)},X=o.div`
+import{y as F,e as T,V as t,a_ as W,o as h,O as R,x as g,l as B,at as _,h as O,h9 as V,L as q,b as J,m as s,by as U}from"./index-BBHMk1WY.js";import{n as o}from"./mui-dGxW217w.js";import{$ as G,g as H}from"./BoxItem-Bxa1M4QU-D0J-fial.js";import{a as K}from"./sentry-BHW-o2_3.js";import{w as Q}from"./downloadPdf-Dsuxeias-Cexusisr.js";import"./pdf-DjWcNDdq.js";import"./zeni-epic-state-DhC3A3VG.js";import"./core-DuAc0oH1.js";import"./lottie-gxzZnsHo.js";import"./liveblocks-Bpp30XUG.js";import"./recharts-CNVQrnca.js";import"./dnd-C4MpAW48.js";import"./analytics-BmL_Mqn9.js";import"./plaid-LGb0iu_7.js";import"./utils-BAYl7YTg.js";import"./commonDimensions-Oz1tdAcx-CfFEyvRP.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="0adb18df-8ae6-4665-9b24-3ad858139bdb",e._sentryDebugIdIdentifier="sentry-dbid-0adb18df-8ae6-4665-9b24-3ad858139bdb")}catch{}})();const E=R.getLocalizedStrings().months,Y={downloadButtonSize:new g(s[4],20)},X=o.div`
   display: flex;
   padding: ${h.sp3} ${h.sp4};
   flex-direction: row;
@@ -27,7 +27,7 @@ import{y as W,e as T,V as t,a_ as F,o as h,O as R,x as g,l as B,at as _,h as O,h
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`;function ae({currentTenantCompanyName:e,data:a,index:r,controllerEmails:l,isDebitCardFeatureEnabled:i,isDebitCardSetupEnabled:n,chargeCardCashbackDetailState:d,depositAccountListWithDebitCardIssued:y,debitCardSummary:x,productInformation:C,creditAccountInformation:S,debitAccountInformation:P,cashbackInformation:b,creditAccountRepayment:$,authParams:I,downloadEndPoint:j,boxType:k}){const f=O().analytics,[v,z]=K.useState(!1),c=T(),D=E[a.monthYearPeriod.month-1],p=`${e}-Credit-Card-Monthly-Statement-${E[a.monthYearPeriod.month-1]}-${a.monthYearPeriod.year}.pdf`,m={period:`${a.monthYearPeriod.year}-${V(a.monthYearPeriod.month)}`,format:"pdf"},u=t.jsx(X,{children:t.jsxs(Z,{children:[t.jsx(ee,{children:D}),t.jsx(te,{"data-testid":J("download-card-statement"),onClick:()=>{d.fetchState==="Completed"&&$.fetchState==="Completed"&&(!(i&&n)||y.fetchState==="Completed"&&x?.fetchState==="Completed")&&b!=null&&f.trackCardsDownloadClick(l,C,b,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:p,fileMonthYear:`${E[a.monthYearPeriod.month-1]} ${a.monthYearPeriod.year}`},"Credit Card Statements",r+1,S,P),Q(`${j}/statements?query=${encodeURIComponent(JSON.stringify(m))}`,p,I,z)},children:v?t.jsx(q,{size:"Small",start:!0}):t.jsx(ie,{windowSize:c})})]})});return t.jsx(H,{content:u,boxType:k,isDisabled:!1,isNotClickable:!0})}const L=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])},ve=({currentTenantCompanyName:e,authParams:a,controllerEmails:r,productInformation:l,cashbackInformation:i,creditAccountInformation:n,debitAccountInformation:d,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:C,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:P,depositAccountListWithDebitCardIssued:b,creditAccountRepayment:$,debitCardSummary:I,creditAccount:j,downloadEndPoint:k,statementListView:f,onBackClick:v})=>{const z=W(),c=T(),{sortedYear:D,monthsByYearWithSortedMonth:p}=me(f.statements);return t.jsxs(se,{children:[t.jsx(F,{title:L.title,backgroundColor:z.colors.grey4,style:{zIndex:3},onBackClick:v,source:"ChargeCardStatementsPage"}),t.jsx(ce,{windowSize:c,children:f.statements.length===0?t.jsx(M,{children:t.jsx(de,{children:t.jsx(N,{windowSize:c,children:t.jsx(le,{children:L.noStatements})})})}):t.jsx(oe,{children:D.map(m=>t.jsxs(re,{children:[t.jsx(ne,{windowSize:c,children:m}),t.jsx(M,{children:p[m].map((u,A)=>t.jsx(N,{windowSize:c,children:t.jsx(ae,{productInformation:l,creditAccountInformation:n,debitAccountInformation:d,cashbackInformation:i,creditAccountRepayment:$,depositAccountListWithDebitCardIssued:b,debitCardSummary:I,controllerEmails:r,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:C,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:P,creditAccount:j,currentTenantCompanyName:e,index:A,data:u,authParams:a,downloadEndPoint:k,boxType:G(A,p[m].length)},u.id)},u.id))})]},m))})})]})},oe=o.div``,re=o.div`
+`;function ae({currentTenantCompanyName:e,data:a,index:r,controllerEmails:l,isDebitCardFeatureEnabled:i,isDebitCardSetupEnabled:n,chargeCardCashbackDetailState:d,depositAccountListWithDebitCardIssued:y,debitCardSummary:x,productInformation:C,creditAccountInformation:S,debitAccountInformation:P,cashbackInformation:b,creditAccountRepayment:$,authParams:I,downloadEndPoint:j,boxType:k}){const f=O().analytics,[v,z]=K.useState(!1),c=T(),D=E[a.monthYearPeriod.month-1],p=`${e}-Credit-Card-Monthly-Statement-${E[a.monthYearPeriod.month-1]}-${a.monthYearPeriod.year}.pdf`,m={period:`${a.monthYearPeriod.year}-${V(a.monthYearPeriod.month)}`,format:"pdf"},u=t.jsx(X,{children:t.jsxs(Z,{children:[t.jsx(ee,{children:D}),t.jsx(te,{"data-testid":J("download-card-statement"),onClick:()=>{d.fetchState==="Completed"&&$.fetchState==="Completed"&&(!(i&&n)||y.fetchState==="Completed"&&x?.fetchState==="Completed")&&b!=null&&f.trackCardsDownloadClick(l,C,b,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:p,fileMonthYear:`${E[a.monthYearPeriod.month-1]} ${a.monthYearPeriod.year}`},"Credit Card Statements",r+1,S,P),Q(`${j}/statements?query=${encodeURIComponent(JSON.stringify(m))}`,p,I,z)},children:v?t.jsx(q,{size:"Small",start:!0}):t.jsx(ie,{windowSize:c})})]})});return t.jsx(H,{content:u,boxType:k,isDisabled:!1,isNotClickable:!0})}const L=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])},ve=({currentTenantCompanyName:e,authParams:a,controllerEmails:r,productInformation:l,cashbackInformation:i,creditAccountInformation:n,debitAccountInformation:d,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:C,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:P,depositAccountListWithDebitCardIssued:b,creditAccountRepayment:$,debitCardSummary:I,creditAccount:j,downloadEndPoint:k,statementListView:f,onBackClick:v})=>{const z=F(),c=T(),{sortedYear:D,monthsByYearWithSortedMonth:p}=me(f.statements);return t.jsxs(se,{children:[t.jsx(W,{title:L.title,backgroundColor:z.colors.grey4,style:{zIndex:3},onBackClick:v,source:"ChargeCardStatementsPage"}),t.jsx(ce,{windowSize:c,children:f.statements.length===0?t.jsx(M,{children:t.jsx(de,{children:t.jsx(N,{windowSize:c,children:t.jsx(le,{children:L.noStatements})})})}):t.jsx(oe,{children:D.map(m=>t.jsxs(re,{children:[t.jsx(ne,{windowSize:c,children:m}),t.jsx(M,{children:p[m].map((u,A)=>t.jsx(N,{windowSize:c,children:t.jsx(ae,{productInformation:l,creditAccountInformation:n,debitAccountInformation:d,cashbackInformation:i,creditAccountRepayment:$,depositAccountListWithDebitCardIssued:b,debitCardSummary:I,controllerEmails:r,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:C,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:P,creditAccount:j,currentTenantCompanyName:e,index:A,data:u,authParams:a,downloadEndPoint:k,boxType:G(A,p[m].length)},u.id)},u.id))})]},m))})})]})},oe=o.div``,re=o.div`
   margin-bottom: ${h.sp6};
 `,M=o.div``,ne=o(_)`
   margin-left: ${e=>w.titleMarginLeftRight.valuePx(e.windowSize)};

package/dist/assets/{CheckDepositDrawerPage-mYjv1H0f-CojKKN3D.js → CheckDepositDrawerPage-BS7hnyZn-y7RoF_w4.js}

@@ -1,4 +1,4 @@
-import{e as oe,V as t,b as y,a5 as R,a as X,o,a9 as de,x as n,a8 as te,n as pe,O as ie,at as he,c2 as ae,C as ue,l as B,a7 as me,T as ge,c8 as fe,f as j,A as xe,fD as ke,cd as De,el as Y,cj as J,m as a,eT as we,bH as $e,bv as be,ex as ye,gk as je,H as G,gl as Le}from"./index-C5NS4k1k.js";import{a as w}from"./sentry-B7C9wEq0.js";import{n as i}from"./mui-CsJjaFS3.js";import{v as Pe}from"./SuccessAnimation-AojDorqX-BdMSXfoJ.js";import"./pdf-CotdgJU1.js";import"./zeni-epic-state-CjUXhad7.js";import"./core-CbpF8wW5.js";import"./lottie-DCpFrhzh.js";import"./liveblocks-DAzt4XWX.js";import"./recharts-Z1H4NIT9.js";import"./dnd-PN_2LgQk.js";import"./analytics-lZopEqtI.js";import"./plaid-BTCtHWVp.js";import"./utils-DSKkIaRb.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]="dd8c68a3-c23a-43f5-a677-0f981306744d",e._sentryDebugIdIdentifier="sentry-dbid-dd8c68a3-c23a-43f5-a677-0f981306744d")}catch{}})();const m="checkDepositDetails",Se="amount",ve="depositTo",Fe="source",se="fileIds",O="selectDocument",M=e=>{const l=[];return e.checkFront!=null&&l.push(e.checkFront.fileId),e.checkBack!=null&&l.push(e.checkBack.fileId),{[m]:{[Se]:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,[Fe]:e.checkDepositLocalData.source,[ve]:{allOptions:e.depositAccounts.depositAccounts.map(g=>({label:g.accountName,value:g.id})),selectedOption:e.checkDepositLocalData.depositTo?.id},[se]:l,[O]:{front:e.checkFront,back:e.checkBack}}}},b=(e,l)=>`${e}.${l}`,Ce=e=>`${e}_form`,p={largeLabelWidth:new n(160,160,160),rowContentPaddingLeft:new n(a[3],a[4]),checkPicRowContentPaddingXAxis:new n(a[3],a[4]),labeleMarginLeft:new n(a[0],a[0]),labeleMarginBottom:new n(a[2],a[0]),labelMarginRight:new n(a[3],a[3]),labeledFieldPaddingLeft:new n(a[3],a[0]),labeledFieldPaddingRight:new n(a[3],a[2]),labeledFieldPaddingTop:new n(a[3],a[3]),labeledFieldPaddingBottom:new n(a[3],a[2]),infoLabelPaddingRight:new n(a[0],a[3]),infoLabelMarginTop:new n(a[1],a[0])},{spendManagement:Te,common:q}=ie.getLocalizedStrings(),r=Te.zeniAccounts.zeniAccountList,Be=q.documents;function ze({checkDeposit:e,analytics:l,filesEndPoint:g,openPopup:L,authParams:P,onSaveChangesToLocalStore:z,updateFilesEntity:S,onDeleteFile:v,onEditFileName:F,onCheckDpositClick:A}){const c=oe(),d=e.fetchState,C=me(d),[T,H]=w.useState(!1),[le,I]=w.useState(!1),E=p.largeLabelWidth.value(c),k=ge({mode:"all",reValidateMode:"onBlur",defaultValues:M(e),values:M(e)}),{isValid:re}=k.formState,W=s=>{const f={amount:{amount:s[m].amount??0,currencyCode:q.currency.currencyCode,currencySymbol:q.currency.currencySymbol},source:s[m].source,depositTo:e.depositAccounts.depositAccounts.find(h=>h.id===s[m].depositTo.selectedOption),fileIds:s[m][se]};z(f)};w.useEffect(()=>{const s=k.watch((f,{name:h})=>{h!=null&&f!=null&&fe(()=>(async(D,x)=>{if(D!=null){if(D.includes("source")||D.includes("amount"))return;const $=Object.assign({},x);W($)}})(h,f))});return()=>{s.unsubscribe()}}),w.useEffect(()=>{C==="Completed"&&d==="Not-Started"&&k.reset(M(e))},[C,d,k,e]),w.useEffect(()=>{e.error!=null?I(!0):I(!1)},[e.error]);const ne=k.handleSubmit(()=>{if(re){l.trackAccountsDepositCheckFormClicked("Deposit",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null);const s=k.getValues();W(s),A?.()}});return t.jsxs(t.Fragment,{children:[le?t.jsx(Ve,{children:t.jsxs(Re,{children:[t.jsxs(Oe,{children:[t.jsx(_e,{}),t.jsxs(Ge,{children:[t.jsx(He,{children:e.error?.title}),t.jsx(We,{children:e.error?.message})]})]}),t.jsx(qe,{children:t.jsx(ao,{"data-testid":y("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),I(!1)},style:{width:o.sp3,height:o.sp3,color:j.heroLight}})})]})}):null,t.jsx(Xe,{children:R("0,0.[00]",e.checkDepositLocalData.amount)}),t.jsx(xe,{...k,children:t.jsx("form",{id:Ce("checkDepositDetailPage"),onSubmit:ne,children:t.jsxs(Je,{children:[t.jsx(ke,{showAdditionalInfoLabel:!1,label:{label:r.checkDepositDrawer.amountLabel,width:E},formattedTextField:{type:"number",name:b(m,"amount"),defaultValue:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,placeholder:r.checkDepositDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:s=>!!s&&s>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto"}}),t.jsx(V,{}),t.jsx(De,{label:{label:r.checkDepositDrawer.sourceLabel,width:E},style:{width:"100%"},text:{type:"text",name:b(m,"source"),defaultValue:e.checkDepositLocalData.source,placeholder:r.checkDepositDrawer.sourcePlaceholder,options:{required:!0,validate:s=>s!=null}}}),t.jsx(V,{}),t.jsx(ce,{size:c,children:t.jsx(Qe,{size:c,children:t.jsx(Ye,{label:{label:r.checkDepositDrawer.depositToLabel,width:E,style:{marginLeft:p.labeleMarginLeft.valuePx(c),marginBottom:p.labeleMarginBottom.valuePx(c),marginRight:p.labelMarginRight.valuePx(c)}},style:{paddingTop:p.labeledFieldPaddingTop.valuePx(c),paddingBottom:p.labeledFieldPaddingBottom.valuePx(c),paddingLeft:p.labeledFieldPaddingLeft.valuePx(c),paddingRight:p.labeledFieldPaddingRight.valuePx(c),border:"none",width:"100%",outline:"none",padding:0,display:c==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:c==="small"?"left":"right",paddingRight:p.infoLabelPaddingRight.valuePx(c),marginTop:p.infoLabelMarginTop.valuePx(c)},singleSelectPickerField:{valueToLogo:(s,f)=>((h,D)=>{if(!h)return null;const x=e.depositAccounts.depositAccounts.find(N=>N.id===h),$=e.depositAccounts.depositAccounts.findIndex(N=>N.id===h);return x?t.jsx(Me,{color:je($),isSelectedValue:D}):null})(s,f),valueToSubLabels:(s,f)=>((h,D)=>{if(!h)return null;const x=e.depositAccounts.depositAccounts.find($=>$.id===h);return x?D===!0?t.jsx(Ne,{children:x?.maskedAccountNumber}):t.jsxs(Ee,{children:[t.jsx(Z,{children:x?.maskedAccountNumber}),t.jsx(eo,{}),t.jsx(Z,{children:R("0,0[.]00",x?.accountBalance?.available)})]}):null})(s,f),name:b(m,"depositTo"),placeholder:r.checkDepositDrawer.depositToPlaceholder,style:{position:"relative"},defaultValue:{selectedOption:e.checkDepositLocalData.depositTo?.id,allOptions:e.depositAccounts.depositAccounts.map(s=>({label:s.accountName,value:s.id}))},textAlignment:"right",registerOptions:{required:!0,validate:s=>!(s==null||!s.selectedOption)}}})})}),t.jsx(V,{}),t.jsxs(Ze,{size:c,children:[t.jsxs(Ke,{size:c,children:[t.jsx(Ae,{children:r.checkDepositDrawer.checkPicLabel}),t.jsx(K,{isLast:!1,children:r.checkDepositDrawer.frontSide}),t.jsx(Y,{name:`${b(m,O)}.front`,registerOptions:{required:!0},file:e.checkFront,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:g,authParams:P,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:J,placeholderText:c==="small"?r.checkDepositDrawer.uploadDocument:r.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"front"},hasError:T,updateFilesEntity:S,onDeleteFile:v,onFileSizeError:s=>H(s),onEditFileName:F,openPopup:L,showPhotoPicker:!0,errorInfoLabel:r.checkDepositDrawer.frontSideError,useMobileCam:!0,compressImage:!0}),t.jsx(K,{isLast:!0,children:r.checkDepositDrawer.backSide}),t.jsx(Y,{name:`${b(m,O)}.back`,registerOptions:{required:!0},file:e.checkBack,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:g,authParams:P,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:J,placeholderText:c==="small"?r.checkDepositDrawer.uploadDocument:r.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"back"},hasError:T,updateFilesEntity:S,onDeleteFile:v,onFileSizeError:s=>H(s),onEditFileName:F,openPopup:L,showPhotoPicker:!0,errorInfoLabel:r.checkDepositDrawer.backSideError,useMobileCam:!0,compressImage:!0}),t.jsx(oo,{children:r.checkDepositDrawer.picGuides.map(s=>t.jsxs(to,{children:[t.jsx(Ue,{}),t.jsx(Ie,{children:s})]},s))})]}),t.jsx(io,{windowSize:c,children:Be.formatJPGText10MB})]})]})})})]})}const Ae=i(B)`
+import{e as oe,V as t,b as y,a5 as R,a as X,o,a9 as de,x as n,a8 as te,n as pe,O as ie,at as he,c2 as ae,C as ue,l as B,a7 as me,T as ge,c8 as fe,f as j,A as xe,fD as ke,cd as De,el as Y,cj as J,m as a,eT as we,bH as be,bv as $e,ex as ye,gk as je,H as G,gl as Le}from"./index-BBHMk1WY.js";import{a as w}from"./sentry-BHW-o2_3.js";import{n as i}from"./mui-dGxW217w.js";import{v as Pe}from"./SuccessAnimation-hijccO_0-UZ7dm-9w.js";import"./pdf-DjWcNDdq.js";import"./zeni-epic-state-DhC3A3VG.js";import"./core-DuAc0oH1.js";import"./lottie-gxzZnsHo.js";import"./liveblocks-Bpp30XUG.js";import"./recharts-CNVQrnca.js";import"./dnd-C4MpAW48.js";import"./analytics-BmL_Mqn9.js";import"./plaid-LGb0iu_7.js";import"./utils-BAYl7YTg.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]="f221fd94-d221-4c60-8e3c-9ccb1c0a4b21",e._sentryDebugIdIdentifier="sentry-dbid-f221fd94-d221-4c60-8e3c-9ccb1c0a4b21")}catch{}})();const m="checkDepositDetails",Se="amount",ve="depositTo",Fe="source",se="fileIds",O="selectDocument",M=e=>{const l=[];return e.checkFront!=null&&l.push(e.checkFront.fileId),e.checkBack!=null&&l.push(e.checkBack.fileId),{[m]:{[Se]:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,[Fe]:e.checkDepositLocalData.source,[ve]:{allOptions:e.depositAccounts.depositAccounts.map(g=>({label:g.accountName,value:g.id})),selectedOption:e.checkDepositLocalData.depositTo?.id},[se]:l,[O]:{front:e.checkFront,back:e.checkBack}}}},$=(e,l)=>`${e}.${l}`,Ce=e=>`${e}_form`,p={largeLabelWidth:new n(160,160,160),rowContentPaddingLeft:new n(a[3],a[4]),checkPicRowContentPaddingXAxis:new n(a[3],a[4]),labeleMarginLeft:new n(a[0],a[0]),labeleMarginBottom:new n(a[2],a[0]),labelMarginRight:new n(a[3],a[3]),labeledFieldPaddingLeft:new n(a[3],a[0]),labeledFieldPaddingRight:new n(a[3],a[2]),labeledFieldPaddingTop:new n(a[3],a[3]),labeledFieldPaddingBottom:new n(a[3],a[2]),infoLabelPaddingRight:new n(a[0],a[3]),infoLabelMarginTop:new n(a[1],a[0])},{spendManagement:Te,common:q}=ie.getLocalizedStrings(),r=Te.zeniAccounts.zeniAccountList,Be=q.documents;function ze({checkDeposit:e,analytics:l,filesEndPoint:g,openPopup:L,authParams:P,onSaveChangesToLocalStore:z,updateFilesEntity:S,onDeleteFile:v,onEditFileName:F,onCheckDpositClick:A}){const c=oe(),d=e.fetchState,C=me(d),[T,H]=w.useState(!1),[le,I]=w.useState(!1),E=p.largeLabelWidth.value(c),k=ge({mode:"all",reValidateMode:"onBlur",defaultValues:M(e),values:M(e)}),{isValid:re}=k.formState,W=s=>{const f={amount:{amount:s[m].amount??0,currencyCode:q.currency.currencyCode,currencySymbol:q.currency.currencySymbol},source:s[m].source,depositTo:e.depositAccounts.depositAccounts.find(h=>h.id===s[m].depositTo.selectedOption),fileIds:s[m][se]};z(f)};w.useEffect(()=>{const s=k.watch((f,{name:h})=>{h!=null&&f!=null&&fe(()=>(async(D,x)=>{if(D!=null){if(D.includes("source")||D.includes("amount"))return;const b=Object.assign({},x);W(b)}})(h,f))});return()=>{s.unsubscribe()}}),w.useEffect(()=>{C==="Completed"&&d==="Not-Started"&&k.reset(M(e))},[C,d,k,e]),w.useEffect(()=>{e.error!=null?I(!0):I(!1)},[e.error]);const ne=k.handleSubmit(()=>{if(re){l.trackAccountsDepositCheckFormClicked("Deposit",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null);const s=k.getValues();W(s),A?.()}});return t.jsxs(t.Fragment,{children:[le?t.jsx(Ve,{children:t.jsxs(Re,{children:[t.jsxs(Oe,{children:[t.jsx(_e,{}),t.jsxs(Ge,{children:[t.jsx(He,{children:e.error?.title}),t.jsx(We,{children:e.error?.message})]})]}),t.jsx(qe,{children:t.jsx(ao,{"data-testid":y("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),I(!1)},style:{width:o.sp3,height:o.sp3,color:j.heroLight}})})]})}):null,t.jsx(Xe,{children:R("0,0.[00]",e.checkDepositLocalData.amount)}),t.jsx(xe,{...k,children:t.jsx("form",{id:Ce("checkDepositDetailPage"),onSubmit:ne,children:t.jsxs(Je,{children:[t.jsx(ke,{showAdditionalInfoLabel:!1,label:{label:r.checkDepositDrawer.amountLabel,width:E},formattedTextField:{type:"number",name:$(m,"amount"),defaultValue:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,placeholder:r.checkDepositDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:s=>!!s&&s>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto"}}),t.jsx(V,{}),t.jsx(De,{label:{label:r.checkDepositDrawer.sourceLabel,width:E},style:{width:"100%"},text:{type:"text",name:$(m,"source"),defaultValue:e.checkDepositLocalData.source,placeholder:r.checkDepositDrawer.sourcePlaceholder,options:{required:!0,validate:s=>s!=null}}}),t.jsx(V,{}),t.jsx(ce,{size:c,children:t.jsx(Qe,{size:c,children:t.jsx(Ye,{label:{label:r.checkDepositDrawer.depositToLabel,width:E,style:{marginLeft:p.labeleMarginLeft.valuePx(c),marginBottom:p.labeleMarginBottom.valuePx(c),marginRight:p.labelMarginRight.valuePx(c)}},style:{paddingTop:p.labeledFieldPaddingTop.valuePx(c),paddingBottom:p.labeledFieldPaddingBottom.valuePx(c),paddingLeft:p.labeledFieldPaddingLeft.valuePx(c),paddingRight:p.labeledFieldPaddingRight.valuePx(c),border:"none",width:"100%",outline:"none",padding:0,display:c==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:c==="small"?"left":"right",paddingRight:p.infoLabelPaddingRight.valuePx(c),marginTop:p.infoLabelMarginTop.valuePx(c)},singleSelectPickerField:{valueToLogo:(s,f)=>((h,D)=>{if(!h)return null;const x=e.depositAccounts.depositAccounts.find(N=>N.id===h),b=e.depositAccounts.depositAccounts.findIndex(N=>N.id===h);return x?t.jsx(Me,{color:je(b),isSelectedValue:D}):null})(s,f),valueToSubLabels:(s,f)=>((h,D)=>{if(!h)return null;const x=e.depositAccounts.depositAccounts.find(b=>b.id===h);return x?D===!0?t.jsx(Ne,{children:x?.maskedAccountNumber}):t.jsxs(Ee,{children:[t.jsx(Z,{children:x?.maskedAccountNumber}),t.jsx(eo,{}),t.jsx(Z,{children:R("0,0[.]00",x?.accountBalance?.available)})]}):null})(s,f),name:$(m,"depositTo"),placeholder:r.checkDepositDrawer.depositToPlaceholder,style:{position:"relative"},defaultValue:{selectedOption:e.checkDepositLocalData.depositTo?.id,allOptions:e.depositAccounts.depositAccounts.map(s=>({label:s.accountName,value:s.id}))},textAlignment:"right",registerOptions:{required:!0,validate:s=>!(s==null||!s.selectedOption)}}})})}),t.jsx(V,{}),t.jsxs(Ze,{size:c,children:[t.jsxs(Ke,{size:c,children:[t.jsx(Ae,{children:r.checkDepositDrawer.checkPicLabel}),t.jsx(K,{isLast:!1,children:r.checkDepositDrawer.frontSide}),t.jsx(Y,{name:`${$(m,O)}.front`,registerOptions:{required:!0},file:e.checkFront,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:g,authParams:P,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:J,placeholderText:c==="small"?r.checkDepositDrawer.uploadDocument:r.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"front"},hasError:T,updateFilesEntity:S,onDeleteFile:v,onFileSizeError:s=>H(s),onEditFileName:F,openPopup:L,showPhotoPicker:!0,errorInfoLabel:r.checkDepositDrawer.frontSideError,useMobileCam:!0,compressImage:!0}),t.jsx(K,{isLast:!0,children:r.checkDepositDrawer.backSide}),t.jsx(Y,{name:`${$(m,O)}.back`,registerOptions:{required:!0},file:e.checkBack,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:g,authParams:P,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:J,placeholderText:c==="small"?r.checkDepositDrawer.uploadDocument:r.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"back"},hasError:T,updateFilesEntity:S,onDeleteFile:v,onFileSizeError:s=>H(s),onEditFileName:F,openPopup:L,showPhotoPicker:!0,errorInfoLabel:r.checkDepositDrawer.backSideError,useMobileCam:!0,compressImage:!0}),t.jsx(oo,{children:r.checkDepositDrawer.picGuides.map(s=>t.jsxs(to,{children:[t.jsx(Ue,{}),t.jsx(Ie,{children:s})]},s))})]}),t.jsx(io,{windowSize:c,children:Be.formatJPGText10MB})]})]})})})]})}const Ae=i(B)`
   color: ${e=>e.theme.colors.hero};
 `,Ie=i(B)`
   color: ${e=>e.theme.colors.hero};
@@ -42,11 +42,11 @@ import{e as oe,V as t,b as y,a5 as R,a as X,o,a9 as de,x as n,a8 as te,n as pe,O
   display: flex;
   flex-direction: column;
   margin-left: ${o.sp2};
-`,He=i($e)`
+`,He=i(be)`
   color: ${j.important};
 `,We=i(B)`
   color: ${j.important};
-`,Xe=i(be)`
+`,Xe=i($e)`
   color: ${e=>e.theme.colors.primary};
   margin: ${o.sp5} ${o.sp0} ${o.sp3} ${o.sp0};
 `,Ye=i(ye)`