@zeniai/web-components 3.16.79 → 3.16.80

package/dist/BillPayApprovalRulesPage-egrm_02p.cjs

@@ -0,0 +1,235 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-CT-Z_-kn.cjs"),s=require("@emotion/styled"),t=require("./index-DyoGf8RV.cjs"),T=require("react"),i={sectionWidth:new t.ResponsiveSized(343,580,726),ruleWrapperPadding:new t.ResponsiveSized(t.sp[3],t.sp[4]),wrapperGap:new t.ResponsiveSized(t.sp[4],t.sp[3]),wrapperMarginBottom:new t.ResponsiveSized(t.sp[6],t.sp[8]),lastWrapperMarginBottom:new t.ResponsiveSized(t.sp[5],t.sp[9]),stepperWidthHeight:new t.ResponsiveSized(20,t.sp[5]),stepperItemLeft:new t.ResponsiveSized(-29,-23),stepperItemTop:new t.ResponsiveSized(2,t.sp[0]),stepperItemPaddingLeft:new t.ResponsiveSized(t.sp[0],10),stepperItemMinHeight:new t.ResponsiveSized(22,28),stepperLeft:new t.ResponsiveSized(11,17),stepperTop:new t.ResponsiveSized(2,t.sp[0]),stepperContentTop:new t.ResponsiveSized(-1,-t.sp[1])},R={stepper:new t.ResponsiveSizedStyle("smallRegular","standardRegular"),amount:new t.ResponsiveSizedStyle("standardRegular","largeMedium")},I=({showDeleteBtn:e=!1,isLastSection:S=!1,approvalRule:a,onEditRuleClick:w,onDeleteRuleClick:g})=>{const[c,x]=T.useState(!1),n=t.useWindowSizeContext(),{range:d}=a.criteria[0],{steps:u,approvalRuleId:m}=a,r=t.appLocale.getLocalizedStrings().commonSetUp.approval,b=()=>{x(!0)},z={onOkClick:()=>{x(!1),g?.(m)},onCancelClick:()=>{x(!1)}};return o.jsxRuntimeExports.jsxs(A,{windowSize:n,isLastSection:S,children:[o.jsxRuntimeExports.jsxs(C,{windowSize:n,children:[o.jsxRuntimeExports.jsxs(H,{children:[o.jsxRuntimeExports.jsxs(f,{windowSize:n,children:[r.from," ",t.amountToString("0,0",d.min)]}),o.jsxRuntimeExports.jsxs(k,{children:[o.jsxRuntimeExports.jsx(v,{}),o.jsxRuntimeExports.jsx(W,{}),o.jsxRuntimeExports.jsx(v,{})]}),d.max==null?o.jsxRuntimeExports.jsx(O,{}):o.jsxRuntimeExports.jsx(f,{windowSize:n,children:t.amountToString("0,0",{...d.min,amount:d.max.amount})})]}),o.jsxRuntimeExports.jsxs(q,{className:"icons",children:[e&&o.jsxRuntimeExports.jsx(U,{onClick:b,"data-testid":t.generateDataTestId("delete-approval-rule-bill-pay",a.approvalRuleId)}),o.jsxRuntimeExports.jsx(G,{onClick:()=>{w(m)},"data-testid":t.generateDataTestId("edit-approval-rule-bill-pay",a.approvalRuleId)})]})]}),o.jsxRuntimeExports.jsx(B,{windowSize:n,children:o.jsxRuntimeExports.jsx(L,{isSingleStep:u.length===1,windowSize:n,children:u.map((l,P)=>o.jsxRuntimeExports.jsxs(D,{isSingleStep:u.length===1,className:"stepperItem",windowSize:n,children:[l.action==="require_approval"?o.jsxRuntimeExports.jsx(M,{children:r.requireText}):o.jsxRuntimeExports.jsx(N,{children:r.notifyText}),l.nonUserActors!=null&&l.nonUserActors.filter(p=>p.subType!=null).map((p,E)=>o.jsxRuntimeExports.jsxs(j,{children:[o.jsxRuntimeExports.jsx($,{children:p.subType!=null?r.nonUsers[p.subType].label:null}),l.operator!="is"?o.jsxRuntimeExports.jsx(y,{className:"operator",children:l.operator}):null]},`${p.subType}_${E}`)),l.actors.map(p=>o.jsxRuntimeExports.jsxs(j,{children:[o.jsxRuntimeExports.jsxs($,{children:[p.firstName," ",p.lastName]}),l.operator!="is"?o.jsxRuntimeExports.jsx(y,{className:"operator",children:l.operator}):null]},p.userId))]},P))})}),c?o.jsxRuntimeExports.jsx(t.ConfirmationPopup,{titleComponent:o.jsxRuntimeExports.jsx(t.ConfirmationPopUpTitle,{children:r.deleteApprovalRuleTitle}),descriptionComponent:o.jsxRuntimeExports.jsx(t.ConfirmationPopUpDescription,{children:r.deleteApprovalRuleDesc}),primaryButtonText:r.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:r.cancelBtnText,action:z}):null]})},A=s.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${e=>i.wrapperGap.valuePx(e.windowSize)};
+  margin-bottom: ${e=>e.isLastSection?i.lastWrapperMarginBottom.valuePx(e.windowSize):i.wrapperMarginBottom.valuePx(e.windowSize)};
+  .icons {
+    display: none;
+  }
+  &:hover {
+    .icons {
+      display: flex;
+    }
+    > div:last-of-type {
+      border-color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,C=s(t.LargeMedium)`
+  display: flex;
+  position: relative;
+  align-items: center;
+  justify-content: space-between;
+  text-align: center;
+  width: ${e=>i.sectionWidth.valuePx(e.windowSize)};
+  gap: ${t.Space.sp2};
+`,k=s.div`
+  align-items: center;
+  display: flex;
+  justify-content: center;
+`,W=s.div`
+  width: ${t.Space.sp8};
+  height: 2px;
+  background-color: ${e=>e.theme.colors.primary};
+`,v=s.div`
+  width: 6px;
+  height: 6px;
+  border-radius: 3px;
+  background-color: ${e=>e.theme.colors.primary};
+`,B=s.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding: ${e=>i.ruleWrapperPadding.valuePx(e.windowSize)};
+  gap: 10px;
+
+  width: ${e=>i.sectionWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.theme.colors.grey5};
+
+  border: 1px solid ${e=>e.theme.colors.grey3};
+
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.Space.sp2};
+
+  flex: none;
+  order: 1;
+  flex-grow: 0;
+  justify-content: center;
+  box-sizing: border-box;
+  position: relative;
+`,L=s.ul`
+  ${e=>`${R.stepper.style(e.windowSize)}`};
+  position: relative;
+  padding-left: ${t.Space.sp6};
+  list-style: none;
+  box-sizing: initial;
+  margin: 0;
+  &::before {
+    display: inline-block;
+    content: "";
+    position: absolute;
+    top: ${e=>i.stepperTop.valuePx(e.windowSize)};
+    left: ${e=>i.stepperLeft.valuePx(e.windowSize)};
+    width: 10px;
+    height: ${e=>e.isSingleStep?"0%":"100%"};
+    border-left: 2px solid ${e=>e.theme.colors.grey1};
+  }
+`,D=s.li`
+  position: relative;
+  counter-increment: list;
+  min-height: ${e=>i.stepperItemMinHeight.valuePx(e.windowSize)};
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: ${e=>i.stepperItemPaddingLeft.valuePx(e.windowSize)};
+  gap: ${t.Space.sp1};
+
+  > div:last-of-type > span.operator:last-of-type {
+    visibility: hidden;
+  }
+
+  &:not(:last-child) {
+    padding-bottom: 20px;
+  }
+
+  &::before {
+    display: inline-block;
+    content: "";
+    position: absolute;
+    top: ${e=>i.stepperItemTop.valuePx(e.windowSize)};
+    left: ${e=>i.stepperItemLeft.valuePx(e.windowSize)};
+    height: ${e=>e.isSingleStep?"0%":"100%"};
+    width: 10px;
+  }
+
+  &.stepperItem {
+    flex-wrap: wrap;
+    &::before {
+      border-left: 2px solid ${e=>e.theme.colors.grey1};
+    }
+    &:last-child::before {
+      border-left: 2px solid ${e=>e.theme.colors.grey5};
+    }
+
+    &::after {
+      content: counter(list);
+      position: absolute;
+      width: ${e=>i.stepperWidthHeight.valuePx(e.windowSize)};
+      height: ${e=>i.stepperWidthHeight.valuePx(e.windowSize)};
+      top: ${e=>i.stepperContentTop.valuePx(e.windowSize)};
+      left: -${t.Space.sp6};
+      ${t.textStyles.standardMedium.css};
+      text-align: center;
+      color: ${e=>e.theme.colors.grey1};
+      border: 2px solid ${e=>e.theme.colors.grey1};
+      background-color: ${e=>e.theme.colors.grey5};
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      border-radius: 50%;
+    }
+  }
+`,M=s.span`
+  color: ${t.Colors.alertDark};
+`,N=s.span`
+  color: ${t.Colors.successDark};
+`,$=s.span`
+  color: ${e=>e.theme.colors.primary};
+`,H=s.div`
+  display: flex;
+  align-items: center;
+  gap: ${t.Space.sp2};
+`,q=s.div`
+  display: flex;
+  gap: ${t.Space.sp5};
+`,U=s(t.SvgDelete)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${t.Colors.important};
+  }
+`,G=s(t.SvgEdit)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,O=s(t.SvgInfinite)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,y=s.span`
+  color: ${e=>e.theme.colors.hero};
+`,j=s.div`
+  display: inherit;
+  gap: inherit;
+`,f=s.span`
+  ${e=>`${R.amount.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  word-break: break-word;
+`,h={width:new t.ResponsiveSized(343,580,726),titleWidth:new t.ResponsiveSized(343,580,780),addApprovalGap:new t.ResponsiveSized(6,t.sp[2]),subTitlePaddingTop:new t.ResponsiveSized(12,t.sp[3]),subTitlePaddingBottom:new t.ResponsiveSized(28,t.sp[7])},_=({approvalView:e,onBackClick:S,onEditRuleClick:a,onDeleteRuleClick:w})=>{const g=t.useWindowSizeContext(),{fetchState:c,deleteStatus:x}=e,n=t.appLocale.getLocalizedStrings().commonSetUp.approval,d=t.appLocale.getLocalizedStrings().spendManagement.billPay.billPayApproval,u=x.fetchState;return o.jsxRuntimeExports.jsxs(F,{children:[o.jsxRuntimeExports.jsx(t.NavBar,{title:n.approvalPageHeader,style:{zIndex:4},onBackClick:()=>{S()},source:"BillPayApprovalRulesPage"}),o.jsxRuntimeExports.jsxs(J,{children:[o.jsxRuntimeExports.jsx(Q,{windowSize:g,children:d.approvalPageSubTitle}),c==="In-Progress"||c==="Not-Started"||u==="In-Progress"?o.jsxRuntimeExports.jsx(K,{children:o.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"ExtraLarge",start:!0})}):c==="Completed"?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[e.allApprovalRules.map((m,r)=>o.jsxRuntimeExports.jsx(I,{showDeleteBtn:r!==0,approvalRule:m,isLastSection:r===e.allApprovalRules.length-1,onEditRuleClick:a,onDeleteRuleClick:w},m.approvalRuleId)),o.jsxRuntimeExports.jsxs(X,{windowSize:g,onClick:()=>{a()},"data-testid":t.generateDataTestId("add-approval-rule-bill-pay"),children:[o.jsxRuntimeExports.jsx(Y,{}),o.jsxRuntimeExports.jsx(Z,{children:n.addApprovalText})]})]}):null]})]})},F=s.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,J=s.div`
+  display: flex;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+`,K=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};
+`,Q=s(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  justify-content: center;
+  width: ${e=>h.titleWidth.valuePx(e.windowSize)};
+  padding-top: ${e=>h.subTitlePaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>h.subTitlePaddingBottom.valuePx(e.windowSize)};
+`,X=s(t.StandardRegular)`
+  cursor: pointer;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  padding: ${t.Space.sp3} ${t.Space.sp4};
+  gap: ${e=>h.addApprovalGap.valuePx(e.windowSize)};
+
+  width: ${e=>h.width.valuePx(e.windowSize)};
+  height: ${t.Space.sp8};
+
+  background: ${e=>e.theme.colors.grey5};
+
+  border: 1px solid ${e=>e.theme.colors.grey3};
+
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1}
+    ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.Space.sp2};
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    div {
+      color: ${e=>e.theme.colors.primary};
+    }
+    border-color: ${e=>e.theme.colors.primary};
+  }
+  margin-bottom: ${t.Space.sp6};
+`,Y=s(t.SvgAddRound)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,Z=s.div`
+  color: ${e=>e.theme.colors.hero};
+`;exports.default=_;

package/dist/BillPayPromoPage-B7yJFb-u.cjs

@@ -0,0 +1,84 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./vendor-.pnpm-CT-Z_-kn.cjs"),u=require("react"),o=require("@emotion/styled"),j=require("@zeniai/client-epic-state"),t=require("./index-DyoGf8RV.cjs"),F=require("./VideoPopup-Bd9NRBYw.cjs"),E=require("./usp-line-CnxyxnEe.cjs"),v="https://storage.googleapis.com/zeni-apis.appspot.com/images/Billpay-Light.png",T="https://storage.googleapis.com/zeni-apis.appspot.com/images/Billpay-Dark.png",N={midContainerMarginBottom:new t.ResponsiveSized(t.sp[5],44)},_=o.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${s=>s.theme.colors.grey4};
+`,G=o.div`
+  padding: ${s=>s.windowSize==="small"?`${t.Space.sp0} ${t.Space.sp3}`:`${t.Space.sp0} ${t.Space.sp8}`};
+  text-align: center;
+`,J=o(t.H5Regular)`
+  max-width: 600px;
+  margin: auto;
+  padding: ${t.Space.sp7} ${t.Space.sp0};
+  color: ${s=>s.theme.colors.primary};
+`,K=o(t.H6Regular)`
+  max-width: 600px;
+  margin: auto;
+  padding: ${t.Space.sp5} ${t.Space.sp0};
+  color: ${s=>s.theme.colors.primary};
+`,b=o.div`
+  display: flex;
+  flex-direction: ${s=>s.windowSize==="small"?"column":"row"};
+  align-items: center;
+  justify-content: center;
+  margin-bottom: ${s=>N.midContainerMarginBottom.valuePx(s.windowSize)};
+`,Q=o.div``,d=o.img``,C=o.div`
+  width: ${s=>s.windowSize==="small"?"auto":"376px"};
+  display: flex;
+  flex-direction: column;
+`,k=o.div`
+  width: ${s=>s.windowSize==="small"?"100%":"calc(100% - 376px)"};
+  overflow: hidden;
+  max-width: 712px;
+  display: flex;
+  align-content: center;
+  justify-content: center;
+  align-items: center;
+`,B=o.div`
+  margin-left: ${s=>s.windowSize==="small"?t.Space.sp0:t.Space.sp6};
+  margin-bottom: ${s=>s.windowSize==="small"?t.Space.sp4:t.Space.sp0};
+  background: ${s=>s.theme.colors.grey3};
+  border-radius: 12px;
+  border: ${s=>`1px solid ${s.theme.colors.grey3}`};
+  padding: 15px;
+`,a=o.div`
+  border-radius: ${t.Space.sp12};
+  border: ${s=>`1px solid ${s.theme.colors.grey2}`};
+  padding: ${s=>s.windowSize==="small"?`${t.Space.sp2} ${t.Space.sp4} ${t.Space.sp2} ${t.Space.sp0}`:`${t.Space.sp3} ${t.Space.sp5} ${t.Space.sp3} ${t.Space.sp0}`};
+  background: ${s=>s.theme.colors.grey5};
+  position: relative;
+  margin-bottom: ${t.Space.sp3};
+  display: flex;
+  align-items: center;
+  text-align: start;
+  box-sizing: border-box;
+`,h=o(t.StandardRegularSp)`
+  color: ${s=>s.theme.colors.champion};
+`,g=o(t.StandardMediumSp)`
+  color: ${s=>s.theme.colors.champion};
+`,S=o(t.SmallRegularSp)`
+  color: ${s=>s.theme.colors.champion};
+`,R=o(t.SmallMediumSp)`
+  color: ${s=>s.theme.colors.champion};
+`,x=o.div``,c=o.div`
+  padding-left: ${t.Space.sp3};
+`,z=o(E.SvgUspLine)`
+  color: ${t.Colors.graphColor16Dark};
+`,M=o(E.SvgUspLine)`
+  color: ${t.Colors.graphColor09Dark};
+`,L=o(E.SvgUspLine)`
+  color: ${t.Colors.graphColor28Dark};
+`,X=o(t.ExtraSmallRegular)`
+  margin: ${t.Space.sp3} auto;
+  max-width: 719px;
+  color: ${s=>s.theme.colors.hero};
+`,Y=o.div`
+  display: flex;
+  flex-direction: ${s=>s.windowSize==="small"?"column":"row"};
+  align-items: center;
+  justify-content: center;
+`,ee=o(t.SmallRegularSp)`
+  margin: ${s=>s.windowSize==="small"?t.Space.sp1:`auto ${t.Space.sp5}`};
+  color: ${s=>s.theme.colors.grey1};
+`,n=t.appLocale.getLocalizedStrings().spendManagement.billPay.billPayPromo,r=t.appLocale.getLocalizedStrings().commonSetUp.businessVerification.terms,te=({billPaySetupView:s,analytics:i,meetingUrl:U,videoUrl:A,onButtonClick:I,onBackClick:D,onSetupBillPaySuccess:y,onClickMenuIcon:q})=>{const m=t.useGlobalInfoContext(),l=t.useWindowSizeContext(),{billPayTermsDetails:p}=s,[O,Z]=u.useState(!1),[H,w]=u.useState(!1),f=t.usePrevious(p?.fetchStatus.fetchState);u.useEffect(()=>{f==="In-Progress"&&p?.fetchStatus.fetchState==="Completed"&&y?.()},[f,y,p?.fetchStatus]);const V=()=>{i?.trackBillPayPromoScheduleDemo(),w(!0)},W=j.hasBillPayAdminLevelAccess(m.loggedInUserRoleMap),$=j.hasBillPayAccess(m.loggedInUserRoleMap)&&!W,P=$?n.setupNonAccessableUsersPromoText:n.promoText;return e.jsxRuntimeExports.jsxs(_,{children:[O===!0?e.jsxRuntimeExports.jsx(F.VideoPopup,{onCancelClick:()=>{Z(!1)},videoUrl:A}):null,H===!0?e.jsxRuntimeExports.jsx(t.MeetingCalenderPopup,{onCancelClick:()=>{w(!1)},meetingUrl:U}):null,e.jsxRuntimeExports.jsx(t.NavBar,{title:n.title,onBackClick:D,showBackButton:!j.hasOnlyBillPayAccess(m.loggedInUserRoleMap),showMenuIcon:l==="small"||l==="medium-compact",onClickMenuIcon:q,source:"BillPayPromoPage"}),e.jsxRuntimeExports.jsxs(G,{windowSize:l,children:[l==="small"?e.jsxRuntimeExports.jsx(K,{children:P}):e.jsxRuntimeExports.jsx(J,{children:P}),l==="small"?e.jsxRuntimeExports.jsx(se,{}):e.jsxRuntimeExports.jsx(oe,{}),$===!1?e.jsxRuntimeExports.jsxs(Q,{children:[e.jsxRuntimeExports.jsxs(Y,{windowSize:l,children:[e.jsxRuntimeExports.jsx(t.Button,{variant:"secondary",label:n.scheduleDemoButton,onClick:V,"data-testid":t.generateDataTestId("billpay-schedule-demo-button")}),e.jsxRuntimeExports.jsx(ee,{windowSize:l,children:n.orText}),e.jsxRuntimeExports.jsx(t.Button,{variant:"primary",label:n.setupBillPayButton,loading:p?.fetchStatus.fetchState==="In-Progress",onClick:I,"data-testid":t.generateDataTestId("billpay-setup-button")})]}),e.jsxRuntimeExports.jsxs(X,{children:[n.terms.terms1,e.jsxRuntimeExports.jsx(t.ZeniLink,{href:r.consentUrl,linkText:r.consent}),r.term2,e.jsxRuntimeExports.jsx(t.ZeniLink,{href:r.depositUrl,linkText:r.depositTerms}),r.term3,e.jsxRuntimeExports.jsx(t.ZeniLink,{href:r.privacyPolicyUrl,onZeniLinkClick:()=>(i?.trackBillPayPrivacyPolicy(),!0),linkText:r.privacy}),r.term4,e.jsxRuntimeExports.jsx(t.ZeniLink,{href:r.tosUrl,onZeniLinkClick:()=>(i?.trackBillPayAgreement(),!0),linkText:r.tos}),r.term5,n.terms.terms3]})]}):null]})]})},se=()=>{const s=e.useTheme(),i=t.useWindowSizeContext();return e.jsxRuntimeExports.jsxs(b,{windowSize:i,children:[e.jsxRuntimeExports.jsx(k,{windowSize:i,children:e.jsxRuntimeExports.jsx(B,{windowSize:i,children:s.mode==="dark"?e.jsxRuntimeExports.jsx(d,{src:T,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"}):e.jsxRuntimeExports.jsx(d,{src:v,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"})})}),e.jsxRuntimeExports.jsxs(C,{windowSize:i,children:[e.jsxRuntimeExports.jsxs(a,{windowSize:i,children:[e.jsxRuntimeExports.jsx(x,{children:e.jsxRuntimeExports.jsx(L,{})}),e.jsxRuntimeExports.jsxs(c,{children:[e.jsxRuntimeExports.jsx(R,{children:n.fullyManagedText.bold}),e.jsxRuntimeExports.jsx(S,{children:n.fullyManagedText.regular})]})]}),e.jsxRuntimeExports.jsxs(a,{windowSize:i,children:[e.jsxRuntimeExports.jsx(x,{children:e.jsxRuntimeExports.jsx(M,{})}),e.jsxRuntimeExports.jsxs(c,{children:[e.jsxRuntimeExports.jsx(R,{children:n.multiLevelApprovalText.bold}),e.jsxRuntimeExports.jsx(S,{children:n.multiLevelApprovalText.regular})]})]}),e.jsxRuntimeExports.jsxs(a,{windowSize:i,children:[e.jsxRuntimeExports.jsx(x,{children:e.jsxRuntimeExports.jsx(z,{})}),e.jsxRuntimeExports.jsxs(c,{children:[e.jsxRuntimeExports.jsx(R,{children:n.aiPoweredText.bold}),e.jsxRuntimeExports.jsx(S,{children:n.aiPoweredText.regular})]})]})]})]})},oe=()=>{const s=e.useTheme(),i=t.useWindowSizeContext();return e.jsxRuntimeExports.jsxs(b,{windowSize:i,children:[e.jsxRuntimeExports.jsxs(C,{windowSize:i,children:[e.jsxRuntimeExports.jsxs(a,{windowSize:i,style:{width:"376px"},children:[e.jsxRuntimeExports.jsx(x,{children:e.jsxRuntimeExports.jsx(L,{})}),e.jsxRuntimeExports.jsxs(c,{children:[e.jsxRuntimeExports.jsx(g,{children:n.fullyManagedText.bold}),e.jsxRuntimeExports.jsx(h,{children:n.fullyManagedText.regular})]})]}),e.jsxRuntimeExports.jsxs(a,{windowSize:i,style:{width:"376px"},children:[e.jsxRuntimeExports.jsx(x,{children:e.jsxRuntimeExports.jsx(M,{})}),e.jsxRuntimeExports.jsxs(c,{children:[e.jsxRuntimeExports.jsx(g,{children:n.multiLevelApprovalText.bold}),e.jsxRuntimeExports.jsx(h,{children:n.multiLevelApprovalText.regular})]})]}),e.jsxRuntimeExports.jsxs(a,{windowSize:i,style:{width:"376px"},children:[e.jsxRuntimeExports.jsx(x,{children:e.jsxRuntimeExports.jsx(z,{})}),e.jsxRuntimeExports.jsxs(c,{children:[e.jsxRuntimeExports.jsx(g,{children:n.aiPoweredText.bold}),e.jsxRuntimeExports.jsx(h,{children:n.aiPoweredText.regular})]})]})]}),e.jsxRuntimeExports.jsx(k,{windowSize:i,children:e.jsxRuntimeExports.jsx(B,{windowSize:i,children:s.mode==="dark"?e.jsxRuntimeExports.jsx(d,{src:T,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"}):e.jsxRuntimeExports.jsx(d,{src:v,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"})})})]})};exports.default=te;

package/dist/BillPayPromoPage-B9Tz3jBR.js

@@ -0,0 +1,292 @@
+import { j as e, u as z } from "./vendor-.pnpm-DtFedGku.js";
+import { useState as C, useEffect as Y } from "react";
+import t from "@emotion/styled";
+import { hasBillPayAdminLevelAccess as _, hasBillPayAccess as ee, hasOnlyBillPayAccess as se } from "@zeniai/client-epic-state";
+import { dB as oe, u as f, aD as te, a as M, hG as le, aE as re, B as k, j as B, er as m, S as o, V as ie, H as ne, P as U, E as ae, R as ce, C as w, ac as de, a1 as pe, o as me, D as xe } from "./index-CTjYJrsF.js";
+import { V as he } from "./VideoPopup-BcGkTYtT.js";
+import { S } from "./usp-line-BBd1wKwW.js";
+const A = "https://storage.googleapis.com/zeni-apis.appspot.com/images/Billpay-Light.png", I = "https://storage.googleapis.com/zeni-apis.appspot.com/images/Billpay-Dark.png", ge = {
+  midContainerMarginBottom: new ce(xe[5], 44)
+}, ue = t.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${(s) => s.theme.colors.grey4};
+`, je = t.div`
+  padding: ${(s) => s.windowSize === "small" ? `${o.sp0} ${o.sp3}` : `${o.sp0} ${o.sp8}`};
+  text-align: center;
+`, ye = t(ne)`
+  max-width: 600px;
+  margin: auto;
+  padding: ${o.sp7} ${o.sp0};
+  color: ${(s) => s.theme.colors.primary};
+`, fe = t(ie)`
+  max-width: 600px;
+  margin: auto;
+  padding: ${o.sp5} ${o.sp0};
+  color: ${(s) => s.theme.colors.primary};
+`, L = t.div`
+  display: flex;
+  flex-direction: ${(s) => s.windowSize === "small" ? "column" : "row"};
+  align-items: center;
+  justify-content: center;
+  margin-bottom: ${(s) => ge.midContainerMarginBottom.valuePx(s.windowSize)};
+`, we = t.div``, x = t.img``, R = t.div`
+  width: ${(s) => s.windowSize === "small" ? "auto" : "376px"};
+  display: flex;
+  flex-direction: column;
+`, D = t.div`
+  width: ${(s) => s.windowSize === "small" ? "100%" : "calc(100% - 376px)"};
+  overflow: hidden;
+  max-width: 712px;
+  display: flex;
+  align-content: center;
+  justify-content: center;
+  align-items: center;
+`, H = t.div`
+  margin-left: ${(s) => s.windowSize === "small" ? o.sp0 : o.sp6};
+  margin-bottom: ${(s) => s.windowSize === "small" ? o.sp4 : o.sp0};
+  background: ${(s) => s.theme.colors.grey3};
+  border-radius: 12px;
+  border: ${(s) => `1px solid ${s.theme.colors.grey3}`};
+  padding: 15px;
+`, a = t.div`
+  border-radius: ${o.sp12};
+  border: ${(s) => `1px solid ${s.theme.colors.grey2}`};
+  padding: ${(s) => s.windowSize === "small" ? `${o.sp2} ${o.sp4} ${o.sp2} ${o.sp0}` : `${o.sp3} ${o.sp5} ${o.sp3} ${o.sp0}`};
+  background: ${(s) => s.theme.colors.grey5};
+  position: relative;
+  margin-bottom: ${o.sp3};
+  display: flex;
+  align-items: center;
+  text-align: start;
+  box-sizing: border-box;
+`, g = t(me)`
+  color: ${(s) => s.theme.colors.champion};
+`, u = t(pe)`
+  color: ${(s) => s.theme.colors.champion};
+`, j = t(U)`
+  color: ${(s) => s.theme.colors.champion};
+`, y = t(de)`
+  color: ${(s) => s.theme.colors.champion};
+`, c = t.div``, d = t.div`
+  padding-left: ${o.sp3};
+`, V = t(S)`
+  color: ${w.graphColor16Dark};
+`, E = t(S)`
+  color: ${w.graphColor09Dark};
+`, O = t(S)`
+  color: ${w.graphColor28Dark};
+`, Se = t(ae)`
+  margin: ${o.sp3} auto;
+  max-width: 719px;
+  color: ${(s) => s.theme.colors.hero};
+`, $e = t.div`
+  display: flex;
+  flex-direction: ${(s) => s.windowSize === "small" ? "column" : "row"};
+  align-items: center;
+  justify-content: center;
+`, Pe = t(U)`
+  margin: ${(s) => s.windowSize === "small" ? o.sp1 : `auto ${o.sp5}`};
+  color: ${(s) => s.theme.colors.grey1};
+`, l = M.getLocalizedStrings().spendManagement.billPay.billPayPromo, i = M.getLocalizedStrings().commonSetUp.businessVerification.terms, Ie = ({
+  billPaySetupView: s,
+  analytics: r,
+  meetingUrl: F,
+  videoUrl: Z,
+  onButtonClick: G,
+  onBackClick: N,
+  onSetupBillPaySuccess: $,
+  onClickMenuIcon: W
+}) => {
+  const h = oe(), n = f(), { billPayTermsDetails: p } = s, [q, J] = C(!1), [K, P] = C(!1), v = te(
+    p?.fetchStatus.fetchState
+  );
+  Y(() => {
+    v === "In-Progress" && p?.fetchStatus.fetchState === "Completed" && $?.();
+  }, [v, $, p?.fetchStatus]);
+  const Q = () => {
+    r?.trackBillPayPromoScheduleDemo(), P(!0);
+  }, X = _(
+    h.loggedInUserRoleMap
+  ), T = ee(
+    h.loggedInUserRoleMap
+  ) && !X, b = T ? l.setupNonAccessableUsersPromoText : l.promoText;
+  return /* @__PURE__ */ e.jsxs(ue, { children: [
+    q === !0 ? /* @__PURE__ */ e.jsx(
+      he,
+      {
+        onCancelClick: () => {
+          J(!1);
+        },
+        videoUrl: Z
+      }
+    ) : null,
+    K === !0 ? /* @__PURE__ */ e.jsx(
+      le,
+      {
+        onCancelClick: () => {
+          P(!1);
+        },
+        meetingUrl: F
+      }
+    ) : null,
+    /* @__PURE__ */ e.jsx(
+      re,
+      {
+        title: l.title,
+        onBackClick: N,
+        showBackButton: !se(h.loggedInUserRoleMap),
+        showMenuIcon: n === "small" || n === "medium-compact",
+        onClickMenuIcon: W,
+        source: "BillPayPromoPage"
+      }
+    ),
+    /* @__PURE__ */ e.jsxs(je, { windowSize: n, children: [
+      n === "small" ? /* @__PURE__ */ e.jsx(fe, { children: b }) : /* @__PURE__ */ e.jsx(ye, { children: b }),
+      n === "small" ? /* @__PURE__ */ e.jsx(ve, {}) : /* @__PURE__ */ e.jsx(Te, {}),
+      T === !1 ? /* @__PURE__ */ e.jsxs(we, { children: [
+        /* @__PURE__ */ e.jsxs($e, { windowSize: n, children: [
+          /* @__PURE__ */ e.jsx(
+            k,
+            {
+              variant: "secondary",
+              label: l.scheduleDemoButton,
+              onClick: Q,
+              "data-testid": B("billpay-schedule-demo-button")
+            }
+          ),
+          /* @__PURE__ */ e.jsx(Pe, { windowSize: n, children: l.orText }),
+          /* @__PURE__ */ e.jsx(
+            k,
+            {
+              variant: "primary",
+              label: l.setupBillPayButton,
+              loading: p?.fetchStatus.fetchState === "In-Progress",
+              onClick: G,
+              "data-testid": B("billpay-setup-button")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e.jsxs(Se, { children: [
+          l.terms.terms1,
+          /* @__PURE__ */ e.jsx(m, { href: i.consentUrl, linkText: i.consent }),
+          i.term2,
+          /* @__PURE__ */ e.jsx(m, { href: i.depositUrl, linkText: i.depositTerms }),
+          i.term3,
+          /* @__PURE__ */ e.jsx(
+            m,
+            {
+              href: i.privacyPolicyUrl,
+              onZeniLinkClick: () => (r?.trackBillPayPrivacyPolicy(), !0),
+              linkText: i.privacy
+            }
+          ),
+          i.term4,
+          /* @__PURE__ */ e.jsx(
+            m,
+            {
+              href: i.tosUrl,
+              onZeniLinkClick: () => (r?.trackBillPayAgreement(), !0),
+              linkText: i.tos
+            }
+          ),
+          i.term5,
+          l.terms.terms3
+        ] })
+      ] }) : null
+    ] })
+  ] });
+}, ve = () => {
+  const s = z(), r = f();
+  return /* @__PURE__ */ e.jsxs(L, { windowSize: r, children: [
+    /* @__PURE__ */ e.jsx(D, { windowSize: r, children: /* @__PURE__ */ e.jsx(H, { windowSize: r, children: s.mode === "dark" ? /* @__PURE__ */ e.jsx(
+      x,
+      {
+        src: I,
+        alt: "forecast-promo",
+        style: { width: "100%", height: "auto" },
+        loading: "lazy"
+      }
+    ) : /* @__PURE__ */ e.jsx(
+      x,
+      {
+        src: A,
+        alt: "forecast-promo",
+        style: { width: "100%", height: "auto" },
+        loading: "lazy"
+      }
+    ) }) }),
+    /* @__PURE__ */ e.jsxs(R, { windowSize: r, children: [
+      /* @__PURE__ */ e.jsxs(a, { windowSize: r, children: [
+        /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(O, {}) }),
+        /* @__PURE__ */ e.jsxs(d, { children: [
+          /* @__PURE__ */ e.jsx(y, { children: l.fullyManagedText.bold }),
+          /* @__PURE__ */ e.jsx(j, { children: l.fullyManagedText.regular })
+        ] })
+      ] }),
+      /* @__PURE__ */ e.jsxs(a, { windowSize: r, children: [
+        /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(E, {}) }),
+        /* @__PURE__ */ e.jsxs(d, { children: [
+          /* @__PURE__ */ e.jsx(y, { children: l.multiLevelApprovalText.bold }),
+          /* @__PURE__ */ e.jsx(j, { children: l.multiLevelApprovalText.regular })
+        ] })
+      ] }),
+      /* @__PURE__ */ e.jsxs(a, { windowSize: r, children: [
+        /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(V, {}) }),
+        /* @__PURE__ */ e.jsxs(d, { children: [
+          /* @__PURE__ */ e.jsx(y, { children: l.aiPoweredText.bold }),
+          /* @__PURE__ */ e.jsx(j, { children: l.aiPoweredText.regular })
+        ] })
+      ] })
+    ] })
+  ] });
+}, Te = () => {
+  const s = z(), r = f();
+  return /* @__PURE__ */ e.jsxs(L, { windowSize: r, children: [
+    /* @__PURE__ */ e.jsxs(R, { windowSize: r, children: [
+      /* @__PURE__ */ e.jsxs(a, { windowSize: r, style: { width: "376px" }, children: [
+        /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(O, {}) }),
+        /* @__PURE__ */ e.jsxs(d, { children: [
+          /* @__PURE__ */ e.jsx(u, { children: l.fullyManagedText.bold }),
+          /* @__PURE__ */ e.jsx(g, { children: l.fullyManagedText.regular })
+        ] })
+      ] }),
+      /* @__PURE__ */ e.jsxs(a, { windowSize: r, style: { width: "376px" }, children: [
+        /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(E, {}) }),
+        /* @__PURE__ */ e.jsxs(d, { children: [
+          /* @__PURE__ */ e.jsx(u, { children: l.multiLevelApprovalText.bold }),
+          /* @__PURE__ */ e.jsx(g, { children: l.multiLevelApprovalText.regular })
+        ] })
+      ] }),
+      /* @__PURE__ */ e.jsxs(a, { windowSize: r, style: { width: "376px" }, children: [
+        /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(V, {}) }),
+        /* @__PURE__ */ e.jsxs(d, { children: [
+          /* @__PURE__ */ e.jsx(u, { children: l.aiPoweredText.bold }),
+          /* @__PURE__ */ e.jsx(g, { children: l.aiPoweredText.regular })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsx(D, { windowSize: r, children: /* @__PURE__ */ e.jsx(H, { windowSize: r, children: s.mode === "dark" ? /* @__PURE__ */ e.jsx(
+      x,
+      {
+        src: I,
+        alt: "forecast-promo",
+        style: { width: "615px", height: "402px" },
+        loading: "lazy"
+      }
+    ) : /* @__PURE__ */ e.jsx(
+      x,
+      {
+        src: A,
+        alt: "forecast-promo",
+        style: { width: "615px", height: "402px" },
+        loading: "lazy"
+      }
+    ) }) })
+  ] });
+};
+export {
+  Ie as default
+};

package/dist/BillPaySetUpPage-BBoK3gyY.cjs

@@ -0,0 +1,42 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./vendor-.pnpm-CT-Z_-kn.cjs"),f=require("react"),x=require("@emotion/styled"),Ie=require("@zeniai/client-epic-state"),e=require("./index-DyoGf8RV.cjs");require("./SetUpAccountSection-COOG7m_m.cjs");const De=require("./UploadAdditionalDocumentOverlay-vDRkXkit.cjs"),o={titleWidth:new e.ResponsiveSized(343,580,726,826),setupDetailsRowGap:new e.ResponsiveSized(12,e.sp[5],e.sp[5]),sectionRowGap:new e.ResponsiveSized(e.sp[5],e.sp[9],e.sp[9]),lastSectionPaddingBottom:new e.ResponsiveSized(e.sp[7],e.sp[10],e.sp[10]),iconWidthHeight:new e.ResponsiveSized(20,e.sp[4]),subTitlePaddingTop:new e.ResponsiveSized(12,e.sp[3]),subTitlePaddingBottom:new e.ResponsiveSized(e.sp[3],e.sp[3]),overlayWidth:new e.ResponsiveSized(100,100,59)},J="billPaySetUpPage",I="billPayAccount",We=({billPaySetupView:t,isDisabled:P,billpayApprovalView:D,meetingUrl:b,showIntlWiseWidget:c,connectedAccountProvider:K,isAccountsEnabled:Q,isLocalCurrencyEnabled:X,analytics:m,filesEndPoint:Y,authParams:Z,accountsPromoConfig:ee,onBackClick:te,onBusinessVerificationSectionClick:ie,onSetupApprovalRulesSectionClick:ne,onFetchLinkTokenClick:oe,onEstablishConnectionClick:se,onEstablishConnectionSuccess:ae,onUpdatePrimaryFundingAccount:le,onUpdateAccountClick:ce,onUpdatePaymentAccountStatus:re,onUpdatePaymentAccountLoginStatus:de,onEnableBillPayClick:ue,onEnableBillPaySuccess:U,onClickMenuIcon:pe,onInternationPaymentSetUpClick:he,onEditFileName:fe,onDeleteFile:xe,updateFilesEntity:me,onCompanyOfficerUpdated:ge,onSendForVerificationClick:Se,onSignUpClick:ve})=>{const w=i.useTheme(),n=e.useWindowSizeContext(),[j,g]=f.useState(!1),q=f.useRef(null),{fetchState:u,updateStatus:S,accountUpdateStatus:ye,plaidConnectionDetails:W,allBankAccounts:Pe,companyBillPayInfo:R,isRefreshingViewInBackground:be,selectedCompanyOfficer:l,primaryFundingAccount:r,allFundingAccounts:$}=t,p=R?.internationalWireOnboardingStatus,A=p==null||p.code==="onboarding_status_not_started",{fetchState:L,allApprovalRules:T,approvalRulesStatus:we}=D,k=W.link_account.updateStatus,O=W.update_account.updateStatus,B=e.usePrevious(u),N=e.usePrevious(S.fetchState),M=e.usePrevious(k.fetchState),G=e.usePrevious(O.fetchState),v=i.useForm({mode:"all",reValidateMode:"onChange",defaultValues:f.useMemo(()=>F(t),[t]),values:F(t)});f.useEffect(()=>{!j&&l?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&l.areAdditionalDocumentsRequestedForVerification&&!l.areAdditionalDocumentsSubmittedForVerification&&l.userVerificationStatus?.code==="require_info"&&g(!0),j&&B==="In-Progress"&&u==="Completed"&&g(!1)},[l,u,B]),f.useEffect(()=>{(B==="In-Progress"&&u==="Completed"||M==="In-Progress"&&k.fetchState==="Completed"||G==="In-Progress"&&O.fetchState==="Completed")&&v.reset(F(t))},[B,u,v,t,M,k.fetchState,G,O.fetchState]);const je=v.handleSubmit(y=>{m.trackEnableBillPay(),ue()}),Re=async(y,E)=>{const s=E[I];if(y.includes(I)){if(y.includes("fundingAccount")){if(s.fundingAccount.selectedOption!=null&&r?.id!=s.fundingAccount.selectedOption){const h=$.find(_=>_.id===s.fundingAccount.selectedOption);h!=null&&le(s.fundingAccount.selectedOption,h.accType)}}else if(s.account.selectedOption!=null&&r?.id!=null&&r?.zeniAccountId!=s.account.selectedOption){const h=s.account.allOptions.find(_=>_.value===s.account.selectedOption);h!=null&&typeof h.label=="string"&&m.trackConnectBankLink(h.value,h.label,"bill_pay"),ce(s.account.selectedOption,r.id,r.accType)}}};f.useEffect(()=>{const y=v.watch((E,{name:s})=>{s!=null&&E!=null&&i.defer(()=>Re(s,E))});return()=>{y.unsubscribe()}}),f.useEffect(()=>{N==="In-Progress"&&S.fetchState==="Completed"&&U()},[U,N,S.fetchState]);const{commonSetUp:Ae,spendManagement:Te}=e.appLocale.getLocalizedStrings(),{setUp:d}=Ae,{billPaySetup:a}=Te.billPay,V=R?.isBusinessVerified===!0&&(r?.accType==="depositAccount"||Ie.isVerifiedPaymentAccountProviderStatusCode(r?.providerVerificationStatus?.code??"")),z=R?.isBillPayEnabled===!0,Be=V?d.setupVerifiedSubTitle:a.setupSubTitle,Ce=u==="In-Progress"||u==="Not-Started"||L==="In-Progress"||L==="Not-Started",C=w.mode==="light"?new i.Color(w.colors.brandColorJadeLight):new i.Color(w.colors.brandColorJadeDark),Ee=()=>{!j&&l?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&l.areAdditionalDocumentsRequestedForVerification&&!l.areAdditionalDocumentsSubmittedForVerification&&l.userVerificationStatus?.code==="require_info"?g(!0):ie?.()};return i.jsxRuntimeExports.jsxs(Oe,{ref:q,children:[i.jsxRuntimeExports.jsx(i.Drawer,{anchor:"right",PaperProps:{style:{width:o.overlayWidth.valuePercentage(n),boxShadow:"none"}},open:j,onClose:()=>g(!1),style:{backgroundColor:e.Colors.drawerBackground},transitionDuration:250,"data-testid":e.generateDataTestId("bill-pay-setup-drawer"),children:i.jsxRuntimeExports.jsx(De.UploadAdditionalDocumentOVerlay,{authParams:Z,filesEndPoint:Y,updateStatus:S,onEditFileName:fe,onDeleteFile:xe,updateFilesEntity:me,companyOfficer:l,onClose:()=>g(!1),onCompanyOfficerUpdated:ge,onSendForVerificationClick:Se})}),i.jsxRuntimeExports.jsx(e.NavBar,{title:a.setupTitle,style:{zIndex:3},onBackClick:te,showMenuIcon:!z&&(n==="medium-compact"||n==="small"),onClickMenuIcon:pe,scrollableContent:q,backgroundColor:w.colors.grey4,source:"BillPaySetUpPage"}),i.jsxRuntimeExports.jsxs(_e,{windowSize:n,children:[i.jsxRuntimeExports.jsx(ze,{windowSize:n,children:Be}),Ce?i.jsxRuntimeExports.jsx(Fe,{children:i.jsxRuntimeExports.jsx(e.ActivityIndicator,{size:"ExtraLarge",start:!0})}):i.jsxRuntimeExports.jsxs(ke,{children:[i.jsxRuntimeExports.jsx(i.FormProvider,{...v,children:i.jsxRuntimeExports.jsx("form",{id:H(J),onSubmit:je,children:i.jsxRuntimeExports.jsxs(He,{windowSize:n,children:[i.jsxRuntimeExports.jsx(e.SetUpDefaultSection,{onClick:Ee,title:d.businessVerificationTitle,subTitle:d.businessVerificationSubTitle,header:d.businessVerificationHeader,icon:{element:i.jsxRuntimeExports.jsx(e.SvgDocuments,{width:o.iconWidthHeight.valuePx(n),height:o.iconWidthHeight.valuePx(n)}),color:C},status:R?.businessVerificationStatus,isLoading:be,isActiveWhileLoading:!0}),i.jsxRuntimeExports.jsx(e.SpendMgmtSetupAccountSection,{connectedAccountProvider:K,primaryFundingAccount:r,allFundingAccounts:$,plaidConnectionDetails:W,allBankAccounts:Pe,sectionId:I,isDisabled:P,onFetchLinkTokenClick:oe,onEstablishConnectionClick:se,onUpdatePaymentAccountStatus:re,onUpdatePaymentAccountLoginStatus:de,onEstablishConnectionSuccess:ae,icon:{element:i.jsxRuntimeExports.jsx(e.SvgBankBuilding,{width:o.iconWidthHeight.valuePx(n),height:o.iconWidthHeight.valuePx(n)}),color:C},analytics:m,productType:"bill_pay",isAccountsEnabled:Q,onSignUpClick:ve,pageName:"Bill Pay Setup",accountsPromoConfig:ee}),i.jsxRuntimeExports.jsx(e.SetUpDefaultSection,{title:T.length>0?d.approvalTitle:d.createApprovalTitle,subTitle:a.approvalSubTitle,header:T.length>0?d.approvalHeader:d.setupApprovalHeader,icon:{element:i.jsxRuntimeExports.jsx(e.SvgLike,{width:o.iconWidthHeight.valuePx(n),height:o.iconWidthHeight.valuePx(n)}),color:C},style:{paddingBottom:o.lastSectionPaddingBottom.valuePx(n)},onClick:ne,status:T.length>0?we:void 0})]})})}),c===!0?i.jsxRuntimeExports.jsx(e.SetUpDefaultSection,{title:A?a.enableInternationalWireTitle:a.internationWireTitle,subTitle:a.internationalWireSubTitle2,header:a.internationalWireHeader,icon:{element:i.jsxRuntimeExports.jsx(e.SvgPaymentIntWire,{width:o.iconWidthHeight.valuePx(n),height:o.iconWidthHeight.valuePx(n)}),color:C},style:{paddingBottom:o.lastSectionPaddingBottom.valuePx(n)},isClickable:!0,onClick:()=>{A&&m.trackEnableIntlWire(X),he?.()},status:A?void 0:{name:p.name,code:p.code},statusInfoIcon:p?.code==="verification_pending"||p?.code==="verification_failed"?i.jsxRuntimeExports.jsx(e.Tooltip,{title:p.code==="verification_pending"?a.tooltipTexts.pendingInternationalVerificationText:a.tooltipTexts.internationalVerificationFailed,children:i.jsxRuntimeExports.jsx(Ve,{})}):void 0,shouldHover:!0,showRightArrow:A}):null]})]}),V&&!z&&T.length>0?i.jsxRuntimeExports.jsx(e.Footer,{formId:H(J),primaryBtn:{label:a.enableBillPay,style:{width:"auto",minWidth:n==="small"?"auto":"181px"},isLoading:S.fetchState==="In-Progress"||ye.fetchState==="In-Progress",isDisabled:P!=null},showCancel:!1,helperText:a.terms,cancelBtn:{label:""},style:{padding:`12px ${e.Space.sp3}`}}):null,i.jsxRuntimeExports.jsx(e.HelpButton,{isFooterRendered:V&&!z,meetingUrl:b,analytics:m,productType:"bill_pay"})]})},ke=x.div``,Oe=x.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${t=>t.theme.colors.grey4};
+  height: 100vh;
+  overflow-y: auto;
+`,Ve=x(e.SvgInfo)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  color: ${t=>t.theme.colors.hero};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`,ze=x(e.StandardRegular)`
+  color: ${t=>t.theme.colors.hero};
+  display: flex;
+  justify-content: center;
+  width: ${t=>o.titleWidth.valuePx(t.windowSize)};
+  padding-top: ${t=>o.subTitlePaddingTop.valuePx(t.windowSize)};
+  padding-bottom: ${t=>o.subTitlePaddingBottom.valuePx(t.windowSize)};
+  text-align: ${t=>t.windowSize==="small"?"initial":"center"};
+`,_e=x.div`
+  display: flex;
+  justify-content: flex-start;
+  flex-direction: column;
+  align-items: center;
+  row-gap: ${t=>o.setupDetailsRowGap.valuePx(t.windowSize)};
+`,Fe=x.div`
+  display: flex;
+  width: 100%;
+  height: calc(100vh - 110px);
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${t=>t.theme.colors.grey4};
+`,He=x.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t=>o.sectionRowGap.valuePx(t.windowSize)};
+`,F=t=>{const{allBankAccounts:P,allFundingAccounts:D,primaryFundingAccount:b}=t;return{[I]:{fundingAccount:{selectedOption:b?.id,allOptions:D.map(c=>({label:c.label,value:c.id,isRecommended:c.accType==="depositAccount"}))},account:{selectedOption:b?.zeniAccountId,allOptions:P.map(c=>({label:c.accountName,value:c.accountId}))}}}},H=t=>`${t}_form`;exports.default=We;exports.uniqueName=H;