@zeniai/web-components 3.16.61 → 3.16.62

package/dist/BillPayPromoPage-B2YcxWc9.js

@@ -1,293 +0,0 @@
-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 { dz as oe, u as f, aD as te, a as M, aE as le, B as k, j as B, eq as m, S as o, V as re, H as ie, P as U, E as ne, R as ae, C as w, ac as ce, a1 as de, o as pe, D as me } from "./index-Bi0bR3JC.js";
-import { M as xe } from "./MeetingCalenderPopup-BxV_UIXP.js";
-import { V as he } from "./VideoPopup-DJrQQTPq.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 ae(me[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(ie)`
-  max-width: 600px;
-  margin: auto;
-  padding: ${o.sp7} ${o.sp0};
-  color: ${(s) => s.theme.colors.primary};
-`, fe = t(re)`
-  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(pe)`
-  color: ${(s) => s.theme.colors.champion};
-`, u = t(de)`
-  color: ${(s) => s.theme.colors.champion};
-`, j = t(U)`
-  color: ${(s) => s.theme.colors.champion};
-`, y = t(ce)`
-  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(ne)`
-  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, Le = ({
-  billPaySetupView: s,
-  analytics: r,
-  meetingUrl: F,
-  videoUrl: Z,
-  onButtonClick: N,
-  onBackClick: W,
-  onSetupBillPaySuccess: $,
-  onClickMenuIcon: q
-}) => {
-  const h = oe(), n = f(), { billPayTermsDetails: p } = s, [G, 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: [
-    G === !0 ? /* @__PURE__ */ e.jsx(
-      he,
-      {
-        onCancelClick: () => {
-          J(!1);
-        },
-        videoUrl: Z
-      }
-    ) : null,
-    K === !0 ? /* @__PURE__ */ e.jsx(
-      xe,
-      {
-        onCancelClick: () => {
-          P(!1);
-        },
-        meetingUrl: F
-      }
-    ) : null,
-    /* @__PURE__ */ e.jsx(
-      le,
-      {
-        title: l.title,
-        onBackClick: W,
-        showBackButton: !se(h.loggedInUserRoleMap),
-        showMenuIcon: n === "small" || n === "medium-compact",
-        onClickMenuIcon: q,
-        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: N,
-              "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 {
-  Le as default
-};

package/dist/BillPayPromoPage-DOlceSq2.cjs

@@ -1,84 +0,0 @@
-"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-CSb-Shbe.cjs"),F=require("./MeetingCalenderPopup-BaqiRg27.cjs"),N=require("./VideoPopup-NvhlmHEt.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",_={midContainerMarginBottom:new t.ResponsiveSized(t.sp[5],44)},G=o.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  flex-direction: column;
-  background-color: ${s=>s.theme.colors.grey4};
-`,J=o.div`
-  padding: ${s=>s.windowSize==="small"?`${t.Space.sp0} ${t.Space.sp3}`:`${t.Space.sp0} ${t.Space.sp8}`};
-  text-align: center;
-`,K=o(t.H5Regular)`
-  max-width: 600px;
-  margin: auto;
-  padding: ${t.Space.sp7} ${t.Space.sp0};
-  color: ${s=>s.theme.colors.primary};
-`,Q=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=>_.midContainerMarginBottom.valuePx(s.windowSize)};
-`,X=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};
-`,Y=o(t.ExtraSmallRegular)`
-  margin: ${t.Space.sp3} auto;
-  max-width: 719px;
-  color: ${s=>s.theme.colors.hero};
-`,ee=o.div`
-  display: flex;
-  flex-direction: ${s=>s.windowSize==="small"?"column":"row"};
-  align-items: center;
-  justify-content: center;
-`,te=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,se=({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),P=j.hasBillPayAccess(m.loggedInUserRoleMap)&&!W,$=P?n.setupNonAccessableUsersPromoText:n.promoText;return e.jsxRuntimeExports.jsxs(G,{children:[O===!0?e.jsxRuntimeExports.jsx(N.VideoPopup,{onCancelClick:()=>{Z(!1)},videoUrl:A}):null,H===!0?e.jsxRuntimeExports.jsx(F.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(J,{windowSize:l,children:[l==="small"?e.jsxRuntimeExports.jsx(Q,{children:$}):e.jsxRuntimeExports.jsx(K,{children:$}),l==="small"?e.jsxRuntimeExports.jsx(oe,{}):e.jsxRuntimeExports.jsx(ne,{}),P===!1?e.jsxRuntimeExports.jsxs(X,{children:[e.jsxRuntimeExports.jsxs(ee,{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(te,{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(Y,{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]})]})},oe=()=>{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})]})]})]})]})},ne=()=>{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=se;

package/dist/BillPaySetUpPage-BWRcwlDF.cjs

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