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

package/dist/assets/ChargeCardPromoPage-BYgvGdtQ-jQVVK6Po.js

@@ -0,0 +1,222 @@
+import{u as b,a as ae,j as r,i as O,a$ as ye,a7 as be,bB as $e,bn as Se,hd as je,cf as Te,gO as ze,B as Q,bm as ee,b as t,H as ve,L as V,dr as Pe,as as ke,R as u,al as Be,cH as Ae,k3 as Re,af as Ie,s as p,d as S,C,bM as Le,br as Me,k4 as Ee}from"./index-2CdI-B2B.js";import{a as j}from"./core-tlHkQPPu.js";import{n as o,c as _e,k as De}from"./mui-kiGMfX4-.js";import{eI as Fe}from"./zeni-epic-state-Bo1aGezX.js";import{n as Ne}from"./NavigationDots-DO5y6mdV-DGnlFBBn.js";import{u as H,m as G}from"./PromoBaseCards-38oPeuBR-DNrev2WE.js";import{V as I}from"./usp-line-4JsxsMjK-mCxwNowe.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";const g={containerPaddingTopBottom:new u(p[0],p[0]),uspContainerMarginX:new u(p[6],p[0]),midContainerGap:new u(p[4],84),iconContainerMinHeight:new u(236,396),emptySectionHeight:new u(p[6],43),navigationBottom:new u(p[4],94),navigationLeft:new u(192,244),carouselHeight:new u(268,396),carouselMarginTop:new u(54,p[4]),carouselMarginLeft:new u(120,p[12]),buttonTrayGap:new u(p[3],p[5]),termsOfAgreementMarginTop:new u(p[5],p[10]),contactAdminContainerMarginTop:new u(p[0],p[10]),contactAdminContainerMarginBottom:new u(p[4],p[0]),contactAdminContainerMarginLeftRight:new u(p[3],p[0])},T={promoBadgeText:new S("standardRegular","largeRegular"),promoBadgeTextBold:new S("standardBold","largeBold"),cardsContent:new S("extraSmallRegular","smallRegular"),contactAdmin:new S("extraSmallRegular","largeRegular"),uspText:new S("smallRegular","standardRegular"),uspBoldText:new S("smallMedium","standardMedium")},{common:N,spendManagement:{chargeCard:{chargeCardsPromo:a}}}=ae.getLocalizedStrings(),Ar=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:i,showEnableCardButton:n,controllerEmails:c,isCreditCardProductVisible:m,isDebitCardFeatureEnabled:h,isDebitCardSetupEnabled:x,isChargeCardSetupEnabled:w,admins:$,cashbackRate:v,cardPromoType:d="credit",isCheckingEnabled:l,onSetupButtonClick:L,onBackClick:pe,onClickMenuIcon:me,onSetupChargeCardSuccess:W,onExpressInterestClick:ge})=>{const he=O(),Z=ye(),z=b(),J=be().analytics,{chargeCardTermsDetails:M,companyChargeCardInfo:f,companyLocaleInfo:E}=i,X=$e(M?.fetchStatus.fetchState),[ue,q]=j.useState(!1),xe=f!=null&&E!=null?Se("0,0",{amount:f.chargeCardsCreditAccountLimit,currencyCode:E.currencyCode,currencySymbol:E.currencySymbol}):void 0;j.useEffect(()=>{X==="In-Progress"&&M?.fetchStatus.fetchState==="Completed"&&W()},[X,W,M?.fetchStatus]);const K=Fe(Z.loggedInUserRoleMap),we=je(Z),_=d==="credit"&&f?.isCompanyInterestedInChargeCard===!1&&f.chargeCardsCreditAccountLimit===0,D=d==="credit"&&f?.isCompanyInterestedInChargeCard===!0&&f.chargeCardsCreditAccountLimit===-1,F=d==="credit"&&f?.isCompanyInterestedInChargeCard===!0&&f.chargeCardsCreditAccountLimit===0,fe=d==="credit"&&f?.isCompanyInterestedInChargeCard===!0&&f.chargeCardsCreditAccountLimit>0,{expressInterestInChargeCardFetchState:Ce}=i,Y=_?a.getPreApprovedNow:n?a.enableCardsButton:a.setupCardsButton;return r.jsxs(We,{children:[r.jsx(Te,{title:a.title[d],backgroundColor:he.colors.grey4,onBackClick:pe,showBackButton:!0,showMenuIcon:z==="medium-compact"||z==="small",onClickMenuIcon:me,style:{zIndex:9},source:"ChargeCardPromoPage"}),ue===!0?r.jsx(ze,{onCancelClick:()=>{q(!1)},meetingUrl:e}):null,r.jsx(qe,{windowSize:z,children:K===!0?r.jsxs(Xe,{children:[r.jsxs(Je,{children:[r.jsx(He,{isApproved:fe,creditAmount:xe,cardPromoType:d,isUnderReview:F,isRejected:D,showExpressInterest:_,creditLimit:f?.chargeCardsCreditAccountLimit}),r.jsx(ne,{cardPromoType:d,cashbackRate:v})]}),r.jsx(oe,{showEnableCardButton:n,cardPromoType:d,isUnderReview:F,isRejected:D,showExpressInterest:_,isCheckingEnabled:l})]}):r.jsx(Ge,{companyLegalName:s,cards:[],admins:$,cashbackRate:v,hasZeniFinopsRoles:we,cardPromoType:d,isCheckingEnabled:l})}),!K||F||D?null:r.jsxs(ir,{windowSize:z,children:[r.jsx(Q,{variant:"secondary",label:a.scheduleDemoButton,style:{width:166},onClick:()=>{J.trackCardsPromoPageClicked("schedule demo"),J.trackCardsScheduleDemoClick(c,{isCreditCardOffered:m,isDebitCardOffered:h,isDebitCardEnabled:x,isCreditCardEnabled:w},"Cards Promo"),q(!0)},"data-testid":ee("schedule-demo-button")}),r.jsx(Ze,{windowSize:z,children:a.orText}),r.jsx(Q,{variant:"primary",label:Y,style:{minWidth:166},loading:i.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||Ce==="In-Progress",onClick:Y===a.getPreApprovedNow?ge:()=>L(d),"data-testid":ee("enable-card-button")})]})]})},Ue=({admins:e})=>{const s=e.flatMap(n=>n.user?.firstName+" "+n.user?.lastName).join(", "),i=b();return r.jsxs(pr,{windowSize:i,children:[r.jsx(U,{underline:!1,windowSize:i,children:a.noCardAssigned.pre}),r.jsx(Ae,{title:s,placement:"top-start",style:{padding:`2px ${t.sp2}`},children:r.jsx(U,{underline:!0,windowSize:i,children:a.noCardAssigned.tooltip})}),r.jsx(U,{underline:!1,windowSize:i,children:a.noCardAssigned.post})]})},oe=({cardPromoType:e,showEnableCardButton:s,isCheckingEnabled:i,isUnderReview:n,isRejected:c,showExpressInterest:m,isCardUser:h=!1})=>{const x=b();return r.jsx(tr,{windowSize:x,children:r.jsx(Re,{topTermLabel:a.terms.checkingAccountTerm,buttonTermLabel:n===!0||c===!0||h===!0?void 0:m===!0?a.terms.getPreApprovedNowTerm:s?a.terms.alternateTerm1:a.terms.terms1,showEndIcon:!1,showTerms:c===!1&&h===!1&&n===!1,style:{marginTop:g.termsOfAgreementMarginTop.valuePx(x)},cardPromoType:e,isCheckingEnabled:i})})},He=({isApproved:e,cardPromoType:s,creditAmount:i,isUnderReview:n,isRejected:c,showExpressInterest:m,creditLimit:h})=>{const x=b(),w=s==="debit_and_credit"?a.promoTextDebitCreditCard:s==="debit"?a.promoTextDebitCard:a.promoTextCreditCard,$=e?r.jsxs(r.Fragment,{children:[a.promoBadgeText.approved,r.jsx(te,{children:i}),a.creditLimit,N.strings.space]}):m?r.jsxs(r.Fragment,{children:[a.promoBadgeText.nonPreApproved.get,r.jsx(er,{children:a.promoBadgeText.nonPreApproved.scale}),a.promoBadgeText.nonPreApproved.doubleStarred,N.strings.space,a.promoBadgeText.nonPreApproved.higherLimits]}):n?a.promoBadgeText.underReview:c?a.promoBadgeText.rejected:s==="debit_and_credit"&&h===0?null:r.jsxs(r.Fragment,{children:[a.promoBadgeText.preApproved,r.jsx(te,{children:i}),a.creditLimit,N.strings.space]});return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:x==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:a.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:a.promoSubText})]})}),r.jsxs(Ye,{cardPromoType:s,hasContent:$!=null,hideBadge:i==null||s==="debit",windowSize:x,children:[n||c||m?null:r.jsx(Cr,{}),r.jsx(Qe,{windowSize:x,children:$})]})]})},Ge=({companyLegalName:e,cards:s,admins:i,cashbackRate:n,hasZeniFinopsRoles:c,cardPromoType:m="credit",isCheckingEnabled:h})=>{const x=b(),w=m==="debit_and_credit"?a.promoTextDebitCreditCard:m==="debit"?a.promoTextDebitCard:a.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[x==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:a.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:a.promoSubText})]}),s.length===0?r.jsx(cr,{windowSize:x}):r.jsx(Oe,{cards:s,companyLegalName:e}),r.jsx(ne,{cardPromoType:m,cashbackRate:n}),c?null:r.jsx(Ue,{admins:i}),r.jsx(oe,{isCardUser:!0,showEnableCardButton:!1,cardPromoType:m,isCheckingEnabled:h})]})},Oe=({cards:e,companyLegalName:s})=>{const i=O(),n=b();let c,m="";if(e.length===1){c=e[0].cardCreatedByUser.photo;const h=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;m=a.cardAssigned.singleCreditCard.replace("__issuing-user__",h).replace("__company-name__",s)}else m=a.cardAssigned.multipleCreditCards.replace("__company-name__",s);return r.jsxs(gr,{children:[c!=null?r.jsx(Ke,{width:t.sp5,height:t.sp5,style:{paddingTop:n==="small"?t.sp1:t.sp0},src:c.href,alt:ae.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:h})=>{h.onerror=null,h.src=Be},loading:"lazy"}):null,r.jsx(mr,{windowSize:n,mode:i.mode,children:r.jsx(hr,{windowSize:n,children:m})})]})},re=({windowSize:e,cardPromoType:s})=>{let i=a.businessText;return s==="debit"&&(i=`${i} ${a.debit}`),r.jsx(r.Fragment,{children:s==="debit_and_credit"?r.jsx(Ve,{}):r.jsxs(or,{windowSize:e,children:[r.jsx(H,{cardPromoType:s,cardText:i,shouldAnimate:!0,showChip:!0,forDashboard:!1,forListPage:!1}),r.jsx(G,{cardPromoType:s,cardText:i,showChip:!0,forDashboard:!1,shouldAnimate:!0,forListPage:!1})]})})},ne=({cardPromoType:e,cashbackRate:s})=>{const i=b(),n=a.benefits;return r.jsxs(rr,{windowSize:i,children:[i==="small"?r.jsx(re,{windowSize:i,cardPromoType:e}):null,r.jsxs(ar,{windowSize:i,children:[r.jsxs(k,{windowSize:i,children:[r.jsx(A,{children:r.jsx(dr,{})}),r.jsxs(R,{children:[r.jsx(y,{windowSize:i,children:n.item1.pre}),r.jsx(B,{windowSize:i,children:n.item1.bold.replace("__cashback__",(100*s).toFixed(2))}),r.jsx(y,{windowSize:i,children:`${e==="credit"||e==="debit_and_credit"?n.singleStarred:""}${n.item1.post}`})]})]}),r.jsxs(k,{windowSize:i,children:[r.jsx(A,{children:r.jsx(nr,{})}),r.jsxs(R,{children:[r.jsx(y,{windowSize:i,children:n.item2.pre}),r.jsx(B,{windowSize:i,children:n.item2.bold}),r.jsx(y,{windowSize:i,children:n.item2.post})]})]}),r.jsxs(k,{windowSize:i,children:[r.jsx(A,{children:r.jsx(lr,{})}),r.jsxs(R,{children:[r.jsx(y,{windowSize:i,children:n.item3.pre}),r.jsx(B,{windowSize:i,children:n.item3.bold}),r.jsx(y,{windowSize:i,children:n.item3.post})]})]}),r.jsxs(k,{windowSize:i,children:[r.jsx(A,{children:r.jsx(sr,{})}),r.jsxs(R,{children:[r.jsx(y,{windowSize:i,children:n.item4.pre}),r.jsx(B,{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 P;const Ve=()=>{const e=b(),s=O(),[i,n]=j.useState(0),[c,m]=j.useState(!1),h=a.businessText,x=`${h} ${a.debit}`,w=[{id:1,cardType:"debit",cardText:x},{id:2,cardType:"debit",cardText:x},{id:3,cardType:"credit",cardText:h},{id:4,cardType:"credit",cardText:h}];j.useEffect(()=>(c||(P=setInterval(()=>{n(d=>{const l=d+1;return l===w.length?(m(!0),0):l})},2e3)),()=>clearInterval(P)),[c,w.length]),j.useEffect(()=>{c&&P!=null&&clearInterval(P)},[c]);const $=(d,l)=>{switch((d-i+w.length)%w.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(ur,{windowSize:e,children:[r.jsx(xr,{windowSize:e,children:w.map((d,l)=>r.jsxs(wr,{children:[r.jsx(ie,{isReflection:!1,style:{...$(l,!1)},onClick:()=>(L=>{c||m(!0),n(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(ie,{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:w.length,activeIndex:i,handleClick:n,promoColor:s.colors.primary,promoColorHover:s.colors.grey5,spendManagementPromoCardActive:!0,dotStyle:{width:t.sp2,height:t.sp2},style:{cursor:"default",position:"absolute",bottom:g.navigationBottom.valuePx(e),left:g.navigationLeft.valuePx(e),zIndex:7}})]})},We=o.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Ze=o(Ie)`
+  color: ${e=>e.theme.colors.hero};
+`,Je=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`,Xe=o.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  flex: 1;
+  width: 100%;
+`,qe=o.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=o(Pe)`
+  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=o(ke)`
+  color: ${e=>e.theme.colors.primary};
+  margin: auto;
+  margin-top: ${t.sp2};
+`,le=o(ve)`
+  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=o(V)`
+  max-width: 314px;
+  margin: auto;
+  color: ${e=>e.theme.colors.primary};
+  padding: 6px ${t.sp3} ${t.sp0} ${t.sp3};
+  text-align: center;
+  margin-top: 6px;
+`,Ke=o.img`
+  border-radius: 50%;
+  justify-content: center;
+  color: ${e=>e.theme.colors.hero};
+`,Ye=o.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;
+    `}
+`,Qe=o(V)`
+  color: ${e=>e.theme.mode==="dark"?C.brandColorJade:C.brandColorSapphire};
+  text-align: ${e=>e.windowSize==="small"?"left":"center"};
+  ${e=>`${T.promoBadgeText.style(e.windowSize)}`};
+  span {
+    ${e=>`${T.promoBadgeTextBold.style(e.windowSize)}`};
+  }
+`,er=o.span``,te=o.span`
+  color: ${C.success};
+`,rr=o.div`
+  display: flex;
+  gap: ${e=>g.midContainerGap.valuePx(e.windowSize)};
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: center;
+  justify-content: center;
+`,tr=o.div`
+  display: flex;
+  flex-direction: column;
+`,ir=o.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=>g.buttonTrayGap.valuePx(e.windowSize)};
+`,ar=o.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;
+`,or=o.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=o.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=o(Le)`
+  color: ${e=>e.theme.colors.champion};
+  ${e=>`${T.uspText.style(e.windowSize)}`};
+`,B=o(Me)`
+  color: ${e=>e.theme.colors.champion};
+  ${e=>`${T.uspBoldText.style(e.windowSize)}`};
+`,A=o.div``,R=o.div`
+  padding-left: ${t.sp3};
+`,nr=o(I)`
+  color: ${C.graphColor16Dark};
+`,sr=o(I)`
+  color: ${C.alert};
+`,dr=o(I)`
+  color: ${C.graphColor11};
+`,lr=o(I)`
+  color: ${C.success};
+`,cr=o.div`
+  height: ${e=>g.emptySectionHeight.valuePx(e.windowSize)};
+  ${e=>e.windowSize==="small"?null:_e`
+          margin-top: ${t.sp4};
+          margin-bottom: ${t.sp6};
+        `}
+`,pr=o(V)`
+  color: ${e=>e.theme.colors.hero};
+  margin-top: ${e=>g.contactAdminContainerMarginTop.valuePx(e.windowSize)};
+  margin-bottom: ${e=>g.contactAdminContainerMarginBottom.valuePx(e.windowSize)};
+  margin-left: ${e=>g.contactAdminContainerMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>g.contactAdminContainerMarginLeftRight.valuePx(e.windowSize)};
+  text-align: center;
+`,U=o(Ee)`
+  ${e=>`${T.contactAdmin.style(e.windowSize)}`};
+  text-decoration: ${e=>e.underline?"underline":"none"};
+  cursor: ${e=>e.underline?"default":null};
+`,mr=o.div`
+  color: ${e=>e.mode==="dark"?e.theme.colors.brandColorJade:e.theme.colors.brandColorSapphire};
+`,gr=o.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};
+`,hr=o.span`
+  ${e=>`${T.cardsContent.style(e.windowSize)}`};
+`,ur=o.div`
+  display: flex;
+  flex-direction: column;
+  min-height: ${e=>g.carouselHeight.valuePx(e.windowSize)};
+  min-width: 480px;
+  position: relative;
+`,xr=o.div`
+  position: relative;
+  margin-top: ${e=>g.carouselMarginTop.valuePx(e.windowSize)};
+  margin-left: ${e=>g.carouselMarginLeft.valuePx(e.windowSize)};
+`,wr=o.div`
+  position: relative;
+  overflow: visible;
+`,ie=o.div`
+  position: absolute;
+  ${e=>e.isReflection&&`
+  background-color: ${e.theme.colors.grey4};
+  clip-path: inset(16% 0 0 0);
+  `}
+`,fr=De`
+  0% {
+    left: -${t.sp6};
+  }
+  50% {
+    left: calc(100% + ${t.sp6});
+  }
+  100% {
+    left: calc(100% + ${t.sp6});
+  }
+`,Cr=o.div`
+  position: absolute;
+  background:
+    ${C.promoCardGradient1Strong}, ${C.promoCardGradient2Strong};
+  width: ${t.sp10};
+  z-index: 3;
+  height: 100%;
+  transform: skew(15deg);
+  animation: ${fr} 4s linear infinite;
+`;export{Ge as ChargeCardPromoUserContent,Ar as default};

package/dist/assets/ChargeCardSetupPage-B0L57e-5-DfN8lydv.js

@@ -0,0 +1,36 @@
+import{i as Ve,u as Oe,a7 as Ue,bB as G,a8 as Re,dt as ze,a as $e,bs as J,j as t,gw as _e,C as Le,R as r,cf as We,A as Ne,aa as qe,gP as Me,f6 as He,gQ as Ge,k5 as Q,b as O,t as Je,ca as Qe,bC as Ke,gS as Xe,s as a,ah as Ze}from"./index-2CdI-B2B.js";import{a as p}from"./core-tlHkQPPu.js";import{n as b}from"./mui-kiGMfX4-.js";import{bM as Ye}from"./zeni-epic-state-Bo1aGezX.js";import{c as et}from"./LabeledControlledCheckBoxField-D7yxgfu0-DldJVWKR.js";import{v as tt}from"./UploadAdditionalDocumentOverlay-DCq4eMPQ-0xv-e5Z1.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.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])},K="chargeCardSetUpPage",g="payAccount",{commonSetUp:nt,spendManagement:it}=$e.getLocalizedStrings(),{chargeCard:Y}=it,{chargeCardSetUp:m}=Y,{setUp:U}=nt,bt=({autoPayThreshold:e,isDisabled:S,meetingUrl:A,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:re,onBusinessVerificationSectionClick:de,onUpdatePaymentAccountStatus:ue,onUpdatePaymentAccountLoginStatus:pe,onUpdatePrimaryFundingAccount:me,onUpdateAutoPayClick:ge,onEstablishConnectionClick:he,onEstablishConnectionSuccess:fe,onClickMenuIcon:ye,onEnableChargeCardSuccess:x,onEditFileName:Ce,onDeleteFile:be,updateFilesEntity:Se,onCompanyOfficerUpdated:xe,onSendForVerificationClick:Pe,onSignUpClick:we})=>{const f=Ve(),n=Oe(),v=Ue().analytics,[P,y]=p.useState(!1),{fetchState:C,companyBillPayInfo:R,isRefreshingViewInBackground:Ae,updateStatus:d,accountUpdateStatus:ke,plaidConnectionDetails:ve,allBankAccounts:Te,companyChargeCardInfo:T,companyDebitCardInfo:z,selectedCompanyOfficer:s,primaryFundingAccount:l,allFundingAccounts:$}=i,_=G(C),w=G(d.fetchState),E=Re({mode:"all",reValidateMode:"onChange",defaultValues:p.useMemo(()=>X(i),[i]),values:X(i)}),Ee=E.handleSubmit(le);p.useEffect(()=>{const De=E.watch((M,{name:H})=>{H!=null&&M!=null&&ze(()=>(async(I,Ie)=>{const o=Ie[g];if(I.includes(g))if(I.includes("fundingAccount")){if(o.fundingAccount.selectedOption!=null&&l?.id!=o.fundingAccount.selectedOption){const u=$.find(V=>V.id===o.fundingAccount.selectedOption);u!=null&&me(o.fundingAccount.selectedOption,u.accType)}}else if(o.account.selectedOption!=null&&l?.id!=null&&l?.zeniAccountId!=o.account.selectedOption){const u=o.account.allOptions.find(V=>V.value===o.account.selectedOption);u!=null&&typeof u.label=="string"&&v.trackConnectBankLink(u.value,u.label,"charge_cards"),re(o.account.selectedOption,l.id,l.accType)}else I.includes("enableAutoPay")&&o.enableAutoPay!=null&&ge(o.enableAutoPay)})(H,M))});return()=>{De.unsubscribe()}}),p.useEffect(()=>{P||s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")!==!0||!s.areAdditionalDocumentsRequestedForVerification||s.areAdditionalDocumentsSubmittedForVerification||s.userVerificationStatus?.code!=="require_info"||y(!0),P&&_==="In-Progress"&&C==="Completed"&&y(!1)},[s,C,_]),p.useEffect(()=>{w==="In-Progress"&&d.fetchState==="Completed"&&x()},[x,w,d.fetchState]);const B=T?.isChargeCardEnabled===!0,F=z?.isDebitCardEnabled===!0,L=z?.isDebitCardTOSAccepted===!0,W=T?.isChargeCardTOSAccepted===!0,N=R?.isBusinessVerified===!0,Be=l?.accType==="depositAccount"||Ye(l?.providerVerificationStatus?.code??""),j=k?N:N&&Be,Fe=C==="In-Progress"||C==="Not-Started";p.useEffect(()=>{w==="In-Progress"&&d.fetchState==="Completed"&&x()},[x,w,d.fetchState]);const D=k?j&&!F&&L:oe?j&&!B&&W:j&&!(B&&F)&&W&&L,je=D?m.setupSubTitleNotEnabled:m.setupSubTitle,q=f.mode==="light"?new J(f.colors.brandColorJadeLight):new J(f.colors.brandColorJadeDark);return t.jsxs(at,{children:[t.jsx(_e,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(n),boxShadow:"none"}},open:P,onClose:()=>y(!1),style:{backgroundColor:Le.drawerBackground},transitionDuration:250,children:t.jsx(tt,{authParams:ne,filesEndPoint:te,updateStatus:d,onEditFileName:Ce,onDeleteFile:be,updateFilesEntity:Se,companyOfficer:s,onClose:()=>y(!1),onCompanyOfficerUpdated:xe,onSendForVerificationClick:Pe})}),t.jsx(We,{title:m.setupTitle,backgroundColor:f.colors.grey4,style:{zIndex:3},onBackClick:se,showMenuIcon:!(B||F||n!=="medium-compact"&&n!=="small"),onClickMenuIcon:ye,source:"ChargeCardSetupPage"}),t.jsxs(ot,{windowSize:n,children:[t.jsx(ct,{windowSize:n,children:je}),Fe?t.jsx(st,{children:t.jsx(Ne,{size:"ExtraLarge",start:!0})}):t.jsx(qe,{...E,children:t.jsx("form",{id:Z(K),onSubmit:Ee,children:t.jsxs(lt,{windowSize:n,children:[t.jsx(Me,{onClick:()=>{P||s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")!==!0||!s.areAdditionalDocumentsRequestedForVerification||s.areAdditionalDocumentsSubmittedForVerification||s.userVerificationStatus?.code!=="require_info"?de?.():y(!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:R?.businessVerificationStatus,isLoading:Ae,isActiveWhileLoading:!0}),k?null:t.jsx(Ge,{connectedAccountProvider:ee,primaryFundingAccount:l,allFundingAccounts:$,plaidConnectionDetails:ve,allBankAccounts:Te,sectionId:g,isDisabled:S,onFetchLinkTokenClick:ce,onEstablishConnectionClick:he,onUpdatePaymentAccountStatus:ue,onUpdatePaymentAccountLoginStatus:pe,sectionTitle:m.setupAccountSectionTitle,onEstablishConnectionSuccess:fe,icon:{element:t.jsx(Qe,{width:c.iconWidthHeight.valuePx(n),height:c.iconWidthHeight.valuePx(n)}),color:q},analytics:v,productType:"charge_cards",isAccountsEnabled:ie,onSignUpClick:we,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:f.colors.primary,...Je.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:O.sp4,marginTop:O.sp1,alignItems:n==="small"?"flex-start":"center"},checkBoxField:{name:Q(g,"enableAutoPay"),checkBoxValue:Q(g,"enableAutoPay"),defaultChecked:T?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(n)}}})})]})})})]}),D?t.jsx(Ke,{formId:Z(K),primaryBtn:{label:m.enableAccounts,style:{width:"auto",minWidth:n==="small"?"auto":"181px"},isLoading:d.fetchState==="In-Progress"||ke.fetchState==="In-Progress",isDisabled:S!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${O.sp3}`}}):null,t.jsx(Xe,{isFooterRendered:D,meetingUrl:A,analytics:v,productType:"charge_cards"})]})},X=e=>{const{allBankAccounts:S,allFundingAccounts:A,primaryFundingAccount:h}=e;return{[g]:{fundingAccount:{selectedOption:h?.id,allOptions:A.map(i=>({label:i.label,value:i.id,isRecommended:i.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:S.map(i=>({label:i.accountName,value:i.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},Z=e=>`${e}_form`,ot=b.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)};
+`,at=b.div`
+  display: flex;
+  min-height: 100%;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,ct=b(Ze)`
+  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"};
+`,st=b.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};
+`,lt=b.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${e=>c.sectionRowGap.valuePx(e.windowSize)};
+`;export{bt as default,Z as uniqueName};

package/dist/assets/ChargeCardStatementsPage-CB76MDoV-B8r9tvXY.js

@@ -0,0 +1,60 @@
+import{i as F,u as T,j as t,cf as W,a as N,b as h,R as g,ah as B,bJ as O,a7 as J,j4 as q,bm as U,A as V,s,cT as G}from"./index-2CdI-B2B.js";import{n as i}from"./mui-kiGMfX4-.js";import{s as H,b as K}from"./BoxItem-B6Qj2tSj-aLWYhGMW.js";import{a as Q}from"./core-tlHkQPPu.js";import{t as X}from"./downloadPdf-C0_jxUh_-bREzf3Cq.js";import"./sentry-Dhk5jNhq.js";import"./zeni-epic-state-Bo1aGezX.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";import"./commonDimensions-B2oTTz3C-DxkHqcKn.js";const Y=N.getLocalizedStrings().months,A={downloadButtonSize:new g(s[4],20)},Z=i.div`
+  display: flex;
+  padding: ${h.sp3} ${h.sp4};
+  flex-direction: row;
+  width: 100%;
+`,_=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(G)`
+  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:o,index:r,controllerEmails:l,isDebitCardFeatureEnabled:a,isDebitCardSetupEnabled:n,chargeCardCashbackDetailState:d,depositAccountListWithDebitCardIssued:x,debitCardSummary:C,productInformation:S,creditAccountInformation:y,debitAccountInformation:P,cashbackInformation:f,creditAccountRepayment:j,authParams:$,downloadEndPoint:v,boxType:I}){const b=J().analytics,[z,k]=Q.useState(!1),c=T(),E=Y[o.monthYearPeriod.month-1],p=`${e}-Credit-Card-Monthly-Statement-${Y[o.monthYearPeriod.month-1]}-${o.monthYearPeriod.year}.pdf`,m={period:`${o.monthYearPeriod.year}-${q(o.monthYearPeriod.month)}`,format:"pdf"},u=t.jsx(Z,{children:t.jsxs(_,{children:[t.jsx(ee,{children:E}),t.jsx(te,{"data-testid":U("download-card-statement"),onClick:()=>{d.fetchState!=="Completed"||j.fetchState!=="Completed"||a&&n&&(x.fetchState!=="Completed"||C?.fetchState!=="Completed")||f==null||b.trackCardsDownloadClick(l,S,f,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:p,fileMonthYear:`${Y[o.monthYearPeriod.month-1]} ${o.monthYearPeriod.year}`},"Credit Card Statements",r+1,y,P),X(`${v}/statements?query=${encodeURIComponent(JSON.stringify(m))}`,p,$,k)},children:z?t.jsx(V,{size:"Small",start:!0}):t.jsx(ae,{windowSize:c})})]})});return t.jsx(K,{content:u,boxType:I,isDisabled:!1,isNotClickable:!0})}const M=N.getLocalizedStrings().spendManagement.chargeCard.statements,w={listItemMarginLeftRight:new g(s[3],s[8]),containerMarginTop:new g(s[0],s[2]),titleMarginLeftRight:new g(s[3],s[8])},Pe=({currentTenantCompanyName:e,authParams:o,controllerEmails:r,productInformation:l,cashbackInformation:a,creditAccountInformation:n,debitAccountInformation:d,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:S,isChargeCardSetupEnabled:y,chargeCardCashbackDetailState:P,depositAccountListWithDebitCardIssued:f,creditAccountRepayment:j,debitCardSummary:$,creditAccount:v,downloadEndPoint:I,statementListView:b,onBackClick:z})=>{const k=F(),c=T(),{sortedYear:E,monthsByYearWithSortedMonth:p}=me(b.statements);return t.jsxs(se,{children:[t.jsx(W,{title:M.title,backgroundColor:k.colors.grey4,style:{zIndex:3},onBackClick:z,source:"ChargeCardStatementsPage"}),t.jsx(ce,{windowSize:c,children:b.statements.length===0?t.jsx(L,{children:t.jsx(de,{children:t.jsx(R,{windowSize:c,children:t.jsx(le,{children:M.noStatements})})})}):t.jsx(oe,{children:E.map(m=>t.jsxs(re,{children:[t.jsx(ne,{windowSize:c,children:m}),t.jsx(L,{children:p[m].map((u,D)=>t.jsx(R,{windowSize:c,children:t.jsx(ie,{productInformation:l,creditAccountInformation:n,debitAccountInformation:d,cashbackInformation:a,creditAccountRepayment:j,depositAccountListWithDebitCardIssued:f,debitCardSummary:$,controllerEmails:r,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:S,isChargeCardSetupEnabled:y,chargeCardCashbackDetailState:P,creditAccount:v,currentTenantCompanyName:e,index:D,data:u,authParams:o,downloadEndPoint:I,boxType:H(D,p[m].length)},u.id)},u.id))})]},m))})})]})},oe=i.div``,re=i.div`
+  margin-bottom: ${h.sp6};
+`,L=i.div``,ne=i(O)`
+  margin-left: ${e=>w.titleMarginLeftRight.valuePx(e.windowSize)};
+  margin-bottom: ${h.sp3};
+`,R=i.div`
+  margin-left: ${e=>w.listItemMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>w.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=>w.containerMarginTop.valuePx(e.windowSize)};
+`,me=e=>{const o=e.map(a=>{const[n,d]=a.period.split("-");return{id:a.id,monthYearPeriod:{year:parseInt(n),month:parseInt(d)}}}),r={};o.forEach(a=>{r[a.monthYearPeriod.year]!=null?r[a.monthYearPeriod.year].push(a):r[a.monthYearPeriod.year]=[a]});const l={};return Object.keys(r).forEach(a=>{l[Number(a)]=r[Number(a)].sort((n,d)=>d.monthYearPeriod.month-n.monthYearPeriod.month)}),{sortedYear:Object.keys(r).sort((a,n)=>Number(n)-Number(a)).map(a=>Number(a)),monthsByYearWithSortedMonth:l}};export{Pe as default};

package/dist/assets/CheckDepositDrawerPage-Cr_oz-BZ-B8n362Tm.js

@@ -0,0 +1,206 @@
+import{u as te,j as t,bm as y,j2 as pe,a as ie,bn as V,B as X,b as o,bC as ue,R as c,f as ae,L as he,bJ as me,H as se,af as ge,ah as T,bB as xe,a8 as ke,dt as fe,C as S,aa as De,hx as we,dv as $e,iO as be,gd as Y,dC as Z,s as a,gL as ye,d6 as Se,cQ as Le,gl as je,ai as G,iQ as Pe}from"./index-2CdI-B2B.js";import{a as w}from"./core-tlHkQPPu.js";import{n as i}from"./mui-kiGMfX4-.js";import"./sentry-Dhk5jNhq.js";import"./zeni-epic-state-Bo1aGezX.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";const m="checkDepositDetails",ve="amount",Fe="depositTo",Ce="source",re="fileIds",O="selectDocument",N=e=>{const d=[];return e.checkFront!=null&&d.push(e.checkFront.fileId),e.checkBack!=null&&d.push(e.checkBack.fileId),{[m]:{[ve]:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,[Ce]:e.checkDepositLocalData.source,[Fe]:{allOptions:e.depositAccounts.depositAccounts.map(k=>({label:k.accountName,value:k.id})),selectedOption:e.checkDepositLocalData.depositTo?.id},[re]:d,[O]:{front:e.checkFront,back:e.checkBack}}}},b=(e,d)=>`${e}.${d}`,p={largeLabelWidth:new c(160,160,160),rowContentPaddingLeft:new c(a[3],a[4]),checkPicRowContentPaddingXAxis:new c(a[3],a[4]),labeleMarginLeft:new c(a[0],a[0]),labeleMarginBottom:new c(a[2],a[0]),labelMarginRight:new c(a[3],a[3]),labeledFieldPaddingLeft:new c(a[3],a[0]),labeledFieldPaddingRight:new c(a[3],a[2]),labeledFieldPaddingTop:new c(a[3],a[3]),labeledFieldPaddingBottom:new c(a[3],a[2]),infoLabelPaddingRight:new c(a[0],a[3]),infoLabelMarginTop:new c(a[1],a[0])},{spendManagement:Be,common:q}=ie.getLocalizedStrings(),l=Be.zeniAccounts.zeniAccountList,Te=q.documents;function ze({checkDeposit:e,analytics:d,filesEndPoint:k,openPopup:L,authParams:j,onSaveChangesToLocalStore:z,updateFilesEntity:P,onDeleteFile:v,onEditFileName:F,onCheckDpositClick:A}){const r=te(),n=e.fetchState,C=xe(n),[B,H]=w.useState(!1),[ce,E]=w.useState(!1),I=p.largeLabelWidth.value(r),f=ke({mode:"all",reValidateMode:"onBlur",defaultValues:N(e),values:N(e)}),{isValid:ne}=f.formState,J=s=>{const g={amount:{amount:s[m].amount??0,currencyCode:q.currency.currencyCode,currencySymbol:q.currency.currencySymbol},source:s[m].source,depositTo:e.depositAccounts.depositAccounts.find(u=>u.id===s[m].depositTo.selectedOption),fileIds:s[m][re]};z(g)};w.useEffect(()=>{const s=f.watch((g,{name:u})=>{u!=null&&g!=null&&fe(()=>(async(D,x)=>{if(D!=null){if(D.includes("source")||D.includes("amount"))return;const $=Object.assign({},x);J($)}})(u,g))});return()=>{s.unsubscribe()}}),w.useEffect(()=>{C==="Completed"&&n==="Not-Started"&&f.reset(N(e))},[C,n,f,e]),w.useEffect(()=>{e.error!=null?E(!0):E(!1)},[e.error]);const de=f.handleSubmit(()=>{if(ne){d.trackAccountsDepositCheckFormClicked("Deposit",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null);const s=f.getValues();J(s),A?.()}});return t.jsxs(t.Fragment,{children:[ce?t.jsx(Re,{children:t.jsxs(Ve,{children:[t.jsxs(Oe,{children:[t.jsx(We,{}),t.jsxs(Ge,{children:[t.jsx(He,{children:e.error?.title}),t.jsx(Je,{children:e.error?.message})]})]}),t.jsx(qe,{children:t.jsx(ao,{"data-testid":y("check-deposit-form-close"),onClick:()=>{d.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),E(!1)},style:{width:o.sp3,height:o.sp3,color:S.heroLight}})})]})}):null,t.jsx(Qe,{children:V("0,0.[00]",e.checkDepositLocalData.amount)}),t.jsx(De,{...f,children:t.jsx("form",{id:(Q="checkDepositDetailPage",`${Q}_form`),onSubmit:de,children:t.jsxs(Ye,{children:[t.jsx(we,{showAdditionalInfoLabel:!1,label:{label:l.checkDepositDrawer.amountLabel,width:I},formattedTextField:{type:"number",name:b(m,"amount"),defaultValue:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,placeholder:l.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(R,{}),t.jsx($e,{label:{label:l.checkDepositDrawer.sourceLabel,width:I},style:{width:"100%"},text:{type:"text",name:b(m,"source"),defaultValue:e.checkDepositLocalData.source,placeholder:l.checkDepositDrawer.sourcePlaceholder,options:{required:!0,validate:s=>s!=null}}}),t.jsx(R,{}),t.jsx(le,{size:r,children:t.jsx(Ke,{size:r,children:t.jsx(Xe,{label:{label:l.checkDepositDrawer.depositToLabel,width:I,style:{marginLeft:p.labeleMarginLeft.valuePx(r),marginBottom:p.labeleMarginBottom.valuePx(r),marginRight:p.labelMarginRight.valuePx(r)}},style:{paddingTop:p.labeledFieldPaddingTop.valuePx(r),paddingBottom:p.labeledFieldPaddingBottom.valuePx(r),paddingLeft:p.labeledFieldPaddingLeft.valuePx(r),paddingRight:p.labeledFieldPaddingRight.valuePx(r),border:"none",width:"100%",outline:"none",padding:0,display:r==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:r==="small"?"left":"right",paddingRight:p.infoLabelPaddingRight.valuePx(r),marginTop:p.infoLabelMarginTop.valuePx(r)},singleSelectPickerField:{valueToLogo:(s,g)=>((u,D)=>{if(!u)return null;const x=e.depositAccounts.depositAccounts.find(M=>M.id===u),$=e.depositAccounts.depositAccounts.findIndex(M=>M.id===u);return x?t.jsx(Ne,{color:be($),isSelectedValue:D}):null})(s,g),valueToSubLabels:(s,g)=>((u,D)=>{if(!u)return null;const x=e.depositAccounts.depositAccounts.find($=>$.id===u);return x?D===!0?t.jsx(Me,{children:x?.maskedAccountNumber}):t.jsxs(Ie,{children:[t.jsx(_,{children:x?.maskedAccountNumber}),t.jsx(eo,{}),t.jsx(_,{children:V("0,0[.]00",x?.accountBalance?.available)})]}):null})(s,g),name:b(m,"depositTo"),placeholder:l.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(R,{}),t.jsxs(Ze,{size:r,children:[t.jsxs(_e,{size:r,children:[t.jsx(Ae,{children:l.checkDepositDrawer.checkPicLabel}),t.jsx(K,{isLast:!1,children:l.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:k,authParams:j,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:Z,placeholderText:r==="small"?l.checkDepositDrawer.uploadDocument:l.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"front"},hasError:B,updateFilesEntity:P,onDeleteFile:v,onFileSizeError:s=>H(s),onEditFileName:F,openPopup:L,showPhotoPicker:!0,errorInfoLabel:l.checkDepositDrawer.frontSideError,useMobileCam:!0,compressImage:!0}),t.jsx(K,{isLast:!0,children:l.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:k,authParams:j,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:Z,placeholderText:r==="small"?l.checkDepositDrawer.uploadDocument:l.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"back"},hasError:B,updateFilesEntity:P,onDeleteFile:v,onFileSizeError:s=>H(s),onEditFileName:F,openPopup:L,showPhotoPicker:!0,errorInfoLabel:l.checkDepositDrawer.backSideError,useMobileCam:!0,compressImage:!0}),t.jsx(oo,{children:l.checkDepositDrawer.picGuides.map(s=>t.jsxs(to,{children:[t.jsx(Ue,{}),t.jsx(Ee,{children:s})]},s))})]}),t.jsx(io,{windowSize:r,children:Te.formatJPGText10MB})]})]})})})]});var Q}const Ae=i(T)`
+  color: ${e=>e.theme.colors.hero};
+`,Ee=i(T)`
+  color: ${e=>e.theme.colors.hero};
+  margin-left: ${o.sp3};
+`,Ie=i(G)`
+  color: ${e=>e.theme.colors.grey1};
+  display: flex;
+  align-items: center;
+  gap: ${o.sp2};
+`,_=i.div``,Me=i.span`
+  margin-left: ${o.sp2};
+`,Ne=i(Pe)`
+  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=i.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}`};
+`,Ve=i.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  padding: ${o.sp3} ${o.sp4};
+  background-color: ${S.importantLight};
+  border-radius: ${o.sp2};
+`,Oe=i.div`
+  display: flex;
+  align-items: flex-start;
+`,qe=i.div``,We=i(ye)`
+  width: ${o.sp4};
+  height: ${o.sp4};
+  color: ${S.important};
+`,Ge=i.div`
+  display: flex;
+  flex-direction: column;
+  margin-left: ${o.sp2};
+`,He=i(Se)`
+  color: ${S.important};
+`,Je=i(T)`
+  color: ${S.important};
+`,Qe=i(Le)`
+  color: ${e=>e.theme.colors.primary};
+  margin: ${o.sp5} ${o.sp0} ${o.sp3} ${o.sp0};
+`,Xe=i(je)`
+  border-radius: ${o.sp2};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+`,Ye=i.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};
+`,R=i.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,le=i.div`
+  display: flex;
+  flex-direction: "row";
+  padding: ${o.sp2};
+  padding-left: ${e=>p.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;
+  }
+`,Ze=i(le)`
+  flex-direction: column;
+  padding: ${o.sp0};
+`,_e=i.div`
+  padding: ${e=>`${o.sp3} ${p.checkPicRowContentPaddingXAxis.valuePx(e.size)}`};
+`,Ke=i.div`
+  width: 100%;
+  display: flex;
+  flex-grow: ${e=>e.size==="small"?1:0};
+  align-items: flex-start;
+`,K=i(G)`
+  color: ${e=>e.theme.colors.hero};
+  margin-bottom: ${o.sp2};
+  margin-top: ${e=>e.isLast?o.sp3:o.sp0};
+`,Ue=i.div`
+  background-color: ${e=>e.theme.colors.hero};
+  border-radius: 50%;
+  border-style: solid;
+  width: 2px;
+  height: 2px;
+  position: absolute;
+  top: 10px;
+`,eo=i.div`
+  width: ${o.sp1};
+  height: ${o.sp1};
+  min-width: ${o.sp1};
+  background-color: ${e=>e.theme.colors.grey1};
+  border-radius: 50%;
+`,oo=i.div`
+  display: flex;
+  flex-direction: column;
+  margin: ${o.sp3} ${o.sp0};
+  margin-bottom: ${o.sp0};
+`,to=i.div`
+  display: flex;
+  flex-direction: row;
+  position: relative;
+`,io=i(G)`
+  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};
+`,ao=i(ae)`
+  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};
+  }
+`,so={NavBarContainerPaddingYAxis:new c(10,a[3])},ro=e=>`${e}_form`,W={containerPaddingLeft:new c(a[3],a[6],a[8]),containerPaddingRight:new c(a[3],a[6],a[8]),successContentMargin:new c(a[3],a[12])},{spendManagement:lo}=ie.getLocalizedStrings(),h=lo.zeniAccounts.zeniAccountList,jo=({checkDeposit:e,analytics:d,filesEndPoint:k,authParams:L,onSaveChangesToLocalStore:j,onAnotherTransferClick:z,updateFilesEntity:P,onDeleteFile:v,onEditFileName:F,onCheckDpositClick:A,onDismissClick:r})=>{const n=te(),[C,B]=w.useState(!1);return t.jsx(uo,{windowSize:n,children:e.fetchState==="Completed"?t.jsxs(U,{windowSize:n,children:[t.jsx(ee,{windowSize:n,children:t.jsx(oe,{"data-testid":y("check-deposit-drawer-close"),onClick:()=>{d.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}})}),t.jsxs(go,{windowSize:n,children:[t.jsx(pe,{width:150,height:150,shouldDisplay:!0,animationInLoop:!0}),t.jsxs(ho,{children:[h.checkDepositDrawer.transferSuccessMsgPrefix,t.jsx(po,{children:V("0,0.[00]",e.checkDepositLocalData.amount)}),h.checkDepositDrawer.transferSuccessMsgSuffix]}),t.jsxs(mo,{children:[t.jsx(X,{variant:"secondary",label:h.checkDepositDrawer.makeAnotherTransferBtn,onClick:z,"data-testid":y("check-deposit-drawer-another-transfer")}),t.jsx(X,{variant:"primary",label:h.checkDepositDrawer.goToAccountBtn,onClick:r,style:{marginLeft:n==="small"?o.sp3:o.sp5},"data-testid":y("check-deposit-drawer-go-to-account")})]})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(U,{windowSize:n,children:[t.jsx(ee,{windowSize:n,children:t.jsx(oe,{"data-testid":y("check-deposit-drawer-close"),onClick:()=>{d.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}})}),n==="small"?t.jsx(xo,{windowSize:n,children:h.checkDepositDrawer.title}):t.jsx(ko,{children:h.checkDepositDrawer.title}),n==="small"?t.jsx(no,{children:h.checkDepositDrawer.subTitle}):t.jsx(co,{children:h.checkDepositDrawer.subTitle}),t.jsx(ze,{analytics:d,authParams:L,checkDeposit:e,filesEndPoint:k,onSaveChangesToLocalStore:j,openPopup:B,onCheckDpositClick:A,onDeleteFile:v,onEditFileName:F,updateFilesEntity:P})]}),t.jsx(ue,{formId:ro("checkDepositDetailPage"),helperText:h.checkDepositDrawer.footNote,helperStyle:{paddingTop:o.sp0,paddingBottom:o.sp0},style:{zIndex:C?0:4,paddingTop:o.sp3,paddingBottom:o.sp3},primaryBtn:{label:h.checkDepositDrawer.depositBtn,isLoading:e.fetchState==="In-Progress"},cancelBtn:{label:h.checkDepositDrawer.cancelBtn,onClick:()=>{d.trackAccountsDepositCheckFormClicked("Cancel",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}}})]})})},co=i(T)`
+  color: ${e=>e.theme.colors.hero};
+`,no=i(ge)`
+  color: ${e=>e.theme.colors.hero};
+`,po=i(me)`
+  display: inline;
+`,uo=i.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  overflow-x: hidden;
+  height: 100%;
+  width: 100%;
+`,ho=i(he)`
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+`,U=i.div`
+  height: ${e=>e.windowSize==="small"?"auto":"100%"};
+  padding-left: ${e=>`${W.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${e=>`${W.containerPaddingRight.valuePx(e.windowSize)}`};
+`,mo=i.div`
+  display: flex;
+  justify-content: center;
+  margin-top: ${o.sp7};
+`,go=i.div`
+  height: 80%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin: ${e=>`${o.sp0} ${W.successContentMargin.valuePx(e.windowSize)} `};
+  align-items: center;
+`,ee=i.div`
+  display: flex;
+  flex-direction: row-reverse;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  top: ${o.sp0};
+  padding: ${e=>`${so.NavBarContainerPaddingYAxis.valuePx(e.windowSize)} ${o.sp0}`};
+  z-index: 2;
+  background-color: ${e=>e.theme.colors.grey4};
+`,oe=i(ae)`
+  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};
+  }
+`,xo=i(se)`
+  color: ${e=>e.theme.colors.primary};
+  margin-top: ${o.sp3};
+  margin-bottom: ${o.sp0};
+  margin-right: ${o.sp3};
+`,ko=i(se)`
+  color: ${e=>e.theme.colors.primary};
+  margin-top: ${o.sp3};
+`;export{jo as default,ro as uniqueFormName};