@zeniai/web-app-ui 4.14.35-prod → 4.14.36-dev

package/dist/assets/ChargeCardPromoPage-DIfakIOK-9hZS6y39.js

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

package/dist/assets/ChargeCardSetupPage-0bpVkeJs--Y2UM3vS.js

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

package/dist/assets/CheckDepositDrawerPage-BS7hnyZn-Bd0AMQYn.js

@@ -1,206 +0,0 @@
-import{e as oe,V as t,b as y,a5 as R,a as X,o,a9 as de,x as n,a8 as te,n as pe,O as ie,at as he,c2 as ae,C as ue,l as B,a7 as me,T as ge,c8 as fe,f as j,A as xe,fD as ke,cd as De,el as Y,cj as J,m as a,eT as we,bH as be,bv as $e,ex as ye,gk as je,H as G,gl as Le}from"./index-Djco7rZW.js";import{a as w}from"./sentry-CEBEW6Zv.js";import{n as i}from"./mui-Xyv5fYYp.js";import{v as Pe}from"./SuccessAnimation-hijccO_0-BXi2HO03.js";import"./pdf-BCMUg4JF.js";import"./zeni-epic-state-Ddwqsd5-.js";import"./core-Cd4LmmhG.js";import"./lottie-D3b06MuY.js";import"./liveblocks-IsOzz8u-.js";import"./recharts-CwRU7bDL.js";import"./dnd-CAuW2Onh.js";import"./analytics-CxExYOQN.js";import"./plaid-C49TlIE8.js";import"./utils-PmQt3_O8.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="f221fd94-d221-4c60-8e3c-9ccb1c0a4b21",e._sentryDebugIdIdentifier="sentry-dbid-f221fd94-d221-4c60-8e3c-9ccb1c0a4b21")}catch{}})();const m="checkDepositDetails",Se="amount",ve="depositTo",Fe="source",se="fileIds",O="selectDocument",M=e=>{const l=[];return e.checkFront!=null&&l.push(e.checkFront.fileId),e.checkBack!=null&&l.push(e.checkBack.fileId),{[m]:{[Se]:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,[Fe]:e.checkDepositLocalData.source,[ve]:{allOptions:e.depositAccounts.depositAccounts.map(g=>({label:g.accountName,value:g.id})),selectedOption:e.checkDepositLocalData.depositTo?.id},[se]:l,[O]:{front:e.checkFront,back:e.checkBack}}}},$=(e,l)=>`${e}.${l}`,Ce=e=>`${e}_form`,p={largeLabelWidth:new n(160,160,160),rowContentPaddingLeft:new n(a[3],a[4]),checkPicRowContentPaddingXAxis:new n(a[3],a[4]),labeleMarginLeft:new n(a[0],a[0]),labeleMarginBottom:new n(a[2],a[0]),labelMarginRight:new n(a[3],a[3]),labeledFieldPaddingLeft:new n(a[3],a[0]),labeledFieldPaddingRight:new n(a[3],a[2]),labeledFieldPaddingTop:new n(a[3],a[3]),labeledFieldPaddingBottom:new n(a[3],a[2]),infoLabelPaddingRight:new n(a[0],a[3]),infoLabelMarginTop:new n(a[1],a[0])},{spendManagement:Te,common:q}=ie.getLocalizedStrings(),r=Te.zeniAccounts.zeniAccountList,Be=q.documents;function ze({checkDeposit:e,analytics:l,filesEndPoint:g,openPopup:L,authParams:P,onSaveChangesToLocalStore:z,updateFilesEntity:S,onDeleteFile:v,onEditFileName:F,onCheckDpositClick:A}){const c=oe(),d=e.fetchState,C=me(d),[T,H]=w.useState(!1),[le,I]=w.useState(!1),E=p.largeLabelWidth.value(c),k=ge({mode:"all",reValidateMode:"onBlur",defaultValues:M(e),values:M(e)}),{isValid:re}=k.formState,W=s=>{const f={amount:{amount:s[m].amount??0,currencyCode:q.currency.currencyCode,currencySymbol:q.currency.currencySymbol},source:s[m].source,depositTo:e.depositAccounts.depositAccounts.find(h=>h.id===s[m].depositTo.selectedOption),fileIds:s[m][se]};z(f)};w.useEffect(()=>{const s=k.watch((f,{name:h})=>{h!=null&&f!=null&&fe(()=>(async(D,x)=>{if(D!=null){if(D.includes("source")||D.includes("amount"))return;const b=Object.assign({},x);W(b)}})(h,f))});return()=>{s.unsubscribe()}}),w.useEffect(()=>{C==="Completed"&&d==="Not-Started"&&k.reset(M(e))},[C,d,k,e]),w.useEffect(()=>{e.error!=null?I(!0):I(!1)},[e.error]);const ne=k.handleSubmit(()=>{if(re){l.trackAccountsDepositCheckFormClicked("Deposit",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null);const s=k.getValues();W(s),A?.()}});return t.jsxs(t.Fragment,{children:[le?t.jsx(Ve,{children:t.jsxs(Re,{children:[t.jsxs(Oe,{children:[t.jsx(_e,{}),t.jsxs(Ge,{children:[t.jsx(He,{children:e.error?.title}),t.jsx(We,{children:e.error?.message})]})]}),t.jsx(qe,{children:t.jsx(ao,{"data-testid":y("check-deposit-form-close"),onClick:()=>{l.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),I(!1)},style:{width:o.sp3,height:o.sp3,color:j.heroLight}})})]})}):null,t.jsx(Xe,{children:R("0,0.[00]",e.checkDepositLocalData.amount)}),t.jsx(xe,{...k,children:t.jsx("form",{id:Ce("checkDepositDetailPage"),onSubmit:ne,children:t.jsxs(Je,{children:[t.jsx(ke,{showAdditionalInfoLabel:!1,label:{label:r.checkDepositDrawer.amountLabel,width:E},formattedTextField:{type:"number",name:$(m,"amount"),defaultValue:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,placeholder:r.checkDepositDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:s=>!!s&&s>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto"}}),t.jsx(V,{}),t.jsx(De,{label:{label:r.checkDepositDrawer.sourceLabel,width:E},style:{width:"100%"},text:{type:"text",name:$(m,"source"),defaultValue:e.checkDepositLocalData.source,placeholder:r.checkDepositDrawer.sourcePlaceholder,options:{required:!0,validate:s=>s!=null}}}),t.jsx(V,{}),t.jsx(ce,{size:c,children:t.jsx(Qe,{size:c,children:t.jsx(Ye,{label:{label:r.checkDepositDrawer.depositToLabel,width:E,style:{marginLeft:p.labeleMarginLeft.valuePx(c),marginBottom:p.labeleMarginBottom.valuePx(c),marginRight:p.labelMarginRight.valuePx(c)}},style:{paddingTop:p.labeledFieldPaddingTop.valuePx(c),paddingBottom:p.labeledFieldPaddingBottom.valuePx(c),paddingLeft:p.labeledFieldPaddingLeft.valuePx(c),paddingRight:p.labeledFieldPaddingRight.valuePx(c),border:"none",width:"100%",outline:"none",padding:0,display:c==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:c==="small"?"left":"right",paddingRight:p.infoLabelPaddingRight.valuePx(c),marginTop:p.infoLabelMarginTop.valuePx(c)},singleSelectPickerField:{valueToLogo:(s,f)=>((h,D)=>{if(!h)return null;const x=e.depositAccounts.depositAccounts.find(N=>N.id===h),b=e.depositAccounts.depositAccounts.findIndex(N=>N.id===h);return x?t.jsx(Me,{color:je(b),isSelectedValue:D}):null})(s,f),valueToSubLabels:(s,f)=>((h,D)=>{if(!h)return null;const x=e.depositAccounts.depositAccounts.find(b=>b.id===h);return x?D===!0?t.jsx(Ne,{children:x?.maskedAccountNumber}):t.jsxs(Ee,{children:[t.jsx(Z,{children:x?.maskedAccountNumber}),t.jsx(eo,{}),t.jsx(Z,{children:R("0,0[.]00",x?.accountBalance?.available)})]}):null})(s,f),name:$(m,"depositTo"),placeholder:r.checkDepositDrawer.depositToPlaceholder,style:{position:"relative"},defaultValue:{selectedOption:e.checkDepositLocalData.depositTo?.id,allOptions:e.depositAccounts.depositAccounts.map(s=>({label:s.accountName,value:s.id}))},textAlignment:"right",registerOptions:{required:!0,validate:s=>!(s==null||!s.selectedOption)}}})})}),t.jsx(V,{}),t.jsxs(Ze,{size:c,children:[t.jsxs(Ke,{size:c,children:[t.jsx(Ae,{children:r.checkDepositDrawer.checkPicLabel}),t.jsx(K,{isLast:!1,children:r.checkDepositDrawer.frontSide}),t.jsx(Y,{name:`${$(m,O)}.front`,registerOptions:{required:!0},file:e.checkFront,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:g,authParams:P,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:J,placeholderText:c==="small"?r.checkDepositDrawer.uploadDocument:r.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"front"},hasError:T,updateFilesEntity:S,onDeleteFile:v,onFileSizeError:s=>H(s),onEditFileName:F,openPopup:L,showPhotoPicker:!0,errorInfoLabel:r.checkDepositDrawer.frontSideError,useMobileCam:!0,compressImage:!0}),t.jsx(K,{isLast:!0,children:r.checkDepositDrawer.backSide}),t.jsx(Y,{name:`${$(m,O)}.back`,registerOptions:{required:!0},file:e.checkBack,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:g,authParams:P,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:J,placeholderText:c==="small"?r.checkDepositDrawer.uploadDocument:r.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"back"},hasError:T,updateFilesEntity:S,onDeleteFile:v,onFileSizeError:s=>H(s),onEditFileName:F,openPopup:L,showPhotoPicker:!0,errorInfoLabel:r.checkDepositDrawer.backSideError,useMobileCam:!0,compressImage:!0}),t.jsx(oo,{children:r.checkDepositDrawer.picGuides.map(s=>t.jsxs(to,{children:[t.jsx(Ue,{}),t.jsx(Ie,{children:s})]},s))})]}),t.jsx(io,{windowSize:c,children:Be.formatJPGText10MB})]})]})})})]})}const Ae=i(B)`
-  color: ${e=>e.theme.colors.hero};
-`,Ie=i(B)`
-  color: ${e=>e.theme.colors.hero};
-  margin-left: ${o.sp3};
-`,Ee=i(G)`
-  color: ${e=>e.theme.colors.grey1};
-  display: flex;
-  align-items: center;
-  gap: ${o.sp2};
-`,Z=i.div``,Ne=i.span`
-  margin-left: ${o.sp2};
-`,Me=i(Le)`
-  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};
-`,Ve=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}`};
-`,Re=i.div`
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-  padding: ${o.sp3} ${o.sp4};
-  background-color: ${j.importantLight};
-  border-radius: ${o.sp2};
-`,Oe=i.div`
-  display: flex;
-  align-items: flex-start;
-`,qe=i.div``,_e=i(we)`
-  width: ${o.sp4};
-  height: ${o.sp4};
-  color: ${j.important};
-`,Ge=i.div`
-  display: flex;
-  flex-direction: column;
-  margin-left: ${o.sp2};
-`,He=i(be)`
-  color: ${j.important};
-`,We=i(B)`
-  color: ${j.important};
-`,Xe=i($e)`
-  color: ${e=>e.theme.colors.primary};
-  margin: ${o.sp5} ${o.sp0} ${o.sp3} ${o.sp0};
-`,Ye=i(ye)`
-  border-radius: ${o.sp2};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-`,Je=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};
-`,V=i.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,ce=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(ce)`
-  flex-direction: column;
-  padding: ${o.sp0};
-`,Ke=i.div`
-  padding: ${e=>`${o.sp3} ${p.checkPicRowContentPaddingXAxis.valuePx(e.size)}`};
-`,Qe=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(te)`
-  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 n(10,a[3])},co=e=>`${e}_form`,_={containerPaddingLeft:new n(a[3],a[6],a[8]),containerPaddingRight:new n(a[3],a[6],a[8]),successContentMargin:new n(a[3],a[12])},{spendManagement:lo}=ie.getLocalizedStrings(),u=lo.zeniAccounts.zeniAccountList,Bo=({checkDeposit:e,analytics:l,filesEndPoint:g,authParams:L,onSaveChangesToLocalStore:P,onAnotherTransferClick:z,updateFilesEntity:S,onDeleteFile:v,onEditFileName:F,onCheckDpositClick:A,onDismissClick:c})=>{const d=oe(),[C,T]=w.useState(!1);return t.jsx(ho,{windowSize:d,children:e.fetchState==="Completed"?t.jsxs(Q,{windowSize:d,children:[t.jsx(U,{windowSize:d,children:t.jsx(ee,{"data-testid":y("check-deposit-drawer-close"),onClick:()=>{l.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),c?.()}})}),t.jsxs(go,{windowSize:d,children:[t.jsx(Pe,{width:150,height:150,shouldDisplay:!0,animationInLoop:!0}),t.jsxs(uo,{children:[u.checkDepositDrawer.transferSuccessMsgPrefix,t.jsx(po,{children:R("0,0.[00]",e.checkDepositLocalData.amount)}),u.checkDepositDrawer.transferSuccessMsgSuffix]}),t.jsxs(mo,{children:[t.jsx(X,{variant:"secondary",label:u.checkDepositDrawer.makeAnotherTransferBtn,onClick:z,"data-testid":y("check-deposit-drawer-another-transfer")}),t.jsx(X,{variant:"primary",label:u.checkDepositDrawer.goToAccountBtn,onClick:c,style:{marginLeft:d==="small"?o.sp3:o.sp5},"data-testid":y("check-deposit-drawer-go-to-account")})]})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(Q,{windowSize:d,children:[t.jsx(U,{windowSize:d,children:t.jsx(ee,{"data-testid":y("check-deposit-drawer-close"),onClick:()=>{l.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),c?.()}})}),d==="small"?t.jsx(fo,{windowSize:d,children:u.checkDepositDrawer.title}):t.jsx(xo,{children:u.checkDepositDrawer.title}),d==="small"?t.jsx(no,{children:u.checkDepositDrawer.subTitle}):t.jsx(ro,{children:u.checkDepositDrawer.subTitle}),t.jsx(ze,{analytics:l,authParams:L,checkDeposit:e,filesEndPoint:g,onSaveChangesToLocalStore:P,openPopup:T,onCheckDpositClick:A,onDeleteFile:v,onEditFileName:F,updateFilesEntity:S})]}),t.jsx(de,{formId:co("checkDepositDetailPage"),helperText:u.checkDepositDrawer.footNote,helperStyle:{paddingTop:o.sp0,paddingBottom:o.sp0},style:{zIndex:C?0:4,paddingTop:o.sp3,paddingBottom:o.sp3},primaryBtn:{label:u.checkDepositDrawer.depositBtn,isLoading:e.fetchState==="In-Progress"},cancelBtn:{label:u.checkDepositDrawer.cancelBtn,onClick:()=>{l.trackAccountsDepositCheckFormClicked("Cancel",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),c?.()}}})]})})},ro=i(B)`
-  color: ${e=>e.theme.colors.hero};
-`,no=i(ue)`
-  color: ${e=>e.theme.colors.hero};
-`,po=i(he)`
-  display: inline;
-`,ho=i.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  overflow-x: hidden;
-  height: 100%;
-  width: 100%;
-`,uo=i(pe)`
-  color: ${e=>e.theme.colors.primary};
-  text-align: center;
-`,Q=i.div`
-  height: ${e=>e.windowSize==="small"?"auto":"100%"};
-  padding-left: ${e=>`${_.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${_.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} ${_.successContentMargin.valuePx(e.windowSize)} `};
-  align-items: center;
-`,U=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};
-`,ee=i(te)`
-  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};
-  }
-`,fo=i(ae)`
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${o.sp3};
-  margin-bottom: ${o.sp0};
-  margin-right: ${o.sp3};
-`,xo=i(ae)`
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${o.sp3};
-`;export{Bo as default,co as uniqueFormName};