@zeniai/web-cockpit-ui 1.14.83-dev → 1.14.84-dev

package/dist/assets/ChargeCardPromoPage-C9610LtW-GRwSeJ82.js

@@ -0,0 +1,222 @@
+import{Q as b,F as oe,V as r,e as O,av as ye,a7 as be,aN as je,aL as Se,fO as Te,bz as ze,fn as ve,n as Y,aK as ee,o as t,E as Pe,d as G,cz as ke,ap as Be,y as x,ao as Ae,bQ as Ie,iC as Le,ag as Re,u as p,B as S,p as $,b8 as Me,aR as Ee,iD as _e}from"./index-XNBiWrYj.js";import{a as T}from"./core-3dlyNYRL.js";import{n as a,b as De,k as Fe}from"./mui-bYXq4XMS.js";import{eI as Ue}from"./zeni-epic-state-LPACxnXP.js";import{k as Ne}from"./NavigationDots-CT_oO_7z-Bt9KzB5Z.js";import{J as H,N as J}from"./PromoBaseCards-CeS0HoCZ-CICve0tH.js";import{M as R}from"./usp-line-BBd1wKwW-ClwDS-nj.js";import"./sentry-o6h_D-9x.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";const h={containerPaddingTopBottom:new x(p[0],p[0]),uspContainerMarginX:new x(p[6],p[0]),midContainerGap:new x(p[4],84),iconContainerMinHeight:new x(236,396),emptySectionHeight:new x(p[6],43),navigationBottom:new x(p[4],94),navigationLeft:new x(192,244),carouselHeight:new x(268,396),carouselMarginTop:new x(54,p[4]),carouselMarginLeft:new x(120,p[12]),buttonTrayGap:new x(p[3],p[5]),termsOfAgreementMarginTop:new x(p[5],p[10]),contactAdminContainerMarginTop:new x(p[0],p[10]),contactAdminContainerMarginBottom:new x(p[4],p[0]),contactAdminContainerMarginLeftRight:new x(p[3],p[0])},z={promoBadgeText:new S("standardRegular","largeRegular"),promoBadgeTextBold:new S("standardBold","largeBold"),cardsContent:new S("extraSmallRegular","smallRegular"),contactAdmin:new S("extraSmallRegular","largeRegular"),uspText:new S("smallRegular","standardRegular"),uspBoldText:new S("smallMedium","standardMedium")},{common:U,spendManagement:{chargeCard:{chargeCardsPromo:o}}}=oe.getLocalizedStrings(),Mr=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:i,showEnableCardButton:n,controllerEmails:c,isCreditCardProductVisible:m,isDebitCardFeatureEnabled:g,isDebitCardSetupEnabled:u,isChargeCardSetupEnabled:w,admins:j,cashbackRate:P,cardPromoType:f="credit",isCheckingEnabled:l,onSetupButtonClick:d,onBackClick:pe,onClickMenuIcon:me,onSetupChargeCardSuccess:V,onExpressInterestClick:he})=>{const ge=O(),Q=ye(),v=b(),W=be().analytics,{chargeCardTermsDetails:M,companyChargeCardInfo:C,companyLocaleInfo:E}=i,X=je(M?.fetchStatus.fetchState),[xe,K]=T.useState(!1),ue=()=>{W.trackCardsPromoPageClicked("schedule demo"),W.trackCardsScheduleDemoClick(c,{isCreditCardOffered:m,isDebitCardOffered:g,isDebitCardEnabled:u,isCreditCardEnabled:w},"Cards Promo"),K(!0)},we=C!=null&&E!=null?Se("0,0",{amount:C.chargeCardsCreditAccountLimit,currencyCode:E.currencyCode,currencySymbol:E.currencySymbol}):void 0;T.useEffect(()=>{X==="In-Progress"&&M?.fetchStatus.fetchState==="Completed"&&V()},[X,V,M?.fetchStatus]);const Z=Ue(Q.loggedInUserRoleMap),fe=Te(Q),_=f==="credit"&&C?.isCompanyInterestedInChargeCard===!1&&C.chargeCardsCreditAccountLimit===0,D=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===-1,F=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===0,Ce=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit>0,{expressInterestInChargeCardFetchState:$e}=i,q=_?o.getPreApprovedNow:n?o.enableCardsButton:o.setupCardsButton;return r.jsxs(Qe,{children:[r.jsx(ze,{title:o.title[f],backgroundColor:ge.colors.grey4,onBackClick:pe,showBackButton:!0,showMenuIcon:v==="medium-compact"||v==="small",onClickMenuIcon:me,style:{zIndex:9},source:"ChargeCardPromoPage"}),xe===!0?r.jsx(ve,{onCancelClick:()=>{K(!1)},meetingUrl:e}):null,r.jsx(Ze,{windowSize:v,children:Z===!0?r.jsxs(Ke,{children:[r.jsxs(Xe,{children:[r.jsx(Je,{isApproved:Ce,creditAmount:we,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:_,creditLimit:C?.chargeCardsCreditAccountLimit}),r.jsx(ne,{cardPromoType:f,cashbackRate:P})]}),r.jsx(ae,{showEnableCardButton:n,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:_,isCheckingEnabled:l})]}):r.jsx(Oe,{companyLegalName:s,cards:[],admins:j,cashbackRate:P,hasZeniFinopsRoles:fe,cardPromoType:f,isCheckingEnabled:l})}),Z&&!(F||D)?r.jsxs(or,{windowSize:v,children:[r.jsx(Y,{variant:"secondary",label:o.scheduleDemoButton,style:{width:166},onClick:ue,"data-testid":ee("schedule-demo-button")}),r.jsx(We,{windowSize:v,children:o.orText}),r.jsx(Y,{variant:"primary",label:q,style:{minWidth:166},loading:i.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||$e==="In-Progress",onClick:q===o.getPreApprovedNow?he:()=>d(f),"data-testid":ee("enable-card-button")})]}):null]})},He=({admins:e})=>{const s=e.flatMap(n=>n.user?.firstName+" "+n.user?.lastName).join(", "),i=b();return r.jsxs(mr,{windowSize:i,children:[r.jsx(N,{underline:!1,windowSize:i,children:o.noCardAssigned.pre}),r.jsx(Ie,{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,isCheckingEnabled:i,isUnderReview:n,isRejected:c,showExpressInterest:m,isCardUser:g=!1})=>{const u=b();return r.jsx(ir,{windowSize:u,children:r.jsx(Le,{topTermLabel:o.terms.checkingAccountTerm,buttonTermLabel:n===!0||c===!0||g===!0?void 0:m===!0?o.terms.getPreApprovedNowTerm:s?o.terms.alternateTerm1:o.terms.terms1,showEndIcon:!1,showTerms:c===!1&&g===!1&&n===!1,style:{marginTop:h.termsOfAgreementMarginTop.valuePx(u)},cardPromoType:e,isCheckingEnabled:i})})},Je=({isApproved:e,cardPromoType:s,creditAmount:i,isUnderReview:n,isRejected:c,showExpressInterest:m,creditLimit:g})=>{const u=b(),w=s==="debit_and_credit"?o.promoTextDebitCreditCard:s==="debit"?o.promoTextDebitCard:o.promoTextCreditCard,j=e?r.jsxs(r.Fragment,{children:[o.promoBadgeText.approved,r.jsx(te,{children:i}),o.creditLimit,U.strings.space]}):m?r.jsxs(r.Fragment,{children:[o.promoBadgeText.nonPreApproved.get,r.jsx(rr,{children:o.promoBadgeText.nonPreApproved.scale}),o.promoBadgeText.nonPreApproved.doubleStarred,U.strings.space,o.promoBadgeText.nonPreApproved.higherLimits]}):n?o.promoBadgeText.underReview:c?o.promoBadgeText.rejected:s==="debit_and_credit"&&g===0?null: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:u==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]})}),r.jsxs(Ye,{cardPromoType:s,hasContent:j!=null,hideBadge:i==null||s==="debit",windowSize:u,children:[n||c||m?null:r.jsx($r,{}),r.jsx(er,{windowSize:u,children:j})]})]})},Oe=({companyLegalName:e,cards:s,admins:i,cashbackRate:n,hasZeniFinopsRoles:c,cardPromoType:m="credit",isCheckingEnabled:g})=>{const u=b(),w=m==="debit_and_credit"?o.promoTextDebitCreditCard:m==="debit"?o.promoTextDebitCard:o.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[u==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]}),s.length===0?r.jsx(pr,{windowSize:u}):r.jsx(Ge,{cards:s,companyLegalName:e}),r.jsx(ne,{cardPromoType:m,cashbackRate:n}),c?null:r.jsx(He,{admins:i}),r.jsx(ae,{isCardUser:!0,showEnableCardButton:!1,cardPromoType:m,isCheckingEnabled:g})]})},Ge=({cards:e,companyLegalName:s})=>{const i=O(),n=b();let c="",m;if(e.length===1){m=e[0].cardCreatedByUser.photo;const g=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;c=o.cardAssigned.singleCreditCard.replace("__issuing-user__",g).replace("__company-name__",s)}else c=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:g})=>{g.onerror=null,g.src=Ae},loading:"lazy"}):null,r.jsx(hr,{windowSize:n,mode:i.mode,children:r.jsx(xr,{windowSize:n,children:c})})]})},re=({windowSize:e,cardPromoType:s})=>{let i=o.businessText;return s==="debit"&&(i=`${i} ${o.debit}`),r.jsx(r.Fragment,{children:s==="debit_and_credit"?r.jsx(Ve,{}):r.jsxs(nr,{windowSize:e,children:[r.jsx(H,{cardPromoType:s,cardText:i,shouldAnimate:!0,showChip:!0,forDashboard:!1,forListPage:!1}),r.jsx(J,{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(tr,{windowSize:i,children:[i==="small"?r.jsx(re,{windowSize:i,cardPromoType:e}):null,r.jsxs(ar,{windowSize:i,children:[r.jsxs(B,{windowSize:i,children:[r.jsx(I,{children:r.jsx(lr,{})}),r.jsxs(L,{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(sr,{})}),r.jsxs(L,{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(cr,{})}),r.jsxs(L,{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(dr,{})}),r.jsxs(L,{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 Ve=()=>{const e=b(),s=O(),[i,n]=T.useState(0),[c,m]=T.useState(!1),g=o.businessText,u=`${g} ${o.debit}`,w=[{id:1,cardType:"debit",cardText:u},{id:2,cardType:"debit",cardText:u},{id:3,cardType:"credit",cardText:g},{id:4,cardType:"credit",cardText:g}];T.useEffect(()=>(c||(k=setInterval(()=>{n(l=>{const d=l+1;return d===w.length?(m(!0),0):d})},2e3)),()=>clearInterval(k)),[c,w.length]),T.useEffect(()=>{c&&k!=null&&clearInterval(k)},[c]);const j=(l,d)=>{switch((l-i+w.length)%w.length){case 0:return{transform:`translate(0,${d?"100%":0}) scale(1)`,zIndex:d?5:6,opacity:1,transition:"transform 0.4s"};case 1:return{transform:`translate(35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};case 2:return{transform:`translate(35%,${d?"80%":"5%"}) scale(0.75)`,zIndex:d?3:4,opacity:0,transition:"transform 0.4s 0.2s, opacity 0.4s 0.0s"};case 3:return{transform:`translate(-35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};default:return}},P=l=>{const d=j(l,!0);return{...d,transform:`${d?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}},f=l=>{c||m(!0),n(l)};return r.jsxs(ur,{windowSize:e,children:[r.jsx(wr,{windowSize:e,children:w.map((l,d)=>r.jsxs(fr,{children:[r.jsx(ie,{isReflection:!1,style:{...j(d,!1)},onClick:()=>f(d),children:d===0||d===2?r.jsx(H,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}}):r.jsx(J,{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(J,{cardPromoType:l.cardType,cardText:l.cardText,showChip:!0,shouldAnimate:!1,forDashboard:!1,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent)",WebkitMaskImage:"linear-gradient(to top, black, transparent)"}})},`reflection-${l.id}`)]},l.id))}),c&&r.jsx(Ne,{numberOfDots:w.length,activeIndex:i,handleClick:n,promoColor:s.colors.primary,promoColorHover:s.colors.grey5,spendManagementPromoCardActive:!0,dotStyle:{width:t.sp2,height:t.sp2},style:{cursor:"default",position:"absolute",bottom:h.navigationBottom.valuePx(e),left:h.navigationLeft.valuePx(e),zIndex:7}})]})},Qe=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,We=a(Re)`
+  color: ${e=>e.theme.colors.hero};
+`,Xe=a.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`,Ke=a.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  flex: 1;
+  width: 100%;
+`,Ze=a.div`
+  padding-top: ${e=>h.containerPaddingTopBottom.valuePx(e.windowSize)};
+  padding-bottom: ${e=>h.containerPaddingTopBottom.valuePx(e.windowSize)};
+  text-align: center;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow-x: hidden;
+`,se=a(ke)`
+  max-width: 927px;
+  margin: auto;
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+  padding: ${t.sp7} ${t.sp0} ${t.sp0} ${t.sp0};
+  color: ${e=>e.theme.colors.primary};
+`,de=a(Be)`
+  color: ${e=>e.theme.colors.primary};
+  margin: auto;
+  margin-top: ${t.sp2};
+`,le=a(Pe)`
+  margin: auto;
+  max-width: 343px;
+  display: flex;
+  justify-content: center;
+  text-align: center;
+  flex-wrap: wrap;
+  padding: ${t.sp5} ${t.sp0} ${t.sp0} ${t.sp0};
+  color: ${e=>e.theme.colors.primary};
+`,ce=a(G)`
+  max-width: 314px;
+  margin: auto;
+  color: ${e=>e.theme.colors.primary};
+  padding: 6px ${t.sp3} ${t.sp0} ${t.sp3};
+  text-align: center;
+  margin-top: 6px;
+`,qe=a.img`
+  border-radius: 50%;
+  justify-content: center;
+  color: ${e=>e.theme.colors.hero};
+`,Ye=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  overflow: hidden;
+  padding: ${e=>e.hasContent?`${t.sp2} ${t.sp3}`:t.sp0};
+  background-color: ${e=>e.theme.colors.grey3};
+  border-radius: 96px;
+  margin-top: ${t.sp4};
+  margin-left: ${e=>e.windowSize==="small"?t.sp3:"auto"};
+  margin-right: ${e=>e.windowSize==="small"?t.sp3:"auto"};
+  margin-bottom: ${e=>e.cardPromoType==="debit_and_credit"&&e.windowSize==="small"?t.sp0:t.sp6};
+  width: fit-content;
+  gap: ${t.sp1};
+  ${e=>e.hideBadge&&`
+    visibility: hidden;
+    `}
+`,er=a(G)`
+  color: ${e=>e.theme.mode==="dark"?$.brandColorJade:$.brandColorSapphire};
+  text-align: ${e=>e.windowSize==="small"?"left":"center"};
+  ${e=>`${z.promoBadgeText.style(e.windowSize)}`};
+  span {
+    ${e=>`${z.promoBadgeTextBold.style(e.windowSize)}`};
+  }
+`,rr=a.span``,te=a.span`
+  color: ${$.success};
+`,tr=a.div`
+  display: flex;
+  gap: ${e=>h.midContainerGap.valuePx(e.windowSize)};
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: center;
+  justify-content: center;
+`,ir=a.div`
+  display: flex;
+  flex-direction: column;
+`,or=a.div`
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+  padding: ${t.sp2} ${t.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: ${t.sp2};
+  background-color: ${e=>e.theme.colors.grey5};
+  gap: ${e=>h.buttonTrayGap.valuePx(e.windowSize)};
+`,ar=a.div`
+  width: ${e=>e.windowSize==="small"?"auto":"288px"};
+  display: flex;
+  flex-direction: column;
+  margin-left: ${e=>h.uspContainerMarginX.valuePx(e.windowSize)};
+  margin-right: ${e=>h.uspContainerMarginX.valuePx(e.windowSize)};
+  z-index: 8;
+`,nr=a.div`
+  display: flex;
+  justify-content: ${e=>e.windowSize==="small"?"center":"flex-start"};
+  min-height: ${e=>h.iconContainerMinHeight.valuePx(e.windowSize)};
+  align-items: center;
+  min-width: 480px;
+`,B=a.div`
+  border-radius: ${t.sp12};
+  border: ${e=>`1px solid ${e.theme.colors.grey2}`};
+  padding: ${e=>e.windowSize==="small"?`${t.sp2} ${t.sp4} ${t.sp2} ${t.sp0}`:`${t.sp3} ${t.sp5} ${t.sp3} ${t.sp0}`};
+  background: ${e=>e.theme.colors.grey5};
+  position: relative;
+  margin-bottom: ${t.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=a(Me)`
+  color: ${e=>e.theme.colors.champion};
+  ${e=>`${z.uspText.style(e.windowSize)}`};
+`,A=a(Ee)`
+  color: ${e=>e.theme.colors.champion};
+  ${e=>`${z.uspBoldText.style(e.windowSize)}`};
+`,I=a.div``,L=a.div`
+  padding-left: ${t.sp3};
+`,sr=a(R)`
+  color: ${$.graphColor16Dark};
+`,dr=a(R)`
+  color: ${$.alert};
+`,lr=a(R)`
+  color: ${$.graphColor11};
+`,cr=a(R)`
+  color: ${$.success};
+`,pr=a.div`
+  height: ${e=>h.emptySectionHeight.valuePx(e.windowSize)};
+  ${e=>e.windowSize==="small"?null:De`
+          margin-top: ${t.sp4};
+          margin-bottom: ${t.sp6};
+        `}
+`,mr=a(G)`
+  color: ${e=>e.theme.colors.hero};
+  margin-top: ${e=>h.contactAdminContainerMarginTop.valuePx(e.windowSize)};
+  margin-bottom: ${e=>h.contactAdminContainerMarginBottom.valuePx(e.windowSize)};
+  margin-left: ${e=>h.contactAdminContainerMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>h.contactAdminContainerMarginLeftRight.valuePx(e.windowSize)};
+  text-align: center;
+`,N=a(_e)`
+  ${e=>`${z.contactAdmin.style(e.windowSize)}`};
+  text-decoration: ${e=>e.underline?"underline":"none"};
+  cursor: ${e=>e.underline?"default":null};
+`,hr=a.div`
+  color: ${e=>e.mode==="dark"?e.theme.colors.brandColorJade:e.theme.colors.brandColorSapphire};
+`,gr=a.div`
+  background-color: ${e=>e.theme.colors.grey3};
+  padding: ${t.sp2} ${t.sp3};
+  display: flex;
+  gap: ${t.sp2};
+  margin: auto;
+  max-width: fit-content;
+  border-radius: 96px;
+  margin-top: ${t.sp4};
+  margin-bottom: ${t.sp6};
+`,xr=a.span`
+  ${e=>`${z.cardsContent.style(e.windowSize)}`};
+`,ur=a.div`
+  display: flex;
+  flex-direction: column;
+  min-height: ${e=>h.carouselHeight.valuePx(e.windowSize)};
+  min-width: 480px;
+  position: relative;
+`,wr=a.div`
+  position: relative;
+  margin-top: ${e=>h.carouselMarginTop.valuePx(e.windowSize)};
+  margin-left: ${e=>h.carouselMarginLeft.valuePx(e.windowSize)};
+`,fr=a.div`
+  position: relative;
+  overflow: visible;
+`,ie=a.div`
+  position: absolute;
+  ${e=>e.isReflection&&`
+  background-color: ${e.theme.colors.grey4};
+  clip-path: inset(16% 0 0 0);
+  `}
+`,Cr=Fe`
+  0% {
+    left: -${t.sp6};
+  }
+  50% {
+    left: calc(100% + ${t.sp6});
+  }
+  100% {
+    left: calc(100% + ${t.sp6});
+  }
+`,$r=a.div`
+  position: absolute;
+  background:
+    ${$.promoCardGradient1Strong}, ${$.promoCardGradient2Strong};
+  width: ${t.sp10};
+  z-index: 3;
+  height: 100%;
+  transform: skew(15deg);
+  animation: ${Cr} 4s linear infinite;
+`;export{Oe as ChargeCardPromoUserContent,Mr as default};

package/dist/assets/ChargeCardSetupPage-Cy4JhjJW-BnQWcnli.js

@@ -0,0 +1,36 @@
+import{e as je,Q as Be,a7 as Ue,aN as M,a8 as De,cB as ze,F as _e,aS as G,V as t,f5 as $e,p as Le,y as r,bz as Re,A as We,ab as Ne,fo as qe,dQ as He,fp as Me,iE as Q,o as D,b as Ge,bu as Qe,aO as Je,fr as Ke,u as a,ak as Xe}from"./index-XNBiWrYj.js";import{a as p}from"./core-3dlyNYRL.js";import{n as S}from"./mui-bYXq4XMS.js";import{bM as Ye}from"./zeni-epic-state-LPACxnXP.js";import{x as Ze}from"./LabeledControlledCheckBoxField-LwfkGeF--D4JaYe7v.js";import{g as et}from"./UploadAdditionalDocumentOverlay-BAvSyhDW-D4KE1Kke.js";import"./sentry-o6h_D-9x.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.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])},J="chargeCardSetUpPage",f="payAccount",{commonSetUp:tt,spendManagement:nt}=_e.getLocalizedStrings(),{chargeCard:Y}=nt,{chargeCardSetUp:m}=Y,{setUp:z}=tt,xt=({autoPayThreshold:e,isDisabled:x,meetingUrl:T,isEarlyPayEnabled:g,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:fe,onEstablishConnectionSuccess:ge,onClickMenuIcon:he,onEnableChargeCardSuccess:A,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,onCompanyOfficerUpdated:Se,onSendForVerificationClick:xe,onSignUpClick:Ae})=>{const h=je(),i=Be(),v=Ue().analytics,[P,y]=p.useState(!1),{fetchState:b,companyBillPayInfo:_,isRefreshingViewInBackground:Pe,updateStatus:d,accountUpdateStatus:we,plaidConnectionDetails:ke,allBankAccounts:Te,companyChargeCardInfo:F,companyDebitCardInfo:$,selectedCompanyOfficer:s,primaryFundingAccount:l,allFundingAccounts:L}=o,R=M(b),w=M(d.fetchState),V=De({mode:"all",reValidateMode:"onChange",defaultValues:p.useMemo(()=>K(o),[o]),values:K(o)}),Ee=V.handleSubmit(se),ve=async(C,k)=>{const n=k[f];if(C.includes(f))if(C.includes("fundingAccount")){if(n.fundingAccount.selectedOption!=null&&l?.id!=n.fundingAccount.selectedOption){const u=L.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=V.watch((k,{name:n})=>{n!=null&&k!=null&&ze(()=>ve(n,k))});return()=>{C.unsubscribe()}}),p.useEffect(()=>{!P&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&y(!0),P&&R==="In-Progress"&&b==="Completed"&&y(!1)},[s,b,R]),p.useEffect(()=>{w==="In-Progress"&&d.fetchState==="Completed"&&A()},[A,w,d.fetchState]);const I=F?.isChargeCardEnabled===!0,O=$?.isDebitCardEnabled===!0,W=$?.isDebitCardTOSAccepted===!0,N=F?.isChargeCardTOSAccepted===!0,q=_?.isBusinessVerified===!0,Fe=l?.accType==="depositAccount"||Ye(l?.providerVerificationStatus?.code??""),j=E?q:q&&Fe,Ve=b==="In-Progress"||b==="Not-Started";p.useEffect(()=>{w==="In-Progress"&&d.fetchState==="Completed"&&A()},[A,w,d.fetchState]);const B=E?j&&!O&&W:ie?j&&!I&&N:j&&!(I&&O)&&N&&W,Ie=B?m.setupSubTitleNotEnabled:m.setupSubTitle,H=h.mode==="light"?new G(h.colors.brandColorJadeLight):new G(h.colors.brandColorJadeDark),Oe=()=>{!P&&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:P,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(Re,{title:m.setupTitle,backgroundColor:h.colors.grey4,style:{zIndex:3},onBackClick:ce,showMenuIcon:!I&&!O&&(i==="medium-compact"||i==="small"),onClickMenuIcon:he,source:"ChargeCardSetupPage"}),t.jsxs(it,{windowSize:i,children:[t.jsx(at,{windowSize:i,children:Ie}),Ve?t.jsx(ct,{children:t.jsx(We,{size:"ExtraLarge",start:!0})}):t.jsx(Ne,{...V,children:t.jsx("form",{id:X(J),onSubmit:Ee,children:t.jsxs(st,{windowSize:i,children:[t.jsx(qe,{onClick:Oe,title:z.businessVerificationTitle,subTitle:z.businessVerificationSubTitle,header:z.businessVerificationHeader,icon:{element:t.jsx(He,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:H},status:_?.businessVerificationStatus,isLoading:Pe,isActiveWhileLoading:!0}),E?null:t.jsx(Me,{connectedAccountProvider:Z,primaryFundingAccount:l,allFundingAccounts:L,plaidConnectionDetails:ke,allBankAccounts:Te,sectionId:f,isDisabled:x,onFetchLinkTokenClick:ae,onEstablishConnectionClick:fe,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ue,sectionTitle:m.setupAccountSectionTitle,onEstablishConnectionSuccess:ge,icon:{element:t.jsx(Qe,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:H},analytics:v,productType:"charge_cards",isAccountsEnabled:ne,onSignUpClick:Ae,pageName:m.pageName,accountsPromoConfig:oe,accountSelectContainerStyle:g?{marginBottom:"20px"}:{},bottomComponent:g&&t.jsx(Ze,{label:{label:Y.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:h.colors.primary,...Ge.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:D.sp4,marginTop:D.sp1,alignItems:i==="small"?"flex-start":"center"},checkBoxField:{name:Q(f,"enableAutoPay"),checkBoxValue:Q(f,"enableAutoPay"),defaultChecked:F?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(i)}}})})]})})})]}),B?t.jsx(Je,{formId:X(J),primaryBtn:{label:m.enableAccounts,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:d.fetchState==="In-Progress"||we.fetchState==="In-Progress",isDisabled:x!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${D.sp3}`}}):null,t.jsx(Ke,{isFooterRendered:B,meetingUrl:T,analytics:v,productType:"charge_cards"})]})},K=e=>{const{allBankAccounts:x,allFundingAccounts:T,primaryFundingAccount:g}=e;return{[f]:{fundingAccount:{selectedOption:g?.id,allOptions:T.map(o=>({label:o.label,value:o.id,isRecommended:o.accType==="depositAccount"}))},account:{selectedOption:g?.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%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+  row-gap: ${e=>c.setupDetailsRowGap.valuePx(e.windowSize)};
+`,ot=S.div`
+  display: flex;
+  min-height: 100%;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,at=S(Xe)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  justify-content: center;
+  width: ${e=>c.titleWidth.valuePx(e.windowSize)};
+  padding-top: ${e=>c.subTitlePaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>c.subTitlePaddingBottom.valuePx(e.windowSize)};
+  text-align: ${e=>e.windowSize==="small"?"initial":"center"};
+`,ct=S.div`
+  display: flex;
+  width: 100%;
+  height: calc(100vh - 110px);
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+`,st=S.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${e=>c.sectionRowGap.valuePx(e.windowSize)};
+`;export{xt as default,X as uniqueName};

package/dist/assets/ChargeCardStatementsPage-C7uS1jEO-7cO1LhgS.js

@@ -0,0 +1,60 @@
+import{e as F,Q as T,V as t,bz as W,F as R,o as h,y as w,ak as B,b7 as V,a7 as O,hC as q,aK as J,A as K,u as s,c0 as Q}from"./index-XNBiWrYj.js";import{n as i}from"./mui-bYXq4XMS.js";import{$ as U,g as Z}from"./BoxItem-CdqDzfZN-BxmSstzM.js";import{a as _}from"./core-3dlyNYRL.js";import{w as G}from"./downloadPdf-CCUPfpyu-Cq1M0ik1.js";import"./sentry-o6h_D-9x.js";import"./zeni-epic-state-LPACxnXP.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";import"./commonDimensions-znFHURNY-BydE4i8M.js";const Y=R.getLocalizedStrings().months,A={downloadButtonSize:new w(s[4],20)},H=i.div`
+  display: flex;
+  padding: ${h.sp3} ${h.sp4};
+  flex-direction: row;
+  width: 100%;
+`,X=i.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+`,ee=i(B)`
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  max-height: ${h.sp11};
+  text-overflow: ellipsis;
+  word-break: break-word;
+  text-align: left;
+  overflow: hidden;
+`,te=i.div`
+  cursor: pointer;
+`,ae=i(Q)`
+  width: ${e=>A.downloadButtonSize.valuePx(e.windowSize)};
+  height: ${e=>A.downloadButtonSize.valuePx(e.windowSize)};
+  min-height: ${e=>A.downloadButtonSize.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`;function ie({currentTenantCompanyName:e,data:r,index:o,controllerEmails:l,isDebitCardFeatureEnabled:a,isDebitCardSetupEnabled:n,chargeCardCashbackDetailState:d,depositAccountListWithDebitCardIssued:C,debitCardSummary:x,productInformation:y,creditAccountInformation:S,debitAccountInformation:$,cashbackInformation:f,creditAccountRepayment:P,authParams:k,downloadEndPoint:j,boxType:I}){const b=O().analytics,[v,z]=_.useState(!1),c=T(),E=Y[r.monthYearPeriod.month-1],p=`${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"},u=t.jsx(H,{children:t.jsxs(X,{children:[t.jsx(ee,{children:E}),t.jsx(te,{"data-testid":J("download-card-statement"),onClick:()=>{d.fetchState==="Completed"&&P.fetchState==="Completed"&&(!(a&&n)||C.fetchState==="Completed"&&x?.fetchState==="Completed")&&f!=null&&b.trackCardsDownloadClick(l,y,f,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:p,fileMonthYear:`${Y[r.monthYearPeriod.month-1]} ${r.monthYearPeriod.year}`},"Credit Card Statements",o+1,S,$),G(`${j}/statements?query=${encodeURIComponent(JSON.stringify(m))}`,p,k,z)},children:v?t.jsx(K,{size:"Small",start:!0}):t.jsx(ae,{windowSize:c})})]})});return t.jsx(Z,{content:u,boxType:I,isDisabled:!1,isNotClickable:!0})}const M=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:o,productInformation:l,cashbackInformation:a,creditAccountInformation:n,debitAccountInformation:d,isChargeCardFeatureEnabled:C,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:y,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:$,depositAccountListWithDebitCardIssued:f,creditAccountRepayment:P,debitCardSummary:k,creditAccount:j,downloadEndPoint:I,statementListView:b,onBackClick:v})=>{const z=F(),c=T(),{sortedYear:E,monthsByYearWithSortedMonth:p}=me(b.statements);return t.jsxs(se,{children:[t.jsx(W,{title:M.title,backgroundColor:z.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:M.noStatements})})})}):t.jsx(re,{children:E.map(m=>t.jsxs(oe,{children:[t.jsx(ne,{windowSize:c,children:m}),t.jsx(L,{children:p[m].map((u,D)=>t.jsx(N,{windowSize:c,children:t.jsx(ie,{productInformation:l,creditAccountInformation:n,debitAccountInformation:d,cashbackInformation:a,creditAccountRepayment:P,depositAccountListWithDebitCardIssued:f,debitCardSummary:k,controllerEmails:o,isChargeCardFeatureEnabled:C,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:y,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:$,creditAccount:j,currentTenantCompanyName:e,index:D,data:u,authParams:r,downloadEndPoint:I,boxType:U(D,p[m].length)},u.id)},u.id))})]},m))})})]})},re=i.div``,oe=i.div`
+  margin-bottom: ${h.sp6};
+`,L=i.div``,ne=i(V)`
+  margin-left: ${e=>g.titleMarginLeftRight.valuePx(e.windowSize)};
+  margin-bottom: ${h.sp3};
+`,N=i.div`
+  margin-left: ${e=>g.listItemMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>g.listItemMarginLeftRight.valuePx(e.windowSize)};
+`,de=i.div`
+  display: flex;
+  height: 100%;
+  flex: 1 1 auto;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-end;
+`,se=i.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  padding-bottom: ${h.sp7};
+`,le=i(B)`
+  display: flex;
+  color: ${e=>e.theme.colors.grey2};
+`,ce=i.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  margin-top: ${e=>g.containerMarginTop.valuePx(e.windowSize)};
+`,me=e=>{const r=e.map(a=>{const[n,d]=a.period.split("-");return{id:a.id,monthYearPeriod:{year:parseInt(n),month:parseInt(d)}}}),o={};r.forEach(a=>{o[a.monthYearPeriod.year]!=null?o[a.monthYearPeriod.year].push(a):o[a.monthYearPeriod.year]=[a]});const l={};return Object.keys(o).forEach(a=>{l[Number(a)]=o[Number(a)].sort((n,d)=>d.monthYearPeriod.month-n.monthYearPeriod.month)}),{sortedYear:Object.keys(o).sort((a,n)=>Number(n)-Number(a)).map(a=>Number(a)),monthsByYearWithSortedMonth:l}};export{je as default};

package/dist/assets/CheckDepositDrawerPage-TfiJwtqN-CwfCisTT.js

@@ -0,0 +1,206 @@
+import{Q as U,V as t,aK as $,hA as pe,F as ee,aL as M,n as G,o,aO as he,y as l,_ as oe,d as ue,b7 as me,E as te,ag as ge,ak as F,aN as xe,a8 as ke,cB as fe,p as w,ab as De,g6 as $e,cE as we,eS as K,cL as Q,u as s,fj as be,cf as ye,bZ as je,d5 as Le,hl as Pe,al as q,hn as Se}from"./index-XNBiWrYj.js";import{a as f}from"./core-3dlyNYRL.js";import{n as a}from"./mui-bYXq4XMS.js";import"./sentry-o6h_D-9x.js";import"./zeni-epic-state-LPACxnXP.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";const ve="checkDepositDetailPage",g="checkDepositDetails",Fe="amount",Ce="depositTo",Te="source",ie="fileIds",V="selectDocument",I=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,[V]:{front:e.checkFront,back:e.checkBack}}}},D=(e,p)=>`${e}.${p}`,Be=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:ze,common:O}=ee.getLocalizedStrings(),c=ze.zeniAccounts.zeniAccountList,Ae=O.documents;function Ee({checkDeposit:e,analytics:p,filesEndPoint:x,openPopup:b,authParams:y,onSaveChangesToLocalStore:C,updateFilesEntity:j,onDeleteFile:L,onEditFileName:P,onCheckDpositClick:T}){const r=U(),n=e.fetchState,S=xe(n),[v,_]=f.useState(!1),[se,B]=f.useState(!1),z=u.largeLabelWidth.value(r),k=ke({mode:"all",reValidateMode:"onBlur",defaultValues:I(e),values:I(e)}),{isValid:re}=k.formState,J=i=>{const d={amount:{amount:i[g].amount??0,currencyCode:O.currency.currencyCode,currencySymbol:O.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);J(h)}};f.useEffect(()=>{const i=k.watch((d,{name:h})=>{h!=null&&d!=null&&fe(()=>ce(h,d))});return()=>{i.unsubscribe()}}),f.useEffect(()=>{S==="Completed"&&n==="Not-Started"&&k.reset(I(e))},[S,n,k,e]),f.useEffect(()=>{e.error!=null?B(!0):B(!1)},[e.error]);const le=k.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=k.getValues();J(i),T?.()}}),ne=(i,d)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(E=>E.id===i),A=e.depositAccounts.depositAccounts.findIndex(E=>E.id===i);return h?t.jsx(Oe,{color:Pe(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(Ve,{children:h?.maskedAccountNumber}):t.jsxs(Me,{children:[t.jsx(W,{children:h?.maskedAccountNumber}),t.jsx(to,{}),t.jsx(W,{children:M("0,0[.]00",h?.accountBalance?.available)})]}):null};return t.jsxs(t.Fragment,{children:[se?t.jsx(Re,{children:t.jsxs(qe,{children:[t.jsxs(_e,{children:[t.jsx(Ge,{}),t.jsxs(Ke,{children:[t.jsx(Qe,{children:e.error?.title}),t.jsx(We,{children:e.error?.message})]})]}),t.jsx(Je,{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),B(!1)},style:{width:o.sp3,height:o.sp3,color:w.heroLight}})})]})}):null,t.jsx(Ye,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),t.jsx(De,{...k,children:t.jsx("form",{id:Be(ve),onSubmit:le,children:t.jsxs(Ze,{children:[t.jsx($e,{showAdditionalInfoLabel:!1,label:{label:c.checkDepositDrawer.amountLabel,width:z},formattedTextField:{type:"number",name:D(g,"amount"),defaultValue:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,placeholder:c.checkDepositDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:i=>!!i&&i>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto"}}),t.jsx(N,{}),t.jsx(we,{label:{label:c.checkDepositDrawer.sourceLabel,width:z},style:{width:"100%"},text:{type:"text",name:D(g,"source"),defaultValue:e.checkDepositLocalData.source,placeholder:c.checkDepositDrawer.sourcePlaceholder,options:{required:!0,validate:i=>i!=null}}}),t.jsx(N,{}),t.jsx(ae,{size:r,children:t.jsx(eo,{size:r,children:t.jsx(Xe,{label:{label:c.checkDepositDrawer.depositToLabel,width:z,style:{marginLeft:u.labeleMarginLeft.valuePx(r),marginBottom:u.labeleMarginBottom.valuePx(r),marginRight:u.labelMarginRight.valuePx(r)}},style:{paddingTop:u.labeledFieldPaddingTop.valuePx(r),paddingBottom:u.labeledFieldPaddingBottom.valuePx(r),paddingLeft:u.labeledFieldPaddingLeft.valuePx(r),paddingRight:u.labeledFieldPaddingRight.valuePx(r),border:"none",width:"100%",outline:"none",padding:0,display:r==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:r==="small"?"left":"right",paddingRight:u.infoLabelPaddingRight.valuePx(r),marginTop:u.infoLabelMarginTop.valuePx(r)},singleSelectPickerField:{valueToLogo:(i,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(N,{}),t.jsxs(He,{size:r,children:[t.jsxs(Ue,{size:r,children:[t.jsx(Ie,{children:c.checkDepositDrawer.checkPicLabel}),t.jsx(Y,{isLast:!1,children:c.checkDepositDrawer.frontSide}),t.jsx(K,{name:`${D(g,V)}.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:Q,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"front"},hasError:v,updateFilesEntity:j,onDeleteFile:L,onFileSizeError:i=>_(i),onEditFileName:P,openPopup:b,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.frontSideError,useMobileCam:!0,compressImage:!0}),t.jsx(Y,{isLast:!0,children:c.checkDepositDrawer.backSide}),t.jsx(K,{name:`${D(g,V)}.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:Q,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"back"},hasError:v,updateFilesEntity:j,onDeleteFile:L,onFileSizeError:i=>_(i),onEditFileName:P,openPopup:b,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.backSideError,useMobileCam:!0,compressImage:!0}),t.jsx(io,{children:c.checkDepositDrawer.picGuides.map(i=>t.jsxs(ao,{children:[t.jsx(oo,{}),t.jsx(Ne,{children:i})]},i))})]}),t.jsx(so,{windowSize:r,children:Ae.formatJPGText10MB})]})]})})})]})}const Ie=a(F)`
+  color: ${e=>e.theme.colors.hero};
+`,Ne=a(F)`
+  color: ${e=>e.theme.colors.hero};
+  margin-left: ${o.sp3};
+`,Me=a(q)`
+  color: ${e=>e.theme.colors.grey1};
+  display: flex;
+  align-items: center;
+  gap: ${o.sp2};
+`,W=a.div``,Ve=a.span`
+  margin-left: ${o.sp2};
+`,Oe=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};
+`,Re=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};
+`,_e=a.div`
+  display: flex;
+  align-items: flex-start;
+`,Je=a.div``,Ge=a(be)`
+  width: ${o.sp4};
+  height: ${o.sp4};
+  color: ${w.important};
+`,Ke=a.div`
+  display: flex;
+  flex-direction: column;
+  margin-left: ${o.sp2};
+`,Qe=a(ye)`
+  color: ${w.important};
+`,We=a(F)`
+  color: ${w.important};
+`,Ye=a(je)`
+  color: ${e=>e.theme.colors.primary};
+  margin: ${o.sp5} ${o.sp0} ${o.sp3} ${o.sp0};
+`,Xe=a(Le)`
+  border-radius: ${o.sp2};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+`,Ze=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};
+`,N=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;
+  }
+`,He=a(ae)`
+  flex-direction: column;
+  padding: ${o.sp0};
+`,Ue=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;
+`,Y=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`,R={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,Bo=({checkDeposit:e,analytics:p,filesEndPoint:x,authParams:b,onSaveChangesToLocalStore:y,onAnotherTransferClick:C,updateFilesEntity:j,onDeleteFile:L,onEditFileName:P,onCheckDpositClick:T,onDismissClick:r})=>{const n=U(),[S,v]=f.useState(!1);return t.jsx(go,{windowSize:n,children:e.fetchState==="Completed"?t.jsxs(X,{windowSize:n,children:[t.jsx(Z,{windowSize:n,children:t.jsx(H,{"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(fo,{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:M("0,0.[00]",e.checkDepositLocalData.amount)}),m.checkDepositDrawer.transferSuccessMsgSuffix]}),t.jsxs(ko,{children:[t.jsx(G,{variant:"secondary",label:m.checkDepositDrawer.makeAnotherTransferBtn,onClick:C,"data-testid":$("check-deposit-drawer-another-transfer")}),t.jsx(G,{variant:"primary",label:m.checkDepositDrawer.goToAccountBtn,onClick:r,style:{marginLeft:n==="small"?o.sp3:o.sp5},"data-testid":$("check-deposit-drawer-go-to-account")})]})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(X,{windowSize:n,children:[t.jsx(Z,{windowSize:n,children:t.jsx(H,{"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(Ee,{analytics:p,authParams:b,checkDeposit:e,filesEndPoint:x,onSaveChangesToLocalStore:y,openPopup:v,onCheckDpositClick:T,onDeleteFile:L,onEditFileName:P,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;
+`,X=a.div`
+  height: ${e=>e.windowSize==="small"?"auto":"100%"};
+  padding-left: ${e=>`${R.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${e=>`${R.containerPaddingRight.valuePx(e.windowSize)}`};
+`,ko=a.div`
+  display: flex;
+  justify-content: center;
+  margin-top: ${o.sp7};
+`,fo=a.div`
+  height: 80%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin: ${e=>`${o.sp0} ${R.successContentMargin.valuePx(e.windowSize)} `};
+  align-items: center;
+`,Z=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};
+`,H=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{Bo as default,no as uniqueFormName};