@zeniai/web-cockpit-ui 1.13.84-qa → 1.13.85-dev

package/dist/assets/ChargeCardPromoPage-CXiXee-8-DqF9CwRb.js

@@ -0,0 +1,190 @@
+import{X as C,M as ee,j as r,u as N,t as ue,d1 as ge,a1 as we,_ as fe,l as ye,fk as $e,aW as Ce,o as t,b$ as be,k as re,c0 as je,Z as Se,C as h,bN as Te,bs as ze,g as f,K as W,Y as K,i5 as ve,p as u,Q as T,ao as Pe,a6 as ke}from"./index-nrhSmhQT.js";import{b as z,n,j as Be,k as Ie}from"./vendor-CnQcJ2Lu.js";import{x as Ae}from"./MeetingCalenderPopup-Dh8meV6d-BwK6voO1.js";import{f as Le}from"./NavigationDots-DyyCcIih-C83s6vN7.js";import{J as D,N as F}from"./PromoBaseCards-BZ2m6LfO-DtHfjjw4.js";import{M as L}from"./usp-line-BBd1wKwW-CgKq8-Xn.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const x={midContainerMarginBottom:new h(u[5],u[7]),containerPaddingTopBottom:new h(u[0],u[0]),uspContainerMarginX:new h(u[6],u[0]),buttonTrayGap:new h(12,u[4]),midContainerGap:new h(u[4],84),iconContainerMinHeight:new h(236,396),emptySectionHeight:new h(u[6],43),navigationBottom:new h(u[4],94),navigationLeft:new h(192,244),carouselHeight:new h(268,396),carouselMarginTop:new h(54,u[4]),carouselMarginLeft:new h(120,u[12])},v={promoBadgeText:new T("standardRegular","largeRegular"),promoBadgeTextBold:new T("standardBold","largeBold"),cardsContent:new T("extraSmallRegular","smallRegular"),contactAdmin:new T("extraSmallRegular","smallRegular"),uspText:new T("smallRegular","standardRegular"),uspBoldText:new T("smallMedium","standardMedium")},{common:Re,spendManagement:{chargeCard:{chargeCardsPromo:o}}}=ee.getLocalizedStrings(),Sr=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:d,showEnableCardButton:i,controllerEmails:a,isCardsOnlyTenantOrCreditCardFeatureEnabled:p,isDebitCardFeatureEnabled:m,isDebitCardSetupEnabled:y,isChargeCardSetupEnabled:g,admins:j,cashbackRate:S,cardPromoType:w="credit",onSetupButtonClick:c,onBackClick:l,onClickMenuIcon:se,onSetupChargeCardSuccess:U,onExpressInterestClick:de})=>{const le=N(),H=ue(),R=C(),O=ge().analytics,{chargeCardTermsDetails:M,companyChargeCardInfo:b,companyLocaleInfo:_}=d,G=we(M?.fetchStatus.fetchState),[ce,J]=z.useState(!1),me=()=>{O.trackCardsPromoPageClicked("schedule demo"),O.trackCardsScheduleDemoClick(a,{isCreditCardOffered:p,isDebitCardOffered:m,isDebitCardEnabled:y,isCreditCardEnabled:g},"Cards Promo"),J(!0)},pe=b!=null&&_!=null?fe("0,0",{amount:b.chargeCardsCreditAccountLimit,currencyCode:_.currencyCode,currencySymbol:_.currencySymbol}):void 0;z.useEffect(()=>{G==="In-Progress"&&M?.fetchStatus.fetchState==="Completed"&&U()},[G,U,M?.fetchStatus]);const xe=ye.hasChargeCardAdminLevelAccess(H.loggedInUserRoleMap),he=$e(H),X=w==="credit"&&b?.isCompanyInterestedInChargeCard===!1,Z=w==="credit"&&b?.isCompanyInterestedInChargeCard===!0&&b.chargeCardsCreditAccountLimit===-1,V=w==="credit"&&b?.isCompanyInterestedInChargeCard===!0&&b.chargeCardsCreditAccountLimit===0;return r.jsxs(Ue,{children:[r.jsx(Ce,{title:o.title[w],backgroundColor:le.colors.grey4,onBackClick:l,showBackButton:!0,showMenuIcon:R==="medium-compact"||R==="small",onClickMenuIcon:se,style:{zIndex:9},source:"ChargeCardPromoPage"}),ce===!0?r.jsx(Ae,{onCancelClick:()=>{J(!1)},meetingUrl:e}):null,r.jsx(He,{windowSize:R,children:xe===!0?r.jsxs(r.Fragment,{children:[r.jsx(Ee,{creditAmount:pe,cardPromoType:w,isUnderReview:V,isRejected:Z,showExpressInterest:X}),r.jsx(te,{forAdmin:!0,cardPromoType:w,cashbackRate:S}),r.jsx(_e,{showEnableCardButton:i,chargeCardSetupView:d,handleSecondaryBtnClick:me,onSetupButtonClick:()=>c(w),onExpressInterestClick:de,cardPromoType:w,isUnderReview:V,isRejected:Z,showExpressInterest:X})]}):r.jsx(De,{companyLegalName:s,cards:[],admins:j,hasZeniFinopsRoles:he,cardPromoType:w})})]})},Me=({admins:e})=>{const s=e.flatMap(i=>i.user?.firstName+" "+i.user?.lastName).join(", "),d=C();return r.jsxs(tr,{windowSize:d,children:[r.jsx(E,{underline:!1,windowSize:d,children:o.noCardAssigned.pre}),r.jsx(ze,{title:s,placement:"top-start",style:{padding:`2px ${t.sp2}`},children:r.jsx(E,{underline:!0,windowSize:d,children:o.noCardAssigned.tooltip})}),r.jsx(E,{underline:!1,windowSize:d,children:o.noCardAssigned.post})]})},_e=({showEnableCardButton:e,chargeCardSetupView:s,isUnderReview:d,isRejected:i,showExpressInterest:a,handleSecondaryBtnClick:p,onSetupButtonClick:m,onExpressInterestClick:y})=>{const g=C(),{expressInterestInChargeCardFetchState:j}=s,S=a?o.expressInterest:e?o.enableCardsButton:o.setupCardsButton;return r.jsxs(Ze,{windowSize:g,children:[d||i?null:r.jsxs(Ve,{windowSize:g,children:[r.jsx(W,{variant:"secondary",label:o.scheduleDemoButton,onClick:p,"data-testid":K("schedule-demo-button")}),r.jsx(W,{variant:"primary",label:S,loading:s.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||j==="In-Progress",onClick:S===o.expressInterest?y:m,"data-testid":K("enable-card-button")})]}),r.jsx(ve,{topTermLabel:o.terms.checkingAccountTerm,buttonTermLabel:d||i?void 0:a?o.terms.approvalTerm:e?o.terms.alternateTerm1:o.terms.terms1,showEndIcon:!1,showTerms:!a&&!d&&!i})]})},Ee=({cardPromoType:e,creditAmount:s,isUnderReview:d,isRejected:i,showExpressInterest:a})=>{const p=C(),m=e==="debit_and_credit"?o.promoTextDebitCreditCard:e==="debit"?o.promoTextDebitCard:o.promoTextCreditCard,y=a?r.jsxs(r.Fragment,{children:[o.promoBadgeText.nonPreApproved.get,r.jsx(Q,{children:o.promoBadgeText.nonPreApproved.scale}),o.promoBadgeText.nonPreApproved.doubleStarred,o.promoBadgeText.nonPreApproved.higherLimits]}):d?o.promoBadgeText.underReview:i?o.promoBadgeText.rejected:r.jsxs(r.Fragment,{children:[o.promoBadgeText.preApproved,r.jsx(Q,{color:f.success,children:s}),o.creditLimit,Re.strings.space]});return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:p==="small"?r.jsxs(r.Fragment,{children:[r.jsx(ae,{children:m}),r.jsx(ne,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(ie,{children:m}),r.jsx(oe,{children:o.promoSubText})]})}),r.jsxs(Ge,{cardPromoType:e,hideBadge:s==null||e==="debit",windowSize:p,children:[d||i?null:r.jsx(cr,{}),r.jsx(Je,{windowSize:p,children:y})]})]})},De=({companyLegalName:e,cards:s,admins:d,hasZeniFinopsRoles:i,cardPromoType:a="credit"})=>{const p=C(),m=a==="debit_and_credit"?o.promoTextDebitCreditCard:a==="debit"?o.promoTextDebitCard:o.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[p==="small"?r.jsxs(r.Fragment,{children:[r.jsx(ae,{children:m}),r.jsx(ne,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(ie,{children:m}),r.jsx(oe,{children:o.promoSubText})]}),s.length===0?r.jsx(rr,{windowSize:p}):r.jsx(Fe,{cards:s,companyLegalName:e}),r.jsx(te,{forAdmin:!1,cardPromoType:a}),i?null:r.jsx(Me,{admins:d})]})},Fe=({cards:e,companyLegalName:s})=>{const d=N(),i=C();let a="",p;if(e.length===1){p=e[0].cardCreatedByUser.photo;const m=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;a=o.cardAssigned.singleCreditCard.replace("__issuing-user__",m).replace("__company-name__",s)}else a=o.cardAssigned.multipleCreditCards.replace("__company-name__",s);return r.jsxs(or,{children:[p!=null?r.jsx(Oe,{width:t.sp5,height:t.sp5,style:{paddingTop:i==="small"?t.sp1:t.sp0},src:p.href,alt:ee.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:m})=>{m.onerror=null,m.src=Te},loading:"lazy"}):null,r.jsx(ir,{windowSize:i,mode:d.mode,children:r.jsx(ar,{windowSize:i,children:a})})]})},Y=({windowSize:e,cardPromoType:s})=>{let d=o.businessText;return s==="debit"&&(d=`${d} ${o.debit}`),r.jsx(r.Fragment,{children:s==="debit_and_credit"?r.jsx(Ne,{}):r.jsxs(Ke,{windowSize:e,children:[r.jsx(D,{cardPromoType:s,cardText:d,shouldAnimate:!0,showChip:!0,forDashboard:!1,forListPage:!1}),r.jsx(F,{cardPromoType:s,cardText:d,showChip:!0,forDashboard:!1,shouldAnimate:!0,forListPage:!1})]})})},te=({forAdmin:e,cardPromoType:s,cashbackRate:d})=>{const i=C(),a=e?o.admin:o.nonAdmin;return r.jsxs(Xe,{windowSize:i,children:[i==="small"?r.jsx(Y,{windowSize:i,cardPromoType:s}):null,r.jsxs(We,{windowSize:i,children:[r.jsxs(k,{windowSize:i,children:[r.jsx(I,{children:r.jsx(qe,{})}),r.jsxs(A,{children:[r.jsx($,{windowSize:i,children:a.item1.pre}),r.jsx(B,{windowSize:i,children:e&&d!=null?a.item1.bold.replace("__cashback__",(d*100).toFixed(2)):a.item1.bold}),r.jsx($,{windowSize:i,children:a.item1.post})]})]}),r.jsxs(k,{windowSize:i,children:[r.jsx(I,{children:r.jsx(Ye,{})}),r.jsxs(A,{children:[r.jsx($,{windowSize:i,children:a.item2.pre}),r.jsx(B,{windowSize:i,children:a.item2.bold}),r.jsx($,{windowSize:i,children:a.item2.post})]})]}),r.jsxs(k,{windowSize:i,children:[r.jsx(I,{children:r.jsx(er,{})}),r.jsxs(A,{children:[r.jsx($,{windowSize:i,children:a.item3.pre}),r.jsx(B,{windowSize:i,children:a.item3.bold}),r.jsx($,{windowSize:i,children:a.item3.post})]})]}),r.jsxs(k,{windowSize:i,children:[r.jsx(I,{children:r.jsx(Qe,{})}),r.jsxs(A,{children:[r.jsx($,{windowSize:i,children:a.item4.pre}),r.jsx(B,{windowSize:i,children:a.item4.bold}),r.jsx($,{windowSize:i,children:a.item4.post})]})]})]}),i==="small"?null:r.jsx(Y,{windowSize:i,cardPromoType:s})]})};let P;const Ne=()=>{const e=C(),s=N(),[d,i]=z.useState(0),[a,p]=z.useState(!1),m=o.businessText,y=`${m} ${o.debit}`,g=[{id:1,cardType:"debit",cardText:y},{id:2,cardType:"debit",cardText:y},{id:3,cardType:"credit",cardText:m},{id:4,cardType:"credit",cardText:m}];z.useEffect(()=>(a||(P=setInterval(()=>{i(c=>{const l=c+1;return l===g.length?(p(!0),0):l})},2e3)),()=>clearInterval(P)),[a,g.length]),z.useEffect(()=>{a&&P!=null&&clearInterval(P)},[a]);const j=(c,l)=>{switch((c-d+g.length)%g.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}},S=c=>{const l=j(c,!0);return{...l,transform:`${l?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}},w=c=>{a||p(!0),i(c)};return r.jsxs(nr,{windowSize:e,children:[r.jsx(sr,{windowSize:e,children:g.map((c,l)=>r.jsxs(dr,{children:[r.jsx(q,{isReflection:!1,style:{...j(l,!1)},onClick:()=>w(l),children:l===0||l===2?r.jsx(D,{cardPromoType:c.cardType,cardText:c.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}}):r.jsx(F,{cardPromoType:c.cardType,cardText:c.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}})},c.id),r.jsx(q,{isReflection:!0,style:{...S(l)},children:l===0||l===2?r.jsx(D,{cardPromoType:c.cardType,cardText:c.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(F,{cardPromoType:c.cardType,cardText:c.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-${c.id}`)]},c.id))}),a&&r.jsx(Le,{numberOfDots:g.length,activeIndex:d,handleClick:i,promoColor:s.colors.primary,promoColorHover:s.colors.grey5,spendManagementPromoCardActive:!0,dotStyle:{width:t.sp2,height:t.sp2},style:{cursor:"default",position:"absolute",bottom:x.navigationBottom.valuePx(e),left:x.navigationLeft.valuePx(e),zIndex:7}})]})},Ue=n.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,He=n.div`
+  padding-top: ${e=>x.containerPaddingTopBottom.valuePx(e.windowSize)};
+  padding-bottom: ${e=>x.containerPaddingTopBottom.valuePx(e.windowSize)};
+  text-align: center;
+`,ie=n(je)`
+  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};
+`,oe=n(Se)`
+  color: ${e=>e.theme.colors.primary};
+  margin: auto;
+  margin-top: ${t.sp2};
+`,ae=n(be)`
+  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};
+`,ne=n(re)`
+  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;
+`,Oe=n.img`
+  border-radius: 50%;
+  justify-content: center;
+  color: ${e=>e.theme.colors.hero};
+`,Ge=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  overflow: hidden;
+  padding: ${t.sp2} ${t.sp3};
+  background-color: ${e=>e.theme.colors.grey3};
+  border-radius: 96px;
+  margin-top: ${t.sp4};
+  margin-left: auto;
+  margin-right: 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;
+    `}
+`,Je=n(re)`
+  color: ${e=>e.theme.mode==="dark"?f.brandColorJade:f.brandColorSapphire};
+  ${e=>`${v.promoBadgeText.style(e.windowSize)}`};
+  span {
+    ${e=>`${v.promoBadgeTextBold.style(e.windowSize)}`};
+  }
+`,Q=n.span``,Xe=n.div`
+  display: flex;
+  gap: ${e=>x.midContainerGap.valuePx(e.windowSize)};
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: center;
+  justify-content: center;
+  margin-bottom: ${e=>x.midContainerMarginBottom.valuePx(e.windowSize)};
+`,Ze=n.div`
+  display: flex;
+  flex-direction: column;
+`,Ve=n.div`
+  display: flex;
+  flex-direction: ${e=>e.windowSize==="small"?"column-reverse":"row"};
+  align-items: center;
+  justify-content: center;
+  gap: ${e=>x.buttonTrayGap.valuePx(e.windowSize)};
+  z-index: 8;
+`,We=n.div`
+  width: ${e=>e.windowSize==="small"?"auto":"288px"};
+  display: flex;
+  flex-direction: column;
+  margin-left: ${e=>x.uspContainerMarginX.valuePx(e.windowSize)};
+  margin-right: ${e=>x.uspContainerMarginX.valuePx(e.windowSize)};
+  z-index: 8;
+`,Ke=n.div`
+  display: flex;
+  justify-content: ${e=>e.windowSize==="small"?"center":"flex-start"};
+  min-height: ${e=>x.iconContainerMinHeight.valuePx(e.windowSize)};
+  align-items: center;
+  min-width: 480px;
+`,k=n.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"};
+`,$=n(Pe)`
+  color: ${e=>e.theme.colors.champion};
+  ${e=>`${v.uspText.style(e.windowSize)}`};
+`,B=n(ke)`
+  color: ${e=>e.theme.colors.champion};
+  ${e=>`${v.uspBoldText.style(e.windowSize)}`};
+`,I=n.div``,A=n.div`
+  padding-left: ${t.sp3};
+`,Ye=n(L)`
+  color: ${f.graphColor16Dark};
+`,Qe=n(L)`
+  color: ${f.alert};
+`,qe=n(L)`
+  color: ${f.graphColor11};
+`,er=n(L)`
+  color: ${f.success};
+`,rr=n.div`
+  height: ${e=>x.emptySectionHeight.valuePx(e.windowSize)};
+  ${e=>e.windowSize==="small"?null:Be`
+          margin-top: ${t.sp4};
+          margin-bottom: ${t.sp6};
+        `}
+`,tr=n.div`
+  color: ${e=>e.theme.colors.hero};
+  margin: ${e=>e.windowSize==="small"?`${t.sp0} ${t.sp3} ${t.sp4} ${t.sp3}`:"auto"};
+  text-align: center;
+`,E=n.span`
+  ${e=>`${v.contactAdmin.style(e.windowSize)}`};
+  text-decoration: ${e=>e.underline?"underline":"none"};
+  cursor: ${e=>e.underline?"default":null};
+`,ir=n.div`
+  color: ${e=>e.mode==="dark"?e.theme.colors.brandColorJade:e.theme.colors.brandColorSapphire};
+`,or=n.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};
+`,ar=n.span`
+  ${e=>`${v.cardsContent.style(e.windowSize)}`};
+`,nr=n.div`
+  display: flex;
+  flex-direction: column;
+  min-height: ${e=>x.carouselHeight.valuePx(e.windowSize)};
+  min-width: 480px;
+  position: relative;
+`,sr=n.div`
+  position: relative;
+  margin-top: ${e=>x.carouselMarginTop.valuePx(e.windowSize)};
+  margin-left: ${e=>x.carouselMarginLeft.valuePx(e.windowSize)};
+`,dr=n.div`
+  position: relative;
+  overflow: visible;
+`,q=n.div`
+  position: absolute;
+  ${e=>e.isReflection&&`
+  background-color: ${e.theme.colors.grey4};
+  clip-path: inset(10% 0 0 0);
+  `}
+`,lr=Ie`
+  0% {
+    left: -${t.sp6};
+  }
+  100% {
+    left: calc(100% + ${t.sp6});
+  }
+`,cr=n.div`
+  position: absolute;
+  background:
+    ${f.promoCardGradient1Strong}, ${f.promoCardGradient2Strong};
+  width: ${t.sp10};
+  z-index: 3;
+  height: 100%;
+  transform: skew(15deg);
+  animation: ${lr} 3s linear infinite;
+`;export{De as ChargeCardPromoUserContent,Sr as default};

package/dist/assets/{ChargeCardSetupPage-BSiJnRP_-y1F_pjxz.js → ChargeCardSetupPage-Ccc8PoCm-BSIg4VNL.js}

@@ -1,4 +1,4 @@
-import{u as je,X as Ie,d3 as De,a5 as q,a as Oe,c3 as Be,M as Ue,ab as M,j as t,cI as $e,g as _e,C as r,aW as ze,d as Re,F as We,c$ as Le,o as B,q as qe,aQ as Me,a7 as Ne,p as c,s as He}from"./index-BU_OFOHO.js";import{b as p,n as S}from"./vendor-CnQcJ2Lu.js";import{F as Ge}from"./HelpButton-BKCFqzW3-mV3KEyfP.js";import{J as Je}from"./SetUpDefaultSection-ES6v0-xw-DftidMnh.js";import{p as Qe,y as N}from"./SpendMgmtSetupAccountSection-BHZ9nmWy-XOLb3Fur.js";import{x as Xe}from"./LabeledControlledCheckBoxField-Bl3-Zao6-CHB8td0R.js";import{g as Ke}from"./UploadAdditionalDocumentOverlay-Dwv3x7HQ-Ct27O0zE.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";import"./MeetingCalenderPopup-C4r3bJ84-B_7Xob1I.js";import"./ChargeCardUtils-CLpd-HDH-dMJ2Q_93.js";import"./CreditCardPaymentPlgSection-D5CNl0oa-DiWqHLoj.js";import"./ChaseOverlay-B1cuawle-CSkF_51t.js";const l={titleWidth:new r(343,580,726,826),setupDetailsRowGap:new r(12,c[5],c[5]),sectionRowGap:new r(c[5],c[9],c[9]),iconWidthHeight:new r(20,c[4]),subTitlePaddingTop:new r(12,c[3]),subTitlePaddingBottom:new r(c[3],c[3]),overlayWidth:new r(100,100,59),checkBoxTop:new r(c[1],c[0])},H="chargeCardSetUpPage",f="payAccount",{commonSetUp:Ye,spendManagement:Ze}=Ue.getLocalizedStrings(),{chargeCard:Q}=Ze,{chargeCardSetUp:m}=Q,{setUp:U}=Ye,wt=({autoPayThreshold:e,isDisabled:x,meetingUrl:v,isEarlyPayEnabled:h,chargeCardSetUpView:o,connectedAccountProvider:X,filesEndPoint:K,authParams:Y,isAccountsEnabled:Z,isDebitCardOnlyEnabled:T,isCreditCardOnlyEnabled:ee,accountsPromoConfig:te,onFetchLinkTokenClick:ie,onBackClick:ne,onEnableChargeCardClick:oe,onUpdateChargeCardClick:ae,onBusinessVerificationSectionClick:ce,onUpdatePaymentAccountStatus:le,onUpdatePaymentAccountLoginStatus:se,onUpdatePrimaryFundingAccount:re,onUpdateAutoPayClick:de,onEstablishConnectionClick:ue,onEstablishConnectionSuccess:pe,onClickMenuIcon:me,onEnableChargeCardSuccess:P,onEditFileName:fe,onDeleteFile:he,updateFilesEntity:ge,onCompanyOfficerUpdated:ye,onSendForVerificationClick:be,onSignUpClick:Ce})=>{const g=je(),n=Ie(),E=De().analytics,[w,y]=p.useState(!1),{fetchState:b,companyBillPayInfo:$,isRefreshingViewInBackground:Se,updateStatus:d,accountUpdateStatus:xe,plaidConnectionDetails:Pe,allBankAccounts:we,companyChargeCardInfo:_,companyDebitCardInfo:Ae,selectedCompanyOfficer:s,primaryFundingAccount:a,allFundingAccounts:z}=o,R=q(b),A=q(d.fetchState),F=Oe({mode:"all",reValidateMode:"onChange",defaultValues:p.useMemo(()=>G(o),[o]),values:G(o)}),ke=F.handleSubmit(oe),ve=async(C,k)=>{const i=k[f];if(C.includes(f))if(C.includes("fundingAccount")){if(i.fundingAccount.selectedOption!=null&&a?.id!=i.fundingAccount.selectedOption){const u=z.find(O=>O.id===i.fundingAccount.selectedOption);u!=null&&re(i.fundingAccount.selectedOption,u.accType)}}else if(i.account.selectedOption!=null&&a?.id!=null&&a?.zeniAccountId!=i.account.selectedOption){const u=i.account.allOptions.find(O=>O.value===i.account.selectedOption);u!=null&&typeof u.label=="string"&&E.trackConnectBankLink(u.value,u.label,"charge_cards"),ae(i.account.selectedOption,a.id,a.accType)}else C.includes("enableAutoPay")&&i.enableAutoPay!=null&&de(i.enableAutoPay)};p.useEffect(()=>{const C=F.watch((k,{name:i})=>{i!=null&&k!=null&&Be(()=>ve(i,k))});return()=>{C.unsubscribe()}}),p.useEffect(()=>{!w&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&y(!0),w&&R==="In-Progress"&&b==="Completed"&&y(!1)},[s,b,R]),p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&P()},[P,A,d.fetchState]);const V=_?.isChargeCardEnabled===!0,j=Ae?.isDebitCardEnabled===!0,W=$?.isBusinessVerified===!0,Te=a?.accType==="depositAccount"||a?.providerVerificationStatus?.code==="verified"||a?.providerVerificationStatus?.code==="manually_verified"||a?.providerVerificationStatus?.code==="automatically_verified"||a?.providerVerificationStatus?.code==="database_matched",I=T?W:W&&Te,Ee=b==="In-Progress"||b==="Not-Started";p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&P()},[P,A,d.fetchState]);const D=T?I&&!j:ee?I&&!V:I&&!(V&&j),Fe=D?m.setupSubTitleNotEnabled:m.setupSubTitle,L=g.mode==="light"?new M(g.colors.brandColorJadeLight):new M(g.colors.brandColorJadeDark),Ve=()=>{!w&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"?y(!0):ce?.()};return t.jsxs(tt,{children:[t.jsx($e,{anchor:"right",PaperProps:{style:{width:l.overlayWidth.valuePercentage(n),boxShadow:"none"}},open:w,onClose:()=>y(!1),style:{backgroundColor:_e.drawerBackground},transitionDuration:250,children:t.jsx(Ke,{authParams:Y,filesEndPoint:K,updateStatus:d,onEditFileName:fe,onDeleteFile:he,updateFilesEntity:ge,companyOfficer:s,onClose:()=>y(!1),onCompanyOfficerUpdated:ye,onSendForVerificationClick:be})}),t.jsx(ze,{title:m.setupTitle,backgroundColor:g.colors.grey4,style:{zIndex:3},onBackClick:ne,showMenuIcon:!V&&!j&&(n==="medium-compact"||n==="small"),onClickMenuIcon:me,source:"ChargeCardSetupPage"}),t.jsxs(et,{windowSize:n,children:[t.jsx(it,{windowSize:n,children:Fe}),Ee?t.jsx(nt,{children:t.jsx(Re,{size:"ExtraLarge",start:!0})}):t.jsx(We,{...F,children:t.jsx("form",{id:J(H),onSubmit:ke,children:t.jsxs(ot,{windowSize:n,children:[t.jsx(Je,{onClick:Ve,title:U.businessVerificationTitle,subTitle:U.businessVerificationSubTitle,header:U.businessVerificationHeader,icon:{element:t.jsx(Le,{width:l.iconWidthHeight.valuePx(n),height:l.iconWidthHeight.valuePx(n)}),color:L},status:$?.businessVerificationStatus,isLoading:Se,isActiveWhileLoading:!0}),T?null:t.jsx(Qe,{connectedAccountProvider:X,primaryFundingAccount:a,allFundingAccounts:z,plaidConnectionDetails:Pe,allBankAccounts:we,sectionId:f,isDisabled:x,onFetchLinkTokenClick:ie,onEstablishConnectionClick:ue,onUpdatePaymentAccountStatus:le,onUpdatePaymentAccountLoginStatus:se,sectionTitle:m.setupAccountSectionTitle,onEstablishConnectionSuccess:pe,icon:{element:t.jsx(Me,{width:l.iconWidthHeight.valuePx(n),height:l.iconWidthHeight.valuePx(n)}),color:L},analytics:E,productType:"charge_cards",isAccountsEnabled:Z,onSignUpClick:Ce,pageName:m.pageName,accountsPromoConfig:te,accountSelectContainerStyle:h?{marginBottom:"20px"}:{},bottomComponent:h&&t.jsx(Xe,{label:{label:Q.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:g.colors.primary,...qe.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:B.sp4,marginTop:B.sp1,alignItems:n==="small"?"flex-start":"center"},checkBoxField:{name:N(f,"enableAutoPay"),checkBoxValue:N(f,"enableAutoPay"),defaultChecked:_?.isAutoPayEnabled,style:{top:l.checkBoxTop.valuePx(n)}}})})]})})})]}),D?t.jsx(Ne,{formId:J(H),primaryBtn:{label:m.enableAccounts,style:{width:"auto",minWidth:n==="small"?"auto":"181px"},isLoading:d.fetchState==="In-Progress"||xe.fetchState==="In-Progress",isDisabled:x!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${B.sp3}`}}):null,t.jsx(Ge,{isFooterRendered:D,meetingUrl:v,analytics:E,productType:"charge_cards"})]})},G=e=>{const{allBankAccounts:x,allFundingAccounts:v,primaryFundingAccount:h}=e;return{[f]:{fundingAccount:{selectedOption:h?.id,allOptions:v.map(o=>({label:o.label,value:o.id,isRecommended:o.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:x.map(o=>({label:o.accountName,value:o.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},J=e=>`${e}_form`,et=S.div`
+import{u as Ve,X as De,d1 as Ie,a1 as N,a as Oe,c2 as Be,M as Ue,a7 as q,j as t,cH as _e,g as $e,C as r,aW as ze,d as Re,F as We,cZ as Le,o as B,v as Ne,aQ as qe,a3 as He,p as c,q as Me}from"./index-nrhSmhQT.js";import{b as p,n as S}from"./vendor-CnQcJ2Lu.js";import{P as Ge}from"./HelpButton-D5ZYyQMh-D3OqqJNA.js";import{K as Je}from"./SetUpDefaultSection--9Qh-utY-3YrGFMUC.js";import{p as Ke,y as H}from"./SpendMgmtSetupAccountSection-DG4ozkeT-CwbSJso6.js";import{x as Qe}from"./LabeledControlledCheckBoxField-FB40Z8J7-CUjOIHO8.js";import{g as Xe}from"./UploadAdditionalDocumentOverlay-B3tUNhKj-B-Cnmuf3.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./MeetingCalenderPopup-Dh8meV6d-BwK6voO1.js";import"./ChargeCardUtils-B3JEziD7-CwQE9qIG.js";import"./CreditCardPaymentPlgSection-DoMaCnIZ-BpT8OJXl.js";import"./ChaseOverlay-KLet3F9X-BJh9nem5.js";const l={titleWidth:new r(343,580,726,826),setupDetailsRowGap:new r(12,c[5],c[5]),sectionRowGap:new r(c[5],c[9],c[9]),iconWidthHeight:new r(20,c[4]),subTitlePaddingTop:new r(12,c[3]),subTitlePaddingBottom:new r(c[3],c[3]),overlayWidth:new r(100,100,59),checkBoxTop:new r(c[1],c[0])},M="chargeCardSetUpPage",f="payAccount",{commonSetUp:Ze,spendManagement:Ye}=Ue.getLocalizedStrings(),{chargeCard:K}=Ye,{chargeCardSetUp:m}=K,{setUp:U}=Ze,wt=({autoPayThreshold:e,isDisabled:x,meetingUrl:v,isEarlyPayEnabled:h,chargeCardSetUpView:o,connectedAccountProvider:Q,filesEndPoint:X,authParams:Z,isAccountsEnabled:Y,isDebitCardOnlyEnabled:E,isCreditCardOnlyEnabled:ee,accountsPromoConfig:te,onFetchLinkTokenClick:ie,onBackClick:ne,onEnableChargeCardClick:oe,onUpdateChargeCardClick:ae,onBusinessVerificationSectionClick:ce,onUpdatePaymentAccountStatus:le,onUpdatePaymentAccountLoginStatus:se,onUpdatePrimaryFundingAccount:re,onUpdateAutoPayClick:de,onEstablishConnectionClick:ue,onEstablishConnectionSuccess:pe,onClickMenuIcon:me,onEnableChargeCardSuccess:P,onEditFileName:fe,onDeleteFile:he,updateFilesEntity:ge,onCompanyOfficerUpdated:ye,onSendForVerificationClick:be,onSignUpClick:Ce})=>{const g=Ve(),n=De(),T=Ie().analytics,[w,y]=p.useState(!1),{fetchState:b,companyBillPayInfo:_,isRefreshingViewInBackground:Se,updateStatus:d,accountUpdateStatus:xe,plaidConnectionDetails:Pe,allBankAccounts:we,companyChargeCardInfo:$,companyDebitCardInfo:Ae,selectedCompanyOfficer:s,primaryFundingAccount:a,allFundingAccounts:z}=o,R=N(b),A=N(d.fetchState),F=Oe({mode:"all",reValidateMode:"onChange",defaultValues:p.useMemo(()=>G(o),[o]),values:G(o)}),ke=F.handleSubmit(oe),ve=async(C,k)=>{const i=k[f];if(C.includes(f))if(C.includes("fundingAccount")){if(i.fundingAccount.selectedOption!=null&&a?.id!=i.fundingAccount.selectedOption){const u=z.find(O=>O.id===i.fundingAccount.selectedOption);u!=null&&re(i.fundingAccount.selectedOption,u.accType)}}else if(i.account.selectedOption!=null&&a?.id!=null&&a?.zeniAccountId!=i.account.selectedOption){const u=i.account.allOptions.find(O=>O.value===i.account.selectedOption);u!=null&&typeof u.label=="string"&&T.trackConnectBankLink(u.value,u.label,"charge_cards"),ae(i.account.selectedOption,a.id,a.accType)}else C.includes("enableAutoPay")&&i.enableAutoPay!=null&&de(i.enableAutoPay)};p.useEffect(()=>{const C=F.watch((k,{name:i})=>{i!=null&&k!=null&&Be(()=>ve(i,k))});return()=>{C.unsubscribe()}}),p.useEffect(()=>{!w&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&y(!0),w&&R==="In-Progress"&&b==="Completed"&&y(!1)},[s,b,R]),p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&P()},[P,A,d.fetchState]);const j=$?.isChargeCardEnabled===!0,V=Ae?.isDebitCardEnabled===!0,W=_?.isBusinessVerified===!0,Ee=a?.accType==="depositAccount"||a?.providerVerificationStatus?.code==="verified"||a?.providerVerificationStatus?.code==="manually_verified"||a?.providerVerificationStatus?.code==="automatically_verified"||a?.providerVerificationStatus?.code==="database_matched",D=E?W:W&&Ee,Te=b==="In-Progress"||b==="Not-Started";p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&P()},[P,A,d.fetchState]);const I=E?D&&!V:ee?D&&!j:D&&!(j&&V),Fe=I?m.setupSubTitleNotEnabled:m.setupSubTitle,L=g.mode==="light"?new q(g.colors.brandColorJadeLight):new q(g.colors.brandColorJadeDark),je=()=>{!w&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"?y(!0):ce?.()};return t.jsxs(tt,{children:[t.jsx(_e,{anchor:"right",PaperProps:{style:{width:l.overlayWidth.valuePercentage(n),boxShadow:"none"}},open:w,onClose:()=>y(!1),style:{backgroundColor:$e.drawerBackground},transitionDuration:250,children:t.jsx(Xe,{authParams:Z,filesEndPoint:X,updateStatus:d,onEditFileName:fe,onDeleteFile:he,updateFilesEntity:ge,companyOfficer:s,onClose:()=>y(!1),onCompanyOfficerUpdated:ye,onSendForVerificationClick:be})}),t.jsx(ze,{title:m.setupTitle,backgroundColor:g.colors.grey4,style:{zIndex:3},onBackClick:ne,showMenuIcon:!j&&!V&&(n==="medium-compact"||n==="small"),onClickMenuIcon:me,source:"ChargeCardSetupPage"}),t.jsxs(et,{windowSize:n,children:[t.jsx(it,{windowSize:n,children:Fe}),Te?t.jsx(nt,{children:t.jsx(Re,{size:"ExtraLarge",start:!0})}):t.jsx(We,{...F,children:t.jsx("form",{id:J(M),onSubmit:ke,children:t.jsxs(ot,{windowSize:n,children:[t.jsx(Je,{onClick:je,title:U.businessVerificationTitle,subTitle:U.businessVerificationSubTitle,header:U.businessVerificationHeader,icon:{element:t.jsx(Le,{width:l.iconWidthHeight.valuePx(n),height:l.iconWidthHeight.valuePx(n)}),color:L},status:_?.businessVerificationStatus,isLoading:Se,isActiveWhileLoading:!0}),E?null:t.jsx(Ke,{connectedAccountProvider:Q,primaryFundingAccount:a,allFundingAccounts:z,plaidConnectionDetails:Pe,allBankAccounts:we,sectionId:f,isDisabled:x,onFetchLinkTokenClick:ie,onEstablishConnectionClick:ue,onUpdatePaymentAccountStatus:le,onUpdatePaymentAccountLoginStatus:se,sectionTitle:m.setupAccountSectionTitle,onEstablishConnectionSuccess:pe,icon:{element:t.jsx(qe,{width:l.iconWidthHeight.valuePx(n),height:l.iconWidthHeight.valuePx(n)}),color:L},analytics:T,productType:"charge_cards",isAccountsEnabled:Y,onSignUpClick:Ce,pageName:m.pageName,accountsPromoConfig:te,accountSelectContainerStyle:h?{marginBottom:"20px"}:{},bottomComponent:h&&t.jsx(Qe,{label:{label:K.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:g.colors.primary,...Ne.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:B.sp4,marginTop:B.sp1,alignItems:n==="small"?"flex-start":"center"},checkBoxField:{name:H(f,"enableAutoPay"),checkBoxValue:H(f,"enableAutoPay"),defaultChecked:$?.isAutoPayEnabled,style:{top:l.checkBoxTop.valuePx(n)}}})})]})})})]}),I?t.jsx(He,{formId:J(M),primaryBtn:{label:m.enableAccounts,style:{width:"auto",minWidth:n==="small"?"auto":"181px"},isLoading:d.fetchState==="In-Progress"||xe.fetchState==="In-Progress",isDisabled:x!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${B.sp3}`}}):null,t.jsx(Ge,{isFooterRendered:I,meetingUrl:v,analytics:T,productType:"charge_cards"})]})},G=e=>{const{allBankAccounts:x,allFundingAccounts:v,primaryFundingAccount:h}=e;return{[f]:{fundingAccount:{selectedOption:h?.id,allOptions:v.map(o=>({label:o.label,value:o.id,isRecommended:o.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:x.map(o=>({label:o.accountName,value:o.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},J=e=>`${e}_form`,et=S.div`
   display: flex;
   justify-content: flex-start;
   height: 100%;
@@ -13,7 +13,7 @@ import{u as je,X as Ie,d3 as De,a5 as q,a as Oe,c3 as Be,M as Ue,ab as M,j as t,
   flex-direction: column;
   width: 100%;
   background-color: ${e=>e.theme.colors.grey4};
-`,it=S(He)`
+`,it=S(Me)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   justify-content: center;

package/dist/assets/{ChargeCardStatementsPage-NkfA1SYG-kW4Au9ab.js → ChargeCardStatementsPage-JEslDm3r-C_RfZvQ8.js}

@@ -1,9 +1,9 @@
-import{u as W,X as T,j as t,aW as F,M as R,o as h,C as g,s as B,as as O,d3 as V,h2 as q,Y as J,d as K,p as s,br as Q}from"./index-BU_OFOHO.js";import{n as i,b as U}from"./vendor-CnQcJ2Lu.js";import{$ as X,g as _}from"./BoxItem-UFBGpfBB-Hna_3gSj.js";import{w as G}from"./downloadPdf-h21F3Bzk-BukvqPr-.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";import"./commonDimensions-Dk1fkj7r-DiuY44GO.js";const z=R.getLocalizedStrings().months,A={downloadButtonSize:new g(s[4],20)},H=i.div`
+import{u as W,X as T,j as t,aW as F,M as R,o as h,C as g,q as B,an as O,d1 as q,g$ as J,Y as K,d as Q,p as s,bp as U}from"./index-nrhSmhQT.js";import{n as i,b as V}from"./vendor-CnQcJ2Lu.js";import{$ as X,g as Z}from"./BoxItem-BqLhtWoJ-N1dze3h9.js";import{w as _}from"./downloadPdf-CiC0AXNH-BaYefCbJ.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./commonDimensions-CKgBEMhT-DV1PneSk.js";const z=R.getLocalizedStrings().months,A={downloadButtonSize:new g(s[4],20)},G=i.div`
   display: flex;
   padding: ${h.sp3} ${h.sp4};
   flex-direction: row;
   width: 100%;
-`,Z=i.div`
+`,H=i.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -19,7 +19,7 @@ import{u as W,X as T,j as t,aW as F,M as R,o as h,C as g,s as B,as as O,d3 as V,
   overflow: hidden;
 `,te=i.div`
   cursor: pointer;
-`,ae=i(Q)`
+`,ae=i(U)`
   width: ${e=>A.downloadButtonSize.valuePx(e.windowSize)};
   height: ${e=>A.downloadButtonSize.valuePx(e.windowSize)};
   min-height: ${e=>A.downloadButtonSize.valuePx(e.windowSize)};
@@ -27,7 +27,7 @@ import{u as W,X as T,j as t,aW as F,M as R,o as h,C as g,s as B,as as O,d3 as V,
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`;function ie({currentTenantCompanyName:e,data:r,index:n,controllerEmails:l,isDebitCardFeatureEnabled:a,isDebitCardSetupEnabled:o,chargeCardCashbackDetailState:d,depositAccountListWithDebitCardIssued:x,debitCardSummary:C,productInformation:S,creditAccountInformation:y,debitAccountInformation:$,cashbackInformation:f,creditAccountRepayment:P,authParams:j,downloadEndPoint:k,boxType:I}){const b=V().analytics,[v,E]=U.useState(!1),c=T(),Y=z[r.monthYearPeriod.month-1],u=`${e}-Credit-Card-Monthly-Statement-${z[r.monthYearPeriod.month-1]}-${r.monthYearPeriod.year}.pdf`,m={period:`${r.monthYearPeriod.year}-${q(r.monthYearPeriod.month)}`,format:"pdf"},p=t.jsx(H,{children:t.jsxs(Z,{children:[t.jsx(ee,{children:Y}),t.jsx(te,{"data-testid":J("download-card-statement"),onClick:()=>{d.fetchState==="Completed"&&P.fetchState==="Completed"&&(!(a&&o)||x.fetchState==="Completed"&&C?.fetchState==="Completed")&&f!=null&&b.trackCardsDownloadClick(l,S,f,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:u,fileMonthYear:`${z[r.monthYearPeriod.month-1]} ${r.monthYearPeriod.year}`},"Credit Card Statements",n+1,y,$),G(`${k}/statements?query=${encodeURIComponent(JSON.stringify(m))}`,u,j,E)},children:v?t.jsx(K,{size:"Small",start:!0}):t.jsx(ae,{windowSize:c})})]})});return t.jsx(_,{content:p,boxType:I,isDisabled:!1,isNotClickable:!0})}const M=R.getLocalizedStrings().spendManagement.chargeCard.statements,w={listItemMarginLeftRight:new g(s[3],s[8]),containerMarginTop:new g(s[0],s[2]),titleMarginLeftRight:new g(s[3],s[8])},Pe=({currentTenantCompanyName:e,authParams:r,controllerEmails:n,productInformation:l,cashbackInformation:a,creditAccountInformation:o,debitAccountInformation:d,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:S,isChargeCardSetupEnabled:y,chargeCardCashbackDetailState:$,depositAccountListWithDebitCardIssued:f,creditAccountRepayment:P,debitCardSummary:j,creditAccount:k,downloadEndPoint:I,statementListView:b,onBackClick:v})=>{const E=W(),c=T(),{sortedYear:Y,monthsByYearWithSortedMonth:u}=me(b.statements);return t.jsxs(se,{children:[t.jsx(F,{title:M.title,backgroundColor:E.colors.grey4,style:{zIndex:3},onBackClick:v,source:"ChargeCardStatementsPage"}),t.jsx(ce,{windowSize:c,children:b.statements.length===0?t.jsx(L,{children:t.jsx(de,{children:t.jsx(N,{windowSize:c,children:t.jsx(le,{children:M.noStatements})})})}):t.jsx(re,{children:Y.map(m=>t.jsxs(ne,{children:[t.jsx(oe,{windowSize:c,children:m}),t.jsx(L,{children:u[m].map((p,D)=>t.jsx(N,{windowSize:c,children:t.jsx(ie,{productInformation:l,creditAccountInformation:o,debitAccountInformation:d,cashbackInformation:a,creditAccountRepayment:P,depositAccountListWithDebitCardIssued:f,debitCardSummary:j,controllerEmails:n,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:S,isChargeCardSetupEnabled:y,chargeCardCashbackDetailState:$,creditAccount:k,currentTenantCompanyName:e,index:D,data:p,authParams:r,downloadEndPoint:I,boxType:X(D,u[m].length)},p.id)},p.id))})]},m))})})]})},re=i.div``,ne=i.div`
+`;function ie({currentTenantCompanyName:e,data:r,index:n,controllerEmails:l,isDebitCardFeatureEnabled:a,isDebitCardSetupEnabled:o,chargeCardCashbackDetailState:d,depositAccountListWithDebitCardIssued:x,debitCardSummary:C,productInformation:S,creditAccountInformation:y,debitAccountInformation:$,cashbackInformation:f,creditAccountRepayment:P,authParams:j,downloadEndPoint:k,boxType:I}){const b=q().analytics,[v,E]=V.useState(!1),c=T(),Y=z[r.monthYearPeriod.month-1],p=`${e}-Credit-Card-Monthly-Statement-${z[r.monthYearPeriod.month-1]}-${r.monthYearPeriod.year}.pdf`,m={period:`${r.monthYearPeriod.year}-${J(r.monthYearPeriod.month)}`,format:"pdf"},u=t.jsx(G,{children:t.jsxs(H,{children:[t.jsx(ee,{children:Y}),t.jsx(te,{"data-testid":K("download-card-statement"),onClick:()=>{d.fetchState==="Completed"&&P.fetchState==="Completed"&&(!(a&&o)||x.fetchState==="Completed"&&C?.fetchState==="Completed")&&f!=null&&b.trackCardsDownloadClick(l,S,f,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:p,fileMonthYear:`${z[r.monthYearPeriod.month-1]} ${r.monthYearPeriod.year}`},"Credit Card Statements",n+1,y,$),_(`${k}/statements?query=${encodeURIComponent(JSON.stringify(m))}`,p,j,E)},children:v?t.jsx(Q,{size:"Small",start:!0}):t.jsx(ae,{windowSize:c})})]})});return t.jsx(Z,{content:u,boxType:I,isDisabled:!1,isNotClickable:!0})}const M=R.getLocalizedStrings().spendManagement.chargeCard.statements,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:r,controllerEmails:n,productInformation:l,cashbackInformation:a,creditAccountInformation:o,debitAccountInformation:d,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:S,isChargeCardSetupEnabled:y,chargeCardCashbackDetailState:$,depositAccountListWithDebitCardIssued:f,creditAccountRepayment:P,debitCardSummary:j,creditAccount:k,downloadEndPoint:I,statementListView:b,onBackClick:v})=>{const E=W(),c=T(),{sortedYear:Y,monthsByYearWithSortedMonth:p}=me(b.statements);return t.jsxs(se,{children:[t.jsx(F,{title:M.title,backgroundColor:E.colors.grey4,style:{zIndex:3},onBackClick:v,source:"ChargeCardStatementsPage"}),t.jsx(ce,{windowSize:c,children:b.statements.length===0?t.jsx(L,{children:t.jsx(de,{children:t.jsx(N,{windowSize:c,children:t.jsx(le,{children:M.noStatements})})})}):t.jsx(re,{children:Y.map(m=>t.jsxs(ne,{children:[t.jsx(oe,{windowSize:c,children:m}),t.jsx(L,{children:p[m].map((u,D)=>t.jsx(N,{windowSize:c,children:t.jsx(ie,{productInformation:l,creditAccountInformation:o,debitAccountInformation:d,cashbackInformation:a,creditAccountRepayment:P,depositAccountListWithDebitCardIssued:f,debitCardSummary:j,controllerEmails:n,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:S,isChargeCardSetupEnabled:y,chargeCardCashbackDetailState:$,creditAccount:k,currentTenantCompanyName:e,index:D,data:u,authParams:r,downloadEndPoint:I,boxType:X(D,p[m].length)},u.id)},u.id))})]},m))})})]})},re=i.div``,ne=i.div`
   margin-bottom: ${h.sp6};
 `,L=i.div``,oe=i(O)`
   margin-left: ${e=>w.titleMarginLeftRight.valuePx(e.windowSize)};

package/dist/assets/{ChargeCardUtils-CLpd-HDH-dMJ2Q_93.js → ChargeCardUtils-B3JEziD7-CwQE9qIG.js}

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

package/dist/assets/{ChaseOverlay-B1cuawle-CSkF_51t.js → ChaseOverlay-KLet3F9X-BJh9nem5.js}

@@ -1,4 +1,4 @@
-import{X as H,ff as X,fg as Q,M as W,j as t,g as x,m as ee,K as E,Y as c,o as s,C as m,Z as te,s as ie,as as se,bD as oe,d0 as re,p as l,av as K,ee as N,aa as ne,fh as le,v as ae,cq as de,aP as ce}from"./index-BU_OFOHO.js";import{b as p,n as o}from"./vendor-CnQcJ2Lu.js";const u={width:new m(350,624,624),height:new m(600,730,730),paddingLeft:new m(l[4],l[8],l[8]),paddingRight:new m(l[4],l[7],l[7])};function Be(e){const d=H(),[,R]=X(),{isMobileOrTabletScreen:g}=Q(),[j,k]=p.useState(!0),[y,S]=p.useState(!0),[z,C]=p.useState(!1),[T,M]=p.useState(!1),r=W.getLocalizedStrings().commonSetUp.chaseOverlay,_=r.title,V=r.description,Y=()=>{window.open(r.chaseVideoUrl,"_blank")},L=[0,1,2,3],P=i=>i<L.length-1,D=(i,n)=>{R(i??""),n?k(!1):S(!1)},B=i=>{i?C(!0):M(!0)},U=i=>{i?C(!1):M(!1)};p.useEffect(()=>{j===!1&&setTimeout(()=>{k(!0)},2e3),y===!1&&setTimeout(()=>{S(!0)},2e3)},[j,y]);const q=()=>{const i=r.step1;return t.jsxs($,{children:[t.jsx(Ce,{"data-testid":c("chase-overlay-signin-link"),href:r.chaseSigninUrl,target:"_blank",rel:"noreferrer noopener",children:i.text1}),i.text2,t.jsxs(a,{children:[" ",i.text3]}),i.text4,t.jsxs(a,{children:[" ",i.text5]}),i.text6]})},F=()=>{const i=r.step2;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",t.jsx(be,{}),i.text2]}),t.jsx(ke,{}),i.text3]})},J=()=>{const i=r.step3,n=e.connectedAccountProvider==="stripe"?i.payeeIdStripe:i.payeeIdUnit;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",i.text2]}),i.text3,t.jsxs(Te,{children:[t.jsxs(f,{onClick:()=>D(n,!0),onMouseOver:()=>B(!0),onMouseLeave:()=>U(!0),"data-testid":c("copy-payee-id",n),children:[t.jsx(v,{}),i.payeeIdTitle,t.jsx(b,{children:n}),j?t.jsxs(h,{children:[t.jsx(A,{showCopyText:z&&!g,windowSize:d,children:t.jsx(I,{})}),t.jsx(w,{shouldDisplay:z&&!g,children:i.copy})]}):t.jsxs(h,{children:[t.jsx(O,{}),t.jsx(w,{children:i.copied})]})]}),t.jsxs(f,{onClick:()=>D(i.payeeName,!1),onMouseOver:()=>B(!1),onMouseLeave:()=>U(!1),"data-testid":c("copy-payee-name",i.payeeName),children:[t.jsx(v,{}),i.payeeNameTitle,t.jsx(b,{children:i.payeeName}),y?t.jsxs(h,{children:[t.jsx(A,{showCopyText:T&&!g,windowSize:d,children:t.jsx(I,{})}),t.jsx(w,{shouldDisplay:T&&!g,children:i.copy})]}):t.jsxs(h,{children:[t.jsx(O,{}),t.jsx(w,{children:i.copied})]})]}),t.jsxs(f,{children:[t.jsx(h,{children:t.jsx(v,{})}),t.jsxs(Me,{children:[i.amountLimitTitle,i.text4,t.jsx(b,{children:i.amountLimit}),i.text5]})]})]})]})},Z=()=>{const i=r.step4;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",i.text2]}),i.text3,t.jsxs(a,{children:[" ",i.text4]})]})},G=i=>{switch(i){case 0:return t.jsx(q,{});case 1:return t.jsx(F,{});case 2:return t.jsx(J,{});default:return t.jsx(Z,{})}};return t.jsx(pe,{windowSize:d,role:"presentation",style:{background:x.overlayDark,...e.style},children:t.jsx(ee,{onClickAway:()=>e.action.onBackClick?.(),children:t.jsxs(he,{windowSize:d,isEditPopup:!1,children:[t.jsxs(Le,{children:[t.jsx(xe,{children:_}),t.jsx(ge,{children:V}),t.jsx(je,{children:r.stepsTitle}),t.jsx(ue,{windowSize:d,children:L.map((i,n)=>t.jsxs(me,{children:[t.jsx(fe,{children:P(n)?n+1:t.jsx(Se,{})}),t.jsx(ve,{children:G(n)}),P(n)&&t.jsx(ye,{})]},`step_${n}`))})]}),t.jsx($e,{}),t.jsxs(we,{children:[t.jsx(E,{variant:"secondary",label:r.primaryButtonText,onClick:Y,style:{width:134,whiteSpace:"nowrap"},"data-testid":c("chase-overlay-watch-video-button")}),t.jsx(ze,{}),t.jsx(E,{variant:e.proceedButtonVariant??"primary",label:r.secondaryButtonText,onClick:e.action.onBackClick,style:{width:134,whiteSpace:"nowrap"},"data-testid":c("chase-overlay-proceed-button")})]})]})})})}const pe=o.div`
+import{X as H,fc as X,fd as Q,M as W,j as t,g as x,m as ee,K as I,Y as c,o as s,C as m,Z as te,q as ie,an as se,bB as oe,c_ as re,p as l,ao as Y,ax as _,a6 as ne,fe as le,w as ae,cp as de,aP as ce}from"./index-nrhSmhQT.js";import{b as p,n as o}from"./vendor-CnQcJ2Lu.js";const u={width:new m(350,624,624),height:new m(600,730,730),paddingLeft:new m(l[4],l[8],l[8]),paddingRight:new m(l[4],l[7],l[7])};function De(e){const d=H(),[,A]=X(),{isMobileOrTabletScreen:g}=Q(),[j,k]=p.useState(!0),[y,S]=p.useState(!0),[z,C]=p.useState(!1),[T,M]=p.useState(!1),r=W.getLocalizedStrings().commonSetUp.chaseOverlay,N=r.title,K=r.description,V=()=>{window.open(r.chaseVideoUrl,"_blank")},L=[0,1,2,3],P=i=>i<L.length-1,B=(i,n)=>{A(i??""),n?k(!1):S(!1)},D=i=>{i?C(!0):M(!0)},E=i=>{i?C(!1):M(!1)};p.useEffect(()=>{j===!1&&setTimeout(()=>{k(!0)},2e3),y===!1&&setTimeout(()=>{S(!0)},2e3)},[j,y]);const q=()=>{const i=r.step1;return t.jsxs($,{children:[t.jsx(Ce,{"data-testid":c("chase-overlay-signin-link"),href:r.chaseSigninUrl,target:"_blank",rel:"noreferrer noopener",children:i.text1}),i.text2,t.jsxs(a,{children:[" ",i.text3]}),i.text4,t.jsxs(a,{children:[" ",i.text5]}),i.text6]})},F=()=>{const i=r.step2;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",t.jsx(be,{}),i.text2]}),t.jsx(ke,{}),i.text3]})},J=()=>{const i=r.step3,n=e.connectedAccountProvider==="stripe"?i.payeeIdStripe:i.payeeIdUnit;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",i.text2]}),i.text3,t.jsxs(Te,{children:[t.jsxs(f,{onClick:()=>B(n,!0),onMouseOver:()=>D(!0),onMouseLeave:()=>E(!0),"data-testid":c("copy-payee-id",n),children:[t.jsx(v,{}),i.payeeIdTitle,t.jsx(b,{children:n}),j?t.jsxs(h,{children:[t.jsx(U,{showCopyText:z&&!g,windowSize:d,children:t.jsx(O,{})}),t.jsx(w,{shouldDisplay:z&&!g,children:i.copy})]}):t.jsxs(h,{children:[t.jsx(R,{}),t.jsx(w,{children:i.copied})]})]}),t.jsxs(f,{onClick:()=>B(i.payeeName,!1),onMouseOver:()=>D(!1),onMouseLeave:()=>E(!1),"data-testid":c("copy-payee-name",i.payeeName),children:[t.jsx(v,{}),i.payeeNameTitle,t.jsx(b,{children:i.payeeName}),y?t.jsxs(h,{children:[t.jsx(U,{showCopyText:T&&!g,windowSize:d,children:t.jsx(O,{})}),t.jsx(w,{shouldDisplay:T&&!g,children:i.copy})]}):t.jsxs(h,{children:[t.jsx(R,{}),t.jsx(w,{children:i.copied})]})]}),t.jsxs(f,{children:[t.jsx(h,{children:t.jsx(v,{})}),t.jsxs(Me,{children:[i.amountLimitTitle,i.text4,t.jsx(b,{children:i.amountLimit}),i.text5]})]})]})]})},Z=()=>{const i=r.step4;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",i.text2]}),i.text3,t.jsxs(a,{children:[" ",i.text4]})]})},G=i=>{switch(i){case 0:return t.jsx(q,{});case 1:return t.jsx(F,{});case 2:return t.jsx(J,{});default:return t.jsx(Z,{})}};return t.jsx(pe,{windowSize:d,role:"presentation",style:{background:x.overlayDark,...e.style},children:t.jsx(ee,{onClickAway:()=>e.action.onBackClick?.(),children:t.jsxs(he,{windowSize:d,isEditPopup:!1,children:[t.jsxs(Le,{children:[t.jsx(xe,{children:N}),t.jsx(ge,{children:K}),t.jsx(je,{children:r.stepsTitle}),t.jsx(ue,{windowSize:d,children:L.map((i,n)=>t.jsxs(me,{children:[t.jsx(fe,{children:P(n)?n+1:t.jsx(Se,{})}),t.jsx(ve,{children:G(n)}),P(n)&&t.jsx(ye,{})]},`step_${n}`))})]}),t.jsx($e,{}),t.jsxs(we,{children:[t.jsx(I,{variant:"secondary",label:r.primaryButtonText,onClick:V,style:{width:134,whiteSpace:"nowrap"},"data-testid":c("chase-overlay-watch-video-button")}),t.jsx(ze,{}),t.jsx(I,{variant:e.proceedButtonVariant??"primary",label:r.secondaryButtonText,onClick:e.action.onBackClick,style:{width:134,whiteSpace:"nowrap"},"data-testid":c("chase-overlay-proceed-button")})]})]})})})}const pe=o.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -85,7 +85,7 @@ import{X as H,ff as X,fg as Q,M as W,j as t,g as x,m as ee,K as E,Y as c,o as s,
 `,ve=o.div`
   padding-bottom: ${s.sp4};
   margin-left: ${s.sp6};
-`,$=o(K)`
+`,$=o(Y)`
   color: ${e=>e.theme.colors.hero};
 `,be=o(de)`
   width: ${s.sp3};
@@ -100,20 +100,20 @@ import{X as H,ff as X,fg as Q,M as W,j as t,g as x,m as ee,K as E,Y as c,o as s,
 `,Se=o(re)`
   width: ${s.sp3};
   height: ${s.sp3};
-`,v=o(N)`
+`,v=o(_)`
   width: ${s.sp3};
   height: ${s.sp3};
   vertical-align: middle;
   margin-right: ${s.sp2};
   color: ${x.success};
-`,I=o(le)`
+`,O=o(le)`
   width: ${s.sp3};
   height: ${s.sp3};
   cursor: pointer;
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,O=o(N)`
+`,R=o(_)`
   width: ${s.sp3};
   height: ${s.sp3};
   color: ${x.success};
@@ -125,7 +125,7 @@ import{X as H,ff as X,fg as Q,M as W,j as t,g as x,m as ee,K as E,Y as c,o as s,
   justify-content: center;
   align-self: flex-start;
   margin-top: ${s.sp2};
-`,A=o.div`
+`,U=o.div`
   display: flex;
   align-items: center;
   color: ${e=>e.showCopyText?e.theme.colors.primary:e.theme.colors.grey1};
@@ -149,7 +149,7 @@ import{X as H,ff as X,fg as Q,M as W,j as t,g as x,m as ee,K as E,Y as c,o as s,
     color: ${e=>e.theme.colors.primary};
     text-decoration-color: ${e=>e.theme.colors.primary};
   }
-`,a=o(K)`
+`,a=o(Y)`
   color: ${e=>e.theme.colors.primary};
   border-radius: ${s.sp1};
   border: 1px solid ${e=>e.theme.colors.grey3};
@@ -167,4 +167,4 @@ import{X as H,ff as X,fg as Q,M as W,j as t,g as x,m as ee,K as E,Y as c,o as s,
 `,Me=o.div``,Le=o.div`
   margin-bottom: 74px;
   overflow: scroll;
-`;export{Be as M};
+`;export{De as M};

package/dist/assets/CheckDepositDrawerPage-JYHyo9Hw-BwsvgZ74.js

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